/* @override http://ahb.kelvin/css/style.css */
@import url("cssreset.css");
html {
	height: 100%;
	background: #d1d1d1;
}
body {
	background: #01245e url(../images/styles/top-background2.jpg) repeat-x center 0;
	line-height: 1.6em;
	font-size: 			62.5%;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #fff;
}      
ul li {
	list-style-type: disc;
}
ol li {
	list-style: decimal;
	list-style-position: inside;
}
a img {
    border: none;
    }
h1 {
	color: #b5cc17;
	font-size: 28px;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0 0 18px 0;	
} 
h2 {
	color: #b5cc17;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0 0 18px 0;
}
h3 {
	color: #b5cc17;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0 0 15px 0;	
}
h4 {
	color: #b5cc17;	
	font-size: 14px;
	font-weight: bold;		
	margin: 0 0 17px 0;
}
h5 {
	color: #b5cc17;	
	font-size: 12px;
	margin: 0 0 15px 0;
}
h6 {
	color: #b5cc17;	
	font-size: 10px;
	margin: 0 0 15px 0;
}
p {
	margin: 0 0px 13px 0;
	font-size: 12px;
	line-height: 1.5em;
}
ul li {
	font-size: 12px;
	width: 810px;
	margin: 0 0 15px 20px;
}
.green {
	color: #b5cc17;	
}
.bold {
	font-weight: bold;
}
div.col1 {
	width: 530px;
	float: left;
}
div.col1 a {
	color: #b5cc17;
	text-decoration: none;
}
div.col1 a:hover {
	text-decoration: underline;
}
div.col2 {
	width: 470px;
	float: left;
}
div.col2 a {
	color: #b5cc17;
	text-decoration: none;
}
div.col2 a:hover {
	text-decoration: underline;
}
.right {
	float: right;
}
a.find-more {
	display: block;
	width: 145px;
	height: 25px;
	position: absolute;
	margin: 126px 0 0 27px;
	text-decoration: none;
}
a.learn-more {
	display: block;
	width: 145px;
	height: 25px;
	position: absolute;
	margin: 126px 0 0 247px;
	text-decoration: none;
}
div#how-flash {
	float: left;
	margin: 10px 0 40px 0;
}
span {
	font-size: 12px;
}
/* encloses the whole body and provides centering */
div#wrapper {
	width:  1000px; 
	min-height: 670px; 
	margin: 0px auto 0 auto;
	padding-top: 20px;
	background: transparent url(../images/styles/background-logo2.jpg) no-repeat center 0;
}
div#header {
	float: left;
	height: 130px;
}
div#logo {
	position: absolute;
	margin: 40px 0 0 51px;
	width: 245px;
	float: left;
}
div#banner {
	float: left;
	clear: both;
	width: 100%;
	height: 192px;
	margin: 0 0 40px 0;
}  
div#banner p.banner-header {
	color: #01245e;
	font-size: 22px;
	line-height: 1.3em;
	width: 370px;
	margin: 40px 15px 0 60px ;
}  
div#banner p.banner-text {
	color: #fff;
	font-size: 15px;
	width: 370px;
	margin: 15px 15px 0 60px;
}
div#banner img.how-banner {
	margin: -30px 0 0 0;
}
div.how-banner {
	background: url(../images/styles/banners/how-banner.jpg) no-repeat;
	margin: -29px 0 0 14px;
	height: 220px;
	padding: 29px 0 0 0;
}
div.faq-banner {
	background: url(../images/styles/banners/faq-banner.jpg) no-repeat;
	margin: -46px 0 0 14px;
	height: 220px;
	padding: 46px 0 0 0;	
}
div.client-banner {
	background: url(../images/styles/banners/client-banner.jpg) no-repeat;
	margin: -30px 0 0 14px;
	height: 220px;
	padding: 30px 0 0 0;	
}

div.contactus-banner {
	background: url(../images/styles/banners/contactus-banner.jpg) no-repeat;
	margin: -33px 0 0 14px;
	height: 225px;
	width: 945px;
	padding: 33px 0 0 0;
}
div.program-banner {
	background: url(../images/styles/banners/program-banner.jpg) no-repeat;
	margin: -42px 0 0 14px;
	height: 236px;
	width: 936px;
	padding: 42px 0 0 0;
}
div.home-banner {
	background: url(../images/styles/banners/home-banner.jpg) no-repeat;
	margin: 0px 0 0 14px;
	height: 192px;
	width: 515px;
	padding: 0px 0 0 0;
	float: left;	
}
div.home-banner a {
	text-decoration: none;
	display: block;
	width: 140px;
	height: 27px;
	float: left;
	margin: 140px 0 0 155px;
	cursor: pointer;
}
div#homepage-video {
	height: 245px;
	width: 420px;
	margin: -30px 0 0px 0;
	background: transparent url(../images/styles/video-box.png) no-repeat 0 0;
}
div#video {
	margin: 4px 10px 10px 10px;
	float: left;
	width: 400px;
	height: 225px;
}
div#video p {
	text-align: center;
	margin: 100px 0 0 0;
}
div#banner-flash {
	border: 1px dotted white;
	width: 500px;
	height: 190px;
	margin: 0 0 0 10px;
}
div#nav {
	margin: 32px 0 0 330px;
	position: relative;
	float: left;
	width: 610px;
    }   
    
/* Menu / Nav */

dl, dt, dd, ul, li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
/* adjust the spacing between boxes */
#menu .menu-box {
   float: left;
   margin: 0px 3px 3px 0px;
}
#menu dl {
 
        float: left;
 
}
#menu dt {
	float: left;
	padding: 0 0 4px 0;
	}
#menu .menu-box.current dt,
#menu .menu-box:hover dt {
	background: url(../images/styles/nav/nav-bottom.png) no-repeat center bottom;	
	
}

/* global setting for a href */
#menu .menu-box a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	/*float: left;*/
	height: 23px;

}

#menu .current a,
#menu .menu-box:hover a {
	color: #01245e;
    background: #b5cc17;
    }

    
#menu .menu-box span.nav-left {
	float: left;
	height: 23px;
	width: 5px;
}
#menu .menu-box.current span.nav-left,
#menu .menu-box:hover span.nav-left {
	background: url(../images/styles/nav/nav-left.png) no-repeat;
}
#menu .menu-box span.nav-right {
	float: left;
	height: 23px;
	width: 5px;
}
#menu .menu-box.current span.nav-right,
#menu .menu-box:hover span.nav-right {
	background: url(../images/styles/nav/nav-right.png) no-repeat;
}


#menu dt a:hover, 
#menu dt a.selected {
}

/* top level setting for a href */
#menu dt a {
   float: left;
   display: block;
   line-height: 23px;
   padding: 0px 5px 0px 5px;
}
#menu dd {
  position: absolute;
}

/* dropdown list setting for ul */
#menu ul {
	margin-top: 10px;
	margin-left: -1px;
	display: none;
} 
#menu .menu-box:hover ul {  
	display: block;
	border: 1px solid green;
} 

/* dropdown list setting for li */
#menu ul li {
	width: 150px;
}

#menu ul li a {
	display: block;
	height: 20px;
	padding: 3px 0px 3px 10px;
}
#menu ul li a:hover {
}

div#main {
	float: left;
	margin: 20px 0 0 0;
	font-size: 12px;
	width: 1000px;
}
div#main a {
	color: #b5cc17;
	text-decoration: none;
}
div#main a:hover {
	text-decoration: underline;
}

div#main div.main-text {
	margin: 0 25px 0 50px;
	width: 425px;
}
div#main div.main-text-fullwidth {
	margin: 0px 25px 100px 50px;
}
div#main div.main-text-fullwidth p {
	width: 880px;
}
div#main div.feature {
	background: url(../images/styles/homepage-feature.png) no-repeat 0 0;
	height: 234px;
	width: 421px;
	margin: 0px 0 0 0;
}
div.faq-box {
	border-bottom: 1px solid #053584;
	margin: 30px 0 0px 0;	
	padding: 0 0 10px 0;
} 
div.client-box {
	margin: 30px 0 0px 0;	
	padding: 0 0 10px 0;
	border-bottom: 1px solid #053584;
	min-height: 165px;
}

div.client-box div.client-video {
	float: left;
	margin: 0 40px 0 0;
        width: 180px;
}
div.client-box p {
	width: auto !important;
}
div.client-box div.client-content {
	margin: 0px 0 5px 220px;
        position: relative;
	overflow: visible;
}
   
div#footer {   
	float: left;
	width: 100%;
	height: 100%;
	background: #d1d1d1 url(../images/styles/footer-background.jpg) repeat-x 0 0;
}   
div#footer div.col1 {
	width: 500px;
}
div#footer div.col2 {
	width: 400px;
}
div#footer-centering {
	width: 1000px;
	margin: 0 auto 0 auto;
}
div#footer-top {
	height: 118px;
	margin: 1px 0 0 50px;
}       
div#footer-top div.col1 {
	height: 118px;
	width: 454px;
	background: url(../images/styles/footer-divider.jpg) no-repeat right 0;
}
div#footer-top div.col2 {
	margin: 0 0 0 40px;
}
div#footer div.affiliate-logo {
	margin: 0 0 0 0px;
}
div.affiliate-logo div.logo-box {
	display: block;
	text-align: center;
	width: 120px;
	height: 65px;
	float: left;
	line-height: 65px;
}
div#footer div.affiliate-logo img {
	vertical-align: middle;	
}
div#footer-top p.footer-header {
	font-size: 18px;
	margin: 10px 0 10px 0;
	color: #0079ff;
}
div#footer-top div.col2 p.footer-header {
	margin: 10px 0 0 0;
}
div.contact-form {
	margin: 30px 0 80px 0;
}

#contact-form input,
#contact-form textarea,
div#footer-top form input {
	color: #FFF;
	border: none;
	background: #005dc4;
	background: #005dc4;
	height: 18px;
	font-size: 11px;
	padding: 3px 0 0 10px;
}
#contact-form input {
	margin: 0 0 10px 0;
	width: 350px;
}
#contact-form textarea {
	height: 135px;
	width: 350px;
	font-family: Arial;
	font-size: 12px;
}
#contact-form #submit {
	width: 100px;
	margin: 30px 0 0 70px;
	cursor: pointer;
}
#contact-form label {
	display: block;
	width: 70px;
	float: left;
	font-size: 12px;
	margin: 3px 0 0 0;
}
#contact-form span.required {
	font-size: 10px;
}
#contact-form div.input-error input, #contact-form div.input-error textarea {
    background-color: #1985fc;
}
#contact_form div.input-error input {
    background-color: #1985fc;
}

.green-text {
	color: ##B5CD17;
}
div#footer-top form input#name {
	width: 157px;
	margin: 0 8px 0 0;
}
div#footer-top form input#phone {
	width: 107px;
}
div#footer-top form input#email {
	width: 282px;
	margin: 5px 0 0 0;
}
div#footer-top form div.form-area {
	width: 295px;
	float: left;
}
div#footer-top form div.form-area div {
	float: left;
}
div#footer-top form div.submit-button {
	float: left;
	margin: 10px 0 0 23px;
}
#contact-form input#submit,
div#footer-top form input#submit {
	background: url(../images/styles/send-button.jpg) no-repeat;
	width: 96px;
	height: 27px;
	cursor: pointer;
}
div#footer-error {
	margin: 3px 0 0 0;
}
/*Footer Bottom*/

div#footer-bottom {
	color: #7f7f7f;
	margin: 20px 0 0 50px;
}
div#footer-bottom p {
	font-size: 11px;
}
div#footer-bottom a {
	color: #7f7f7f;
	text-decoration: none;
}
div#footer-bottom a:hover {
	text-decoration: underline;
}
div#footer-bottom span {
	margin: 0 5px 0 5px;
}
div#footer-bottom div.col2 p {
	text-align: right;
}
div.footer-space {
	width: 100%;
	background: #d1d1d1;
	clear: both;
	height: 100%;
}