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

* {
	margin: 0px;
	padding: 0px;
	font-family: "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	text-decoration: none;
	border: none;
	outline: none;
}

* html {
	
}

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


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

.hdg {
	font-weight: bold;
	letter-spacing: 2px;
}

body {
	margin: 0px;
	padding: 0px;
	background: #FFF;
	color: #666;
}
/* ---------------- main container ---------------- */
#ceibw {
	position: relative;
	margin: 24px auto 0px auto;
	width: 960px; 
	height: 655px; 
	overflow: visible;
	z-index: 100;
}

/* ---------------- slideshow container ---------------- 
#xfsoContainer {
	position: relative;
	visibility: visible;
	margin: 0px auto;
	width: 900px; 
	text-align: center;
	border: none;
	z-index: 120;
}

 #xfsoContainer img {
	position: absolute;
	visibility: hidden;
	margin: 0 auto;
}

*/

/* ---------------- main image goes here ------------------ */
#main_div {
	position: relative;
	top: 0px;
	left: 20px;
	width: 100%;
	height: 510px;
	z-index: 900;
}
/*main_p only used in news page*/
#main_p {
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	z-index: 910;
}

/* ----------------- name & menu info ------------------- */
#hdr {
	position: relative;
	top: 15px;
	width: 380px;
	height: auto/*48px*/;
	text-align: center;
	margin: 0px auto;
	z-index: 500;
}
#splash #hdr {
	top: 70px;
	height: 90px;
	width: 680px;
}
#hdr_p {
	width: 100%;
	height: 20px;
	margin: 0px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #333;
	z-index: 410;
}
#hdr_p img.logo {
	position: relative;
	top: -15px;
	left: 95px;
	border: none;
	padding: 3px 0px;
}
#splash #hdr_p {
	float: left;
	width: 50%;
	height: 60px;
	padding: 20px 45px 10px 0px;
	text-align: left;
	border-right: #CCC solid 1px;
}
/* ------- galleries menu ---------- */
#splash #ceibw #hdr ul {
	position: absolute;
	top: 16px;
	left: 446px;
	width: 170px;
	height: 50px;
}
#splash #ceibw #hdr ul li {
	margin: 0;
	width: auto;
	height: 14px;
	overflow: visible;
	padding: 1px 0 0 0;
}
#splash #ceibw #hdr ul li a {
	padding: 1px 10px 0px 10px;
}



/* ----------------- encloses all nav info ----------------- */
#ftr {
	position: relative;
	top: 10px;
	width: 100%;
	height: 120px;
	text-align: left;
	overflow: hidden;
	z-index: 300;
}
#ftr p {
	width: auto;
	height: 20px;
	z-index: 310;
}
#news #ceibw #ftr.main,
#bio #ceibw #ftr.main,
#contact #ceibw #ftr.main {
	top: 156px;
}

#ftr.main { /* conditional comments in index pages to fix IE bug; position is -12 from the normal position */
	position: relative;
	top: 166px;
	height: auto/*48px*/;
	text-align: center;
	color: #AAA;
	overflow: visible;
}
#ftr.main ul#listMenuRoot {
	list-style: none;
	padding-top: 10px;
}
#ftr.main ul li ul {
	position: relative;
	top: 1px;
	margin: 0px 0px 3px 0px;
	list-style: none;
	text-align: center;
}
#ftr.main ul li ul li {
	display: inline;
	padding: 0px 5px;
}
#ftr.main ul li ul li a {
	padding: 1px 10px 0px 10px; /* this style helps vertically center the text in the background color */
	overflow: hidden;
}
#ftr.main p.copy { 
	border-top: #CCC solid 1px;
	padding: 3px 10px 0px 10px;
	text-align: center;
	font-size: 9px;
	letter-spacing: 1px;
}
#ftr.main p.copy a {
	color: #AAA;
	font-size: 9px;
	letter-spacing: 1px;
}
#ftr.main p.copy a:hover { color: #666; }
#ftr.main p.copy a:visited, #ftr.main p.copy a:active { color: #AAA; }
/* ---------------- highlights "now showing" main menu item ----------------- */

.home a:hover { background: #999; color: #FFF; }
.news a:hover { background: #999; color: #FFF; }
.bio a:hover { background: #999; color: #FFF; }
.cont a:hover { background: #999; color: #FFF; }
.eml a:hover { background: #999; color: #FFF; }

#splash #ftr.main ul li ul li.home a { background: #999; color: #FFF; }
#contact #ftr.main ul li ul li.cont a { background: #999; color: #FFF; }
#news #ftr.main ul li ul li.news a { background: #999; color: #FFF; }
#bio #ftr.main ul li ul li.bio a { background: #999; color: #FFF; }












/******************************************************************************/
/******************         gallery SECTION         *************************/
/******************************************************************************/
 
/* ---------------- now showing gallery name & home link ------------------ */
#mainNav_div { 
	position: absolute;
	top: 1px;
	left: 53px;
	width: 855px;
	height: 20px;
	overflow: hidden;
	z-index: 320;
	vertical-align: top;
	float: left;
}

#mainNav_div div {
	float: left;
}

#mainNav_div a.mNavArw {
	visibility: hidden;
	font-weight: bold;
	font-size: 13px;
	position: relative;
	vertical-align: top;
	position: relative;
	top: -2px;
}


#zoomLnk_div {
	position: absolute;
	top: 0px;
	width: 100px;
	left: 778px;
	z-index: 500;
}

#zoomLnk_div ul {
	position: absolute;
	width: 170px;
	margin: 0;
}

#zoomLnk_div ul li {
	display: inline;
	margin: 1px 10px 0px 10px;
}
#zoomLnk_div ul li a {
	letter-spacing: 1px;
	padding: 1px 10px 0px 10px;
}



/* ----------------- next/back arrows ----------------- */
#arwL_div {
	position: absolute;
	top: 67px;
	left: 15px;
	z-index: 510;
}
#arwR_div {
	position: absolute;
	top: 67px;
	right: 15px;
	z-index: 510;
}


/* ---------------- clear floats ---------------- */
.clr {
	clear: both;
	height: 1px;
	width: 100%;
	overflow: hidden;
    font-size: 1px;
    line-height: 0px;
}

/* ----------------- thumbnails ----------------- */
#thms_div {
	position: absolute;
	top: 553px;
	left: 50px;
	width: 880px;
	height: 80px;
	letter-spacing: 0px;
	overflow: hidden; 
	z-index: 400;
}
#thms_p {
	position: relative;
	margin: 0px 0px 0px 3px;
	width: 880px;
	text-align: left;
	overflow: hidden;
	z-index: 410;
}
#thms_div img {
	margin: 0px 3px 0px 0px;
	padding: 0px 0px;
	border: #CCC solid 1px;
	z-index: 420;
	/* force thumbnail size */
	width: 78px;
	height: 78px;
}
* html #thms_div img {
	margin: 0px 1px; /* fix for IE extra spacing problem */
}

#thms_div a { overflow: hidden; }
#thms_div a:hover img { border-color: #CCCCCC; }
#thms_div a:hover { color: #CCCCCC;}
#thms_div a:hover img.arw { border-color: #FFFFFF; }


#gallery #ceibw #hdr #hdr_p {
	position: relative;
	top: -13px;
}


#gallery #ceibw #zoomTip {
	position: absolute;
	font-size: 10px;
	font-family:  Arial, Helvetica, sans-serif;
	background: #FFF;
	z-index: 500;
	color: #000;
	opacity: .85;
	MozOpacity: .85;
	filter:progid:dximagetransform.microsoft.alpha(opacity=85);
	border: #999 thin solid;
	text-align: center;
	/*default script styles*/
	top: 522px;
	left: 872px;
	height: 0px;
	width: 0px;
	overflow: hidden;
	visibility: hidden;
}
#gallery #ceibw #zoomTip p {
	margin: 7px auto 3px auto;
	font-size:10px;
}	
#gallery #ceibw #zoomTip ul {
	background:#FFF;
	position:relative;
	width:170px;
	line-height:9px;
	margin: 0px auto 5px auto;
	text-align:left;
	color: #333;
	vertical-align: middle;
}
#gallery #ceibw #zoomTip ul li {
	font-size: 10px;
	font-family:  Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	vertical-align: middle;
}
#gallery #ceibw #zoomTip ul li .schar_l{
	font-size: 12px;
	vertical-align: middle;
	font-weight: bold;
	position: relative;
	top: 0px;
}
#gallery #ceibw #zoomTip ul li .schar_p{
	font-size: 14px;
	vertical-align: middle;
	font-weight: bold;
	position: relative;
	top: -1px;
}
#gallery #ceibw #zoomTip div {
	position: absolute;
	bottom:5px;
	right: 7px;
	z-index:999;
}
#gallery #ceibw #zoomTip div a{
	font-size: 8px;
	color: #000;
}	


/* ----------------- encloses all nav info (main menu in gallery page footer----------------- */
#gftr {
	position: relative;
	top: 16px;
	width: 100%;
	height: auto;
	text-align: center;
	overflow: visible;
	z-index: 300;
	color: #AAA;
}
#gftr p {
	width: auto;
	height: 20px;
	z-index: 310;
}
#gftr ul#listMenuRoot {
	list-style: none;
}
#gftr ul li ul {
	position: relative;
	top: 1px;
	margin: 0px 0px 3px 0px;
	list-style: none;
	text-align: center;
}
#gftr ul li ul li {
	display: inline;
	padding: 0px 5px;
}
#gftr ul li ul li a {
	padding: 1px 10px 0px 10px; /* this style helps vertically center the text in the background color */
	overflow: hidden;
}
#gftr p.copy { 
	border-top: #CCC solid 1px;
	padding: 3px 10px 0px 10px;
	text-align: center;
	font-size: 9px;
	letter-spacing: 1px;
}
#gftr p.copy a {
	color: #AAA;
	font-size: 9px;
	letter-spacing: 1px;
}
#gftr p.copy a:hover { color: #666; }
#gftr p.copy a:visited, #gftr p.copy a:active { color: #AAA; }

#gallery #ftr {
	top: -13px
}