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

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

* html {
	
}

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


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

body {
	background: #FFF;
	color: #666;
}
/* ---------------- main container ---------------- */
#ceibw { /*background-color:#00CCFF;*/
	/*background-color: #FFF;*/
	position: relative;
	margin: 25px auto 0px auto;
	width: 900px; /*NOTE: ceibw width gets overwritten by siteSettings.js */
	height: 600px; /*NOTE: ceibw height gets overwritten by siteSettings.js */
	overflow: hidden;
	z-index: 100;
}

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

#hdr_p { /*background-color:#CC0000;*/
	width: 176px;
	height: 25px;
	margin: 0px 50px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	overflow: hidden;
	z-index: 410;
}
#hdr_p a {
	display: block;
	height: 26px;
	width: 177px;
	overflow: hidden;
}

/* ---------------- slideshow container ---------------- */
#xfsoContainer {
	position: relative;
	visibility: hidden;
	margin: 0px auto;
	width: 900px; /*NOTE: maxvpW in siteSettings.js should be set to this value */
	text-align: center;
	border: none;
	z-index: 120;
}

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

/* ---------------- main image goes here ------------------ */
#main_div { /*background-color:#990000;*/
	position: relative;
	top: 0px;
	width: 100%;
	height: 515px; /*NOTE: main_div height gets overwritten by siteSettings.js */
	z-index: 200;
	/*background: url(img/ldgM.gif) center no-repeat;*/
}

#main_p { /*background-color:#009999;*/
	position: absolute;
	width: 100%;
	height: 515px;
	text-align: center;
	margin: 0 auto;
	z-index: 210;
}
#main_div #main_p.pImg {
	visibility: hidden;
}
#main_div #main_p.pImg img {
	visibility: hidden;
	max-width: 600px; /* added 4/02/2012 to force image size (large layout 600; medium layout 500 n/a) */
	max-height: 600px; /* added 4/02/2012 to force image size (large layout 600; medium layout 500 n/a) */
}
#splash #main_div img {
	margin: 70px auto 0px auto;
}
/*#contact #main_div #main_p { background:#003399;
	width: 630px;
	height: 150px;
}*/
#contact #main_div img#txt {
	margin: 155px auto 0px auto; /* this get overwritten by siteSettings.js "ctr_txt();" to center txt img on diff res */
}
#contact #main_div img#email {
	margin: 5px auto 0px auto;
}

/*#main_div img.horz {
	margin: 85px 0px 0px 0px;
}
#main_div img.vert {
	margin: 0px 0px 0px 0px;
}*/
/*#main_div #main_p img {
	margin: 0 auto;
	border: #CCC solid 1px;
	visibility: hidden;
}*/

/* ----------------- encloses all nav info ----------------- */
#ftr { /*background-color:#009900;*/
	/*position: absolute;
	top: 580px;*/
	position: relative;
	top: 15px;
	width: auto;
	height: 20px;
	margin: 0px 60px 0px 75px;
	text-align: left;
	overflow: hidden;
	z-index: 300;
}
/*#ftr p { background-color:#990033;
	position: absolute;
	right: 100px;
	width: auto;
	height: 13px;
	z-index: 310;
}
*/

/******************************************************************************/
/******************         PORTFOLIO SECTION         *************************/
/******************************************************************************/
 
/* ---------------- now showing portfolio name & home link ------------------ */
#mainNav_div { /*background-color:#990;*/
	position: absolute;
	top: 0px;
	right: 80px;
	width: auto;
	height: 20px;
	/*overflow: hidden;*/
	z-index: 320;
}

#mainNav_div .portfolioTitle {
	width: auto;
	height: 13px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	text-align: right;
	display: inline;
}

/* ---------------- now showing image number ------------ */
#mainNav_div .navnums {
	top: 0px;
	width: auto;
	height: 13px;
	text-align: right;
	display: inline;
}

/* ----------------- next/back arrows ----------------- */
#arwL_div { 
	position: absolute;
	top: 0px;
	right: 35px;
	height: 14px;
	overflow: hidden;
	z-index: 510;
}
#arwR_div { 
	position: absolute;
	top: 0px;
	right: 0px;
	height: 14px;
	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 p { /*background-color:#333333;*/
	position: absolute;
	bottom: 10px;
	width: 60%;
	margin-left: 20%;
	margin-right: 0px;
	text-align: center;
	color: #999;
	font-size: 9px;
	/*font-weight: bold;*/
}
#copy a {
	color: #999;
	font-size: 9px;
}
#copy a:hover {
	color: #666;
}

/* ---------------- SHW webmark ------------------ */
#shwFtr {
	position: absolute;
	right: 10px;
	bottom: 20px;
	height: 24px;
	width: 24px;
	text-align: center;
	font-size: 9px;
	overflow: hidden;
	color: #999;
	z-index: 0;
}
#shwFtr a img {
	padding: 0px 0px;
	border: none;
}