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

html {
	outline:none;
}

body {
	margin: 0px;
	background:#fff url(../images/bg.png) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#606060;
}

.img_right {
	float:right;
	margin-left:20px;
}

a {
	color:#38b3ff;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a img {
	border:0;
	outline:none;
}
.clear{ clear:both;}

#container {
	width:960px;
	margin:0 auto;
}

#header {
	height:100px;
	position:relative;
}

#contact_header {
	position:absolute;
	right:0px;
	top:20px;
	font-size:22px;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:400;
	color:#dcedff;
}

#contact_header b {
	font-size:32px;
	display:block;
	margin-top:-10px;
	font-weight:700;
	color:#fff;
}

#menu {
	background:url(../images/menu.png) no-repeat;
	height:40px;
	width:960px;
	clear:both;
	font-size:12px;
	font-weight:700;
	color:#224b68;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#menu ul, #menu li {
	margin:0;
	padding:0;
	list-style:none;
}

#menu ul {
	margin-left:10px;
}

#menu li {
	float:left;
}

#menu li.split {
	display:block;
	height:40px;
	width:2px;
	background:url(../images/menu_split.png) no-repeat;
}

#menu li a {
	display:block;
	height:30px;
	text-align:center;
	color:#becdd2;
	text-decoration:none;
	padding:0 10px;
	padding-top:10px;
	color:#224b68;
}
#menu li a.gap{	display:block;
	height:30px;
	text-align:center;
	color:#becdd2;
	text-decoration:none;
	padding:5px 15px;

	color:#224b68;}

#menu li a:hover, #menu li a.active, #menu li a.gap:hover,#menu li a.gap.active {
	color:#fff;
	background:url(../images/menu_on.png) repeat-x;
}

#banner {
	background:url(../images/banner.jpg) no-repeat;
	height:240px;
	width:960px;
	clear:both;
	margin:10px 0;
	position:relative;
}

#banner .text {
	width:700px;
	margin-left:20px;
	padding-top:16px;
}

#banner h2 {
	font-size:38px;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:700;
	margin:0 0 10px 0;
	color:#a8d2ff;
	text-transform:uppercase;
}

#banner h2 b {
	color:#fff;
}

#banner p {
	line-height:18px;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	margin-top:0;
	margin-bottom:14px;
	font-size:14px;
	color:#fff;
	width:500px;
	display:block;
}

#banner .quote_button {
	position:absolute;
	bottom:20px;
	left:20px;
}

#content_area {
	background:#efefef;
	padding:20px;
	width:920px;
	clear:both;
	margin:10px 0;
	-moz-border-radius:10px;
	border-radius:10px;
	float:left;
}

#content_area h1 {
	font-size:32px;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	color:#325f80;
	font-weight:700;
	margin:0 0 14px 0;
	text-transform:uppercase;
}

#content_area h2 {
	font-size:20px;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	color:#38b3ff;
	font-weight:normal;
	margin:0 0 2px 0;
}

#content_area h3 {
	font-size:16px;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	color:#38b3ff;
	font-weight:normal;
	margin:0 0 2px 0;
}

#content_area p {
	line-height:18px;
	text-align:justify;
	margin-top:0;
	margin-bottom:16px;
}

#content_boxes {
	clear:both;
	margin:20px 0;
}

#content_boxes .box {
	width:280px;
	float:left;
	padding:5px;
}

#content_boxes .box h3, #content_boxes .box h3 a {
	font-size:15px;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	color:#38b3ff;
	font-weight:700;
	text-transform:uppercase;
	margin:8px 0 0 0;
}

#content_boxes .box p {
	line-height:14px;
	font-size:12px;
	margin:6px 0 0 0;
}

#content_boxes .box .read_more {
	float:right;
	clear:both;
	padding-top:6px;
}

#content_boxes .center {
	margin:0 15px;
}

#footer {
	font-size:12px; background:url(../images/footer_bg.png) repeat-x;
	text-align:right;
	color:#999;
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px; padding:10px 0; clear:both;
}
.footer_link{ width:940px; margin:auto; text-align:center;}
.footer_link ul{ list-style:none; margin:0px; padding:0px;}
.footer_link li{ display:inline;}
.footer_link li a{ padding:0 5px; color:#FFF; text-transform:capitalize;}
.footer_link li a:hover{ color:#79bde2;}
.site_link{ font-size:14px; font-weight:bold;}
.site_link a{ color:#666;}
.address-box{ float:left;  margin-top: 15px; width:430px; line-height:25px;}
.address-box p{ color:#666; font-size:14px; line-height:25px;}
.map_box{ background:url(../images/map.jpg); height:280px; width:300px; float:right; margin-right:40px; border:#999 1px solid; }
.copy_box{ width:500px;  text-align:center; color:#fff; margin:10px auto; font-size:11px;}

/*contact form*/
div.box {
width:500px;
background:#fff;
position:relative;
color:#333;
border:1px solid #fff;
float:left;

}

div.box h1 { 
color:#ffffff;
font-size:14px;
text-transform:uppercase;
padding:5px 0 5px 5px;
border-bottom:1px solid #fff;
border-top:1px solid #fff; 
}

div.box label {
width:100%;
display: block;
background:#f9f8f8;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:10px 0 10px 0;
}

div.box label span {
display: block;
color:#333;
font-size:13px;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box .input_text {
padding:10px 10px;
width:200px;
background:#e4e4e4;
border-bottom: 1px double #fff;
border-top: 1px double #fff;
border-left:1px double #fff;
border-right:1px double #fff;
}

div.box .input_text:focus {
padding:10px 10px;
width:200px;
background:#fff;
border-bottom: 1px double  #ccc;
border-top: 1px double #ccc;
border-left:1px double #ccc;
border-right:1px double #ccc;
}

div.box .enquiry{
padding:7px 7px;
width:350px;
background:#e4e4e4;
border-bottom: 1px double #fff;
border-top: 1px double #fff;
border-left:1px double #fff;
border-right:1px double #fff;
overflow:hidden;
height:80px;
}

div.box .enquiry:focus{
padding:7px 7px;
width:350px;
background:#fff;
border-bottom: 1px double  #ccc;
border-top: 1px double #ccc;
border-left:1px double #ccc;
border-right:1px double #ccc;
overflow:hidden;
height:80px;
}

div.box .button
{
margin:0 0 10px 0;
padding:9px 7px;
background:#75c300;
border:0px;
position: relative;
top:10px;
left:302px;
color:#fff;
width:150px;
font-size:18px;
border-bottom: 1px double #fff;
border-top: 1px double #fff;
border-left:1px double #fff;
border-right:1px double #fff;
cursor:pointer;
font-weight:bold;
}
div.box .button:hover
{
margin:0 0 10px 0;
padding:9px 7px;
background:#55a901;
border:0px;
position: relative;
top:10px;
left:302px;
color:#fff;
width:150px;
font-size:18px;
border-bottom: 1px double #fff;
border-top: 1px double #fff;
border-left:1px double #fff;
border-right:1px double #fff;
cursor:pointer;
font-weight:bold;
}
/*contact form css close*/