/* shw_home.css (c)2008 SugarHill Works LLC - http://www.sugarhillworks.com */
/* ---------- homepage styles only ------------ */

#home #ceibw { 	
	position: relative;
	top: 0px;
	margin: 0px auto;
	width: 1000px; 
	height: 665px; 
	text-align: center;
	overflow: visible;
	z-index: 100;
}

#home #curtainL {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #993300 url(img/watermarkLeft.gif) 100% 40% no-repeat;
	visibility: visible;
	z-index: 999;
}
* html #home #curtainL,
* html #home #curtainR {
	height: 665px;
	}
#home #curtainR {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #993300 url(img/watermarkRight.gif) 0% 40% no-repeat ;
	visibility: visible;
	z-index: 999;
}
#home #curtainL a, #home #curtainR a {
	position: absolute;
	top: 50%;
	margin-top: -100px;
	width: 20%;
	height: 200px;
	z-index: 990;
}
#home #curtainL a {
	right: 0px;
}
#home #curtainR a {
	left: 0px;
}

#home #bkgrd {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 665px;
	background-image: url(img/watermark.gif);
	background-repeat: no-repeat;
	background-position: 50% 115px; /* center top */
	
	z-index: 1;
}
* html #home #bkgrd {
	position: absolute;
}

/* ----------------------------------------------- */
#home #hdr { 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	/*width: 200px;*/
	height: 170px;
	overflow: visible;
	z-index: 800;
}
* html #home #hdr {
	position: absolute;
	top: 0px;
	left: 0px;
}
#home .logo { 
	position: absolute;
	top: 10px;
	left: 380px;
	width: 235px;
	height: 165px;
	text-align: right;
}

/* -------- horizontal drop-down menu --------- */
#home #menu_home { 
	position: absolute;
	top: 150px;
	left: 0px;
	width: 100%;
	height: 25px;
	overflow: visible;
	z-index: 900;
}
* html #home #menu_home {
	position: absolute;
	top: 150px;
	left: 0px;
}

/* ------------- main text content goes here -------------- */

#home #main { 
	position: absolute;
	top: 185px;
	left: 95px;
	width: 810px;
	min-height: 415px;
	height: 415px;
}
#home #img_grid {
	position: relative;
	top: 0px;
	left: 1px;
	width: 808px;
	height: 410px;
	z-index: 600;
}
#home #img_grid img {
	/*float: left;*/
	position: absolute;
	border: #DDD solid 1px;
}
/* 6-image grid: remember to account for 1px border around all imgs */
#home #img_grid img.top1 {
	top: 0px;
	left: 0px;
}
#home #img_grid img.top2 {
	top: 0px;
	left: 202px;
}
#home #img_grid img.top3 {
	top: 0px;
	left: 404px;
}
#home #img_grid img.R_vert {
	top: 0px;
	left: 606px;
}
#home #img_grid img.btm1_horz {
	top: 202px;
	left: 0px;
}
#home #img_grid img.btm2 {
	top: 202px;
	left: 404px;
}

#home .sassy {
	position: absolute;
	top: 620px;
	left: 0px;
	width: 100%;
	height: 50px;
	overflow: hidden;
	z-index: 910;
}
#home .sassy p {
	margin: 0px auto;
	text-align: center;
	width: 100%;
}

/* ----------- copyright & legal info links ----------- */
#home #ftr { 
	position: absolute;
	/*bottom: 0px;*/
	top: 605px;
	left: 0px;
	width: 100%;
	height: 20px;
	font-family: American Typewriter, Courier New, Courier, arial, sans-serif;
	z-index: 888;
}


/* ------ overlay alert box ------ */
/*#dim {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #333;
	opacity: .70;
	-moz-opacity: .70;
	filter: alpha(opacity=70);
	filter: progid:dximagetransform.microsoft.alpha(opacity=70);
	visibility: hidden;
	z-index: 900;
}*/
#alert {
	position: absolute;
	top: 15%;
	margin: 0px 30%;
	width: 400px;
	height: 150px;
	border: #7E2D00 solid 2px;
	background: #FFF;
	color: #000;
	visibility: hidden;
	z-index: 0;
}
#alert p {
	position: relative;
	margin: 20px;
	text-align: center;
	z-index: 0;
}
#alert .close {
	position: absolute;
	top: 125px;
	width: 360px;
	margin: 0px 20px;
	text-align: right;
}





/* ---------------- copyright info ----------------- */
#home #copy { 
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 1000px;
	height: 20px;
	text-align: center;
}
/** html #home #copy {
	position: absolute;
	top: 585px;
}*/
#home #copy p {
	position: relative;
	bottom: 0px;
	width: 100%;
	margin: 0px auto;
	text-align: center;
	color: #999;
	font-size: 85%;
}

#home #copy p a {
	color: #999;
	font-weight: normal;
	font-family: American Typewriter, Courier New, Courier, arial, sans-serif; 
}
#home #copy p a:hover { color: #993300; }

#home #copy p a img {
	padding-top: 0px;
}

/*--------------------------------- */
#underDev { /* this forces a scrollbar for 768 screens, to allow people to scroll down to see the SHW_sitedev banner */
	position: relative;
	top: 0px;
	margin: 0px auto;
	width: 980px;
	height: 20px;
}