/* ########## Layout ########## */
html,body {
	margin:0;
	padding:0;
	width: 100%;
	height:100%; /* needed for container min-height */
	font-family:verdana,arial,sans-serif;
	font-size: 11px;
	min-width: 760px;
}
div#pagewidth {
	width: 90%;
	height:100%;
	min-width: 760px;
	max-width: 1100px;
	width: expression( document.body.clientWidth > (1100 / .90) ? "1100px":"90%" );
}
div#wrapper { width: 100%; height:100%; text-align: left; }

/* ########## Common text defaults ########## */
h1, h2, h3, h4, p {
	margin: 0;
	padding: 0;
}
h1 { font-size: 15px; color: #006633; margin-bottom: 5px; }
h2 { font-size: 12px; color: #444444; margin-bottom: 5px; }
h3 { font-size: 11px; }
h4 { font-size: 10px; }
p { margin-bottom: 15px; color: #666666;}
a { color: #006633; text-decoration: underline; }
a:hover { color: #009933; text-decoration: underline; }
img { border: none; }
.gold { color: #ffcc33; }

/* ########## Home Layout ########## */
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%; }
#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");}

/* DIVs must have a border value set in Netscape 4.x */
div { border: none; overflow: visible; }

/* ########## SubPage Layout ########## */
#subpage body { text-align: left; }
#subpage div#pagewidth { position: relative; margin-right: auto; }
#subpage div#pagewidth { width: expression( document.body.clientWidth > (1100 / .90) ? "1100px":(document.body.clientWidth < (760 / .90) ? "760px":"90%" ) ); } /* max-width & min-width for IE */
#subpage div#wrapper { z-index: 0;}
#subpage div#header { position: absolute; top: 0; left: 0px; right: 0px; height: 75px; width: 100%;  z-index: 2; }
#subpage div#columns { position: absolute; top: 92px; bottom: 0px; width: 90%; }
#subpage div.left { position: absolute; left: 0px; width: 170px; margin: 0; height: 100%; min-height: 410px; }
#subpage div.middle { position: absolute; left:176px; right: 0px; height: 100%; margin: 0; }
#subpage div#content { margin: 0; }
#subpage #columns div.left, #subpage #columns div.middle, {height: expression(document.body.clientHeight - 92 + "px");}
#subpage div#breadcrumbs { height: 17px; position: absolute; width: 538px; top: 75px; left: 176px; z-index: 1; }
#subpage div#topnav { position: absolute; width: 730px; text-align: right; top: 0; padding-top: 10px; }
#subpage #logo { position: absolute; background-image: url("images/site/sub/background-header.gif"); background-repeat: no-repeat; }

/* ########## SubPage ########## */
html#subpage {
	background-image: url("images/site/sub/background-side.gif");	
	background-repeat: repeat-y;
	background-color: white;
}
#subpage body {
	background-image: url("images/site/sub/background-top.gif");	
	background-repeat: repeat-x;
	background-color: transparent;
}
#subpage div#header {
	background-image: url("images/site/sub/background-header.gif");	
	background-repeat: no-repeat;
}
#subpage div#phone { position: relative; z-index: 15; font-size: 17px; color: #587572; top: 23px; left: 530px; width: 200px; text-align: right; }
#subpage #columns div.left {
	background-image: url("images/site/sub/background-left.gif");	
	background-repeat: no-repeat;
	background-color: transparent;
}
#subpage div#breadcrumbs {
	background-image: url("images/site/sub/background-breadcrumbs.gif");	
	background-repeat: no-repeat;
	background-color: transparent;
}

/* ########## SubPage Nav ########## */
#nav { position: absolute; top: 44px; height: 24px; left: 190px; }
#nav ul, #subpage #nav li { margin: 0; padding: 0; }
#nav ul { list-style-type: none; }
#nav ul li { float: left; }
#nav ul li a { padding-top: 4px; width: 91px; height: 20px; text-align: center; display: block; color: white; text-decoration: none; }
#nav ul li a:hover, #nav ul li a.selected { color: black; background-image: url("images/site/nav/tab-selected.gif"); }

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

/* ########## SubPage Sub Nav ########## */
#below-subnav { margin-left:  12px; margin-right: 12px; margin-bottom: 15px; }
#subnav { margin-top: 17px; margin-left:  12px; margin-right: 12px; margin-bottom: 30px; }
#subnav ul, #subpage #nav li { margin: 0; padding: 0; }
#subnav ul { list-style-type: none; }
#subnav ul li a, #subpage #subnav ul li span { padding-top: 4px; padding-left: 4px; height: 18px; display: block; color: #47422f; text-decoration: none; font-weight: bold; font-size: 12px; background-image: url("images/site/nav/sub-nav.gif"); }
#subnav ul li a:hover, #subnav ul li a.selected { color: #006633; background-image: url("images/site/nav/sub-nav-selected.gif"); }
#subnav ul li li a, #subnav ul li li a.selected { font-weight: normal; font-size: 11px; }
#subnav ul ul { margin-bottom: 20px; }

/* ########## SubPage Content ########## */
ul.check { list-style-type: none; padding-left: 0; margin-left: 0; }
ul.check li { background-image: url(/images/icons/check.png); background-repeat: no-repeat; padding-left: 35px; margin-left: 0; padding-bottom: 5px; padding-top: 2px; }
div#content { padding-left: 25px; padding-top: 22px; line-height: 20px; font-size: 12px; }
div#breadcrumbs { color: white; font-size: 9px; padding-top: 2px; padding-left: 25px; position: relative; }
div#breadcrumbs a { color: white; text-decoration: none; }
div#breadcrumbs a:hover { color: white; text-decoration: underline; }
div#content h2 { color: #666666; padding: 0; margin: 0; }
div#content ul { margin: 0; padding: 0; font-size: 10px; color: #666666; list-style-type: none; margin-bottom: 15px; }
div#content ul li { background-image: url("images/site/sub/bullet.gif"); background-repeat: no-repeat; line-height: 14px; margin-bottom: 8px; padding-left: 10px; background-position: 0px 6px; }
div#content li ul { margin-top: 8px; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 90%; line-height: normal; }
.xsmall { font-size: 80%; line-height: normal; }
.xxsmall { font-size: 70%; line-height: normal; }
.red { color: red; }
.green { color: #006633; }

/* ########## Home Header ########## */
#home div#header div.left { text-align: right; }
#home div#header div.middle { text-align: center; }
#home div#header div.right { }

/* ########## Footer ########## */
#subpage #footer { margin-top: 55px; }
#footer { font-size: 10px; color: #a3a097; line-height: normal; text-align: center; }
#footer a { color: #555555; text-decoration: none; } /* old color was #a3a097; */
#footer a:hover { color: #555555; text-decoration: underline; } /* old color was #a3a097; */

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

/* ########## Form ########## */
form, form input { margin: 0; padding: 0; }
form input { border: 1px solid #cccccc; font-size: 10px; padding: 3px; color: #666666; letter-spacing: 1px;}

/* ########## Nav ########## */
div#topnav {
	font-size: 11px;
	color: #587572;
}
div#topnav a { color: #82a3a0; text-decoration: none; }
div#topnav a:hover { text-decoration: underline; }