/* MAIN STYLE */

/**{margin:auto; padding:0}*/

/*body{background:url(back.png) top repeat-x #000000; color:#bbb;font:80% georgia,serif;  margin: 0px auto;}*/

#main-wrapper {font-size: 1.1em; display: block; margin: 0px auto; margin-top: 0px; width: 890px;}

#header {float: left; padding:5px 10px; margin-left: 65px;}

/*
#nav {padding:2px 10px; margin-top: 10px;}
#nav ul {text-align: left; margin:0; margin-left: 105px; padding:0; list-style:none;}
#nav li {
	display:inline;
	margin:0;
	padding:30 0 0 0;
}*/
	
	
/*h1,h2{font:bold 90% georgia, serif; letter-spacing:3px; text-transform:uppercase;}
a{color:#FFFFCC; text-decoration:none;outline:none;}
a:hover{color:#FFFFCC; }*/
.caption{color:#888; position:absolute; top:390px; left:50px; width:200px;}

#galleryFaces li {
    display: block;
    float: left;
    height: 141px;
    width: 192px;
	/*margin: 0px 5px;*/
}
#galleryFaces {
    margin: 0px auto;
    padding: 0px 0px 0px 100px;
    width: 960px;
}
#galleryFaces a {
    background: url("../images/hover_bg2.png") repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    display: block;
    height: 90px;
    padding-top: 51px;
    width: 192px;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	outline: none;
}
.gf_Pandora { background: url("../img/gallery_luna.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
.gf_Kelly { background: url("../img/gallery_kelly.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
.gf_LitterA { background: url("../img/gallery_littera.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
/*.gf_Brando { background: url("../img/gallery_brando.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
.gf_Pax { background: url("../img/gallery_pax.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } */
.gf_Tara { background: url("../img/gallery_tara.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }


#galleryFaces  a.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 5px solid #ffffcc;
    cursor: pointer;
    height: 85px;
    text-decoration: none;
}

#galleryFaces a.active:hover {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	outline: none;
}

#galleryFaces a:hover {
    background: url("../images/hover_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 5px solid #ffffcc;
    cursor: pointer;
    height: 85px;
    text-decoration: none;
	text-indent: 0px;
}


/* CONTENT */ 
#content-container {
	margin-top: 20px;
	float: left;
	width: 890px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-bottom: 20px;
}
#prev {float: left; width: 70px; margin: 220px 0; display: inline;}
#demo{float: left; width: 750px; padding: 0px; padding-bottom: 30px; margin: 0px;}
#next{float: right; width: 70px; margin: 220px 0; display: inline;}

/* THUMBS */
.galleria{list-style:none; width:750px; margin-top: 28px; padding-top:80px;}
.galleria li{display:block;width:76px;height:45px;overflow:hidden;float:left;margin:80px 0px 10px 0px}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:2em}
* html .galleria li div span{width:400px} /* MSIE bug */

/* FRAME */
.demo{float: left;width: 750px; margin:0 auto; padding-bottom: 120px; padding-top:90x;}
.gallery_demo{width:750px; margin:5px auto; padding: 40px 0px;}
.gallery_demo li{width:61px; height:50px;  margin:0 auto; padding: 3px 7px; background:#000;}
.gallery_demo li div .caption{ font:italic 0.7em/1.4 georgia,serif;}

/* MAIN IMAGE */
#main_image{margin:0 auto; height:500px; width:750px; /*background:black;*/}
#main_image img{margin-bottom:20px; height:500px;}


.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
.info{text-align:left;width:950px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}

/* FOOTER */
#footer{/*clear:*/ left;margin: 30px 70px 0px 70px;text-align: left;border-top: dotted 1px #333;padding: 20px;height: 1%; font-size: 85%;}
