@charset "utf-8";

* {margin: 0; padding: 0;}

html, body, #page {height: 100%;}

body {
	font: 14px Helvetica, Verdana, Arial, sans-serif;
	color: #fff;
	background: #172c58;
}

p {
	line-height: 1.7em;
	margin-bottom: 10px;
	}

table {margin-bottom: 16px;}

.left {float: left; margin: 0 24px 16px 0;}

#page {position: relative; min-height: 100%;}
* html #page {height: 100%;}

body > #page {height: auto; min-height: 100%;}


#top-home {
	height: 338px;
	background: url(../images/bg_top-home.png) repeat-x; 
	}
	
#top-content {
	height: 278px;
	background: url(../images/bg_top-content.png) repeat-x; 
	}

#header {
	width: 884px;
	height: 106px;
	margin: 0 auto;
	}
	
#logo {
	float: left;
	width: 273px;
	height: 60px;
	margin: 16px 0 0 20px;
	background: url(../images/logo.gif) no-repeat;
	}

#logo h1 strong {display: none;}

a#client-login {
	display: block;
	float: right;
	padding: 6px 24px;
	margin: 50px 16px 0 0 ;
	background:#12274b;
	border: 1px solid #3f4d6a;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font: 11px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	}
	
a#client-login:hover { background: #203e7c;}
	
#banner-home {
	clear: both;
	width: 990px;
	height: 194px;
	margin: 0 auto;
	background: url(../images/banner-home.jpg) no-repeat;	
	}
	
#banner-content {
	clear: both;
	width: 990px;
	margin: 0 auto;
	}
	
#wrap {background: #172c58; padding-bottom: 82px;}
	
#content {
	width: 884px;
	margin: 0 auto;
	padding-bottom: 40px;
	}
	
#content h1 {
	font-size: 27px;
	margin-bottom: 28px;
	font-weight:normal
	}
	
#content h1 strong, #content h2 strong {color: #f0ff00; font-weight: normal;}
	
#content h2 {
	font-size: 15px;
	color: #3988ed;
	text-transform: uppercase;
	padding-top: 16px;
	margin-bottom: 16px;
	}
#content h3 {
	font-size: 15px; 
	color: #f0ff00; 
	margin-bottom: 4px;
	}
	
#content h4 {color: #fff; margin-bottom: 16px;}
	
#content ul, #content ol {margin: 0 0 16px 16px;}

#content li { line-height: 1.6em; }

#content a {color: #E3FF3A; text-decoration: none;}
#content a:hover { text-decoration: underline; }

#content img {
	padding: 8px;
	background: #284a90;
	}

#bodycopy {
	padding: 46px 36px 0 36px;
	}
	
#footer-wrap {	
	clear: both;
	position: relative;
	height: 50px;
	margin-top: -82px;
	padding: 16px 0;
	background: #b6b7ba url(../images/bg_footer.png) repeat-x;
	}
	
* html #footer-wrap	{height: 40px; margin-top: -3.6em;}
	
#footer {
	width: 990px;
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
	color: #dcdcdc;
	}
	
#footer p {margin: 0; letter-spacing:0.7px;}
	
#footer a {color: #FFF;}
#footer a:hover { text-decoration: none}


.people {
	clear: both;
	padding-bottom: 24px;
	}
	
.people img {margin-bottom: 40px;}


/*LOGIN*/
#login td {padding: 6px 8px;}

#login input {border: 0;}

/* CLEAR FIX*/
.clearfix:after {wrap: "#";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */