/* CSS Document */

/* --------- main styles --------- */

body, html {
	margin: 0;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	line-height: 15px;
	color: #eaeaea;
	height: 100%;
	min-height: 100%
}

#wrapper {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000;
	min-height: 100%;
} /*wrapper acts as the whole black area, stretching downwards 100% and containing everything else */


#logo { float: left; height: 110px; margin-top: 30px; margin-left: 35px;  }
#phone { float: right; color: #577bbd; font-size: 19px; line-height: 25px; width: 227px; text-align: left; margin-top: 45px; }


#nav {
	height: 27px;
	line-height: 27px;
	background-color: #000000;
} /* navigation */


#header {
	background-color: #577BBD;
	width: 1024px;
}
#header_pic {
	float: left;
	margin-left: 35px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
}
#product_header {
	background-color: #000;
	width: 780px;
	margin-left: 35px;
	font-size: 20px;
	color: #FFF;
	margin-top: 35px;
	margin-right: auto;
	margin-bottom: 5px;
}


#tagline { float: left; font-size: 20px; color: #FFFFFF; line-height: 24px; width: 180px; margin-left: 40px; margin-top: 48px; text-align: left } /* you will need to change the margins on this to position taglines depending on how long they are */


#main_text {
	width: 960px;
	margin-left: 35px;
	min-height: 200px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
} /* main text area has a width depending on how much text there is, and a minimum height */


#footer {
	width: 1024px;
	background-color: #577bbd;
	font-size: 10px;
}
#footer_table {
	margin-left: 30px;
}

#copyright { width: 812px; text-align: right; margin-left: auto; margin-right: auto; }



/* --------- link styles --------- */

a {  }
a:link {
	color: #FFF;
}
a:active { color: #577bbd; }
a:visited {
	color: #FFF;
}
a:hover {
	color: #FFF;
	text-decoration: blink;
}

a.menu { font-size: 12px; text-decoration: none; margin-right: 9px; font-size: 12px; }
a.menu:link { color: #eaeaea }
a.menu:active { color:#eaeaea }
a.menu:visited { color: #eaeaea }
a.menu:hover { color: #577bbd }

a.menu_over { font-size: 12px; text-decoration: none; margin-right: 9px; font-size: 12px; }
a.menu_over:link { color: #577bbd }
a.menu_over:active { color:#577bbd }
a.menu_over:visited { color: #577bbd }
a.menu_over:hover { color: #577bbd }



/* --------- small (class) fixes --------- */

.floatfix { clear: both } /* to fix the float problem where wrappers don't stretch to contain floated items */
.txt_white { color:#eaeaea; font-size: 22px; font-weight: bold }
.pageHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.sectionHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.normal_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.footerTable {
	margin-left: 35px;
}
.link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: lighter;
	font-variant: small-caps;
	color: #577BBD;
	text-decoration: underline blink;
}