@charset "UTF-8";
/* CSS by Tim Householder */

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
#main-content-rtbottombox #bottom-box-rt {
	float: right;
	width: 243px;
}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:”; }
abbr,acronym { border:0; }

html {font-size: 62.5%;}

/* Then use this to size things with ems
p {font-size: 1.2em;}
h1 {font-size: 2em;}
*/

body {
	background-color: #262626;
	}

/* STRUCTURE */
#page-wrapper {
	width: 900px;
	margin: 0 auto;
	}

/* END OF STRUCTURE */

/* TYPOGRAPHY */

/* END OF TYPOGRAPHY */


/* 
4. Position an element center screen

If you’d like to position something perfectly center on screen, then use the CSS below

div.popup { height:400px; width:500px; position: absolute; top: 50%; left: 50%;}
div.popup { margin-top: -200px; margin-left: -250px;}

You must specify the width and height of your div explicitly, and then give it negative margins half of dimensions for top and left, which brings the div back center screen.


6. IE6 double margin on floated elements

A common problem found when working on a design, reasons behind which we’re not even going in to! But it is there alongside all the other lovely ways IE6 likes to feel individual. To correct this problem use display:inline.

div {float:left;margin:40px;display:inline;}
*/#home-header {
	height: 125px;
	width: 900px;
	position: relative;
}
#logo-box {
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	height: 125px;
	width: 312px;
	float: left;
}
#logo-box h1 a {
	line-height: 125px;
	text-indent: -9000px;
	display: block;
	outline: none;
}
#header-mid {
	background-image: url(../images/header-bg.jpg);
	background-repeat: repeat-x;
	height: 125px;
	width: 420px;
	position: absolute;
	left: 312px;
	top: 0px;
}
#header-mid #icon-topper {
	height: 62px;
	width: 420px;
}
#header-mid #icon-topper img {
	margin: 0 0 0 22px;
	outline: none;
}
#header-mid #nav-wrapper {
	height: 63px;
	width: 420px;
}
#header-mid #nav-wrapper #nav-main {
	height: 28px;
	width: 420px;
}
#header-mid #nav-wrapper #nav-secondary {
	height: 35px;
	width: 420px;
	background-image: url(../images/s-nav-bg.jpg);
}
#header-right {
	background-image: url(../images/header-bg.jpg);
	background-repeat: repeat-x;
	height: 125px;
	width: 168px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#header-right #live-help {
	height: 62px;
	width: 168px;
	outline: none;
}
#header-right #live-help p {
	font-size: 10px;
	font-family: Arial;
	color: #CCC;
	text-align: right;
	padding-top: 6px;
	padding-right: 8px;
}
#header-right #live-help a {
	outline: none;
}
#header-right #client-login {
	background-image: url(../images/client-login-button.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 63px;
	width: 168px;
}
#header-right #client-login span {
	display: none;
}
#header-right #client-login a {
	background-image: url(../images/client-login-button.jpg);
	background-position: center top;
	display:block;
	height: 63px;
	outline: none;
}
#header-right #client-login a:hover {
	background-image: none;
	outline: none;
}
#header-right #phone-num {
	position: absolute;
	top: 32px;
	right:10px;
	font-family: Georgia;
	text-align: right;
	font-size: 18px;
	color: #E8C042;
}
#page-wrapper #main-content {
	background-image: url(../images/main-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 900px;
}
#main-content #program-selector {
	height: 590px;
	width: 293px;
	float: left;
}
#page-wrapper #main-content #program-selector #program-selector-env {
	padding: 10px 5px 0 0;
}
#main-content #main-content-right {
	margin-left: 298px;
}
#main-content-right #main-content-right-wrapper {
	height: 590px;
	width: 600px;
}
#main-content-right #main-content-right-wrapper #flash-billboard {
	height: 262px;
	width: 590px;
	padding: 10px 0 0 0;
}
#main-content-rtbottombox #main-content-rtbottombox-left {
	width: 327px;
	padding: 0 0 0 0px;
}
#main-content-rtbottombox {
	height: 324px;
	position: relative;
}
#main-content-rtbottombox #main-content-rtbottombox-left #home-purpose-paragraph {
	padding: 6px 12px 12px 12px;
}
#map-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 22px;
	color: #E8DA0C;
	padding-left: 8px;
	padding-top: 10px;
}
#home-purpose-paragraph h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: oblique;
	color: #CCCCCC;
	padding-bottom: 5px;
}
#home-purpose-paragraph p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 15px;
	color: #A6A6A6;
	font-weight: bold;
}
#main-content-rtbottombox-left #flash-map {
	height: 155px;
	width: 331px;
}
#info-req-form {
	background-image: url(../images/info-req-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 250px;
	width: 253px;
	top: 30px;
	right: 10px;
	position: absolute;
}
#link-footer {
	font-size: 1.1em;
	line-height: 60px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}
#link-footer a {
	color: #CCCCCC;
	text-decoration:none;
}
#link-footer a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}
#copyright-footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 30px;
	color: #999999;
	background-color: #242424;
	text-align: center;
	margin-bottom: 60px;
}