body, html { 
	background: #6e6b5d;  /*716d5e*/  /*726f60*/  /*757263*/ /*767269*/
	font-family: Arial, Helvetica, san-serif;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size:90%;
	color:#dbd3b3;/*edebe5*//*e1dcce*/
}

#wrap { 
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/* THE BANNER IS THE IMAGE DESIGN ACROSS THE TOP
--------------------------------------------------------- */

#banner { 
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100px;
	margin: 0px;
	padding: 0px;
	background: url(/images/banner-grad.png) repeat-x;
	z-index: 10;
}

/* TITLE HAS URL AND HEADER TEXT
--------------------------------------------------------- */

#title {
	position: fixed;
	top: 15px;
	left: 45px;
	margin: 0px;
	padding: 0px;
	color: #FFC14F;
	text-align: left;
	z-index: 11;
}

#title h1 {
	font-size: 9px;
	font-weight: normal;
	text-align: left;
	padding: 0 0 10px 0;
	margin: 0;
	letter-spacing: 10px;
}

#title h2 {
	font-size: 18px;
	font-weight: normal;
	color: white;
	text-align: left;
	padding: 0;
	margin: 0;
	letter-spacing: 1px;
}

#title h3 {
	font-size: 10px;
	font-weight: normal;
	color: #dbd3b3;
	text-align: left;
	padding: 0;
	margin: 0;
	letter-spacing: 3px;
}

.caps {
	font-weight: bolder;
	color: #FFC14F;
	text-transform: uppercase;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:300;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:inherit;
}

a:hover {
	color: #FFC14F;
	text-decoration: none;
	font-weight:inherit;
}

a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:inherit;
}

/* MENU BOX AND STYLES ARE IN MENUV.CSS
--------------------------------------------------------- */
 


/* container is just a box around #sidebar and #content
to position them on the page
--------------------------------------------------------- */

/*#container {
	position: absolute;
	width: 800px;
	margin-top: 165px;
	margin-left: -400px;
	left: 50%;
	padding: 0;
}*/

#container {
	position: absolute;
	width: 800px;
	margin-top: -200px;
	margin-left: -400px;
	left: 50%;
	top:50%;
	padding: 0;
}


/* CONTENT BOX AND TEXT STYLES
--------------------------------------------------------- */

#content {
	position: absolute;
	top: 0;
	left: 245px;
	margin: 0;
	padding: 0;
	padding-bottom: 100px;
	font-size: 12px;
	text-align: left;
	clear:both;
}

#content1 { position:absolute; text-align:left; width:200px; height:330px; left:285px; padding:10px; border:1px solid #8b8670;}
#content2 { position:absolute; text-align:left; width:300px; height:330px; left:515px; padding:10px;  border:1px solid #8b8670;}

#content h1,
#content1 h1,
#content2 h1 {
	font-size: 14px;
	font-weight: bold;
/*	color: #b1ae9e;*/ /*d2c9a8*/
	margin: 0 0 5px 0;
	padding: 0;
	text-transform: uppercase;
}

#content h2,
#content1 h2,
#content2 h2 {
	font-size: 11px;
	font-weight: bold;
/*	color: #b1ae9e;*/ /*d2c9a8*/
	margin: 15px 0 7px 0;
	padding: 0px;
	text-transform: uppercase;
}
#content1 h1, #content2 h1 { color:#e2c577;}
#content1 h2, #content2 h2 { color:#e2c577; text-transform:lowercase;font-weight:normal; margin-top:0;}


#content2 h3.title {
font-size: 12px;
font-weight:normal;
}

#content2 h3.title {margin-bottom:0;padding-bottom:0;}
#content2 h3.title a:hover {font-weight:normal;}
#content2 p {margin-top:0;}

#content p {
	line-height: 18px;
	margin: 0 0 15px 0;
	padding: 0px;
}

#content p.tight {
	line-height: 12px;
	margin: 0 0 4px 0;
	padding: 0px;
}

#content ul {
/*	color: #282924;*/
	margin: 5px 0 20px 15px;
	padding: 0;
}


#content li {
	margin: 0 0 10px 0;
	display: block;
	list-style: none;
}

#content img {
	margin: 0 15px 15px 0;
	border: 1px solid #5e5b50; /*7E7E73 282924 */
	float: left;
}

#content #arrow_left { 
	margin: 11px 5px 0 0; 
	float: left;
	border: 0;
}

#content #arrow_right { 
	margin: 8px 5px 0 0; 
	float: left;
	border: 0;
}


#list {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 135px;
	top: 0px;
}

pre { 
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif; 
/*	color: #282924; */
	white-space: pre; 
}

/* CONTACT PAGE FORM
----------------------------------------------------------- */

#contactForm label.wideLabel {
width:10em;
float:left;
display:block;
margin-right:0.5em;
text-align:right;
}

#contactForm span.wideText {
margin-left:10.5em;
}

#contactForm textarea, #contactForm input {
background-color:#edece2;
border:1px solid #3c392f;
}

#contactForm .submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #eee2b1;
} 
/* Sidebar is currently on the left and withing the "container"
----------------------------------------------------------- */

#sidebar {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 15px 0 0;
	padding: 0;
	padding-bottom: 50px;
	width: 230px;
	text-align: left;
}

#sidebar h1 {
	font-size: 11px;
	font-weight: bold;
/*	color: #b1ae9e;*/ /*d2c9a8*/
	margin: 20px 0 5px 0;
	padding: 0;
	text-transform: uppercase;
}

#sidebar h2 {
	font-size: 11px;
	font-weight:300;
	text-align: left;
/*	color: #b1ae9e;*/ /*d2c9a8*/	
	text-transform: uppercase;
	margin: 5px 0 4px 0;
	padding: 0px;
}

#sidebar p {
	font-size: 12px;
/*	color: #282924;*/
	text-align: left;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}

#sidebar p.tight {
	line-height: 17px;
}

#sidebar img {
	border: none;
	margin: 0 3px 3px 0;
	padding: 0;
	float: left;
}

#sidebar ul, #sidebar ul li {
	font-size: 12px;
	margin: 0;
	padding: 0;
	display: inline;
	list-style: url(none) none;
}

#sidebar ul {
margin-bottom:20px;
}

#sidebar ul.hide, #content ul.hide {
	display: none;
}

#sidebar #archiveList {
position: relative;
}

#sidebar #archiveListMiddle {
position:absolute;
top:0;
left:70px;
}

#sidebar #archiveListRight {
position:absolute;
top:0;
left:140px;
}
	
/* FOOTER
----------------------------------------------------------- */

#footer {
	color: #58584D;
	position: fixed;
	width: 100%;
	height: auto;
	left: 0px;
	bottom: 0px;
	padding: 0;
	/*border-top: 1px #FCBE5D solid;*/
	background: url(/images/footer-grad.png) repeat-x bottom;
	text-align: right;
	z-index: 10;
}

#footer h2 {
	text-transform: uppercase;
	color: #4B4B41;
	font-size:9px;
	padding: 0;
	margin:50px 45px 5px 0;
	letter-spacing: 1px;
}

#footer p {
	text-transform: uppercase;
	color: #3f3f3d;/*4B4B41*/
	font-size:9px;
	padding: 0;
	margin:0 45px 0 0;
	letter-spacing: 1px;
}

#footer img {
	margin: 4px 0 0 0;
	padding: 0;
	display: inline;
}

#footer a:link {
	text-transform: uppercase;
	text-decoration: none;
	font-weight:inherit;
}

#footer p.fineprint {
letter-spacing:normal;
text-transform:none;
padding-top:3px;
padding-bottom:5px;
}

#logo {
position:fixed;
bottom: 100px;
right: 45px;
width:104px;
height:115px;
background:url(/images/studioABlogo.gif) no-repeat;
z-index:11;
}

/* HIDDEN DIVS
----------------------------------------------------------- */
#print_info, #buy_info, #signup {
	position: absolute;
	top: 150px;
	left: 150px;
	width: 300px;
	text-align: left;
	margin: 0;
	padding: 15px;
	visibility: hidden;
	color: #4B4B41;
	background-color: #bab8a9;
	border: 1px solid #68685F;
	filter:alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
	z-index: 80;
}

#print_info h1, #buy_info h1, #signup h1 {
	font-size: 14px;
	font-weight: bold;
	color: #282924;
	margin: 0 0 15px 0;
	padding: 0;
	text-transform: uppercase;
}

#print_info p, #buy_info p, #signup p {
	font-size: 12px;
	line-height: 135%;
	margin-top: 10px;
}

#IE6update {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%; /* this was 800px originally */
	background-color:#45433c; /**/
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	visibility:hidden;
}
#updatebox {
position:absolute;
width: 500px;
height: 300px;
top: 50%;
left: 50%;
margin-top: -190px;
margin-left: -200px;
padding: 10px;
border: 1px silver solid;
text-align:left;
}
	
/* LIGHTBOX CSS
----------------------------------------------------------- */

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

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #45433c; /**/
	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: 100; /* this was 10 originally */
	}
#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.png) left 85% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.png) right 85% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	color: #aeaca5;
	background-color: #45433c; /**/
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#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: 100%; /* this was 800px originally */
	background-color:#45433c; /**/
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}