/* ########## Home ########## */
html#home { z-index: -2;}
#home body { text-align: center; }
#home div#pagewidth { position: relative; margin-left: auto; margin-right: auto; }
#home div#pagewidth { width: expression( document.body.clientWidth > (1100 / .90) ? "1100px":(document.body.clientWidth < (760 / .90) ? "760px":"90%" ) ); } /* max-width & min-width for IE */
#home div#wrapper { z-index: 0;}
#home div#header { position: absolute; top: 0; left: 0px; right: 0px; height: 275px; width: 100%;  z-index: 1; }
#home div.left { position: absolute; left: 0px; width: 25%; margin: 0; height: 100%;}
#home div.middle { position: absolute; left:25%; right: 25%; width: 50%; height: 100%; margin: 0; }
#home div.right { position: absolute; right: 0px; width: 25%; margin: 0; height: 100%; text-align: center; }
#home div#columns {position: absolute; top: 275px; bottom: 0px; width: 100%; }
#home #columns div.left, #home #columns div.middle, #home #columns div.right {height: expression(document.body.clientHeight - 275 + "px");}

/* ########## Home Header ########## */
#home div#header div.left { text-align: right; }
#home div#header div.middle { text-align: center; }
#home div#header div.right { line-height: 50px; font-size: 25px; }
#home div#header div.middle h1 { font-size: 25px; font-weight: normal; line-height: 40px; }
#home div#header div.right a, #home div#header div.right a:hover { color: #ffcc33; }
#home #logo { position: relative; top: -15px; }
.gold { color: #ffcc33; }
.center { text-align: center; }

/* ########## Home Nav ########## */
#home div#homenav {
	position: absolute;
	top: 245px;
	left: 0px;
	height: 30px;
	width: 100%;
	background-image: url(/images/home/nav.gif);
	background-repeat: no-repeat;
	background-position: 50% 0%;
}
#home div#homenav #nav { width: 875px; margin-left: auto; margin-right: auto; position: relative; padding-left: 16px; }

/* ########## Home Page Nav ########## */
#home #nav { position: absolute; top: 0px; left: 0px; }
#home #nav ul li a { font-size: 13px; padding-top: 6px; width: 122px; height: 24px; text-align: center; display: block; color: white; text-decoration: none; font-family:arial,helvetica,sans-serif; background-image: url(/images/home/nav_button_background.gif); background-repeat: no-repeat; background-position: top right; }
#home #nav ul li a:hover, #subpage #nav ul li a.selected { color: #ffcc33; background-image: url(/images/home/nav_button_background.gif); background-repeat: no-repeat; background-position: top right; }
#home #nav ul li a.last { background-image: none; }

/* ########## Nav Dropdowns ########## */
#sub_request_info, #sub_products, #sub_how_it_works, #sub_why_hawken, #sub_environmental, #sub_financing { display: none; }
#home #nav ul ul { position: absolute; z-index: 5; height: auto;}
#home #nav ul ul li { display: block; float: none; }
#home #nav ul ul li a { color: #82a3a0; background-color: #2b413f; border: 1px solid #bfbcae; border-top: none; height: auto; text-align: left; padding: 3px; width: 115px;}
#home #nav ul ul li a:hover, #subpage #nav ul ul li a.selected { background-image: none; background-color: #1f2f2d; }


/* ########## Home ########## */
#home body {
	background-image: url("images/site/home/Home-Bkg-Top.gif");	
	background-repeat: repeat-x;
	background-color: transparent;
}
#home div#topnav { padding-top: 10px; padding-bottom: 28px; }
#home table#center { position: relative; top: -13px; }
#home #columns div.middle {
	background-image: url('images/site/home/center-bkg-R.gif');
	background-position: right center;
	background-repeat: repeat-y;
}
#home #columns div.middle div#border-left {
	height: 100%;
	width: 100%;
	background-image: url('images/site/home/center-bkg-L.gif');
	background-repeat: repeat-y;
}

#home #header div.right { padding-top: 20px; } /* was 35px  */
#home #header div.right a { color: #cccbbb; text-decoration: none; }
#home #header div.right a:hover { text-decoration: underline; }

#home #header div.left { padding-top: 20px; }

#home #center img#violator {
	display: block;
	float: right;
	position: relative;
	left: 35px;
}

#home #columns div#footer {
	text-align: center;
}
/* ########## Home Content ########## */
#home .middle div.content {
	margin: 18px;
	margin-top: 14px;
	font-size: 12px;
}
#home .left div.content {
	margin-top: 14px;
	text-align: center;
}
#home .left .content p {
	line-height: 15px;
	font-size: 10px;
	text-align: left;
	width: 147px;
	margin-right: auto;
	margin-left: auto;
}
#home .left .content h2 {
	font-weight: normal;
	color: #7a786a;
}
#home .right div.content {
	margin-top: 14px;
	text-align: center;
}
#home .right .content div#buttons {
	margin-top: 34px;
	margin-bottom: 40px;
}
#buttons img{
	margin-bottom: 8px;
}
#home .middle .content p {
	line-height: 20px;
}