@charset "utf-8";
/* CSS Document */

body {
	background: #abd2e8 url(images/background.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}


#container{
	margin: auto;
	position: relative;
	display: block;
	max-width: 970px;
	width: 100%;

	border: 1px solid #257598;
	border-bottom-right-radius: 8px; 	
	border-bottom-left-radius: 8px; 	
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	background-color: #FFF;
}

h2{
color: #31728d;
font-size: 17px;
font-weight: bold;
padding-bottom: 0px;
margin-bottom: 0px;
padding-top: 0px;
margin-top: 0px;
}

#hometext1{
	display: block;
	width: 40.20618%;
	margin-left: 4.123711%;
}

#hometext1b{
	display: block;
	width: 40.20618%;
	margin-left: 4.123711%;
}

#hometext2{
	display: block;
	width: 58.762886%;
	margin-left: 4.123711%;
	margin-bottom: 30px;
}

#subtext{
	display: block;
	width: 54.639175%;
	margin-left: 4.123711%;
	margin-bottom: 30px;
	float: left;
}

#subtext2{
	display: block;
	width: 95.639175%;
	margin-left: 4.123711%;
	margin-bottom: 30px;
	float: left;
}



#header{
	position: relative;
	display: block;
	height: 379px;
}

#headersub{
	position: relative;
	display: block;
	height: 219px;
}

#logo{
	position: absolute;
	left: 24px;
	top: 16px; 
	display: block;
	width: 155px;
	height: 66px;
}


#login a{
	position: absolute;
	right: 24px;
	top: 10px; 
	display: block;
	width: 57px;
	height: 23px;
	background: url(images/but_login.jpg) no-repeat top;
}

#login a:hover{
	background: url(images/but_login.jpg) no-repeat bottom;
}

#login span{ display: none;}

#phone{
	position: absolute;
	right: 24px;
	top: 10px; 
	display: block;
	width: 250px;
	height: 23px;
	font-size: 15px;
	color: #397994;
	text-align: right;
}





#navigation{
	display: block;
	color: #31728d;
	font-size: 15px;
	position: absolute;
	right: 15px;
	top: 54px;
	width: 680px;
	height: 25px;
	padding: 5px;
	
}

#banner{
margin-left: 15px;
margin-right: 15px;
display: block;
position: absolute;
max-width: 938px;
top: 91px;
}

#banner img{
width: 100%;
height: auto;
}

input{
	background: #d2e4ee;
	border: none;
	padding-left: 3px;
}

textarea{
	background: #d2e4ee;
	border: none;
	padding-left: 3px;
}


#learnmore a{
	display: block;
	width: 96px;
	height: 25px;
	background: url(images/but_learnmore.jpg) no-repeat top;
	margin-left: 255px;
	margin-bottom: 5px;
}

#learnmore a:hover{
	background: url(images/but_learnmore.jpg) no-repeat bottom;
}

#learnmore span{ display: none;}


#submit a{
	display: block;
	width: 75px;
	height: 25px;
	background: url(images/but_submit.jpg) no-repeat top;
	margin-left: 334px;
}

#submit a:hover{
	background: url(images/but_submit.jpg) no-repeat bottom;
}

#submit span{ display: none;}


#submit2 a{
	display: block;
	width: 75px;
	height: 25px;
	background: url(images/but_submit.jpg) no-repeat top;
}

#submit2 a:hover{
	background: url(images/but_submit.jpg) no-repeat bottom;
}

#submit2 span{ display: none;}


#submit3 a{
	display: block;
	width: 187px;
	height: 25px;
	background: url(images/but_HS_details.jpg) no-repeat top;
}

#submit3 a:hover{
	background: url(images/but_HS_details.jpg) no-repeat bottom;
}

#submit3 span{ display: none;}





#targets{
position: absolute;
display: block;
top: 400px;
right: 250px;
width: 135px;

}
#targets ul{
margin: 0px;
padding-left: 0px;
}

#targets ul li{
margin: 0px;
list-style:none;
border-bottom: 1px solid #4886a0;
}

#targets ul li a{
color: #000;
text-decoration: none;
text-indent: 14px;
width: 135px;
background: url(images/home_list_background.jpg) no-repeat top left;
height: 18px;
padding-top: 1px;
display: block;
}

#targets ul li a:hover{
color: #fff;
background-color: #bbd425;
background: url(images/home_list_background.jpg) no-repeat bottom left;
}


#services{
position: absolute;
display: block;
top: 400px;
right: 95px;
width: 135px;

}
#services ul{
margin: 0px;
padding-left: 0px;
}

#services ul li{
margin: 0px;

list-style:none;
border-bottom: 1px solid #4886a0;
}

#services ul li a{
color: #000;
display: block;
text-decoration: none;
text-indent: 14px;
width: 135px;
background: url(images/home_list_background.jpg) no-repeat top left;
height: 18px;
padding-top: 1px;


}

#services ul li a:hover{
color: #fff;
background-color: #bbd425;
background: url(images/home_list_background.jpg) no-repeat bottom left;
}








#footer{
	color: #397994;
	font-size: 12px;
	text-align: center;
	display: block;
	margin: auto;
	width: 800px;
	margin-top: 20px;
}

#footer a{
color: #599cb9;
text-decoration: none;
}

#footer a:hover{
text-decoration: underline;
}


#footer strong{
color: #397994;
text-decoration: none;
}

#footer ul{
	text-align: left;
	
	list-style-type: none;
	width: 800px;
}

#footer li{
	float: left;
	display: block;
	width: 135px;
	height: 130px;
	border-right: 1px solid #93c1d4;
	padding-left: 20px;
	padding-right: 0px;
	
}



h1{
padding: 0px;
margin: 0px;
font-size: 27px;
color: #31728d;

}

h3{
padding: 0px;
margin: 0px;
font-size: 17px;
color: #b6ce17;

}

h4{
padding: 0px;
margin: 0px;
font-size: 17px;
color: #b6ce17;
padding-bottom: 10px;
}


#requestinfo a{
	display: block;
	width: 187px;
	height: 25px;
	background: url(images/but_requestinfo.jpg) no-repeat top;
}

#requestinfo a:hover{
	background: url(images/but_requestinfo.jpg) no-repeat bottom;
}

#requestinfo span{ display: none;}

#subright{
right: 2.5773195%;
width: 36.08247422%;	
float: right;
}

.caption{
	font-size: 12px;
	color: #5b5b5b;
	display: block;
	width: 350px;
	margin: 0px;
	text-align:center;
}


.contentcaption{
	font-size: 11px;
	color: #5b5b5b;
	display: block;
margin: 0px;
font-style: italic;

}

a{
	color: #397994;
	outline: none;
}

.subtitle{
font-weight: bold;
color: #397994;
}

.subtitle2{
color: #397994;
}

.subtitle2 a{
	text-decoration: none;
}

.subtitlegreen{
color: #b6ce17;
font-size: 15px;
}

.subtitledark{
font-weight: bold;
color: #1a536b;
font-size: 15px;
padding-bottom: 13px;
}

#subtext ul{
padding-left: 0px;
margin-left: 0px;
margin-top: 0px;
padding-top: 0px;

}

#subtext ul li{
list-style-type: none;
background: url(images/bullet.jpg) no-repeat;
padding-left: 12px;
}

#subright ul{
padding-left: 5px;
margin-left: 0px;
}

#subright input{
width: 300px;
}

#subright textarea{
width: 300px;
}

#subright img{
margin-right: 20px;
height: auto;
width: 100%;
}

#subright ul li{
list-style-type: none;
background: url(images/bullet.jpg) no-repeat;
padding-left: 14px;
display: block; 
width: 86%;
border-bottom: 1px solid #397994;
margin-top: 4px;
margin-bottom: 4px;
}

#kitdate{
padding: 10px;
background: #eff5ca;
}

.floatright{
float: right;
}

.floatright2{
float: right;
}

.twofive{
margin-left: 25px;
}

.indent1{
margin-left: 100px;
}

.tablemobile{
display: none;
}

.table{
display: block;
}

.whitepapers{
	max-width: 320px;
}

#request_form{
width: 800px;
display: block;
}


label{
	width: 150px; 
	line-height: 25px;
	text-align: left;
	float: left;
	}

#request_form input{
	float: left;
}

#request_form textarea{
	width: 350px;
}

#request_form table{
	width: 450px;
}

.gift1{
display: block;
}

.gift2{
display:none;
}

#contact_form{
width: 450px;
display: block;
}


label{
	width: 150px; 
	line-height: 25px;
	text-align: left;
	float: left;
	}

#contact_form input{
	float: left;
}

#contact_form textarea{
	width: 350px;
}

#contact_form table{
	width: 450px;
}




@media (max-width: 870px) {
.logosize{
width: 97px;
height: auto;
}

#logo{
	position: absolute;
	left: 24px;
	top: 5px; 
	display: block;
	width: 97px;
	height: 40px;
}




 }




  @media (max-width: 767px) {


#logo{
	position: absolute;
	left: 24px;
	top: 16px; 
	display: block;
	width: 155px;
	height: 66px;
}

.logosize{
width: 155px;
height: auto;
}


	#desknav{
	display: none;
	}
	
	.menu-button{
	display: none;
	}


.gift1{
display:none;
}


.gift2{
	display:block;
}



#request_form{
width: 270px;
}

label{
	width: 250px; 
	line-height: 15px;
	text-align: left;
	float: left;
	}
#request_form input{
	float: left;
}

#request_form textarea{
	width: 270px;
}

#request_form table{
	width: 300px;
}

#request_form table table{
	width: 150px;
}


#contact_form{
width: 270px;
}

label{
	width: 250px; 
	line-height: 15px;
	text-align: left;
	float: left;
	}
#contact_form input{
	float: left;
}

#contact_form textarea{
	width: 250px;
}

#contact_form table{
	width: 300px;
}






#footer ul{
	display: none;
}

.whitepapers{
	width: auto;
}

.whitepapers2{
	width: 100%;
}


#subright{
display: block;
margin: auto;
width: 100%;
}

#subright img{
display: block;
margin: auto;
max-width: 100%;
height: auto;
margin-right: 25px;
}

#subtext{
	display: block;
	width: 93%;
	margin: 10px;
	margin-bottom: 10px;
	float: none;
	padding-bottom: 20px;
	border-bottom: 1px solid #b0ca09;
}
.caption{
	font-size: 12px;
	color: #5b5b5b;
	display: block;
	width: 90%;
	margin: auto;

}

#footer{
	margin-top: 0px;
	width: auto;
}

#hometext1{
	display: block;
	width: 100%;
	margin-left: 2.123711%;
		margin-right: 2.123711%;
}

#hometext1b{
	display: block;
	width: 92.5%;
	margin-left: 4.123711%;
	margin-right: 2.123711%;
}

#hometext2{
	display: block;
	width: 100%;
		margin-left: 2.123711%;
		margin-right: 2.123711%;
	margin-bottom: 0px;
}
.bodyimage{
width: 100%;
height: auto;
}

#subright input{
width: 270px;
}

#subright textarea{
width: 270px;
}

.twofive{
margin-left: 10px;
margin-right: 10px;
}

#learnmore a{
	display: block;
	width: 96px;
	height: 25px;
	background: url(images/but_learnmore.jpg) no-repeat top;
	margin-left: 0px;
	margin-bottom: 5px;
}

.indent1{
margin-left: 5px;
}

#services{
position: static;
display: block;
top: auto;
right: auto;
width: auto;
margin-bottom: 30px;
margin-top: 30px;
margin-left: 4%;
margin-right: 4%;
}



#targets{
position: static;
display: block;
top: auto;
right: auto;
width: auto;
margin-bottom: 15px;
margin-top: 30px;
margin-left: 4%;
margin-right: 4%;
}



#logo{
	position: static;
	left: auto;
	top: auto; 
	display: block;
	width: 155px;
	height: 66px;
	margin: auto;
	padding-top: 16px;
	padding-bottom: 16px;
}

#phone{
	position: static;
	right: auto;
	top: auto; 
	display: block;
	width: 100%;
	height: 23px;
	font-size: 15px;
	color: #397994;
	text-align: center;
}

#header{
	position: relative;
	display: block;
	height: auto;
}

#headersub{
	position: relative;
	display: block;
	height: auto;
}

#banner{
margin-left: 15px;
margin-right: 15px;
display: block;
position: static;
max-width: 938px;
top: auto;
padding-bottom: 20px;
padding-top: 20px;
}

#banner img{
width: 100%
}

#navigation{
	display: block;
	color: #31728d;
	font-size: 15px;
	position: static;
	right: auto;
	top: auto;
	width: 100%;
	height: 25px;
	padding: 5px;
	
}
.tablemobile{
display: block;
}

.table{
display: none;
}
.floatright2{
float: left;

}

}