﻿@import url('reset.css');
@import url('tabs.css');
@import url('anylinkmenu.css');
/*===================== 

		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}

.service-list ul ul li{margin-left:20px;list-style-position:inside;}
.service-list ul li{margin-left:40px;list-style-position:inside;}


/*===================== 
	base styles 
=======================*/

body {
	-webkit-text-size-adjust: none;
	padding:0;
    margin: 0;


	}

svg:not(:root) {overflow: hidden;/*reset*/}
p {	font-family: 'Open Sans', sans-serif;}
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	color:#f4f4f4;
	} 


.center{text-align:center}

.sitewidth{ width:1204px; margin:0 auto; padding: 30px 0px; text-align:center;}

/*===================== 
	typography 
=======================*/

	
	::-moz-selection {
		background: #d1d1d1;
		color: #fff;
		text-shadow: none;
	}
	
	::selection {
		background: #d1d1d1;
		color: #fff;
		text-shadow: none;
	}
	
strong,b {  font-family: 'Open Sans', sans-serif; font-weight:700;}
	
h1 {font-size: 30px;color:#000;font-family: 'Montserrat', sans-serif;;  text-align:center;}
h2 {font-size:20px;color:#000;font-family: 'Montserrat', sans-serif;, cursive; text-align:left;}
h3 {font-size:27px;text-transform:uppercase;color:#ed2027;text-align:center;}
h4{text-transform:uppercase;font-size:16px;color:#1c1c1c;margin-bottom:5px;}
h5{font-size:15px;color:#d30d0d;margin-bottom:10px;}
h6{font-size:15px;color:#d30d0d;margin-bottom:10px;}
	
p {font-size:13px;font-weight:normal;line-height:2em;margin: 0;}
	
/*===================== 
	table
=======================*/


/*===================== 
	link styles 
=======================*/

a:focus {outline: thin dotted;/*reset*/
	}
	
a,
a:link, 
a:visited, 
a:active {
	outline: 0;/*reset*/
    color:#000; 
    text-decoration:underline;
	}
	a:hover  {
		outline: 0;/*reset*/
		text-decoration: none;
		color: #ed2027;
		}

/*===================== 
	header styles 
=======================*/
.contact {float:right; padding-right:3%; padding-bottom: 1%; padding-top: 1%;}
.contact h2 {font-size:16px;}
.toll-free {float:right; padding-bottom: 1%; padding-top: 1%; padding-right:1%;}
.banner-img img {width: 100%; }
.logo img { width:25%; position:absolute; top:8%; margin: 0 auto; left: 37%;}
#header-container {width:100%; margin:0 auto; top:0; left:0; position:absolute;} 
#header {height:252px; background:url('../siteart/header.png') no-repeat center bottom;}

body {
	background:url('../siteart/site-bg.jpg') repeat left top #0d406b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

td {vertical-align:top;}

a:link, a:visited, a:active {text-decoration:underline; color:#000;}
a:hover {color:#000;}

p {
	display:block;
	margin:0 0 18px 0;
	line-height:18px;
}

.clear {height:1px;}

#wrap {
	width:55%;
	margin: 0 auto;
	padding:0 0px 34px 0px;
	background:url('../siteart/content-bg.jpg') repeat left top #dddddd;
	box-shadow:0 0 7px #000;
	-moz-box-shadow:0 0 7px #000;
	-webkit-box-shadow:0 0 7px #000;
}




#nav {
	background:url('../siteart/nav-bg.gif') repeat-x left top #122f54;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin: 0 auto;
	text-align:center;
}

#nav table {width:994px;}
#nav td a {
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	font-size:13px;
	font-weight:normal;
	color:#f8ef20;
	display:block;
	border-right:1px solid #0c223d;
	border-left:1px solid #0f4674;
	padding:15px 8px;
}

#nav td a:hover {color:#fff;}
#nav td a.first {border-left:0;}
#nav td a.last {border-right:0;}

#footer {padding:20px 0; text-align:center; width:80%; margin:0 auto;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#999999;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#999999;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#999999;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#999999;}

.divfooter {width:100%; text-align:center; margin:0 auto;}

.bottom-bar .listing-control-bar .left-half, .bottom-bar .listing-control-bar .right-half, .bottom-bar .mobile-listing-control-bar .left-half, .bottom-bar .mobile-listing-control-bar .right-half {color:#fff!important;}

@media screen and (max-width: 1800px)  {
	#wrap {width: 90%;}
	.logo img {  width: 30%; margin-top:100px; top:6%;}
}
@media screen and (max-width: 1500px)  {
	#wrap {width: 90%;}
	.logo img { width: 30%; top:3%;}
}
@media screen and (max-width: 1024px)  {
	#wrap {width: 90%;}

}
@media screen and (max-width: 900px)  {
	#wrap {width: 90%;}
	.logo img {  width: 30%; margin-top:75px;}
}

@media screen and (max-width: 740px){
	.logo img { width: 30%;margin-top:50px;}
}
@media screen and (max-width: 667px){
	.logo img {  width: 30%; }
}

@media screen and (max-width: 568px){
	.logo img {  width: 30%;}
	.contact h2 {font-size: 17px !important;}
	.toll-free h2{font-size: 17px !important;}
}
@media screen and (max-width: 500px){
}
@media screen and (max-width: 414px){
	.logo img {  width: 30%; top:2%;}

}

@media screen and (max-width: 400px){
}

@media screen and (max-width: 380px){
}
