/* CSS Document */

/*------------------------------------------------------------

Basic Style Sheet

version:			1.0
author:				jason vanlue
email:				jvanlue@57studios.com
website:			http://www.57studios.com
design influence:	derek allard

------------------------------------------------------------*/

/* ======= GLOBAL STYLES ======= */

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: medium;
	font: normal 100% verdana, arial, helvetica, sans-serif;
	background-color: #385476;
	color: #406A6F;
}

p {
	margin: 15px 0 15px 0;
}

a:link, a:visited {
	font: bold 100% verdana, arial, helvetica, sans-serif; 
	text-decoration: none;
	color: #b43417;
}

a:hover, a:active {
	font: bold 100% verdana, arial, helvetica, sans-serif;
	text-decoration: underline;
	color: #b43417;
}

h1 {
	font: normal 190% verdana, Arial, Helvetica, sans-serif;
	color: #C2A736;
	padding-bottom: 10px;
	border-bottom : 1px solid #fff;
}

h2 {
	font: 140% verdana, Arial, Helvetica, sans-serif;
	color: #4B517E;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
}

h3 { /* body subheader */
	clear: left;
	font: normal 120% verdana, Arial, Helvetica, sans-serif;
	color: #4f4f4f; 
}

h4 {
	font: 115% Verdana, Arial, Helvetica, sans-serif;
	color: #3F6561;
	font-weight: normal;
}


/* ======= HEADER STYLES ======= */

#header {
	float: left;
	background-image: url(images/headerbg.gif);
	background-repeat: repeat-x;
	height: 144px;
	width: 100%;
}

#header_logo {
	float: left;
	margin-left: 15px;
	height: inherit;
	width: 168px;
	height: 144px;
}

#header_content {
	float: left;
	margin-left: 0px;
	width: 900px;   
}


#header_content ul {
	float: right;
	display: block; 
	margin-right: 85px;
	list-style-type: none;
	width: 550px;  
	padding: 65px 0 37px 0;  
}

#header_content ul li { 
	float: left; 
	display: inline; 
	padding: 0 19px 0 19px;
	text-align: right;  
}

#header_content ul li.first {
	padding-left: 0;
}

#header_content ul li.last {
	padding-right: 0;
}


#header_content ul li a:link, #header_content ul li a:visited  {
	font: normal 120% verdana, Arial, Helvetica, sans-serif;
	color: #888d75;
	text-decoration: none;
}

#header_content ul li a:hover, #header_content ul li a:active  {
	font: normal 120% verdana, Arial, Helvetica, sans-serif;
	color: #e2e3dd;
	text-decoration: none;
}

/* ======= SUBHEADER STYLES ======= */

#subheader {
	float: left;
	width: 100%; 
	height: 275px;
	background: #FFFFFF;
}

#sub_logo {
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	width: 283px;
	height: 250px;
	background-image: url(images/boxes.png);
	background-repeat: no-repeat;
}

#sub_content {
	float: left;
	margin-left: 153px;
	margin-top: 25px;
	width: 450px;
}

#sub_content h1 {
	padding: 0;
	margin-top: 10px;
	font: bold 140% verdana, Arial, Helvetica, sans-serif;
	color: #4B859A;
}

#secondary_sub {
	float: left;
	width: 100%;
	height: 100px;
	background: #fff;
}

#secondary_sub_content {
	float: left;
	margin-left: 15px;
	margin-top: 27px;
	width: 700px;
}

#secondary_sub_logo {
	float: left;
	margin-left: 100px;
	margin-top: 12px;
	background-image: url(images/boxes_small_alt.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 75px;
}

/* ======= MAIN CONTENT STYLES ======= */

#main {
	float: left;
	width: 100%;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	background-color: #BCA55F;
	border-top: 1px solid #666666;
}

#main_news {
	float: left;
	width: 400px;
	font: 85% Verdana, Arial, Helvetica, sans-serif;
}

#main_news h1 {
	font: 125% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	border: none;
}

#main_news h2 {
	font: 85% Verdana, Arial, Helvetica, sans-serif;
	color: #b43417;
}

#main_features {
	float: left;
	margin-left: 35px;
	width: 450px;
}

#main_features h1 {
	font: 115% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	border: none;
}

#main_sc1 {
	float: left;
	width: 500px;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	height: auto;
}

#main_sc2 {
	float: left;
	width: 355px;
	padding-left: 30px;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
}

#main_sc3 {
	float: left;
	width: 363px;
	margin-left: 30px;
	padding-left: 8px;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	border-left: 1px solid #CCCCCC;
	text-align: right;

}

#main_sc4 {
	float: left;
	width: 700px;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	height: auto;
}

#main_sc5 {
	float: left;
	width: 200px;
	margin-left: 30px;
	padding-left: 8px;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	border-left: 1px solid #CCCCCC;
	text-align: right;

}
#main_sc1 h1 {
	font: 125% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	border: none;
}

#main_sc2 h1 {
	font: 125% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	border: none;
}

#main_sc2 h2 {
	font: 85% Verdana, Arial, Helvetica, sans-serif;
	color: #b43417;
}

#main_sc3 img {
	border: 2px solid #b43417;
}




/* ======= FOOTER STYLES ======= */

#footer {
	float: left;
	width: 100%;
	padding-left: 15px;
	padding-top: 25px;
	background-color: #4f4f4f;
	border-top: 1px solid #666;
}

#footer a:link, #footer a:visited {
	color: #fff;
}

#footer a:hover, #footer a:active {
	color: #fff;
	border-bottom: 1px solid #b43417;
}

#footer_legal {
	float: left;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	width: 250px;
}

#footer_links {
	float: left;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin-left: 189px;
	margin-top: 12px;
	width: 400px;
}

#footer_credits {
	float: right;
	margin-right: 10px;
	width: 75px;
	height: 35px;
	margin-top: 25px;
}