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

* {
	margin: 0px;
	padding: 0px;
	font-family: arial, sans-serif; /*grotesque MT*/
	font-size: 11px;
	text-decoration: none;
	border: none;
	outline: none;
}

* html {
	
}

div { border: none; }
p { border: none; }
a { padding: 0px; margin: 0px; }

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

body {
	background: #687B79;
	color: #B2CCC8;
}
/* ---------------- main container ---------------- */
#ceibw {
	/*background: #687B79;*/
	position: relative;
	margin: 25px auto 0px auto;
	width: 715px; /*NOTE: ceibw width gets overwritten by siteSettings.js */
	height: 600px; /*NOTE: ceibw height gets overwritten by siteSettings.js */
	overflow: visible;
	z-index: 100;
}

/* ----------------- name & menu info ------------------- */
#hdr { 
	position: relative;
	top: 0px;
	width: 100%;
	height: 40px;
	margin: 0px auto;
	z-index: 500;
}

#hdr_p { /*background-color: #990000;*/
	float: left;
	width: 300px;
	height: 40px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	overflow: hidden;
	z-index: 410;
}
#hdr_p a {
	display: block;
	height: 40px;
	width: 300px;
	overflow: hidden;
}
#hdr_p img {
	margin-top: 2px;
}

#portfolio_one #portfolio, #portfolio_two #portfolio, #portfolio_three #portfolio {
	color: #FFF;
}

/* ---------------- slideshow container ---------------- */
#ss_p {
	position: relative;
	/*visibility: hidden;*/
	width: 715px; 
	height: 490px;
	text-align: center;
	border: none;
	z-index: 230;
}

#ss_p img {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	margin: 0;
}

/* ---------------- main image goes here ------------------ */
#main_div { 
	position: relative;
	top: 10px;
	width: 100%;
	height: 490px; 
	background: #FFF;/*url(img/ldg.gif) center no-repeat; */
	color: #576765;
	overflow: auto;
	z-index: 220;
}
#portfolio_one #main_div,
#portfolio_two #main_div,
#portfolio_three #main_div {
	overflow: hidden;
}

#main_p { 
	position: relative;
	width: 705px;
	height: auto;
	text-align: center;
	margin: 0 auto;
	z-index: 230;
	overflow: visible;
	/*visibility: hidden;*/
}
/*
#main_div #main_p #mainImg {
	margin: 20px 20px;
}*/
/*#home #main_div #main_p #mainImg {
	margin: 45px 70px auto 70px;
}*/
/*#main_div #main_p.pImg {
	visibility: hidden;
}
#main_div #main_p.pImg img {
	visibility: hidden;
}
#mainImg {
	visibility: hidden;
}*/
/* add hidden visibility back in for script to work */

/* ------------------ thumbs div on index pages ----------------- */
#thms_bg { /* thumbs must fit in same space as main img div */
	position: absolute;
	top: 490px;
	width: 100%;
	height: 70px; /* NOTE: thms_bg height gets set in sLib.js */
	overflow: auto;
	z-index: 250;
	background-color:#FFF;
	opacity: .75;
	Moz-Opacity: .75;
	filter:alpha(opacity=75);
	filter:progid:dximagetransform.microsoft.alpha(opacity=75);

}
#thms_div { /* thumbs must fit in same space as main img div */
	position: absolute;
	top: 490px;
	width: 100%;
	height: 0px; /* NOTE: thms_div height gets set in sLib.js */
	overflow: hidden;
	z-index: 255;
	background: none;
}

#thms_p { 
	position: absolute;
	width: 100%;
	height: 70px;
	text-align: center;
	margin: 0px; 
	z-index: 260;
	overflow: visible;
}
#thms_tbl {
	padding-right: 5px;
	position:absolute;
	z-index: 300;
}
#thms_tbl td img{
	padding: 0px 1px 0px 0px;
}
/*
#thms_p img {
	padding: 5px 3px 0px 3px;  total 10px between thumbs in all directions 
}*/

/* ------------- custom scrollbar for thumbs ------------ *
#ceibw #main_div #thms_div {
	position: relative;
	top: 10px;
	width: 650px;
	height: 550px; /* NOTE: main_div height gets overwritten by siteSettings.js *
	overflow: auto;
	z-index: 205;
}
#ceibw #main_div #thms_div #thms_p {
	position: relative;
	width: 715px;
	height: auto;
	text-align: left;
	margin: 0px auto 0px 0px; /* 30 incl img padding *
	z-index: 215;
	overflow: visible;
}
*/
/* ----------------- encloses all nav info ----------------- */
#ftr { /*background-color: #FFFF33;*/
	background: #687B79;
	position: relative;
	top: 10px;
	width: auto;
	height: 20px;
	padding-top: 10px;
	margin: 0px;
	text-align: left;
	overflow: hidden;
	z-index: 300;
}

/******************************************************************************/
/******************         PORTFOLIO SECTION         *************************/
/******************************************************************************/
 
/* ---------------- now showing portfolio name & home link ------------------ */
/*#mainNav_div { 
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: 20px;
	z-index: 320;
}

#mainNav_div .portfolioTitle {
	position: relative;
	top: 8px;
	width: auto;
	height: 20px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	text-align: right;
	display: inline;
}*/
#ssNav_div { /*background-color:#FF0000;*/
	position: absolute;
	left: 3px;
	top: 10px;
}
#ssNav_div a { color: #B2CCC8; cursor: pointer; }
#ssNav_div a:hover { color: #FFF; }
#ssNav_div a:active { color: #FFF; }
#ssNav_div a[href="#"] { cursor: pointer; }



#mainNav_div { /*background-color:#0066CC;*/
	position: absolute;
	left: 330px;
	top: 10px;
}

#thmsToggle_div { /*background-color:#009900;*/
	position: absolute;
	right: 3px;
	top: 10px;	
}

#mainNav_div img, #thmsToggle_div img {
	margin-top: -1px;
	vertical-align: middle;
}

/* ---------------- now showing image number ------------ */
/*#mainNav_div .navnums {
	position: relative;
	top: 8px;
	width: auto;
	height: 20px;
	text-align: right;
	display: inline;
}
*/
/* ----------------- next/back arrows ----------------- */
#arwL_div { 
	position: absolute;
	top: 5px;
	right: 25px; /* +25px to arwR */
	height: 20px;
	overflow: hidden;
	z-index: 510;
}
#arwR_div { 
	position: absolute;
	top: 5px;
	right: 0px;
	height: 20px;
	overflow: hidden;
	z-index: 510;
}

/* --------------- return to thumbs link ---------------- */
/*#toThmbs {
	position: absolute;
	top: 5px;
	right: 55px; /* +30px to arwL */
/*	height: 20px;
	overflow: hidden;
	z-index: 510;
}
*/
/* ---------------- clear floats (generic clear element) ---------------- */
/*.clr {
	clear: both;
	height: 1px;
	width: 100%;
	overflow: hidden;
    font-size: 1px;
    line-height: 0px;
}*/

/* ---------------- copyright info -----------------*/
#copy {
	position: absolute;
	bottom: 0px;
	width: 80%;
	margin-left: 10%;
	height: 35px;
	text-align: center;
}
#copy p { 
	position: relative;
	bottom: 0px;
	width: 500px;
	margin: 0px auto;
	text-align: center;
	color: #A2BAB6;
	font-size: 11px;
}
#copy p a {
	color: #A2BAB6;
}
#copy p a:hover { color: #FFF; }

#copy ul li {
	display: inline;
	list-style: none;
	text-align: center;
}

/* ---------------- 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;
}