/* CSS Document */

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

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

#wrapper {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	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;
	background-color: #000;
	border: medium groove #577BBD;
}
#phone {
	float: right;
	color: #000;
	font-size: 19px;
	line-height: 25px;
	width: 227px;
	text-align: left;
	margin-top: 45px;
}


#nav {
	height: 27px;
	line-height: 27px;
	background-color: #000000;
	margin-left: 35px;
	display: none;
} /* navigation */


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


#tagline {
	float: left;
	font-size: 20px;
	color: #000;
	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: 780px;
	margin-left: 35px;
	min-height: 200px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-right: auto;
	color: #000;
} /* main text area has a width depending on how much text there is, and a minimum height */


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

#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:#333;
	font-size: 22px;
	font-weight: bold
}.footerTable {
	margin-left: 35px;
}