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

* {
	margin: 0px;
	padding: 0px;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 11px;
	/*letter-spacing: 1px;*/
	text-decoration: none;
	border: none;
	outline: none;
}

* html {
	
}

div { border: none; }
p { border: none; }


a { color: #999; cursor: pointer; }
a:hover { color: #FFF; }
a:visited { color: #999; }
a:active { color: #FFF; }
a[href="#"] { cursor: default; }
#ss_p a:hover { cursor: pointer; }

body {
	background: #191919;
	color: #999;
}
/* ---------------- main container ---------------- */
#ceibw { 
	position: relative;
	margin: 3px auto 0px auto; /*conditionally adj in siteSettings*/
	width: 650px; 
	height: 615px; 
	overflow: visible;
	z-index: 100;
}

/* ----------------- name & menu info ------------------- */
#hdr {
	position: relative;
	top: 0px;
	width: 100%;
	height: 25px;
	margin: 0px auto;
	opacity: .99;
	-moz-opacity: .99;
	filter: alpha(opacity=99);
	z-index: 500;
}

#hdr_p { 
	float: left;
	width: 230px;
	height: 25px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	overflow: hidden;
	z-index: 410;
}
#hdr_p a {
	display: block;
	height: 25px;
	width: 230px;
	overflow: hidden;
}
#hdr_p img {
	margin-top: 2px;
}


/* ---------------- main image goes here ------------------ */
#main_div {
	background-color: #191919;
	position: relative;
	top: 0px;
	width: 100%;
	height: 566px; 
	font-size: small;
	z-index: 220;
	overflow: hidden;
}

#ss_p {
	position: absolute;
	top: 9px;
	left: 0px;
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	z-index: 300; /*240*/
	visibility: visible;
}

#ss_p img {
	position: relative;
	margin: 0 auto;
	}


/* ------------- triptych layout ------------- */
#full_scr_cntr {
	background: none;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: 990;
	visibility: hidden;
	overflow: hidden;
}
#oSize_bg {
	background: #000;
	opacity: .85;
	-moz-opacity: .85;
	filter: alpha(opacity=85);
	position: relative;
	top: 0px;
	width: 0px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	z-index: 992;
}	
#oSize_cntr {
	background: none;
	position: relative;
	width: 0px; 
	height: 0px; /*gets set in shwFade_lb.js  ...maybe*/ 
	margin: 0 auto;
	padding: 0;
	z-index: 994;
	overflow: hidden;
}
#oSizeImg {
	position: absolute;
	top: 0px;
	margin: 0 auto;
	z-index: 996;
}

#oSize_x {
	background: none;
	position: absolute;
	top: 48%;
	right: 60px;
}
#oSize_x a {
	font-weight: bold;
	font-size: 12px;
	color: #999;
	cursor: pointer;
}
#oSize_x a:hover { color: #FFF; }
#oSize_x a:visited { color: #999; }
#oSize_x a:active { color: #FFF; }
#oSize_x a[href="#"]:hover { color: #FFF; }
#oSize_x a[href="#"]:hover { cursor: default; }


/* ------------- statement layout ------------ */
#stmt_bg {
	background: #343434;
	opacity: .95;
	-moz-opacity: .95;
	filter: alpha(opacity=95);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 310;
}

#stmt {
	background: none;
	position: absolute;
	top: 40%;
	margin: -17% 15% auto 15%;
	color: #AAA;
	font-size: small;
	font-size: 90%;
	text-align: justify;
	line-height: 1.3em;
	z-index: 320;
	visibility: visible;
}
#stmt h3 {
	width: auto;
	text-align: center;
	font-size: 95%;
	font-weight: normal;
	letter-spacing: 1px;
}

#stmt_x {
	background: none;
	position: absolute;
	top: 18px;
	right: 13px;
	visibility: visible;
}
#stmt_x a {
	font-weight: bold;
	font-size: 12px;
	color: #DDD;
	cursor: pointer;
}
#stmt_x a:hover { color: #FFF; }
#stmt_x a:visited { color: #DDD; }
#stmt_x a:active { color: #FFF; }
#stmt_x a[href="#"]:hover { color: #FFF; }
#stmt_x a[href="#"]:hover { cursor: default; }



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

#thms_div { background: none;
	position: relative;
	top: 10px; /* NOTE: thms_div top position gets overwritten by siteSettings.js */
	width: 650px; /* NOTE: thms_div width gets overwritten by siteSettings.js */
	height: 545px; /* NOTE: thms_div height gets overwritten by siteSettings.js */
	overflow: auto;
	visibility: visible;
	margin: 0;
	padding: 0;
	z-index: 230;
}
#thms_tbl { background: none;
	border-spacing: 0px;
	border-collapse: collapse;
	position: relative;
	width: 590px;
	height: auto;
	text-align: center;
	margin: 0px auto 0px 30px; /* 30 incl img padding */
	padding: 0;
	overflow: visible;
	visibility: visible;
	z-index: 233;
}
#thms_ws {
	background: #191919;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 555px; /* 564px; */
	z-index: 235;
}
#thms_tbl tr td {
	 /*the width is set in shwFade_lb.js */
	margin: 0 auto;
	padding: 8px 0px 8px 0px;
	visibility: visible;
}
#thms_tbl tr.lastrow td{ 
	margin: 0 auto;
	padding: 8px 0px 0px 0px;
}
#thms_tbl tr.lastrow td a{ 
	margin: 0;
	padding: 0;
}
#thms_tbl tr.lastrow td a img { 
	margin: 0 ;
	padding: 0;
}
#thms_tbl td.blank_thm {
	margin: 0 auto;
}


/******************************************************************************/
/******************         PORTFOLIO SECTION         *************************/
/******************************************************************************/
 
/* ---------------- now showing portfolio name ------------------ */
#ftr { 
	position: relative;
	top: 0px;
	width: 100%;
	height: 25px;
}

#gTitle {background: none;
	position: relative;
	top: 5px;
	width: auto;
	height: 20px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	text-align: right;
	display: inline;
}

/* ---------------- now showing image number ------------ */
#navnums { background: none;
	position: absolute;
	top: 5px;
	width: auto;
	height: 20px;
	text-align: right;
	display: inline;
}

/* ----------------- next/back arrows ----------------- */
#arwL_div {
	position: absolute;
	top: 5px;
	right: 25px;
	width: auto;
	height: 20px;
	overflow: hidden;
	z-index: 510;
}
#arwR_div {
	position: absolute;
	top: 5px;
	right: 0px;
	width: auto;
	height: 20px;
	overflow: hidden;
	z-index: 510;
}

/* --------------- toggle thumbs link ---------------- */
#toThms {
	position: absolute;
	top: 5px;
	right: 55px;
	width: auto;
	height: 20px;
	overflow: hidden;
	z-index: 510;
}

/* --------------- toggle stmt link ---------------- */
#toStmt {
	position: absolute;
	top: 5px;
	right: 85px;
	width: auto;
	height: 20px;
	overflow: hidden;
	z-index: 510;
	visibility: hidden;
}

/* --------------- toggle enlg link ---------------- */
#toEnlg {
	position: absolute;
	top: 5px;
	right: 115px;
	width: auto;
	height: 20px;
	overflow: hidden;
	z-index: 510;
	visibility: hidden;
}

/* ---------------- copyright info ----------------- */
#copy {
	position: fixed;
	bottom: 0px;
	width: 480px;
	height: 18px;
	margin: 0px 50%;
	left: -240px;
	text-align: center;
	z-index: 0;
}
* html #copy {
	position: absolute;
}

#copy.credits span, #copy.credits a  {
	font-size: 90%;
}

#copy p { 
	position: relative;
	bottom: 0px;
	width: 480px;
	height: 18px;
	margin: 0px auto;
	text-align: center;
	color: #444;
}

#copy p a {
	color: #444;
	font-style: normal;
}
#copy p a:hover { color: #666; }

/* ---------------- SHW webmark ------------------ */
#shwFtr {
	position: absolute;
	right: 10px; /*position gets overwritten by siteSettings make_shwFtr function*/
	bottom: 5px;
	height: 16px;
	width: 22px;
	text-align: center;
	font-size: 9px;
	overflow: hidden;
	color: #555;
	z-index: 0;
}
#shwFtr a img {
	padding: 0px 0px;
	border: none;
}