/* @override http://laylafanucci.com/css/global2.css */

/* @override http://laylafanucci.com/css/global2.css */


body {background-color: #131313; margin: 0;}

#horizon        
	{
	background-color: #131313;
	text-align: left;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}

#content    
	{background-color: #0C0C0C;
	margin-left: -378px;
	position: absolute;
	top: -251px;
	left: 50%;
	width: 755px;
	height: 503px;
	visibility: visible
	}

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 755px;
} 
#inner {
width: 755px;
height: 503px;
text-align: center;
margin-left:auto;
margin-right:auto;
border:0px solid #000;
}

.centered {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 50%;
  margin: auto;
} 

#logo{float: left; border-left: 1px solid #666; background-color: #131313;}
#music{float: left; padding-left: 0px; border-left: 1px solid #666; background-color: #131313;}
#copyright{float: left; background-color: #131313; }

.bio {
	float: left;
	width: 83px;
	height: 23px;
	border: 0 px solid;
	background:  url(../images/bio_btn.gif) no-repeat 0 0px;
}

a.bio:link, a.bio:visited, a.bio:active {
	text-decoration: none;
	background:  url(../images/bio_btn.gif) no-repeat 0 0px;	
}

a.bio:hover {
	background:  url(../images/bio_btn.gif) no-repeat -83px 0px;
}

.cityscapes {
	float: left;
	width: 140px;
	height: 23px;
	border: 0 px solid;
	background:  url(../images/cityscapes_btn.gif) no-repeat 0 0px;
}

a.cityscapes:link, a.cityscapes:visited, a.cityscapes:active {
	text-decoration: none;
	background:  url(../images/cityscapes_btn.gif) no-repeat 0 0px;	
}

a.cityscapes:hover {
	background:  url(../images/cityscapes_btn.gif) no-repeat -140px 0px;
}

.selected {
	float: left;
	width: 199px;
	height: 23px;
	border: 0 px solid;
	background:  url(../images/selected_btn.gif) no-repeat 0 0px;
}

a.selected:link, a.selected:visited, a.selected:active {
	text-decoration: none;
	background:  url(../images/selected_btn.gif) no-repeat 0 0px;	
}

a.selected:hover {
	background:  url(../images/selected_btn.gif) no-repeat -199px 0px;
}

.contact {
	float: left;
	width: 121px;
	height: 23px;
	border: 0 px solid;
	background:  url(../images/contact_btn.gif) no-repeat 0 0px;
}

a.contact:link, a.contact:visited, a.contact:active {
	text-decoration: none;
	background:  url(../images/contact_btn.gif) no-repeat 0 0px;	
}

a.contact:hover {
	background:  url(../images/contact_btn.gif) no-repeat -121px 0px;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
	margin: 0 auto;
	line-height: 17px;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #000000; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

#mainContent{float: left; width: 755px; font: normal 11px/17px Arial, Helvetica, sans-serif; color: #fff;}
#subContent{float: left; width: 407px;}

#leftCont{float: left; width: 300px; height: 400px; padding-right: 20px;}
#rightCont{float: left; width: 407px; height: 330px; padding: 25px 0 ; background-color: #0C0C0C;}

#leftContAlt{float: left; width: 250px; height: 600px; padding-right: 20px; padding-top: 30px; background-color: #131313; border-right: 1px solid #333;}
#leftContAlt a.posterTitle{display: block; padding-left: 30px; padding-bottom: 15px;}
#leftContAlt a.posters{display: block; padding: 0 0px 10px 30px; color: #fff; text-transform: uppercase; font: bold 1.1em/1.4em Arial, Helvetica, sans-serif;}
#leftContAlt a.posters:hover{color: #FF6600; text-decoration: none;}
#leftContAlt a.posterName{display: block; padding: 0 0px 5px 50px; color: #999; text-transform: uppercase; font: normal 1em/1.4em Arial, Helvetica, sans-serif;}
#leftContAlt a.posterName:hover{color: #FF6600; text-decoration: none;}
#rightContAjax{float: left; width: 462px; height: 600px;padding-right: 20px; padding-top: 30px;  border-right: 1px solid #131313;}

#psterHome{float: left; width: 390px; padding-left: 40px;}
#psterHome a.thethumb{float: left;
	width: 128px;
	height: 96px;
	padding: 5px;
	border: 0 px solid;
	background:  url(../images/thumb_btn.gif) no-repeat 0 0px; margin: 0 30px 25px 0;}

a.thethumb:link, a.thethumb:visited, a.thethumb:active {
	text-decoration: none;
	background:  url(../images/thumb_btn.gif) no-repeat 0 0px;	
}

a.thethumb:hover {
	background:  url(../images/thumb_btn.gif) no-repeat -138px 0px;
}

#posterHolder{float: left; width: 440px; padding-left: 20px;}
#posterHolder h1{text-align: right; margin-bottom: 20px; width: 440px; font: normal 1.8em/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #FF6600; text-transform: uppercase;}
#posterHolder .info{float: right;  clear: both;margin-left: 200px; position: relative; bottom: -20px;}
#posterHolder .info h3{ text-align: right;padding: 0 0px 0px 0; color: #fff; text-transform: uppercase; font: bold 1.1em/1.4em Arial, Helvetica, sans-serif;}
#posterHolder .info p{text-align: right;padding: 0 0px 10px 0; color: #999; text-transform: uppercase; font: normal 1em/1.4em Arial, Helvetica, sans-serif;}
#posterHolder a.posters_order{text-align: right;padding: 0 0px 10px 0; color: #FF6600; text-transform: uppercase; font: bold 1em/1.8em Arial, Helvetica, sans-serif; clear: both; display: inherit; }
#posterHolder a.posters_order:hover{color: #FF6600; text-decoration: none;}

#psterHome h3{line-height: 1.8em; margin-bottom: 10px; clear: both;}
#psterHome h3.posterSect{font-size: 1.4em; color: #ff6600; font-weight: ;}
#psterHome a{color: #ff6600;}
#psterHome h3 span.option{display: block; font: bold 1.1em/1.8em Arial, Helvetica, sans-serif; color: #ff6600;}
#psterHome div.address p{font: normal 1.2em/1.4em Arial, Helvetica, sans-serif; padding: 0px 0px 15px 30px; font-style: italic;}