/* shw_global.css (c)2008 SugarHill Works LLC - http://www.sugarhillworks.com */

* {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border: none;
	outline: none;
}


a { color: #000; cursor: pointer; }
a:hover { color: #666; } 
a:visited { color: #000; }
a:active { color: #666; }
a[href="#"] { cursor: pointer; }

body {
	background-color: #FFF;
	color: #000;
	font-size: small;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
* html body { 
	font-size: 90%;
}

.noJS {
	font-weight: bold;
	color: #000;
}

/* to fix FF3 buggy rollovers; add specific page ID plus a:hover property */
/*#home a:hover { color: #666; }
#portraits1 a:hover { color: #666; }
#portraits2 a:hover { color: #666; }
#fashion1 a:hover { color: #666; }
#bio a:hover { color: #666; }
#contact a:hover { color: #666; }*/

/* ---------------- main container ---------------- */

#ceibw { 
	position: relative;
	margin: 0px auto 0px 0px;
	width: 1000px; 
	height: 630px;
	font-size: 95%;
	text-align: left;
	overflow: visible;
	z-index: 100;
}

#hdr { 
	background-color: #FFF;
	position: absolute;
	top: 20px;
	left: 25px;
	width: auto;
	height: 50px;
}
#hdr h1 { 
	margin: 0px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1em;
	color: #000;
}
#hdr h3 { 
	margin-top: 10px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1em;
	color: #666;
}

.glass  { /* extra div is for overlay */ 
	background: none;
	position: absolute;
	top: 88px;
	left: 220px;
	width: 780px;
	height: 502px;
	z-index: 999;	
}
.glass:hover {
	cursor: pointer;
}
/* ------------------ portfolio pages & home -------------------- */

#ss_div { 
	position: absolute;
	top: 88px;
	left: 220px;
	width: 780px;
	height: 502px;
	z-index: 900;
}
#ss_p { 
	position: relative;
	width: auto;
	height: auto;
	min-height: 500px;
	margin: 0 auto;
	z-index: 910;
}
#ss_div #ss_p img {
	position: absolute;
	top: 0px;
	left: 0px;
	border: #FFF solid 0px;
	padding: 1px;
	margin: 0px;
	z-index: 920;
}

/* ------------- thumnails layout ------------ */

#thms_div { 
	background: #FFF;
	position: absolute;
	top: 88px; 
	left: 220px;
	width: 780px; 
	height: auto;
	min-height: 542px;
	overflow: visible;
	visibility: visible;
	display: block;
	z-index: 1000;
}
#thms_div div {
	float: left;
	width: 155px;
	height: 155px;
	text-align: left;
	visibility: visible;
	z-index: 1010;
}
#thms_div div a img {
	border: #FFF solid 1px;
}
#thms_div div img:hover {
	border: #666 solid 1px;
}

* html #thms_div { /* IE6 min-height fix */
	height: 542px;
}

/* ------------- title & nav arrows --------------- */
#main_nav { 
	position: absolute;
	top: 610px;
	left: 220px;
	width: 500px;
	height: 20px;
	text-align: center;
	font-size: 100%;
	overflow: visible;
	z-index: 950;
}
#main_nav #title_cntr { 
	position: absolute;
	top: 0px;
	left: 90px;
	width: 450px;
	height: 20px;
	text-align: left;
	font-size: 100%;
	color: #000;
}
#main_nav #title_cntr .title_txt { 
	position: absolute;
	left: 0px; /* this rule makes IE6 layout correctly */
	top: 0px;
	width: 450px;
	height: auto;
	text-align: left;
	font-style: italic;
	z-index: 950;
}
/*#main_nav #nav_nums {  unused, but leave in case added later 
	position: absolute;
	left: 10px;
	width: 50px;
	text-align: center;
	font-size: 90%;
	z-index: 960;
}*/
#main_nav #navArwL_div { 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	text-align: left;
	z-index: 970;
	filter: progid:dximagetransform.microsoft.alpha(opacity=99);
}
#main_nav #navArwR_div { 
	position: absolute;
	top: 0px;
	left: 30px; /* was 40px */
	width: 10px;
	text-align: right;
	z-index: 970;
	filter: progid:dximagetransform.microsoft.alpha(opacity=99);
}

/* ---------------- slideshow restart cntr ---------------- */
#rsd {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 1.5em;
	color: #CCC;
	z-index: 999;
}
#rsd p {
	position:relative;
 	top: 40%;
	width: 75%;
	margin: 0 auto;
}

/* --------------- text content ---------------- */

#main_cnt { 
	position: absolute;
	top: 88px;
	left: 220px;
	width: 780px;
	height: 502px;
	font-size: 105%;
	border: #FFF solid 1px;
	z-index: 900;
}
#main_cnt p {
	margin: 10px 15px;
}
#main_cnt p .date { 
	float: left;
	width: 80px;
}

.italic {
	font-style: italic;
}
.txt_hdr {
	text-decoration: underline;
	font-size: 90%;
}

/* ---------------- copyright info ----------------- */
#copy { 
	position: fixed;
	bottom: 0px;
	right: 15px;
	width: 385px;
	height: 20px;
	text-align: right;
	z-index: 10;
}
#copy p {
	position: relative;
	/*bottom: 10px;*/
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: right;
	color: #666;
	font-size: 70%;
}
/*IE7 HACK
#copy p { *width: 980px; *left: 20px; }*/
	
#copy p a {
	color: #666;
	font-style: normal;
}
#copy p a:hover { color: #999; }

/* IE6 & 7 hack */
#copy { 
	*position: absolute;
	*bottom: 0px;
	*height: 20px;
}