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

/*------------- Reset ---------------*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0; font-family: Georgia, Arial;}
html {overflow-y: scroll;}

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;

body {	background:url(../images/bg.jpg) no-repeat center 0px #fff;; margin:0px; font-family: Arial, Helvetica, sans-serif;	color: #003e67;}
a:link { color: #185087; text-decoration: none;}
a:visited {	text-decoration: none; color: #185087;}
a:hover { text-decoration: none; color: #185087;}
a:active {	text-decoration: none; color: #185087;}

html {overflow-y: scroll;}
article, section, nav, footer {display:block;}
input {outline:none !important;}
select {outline:none !important;}
img{ border:0px; outline:none}
textarea{ font-family:Arial, Helvetica, sans-serif; outline:none;}
u{ text-decoration:underline}
p{
	padding:0px 0px 5px 0px;
	font-family: Georgia,Arial;
}
h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-weight:normal;}

@font-face {
 font-family: myriadproregular;
 src: url("myriadproregular-webfont.eot") /* EOT file for IE */
}
@font-face {
 font-family: myriadproregular;
 src: url("myriadproregular-webfont.ttf") /* TTF file for CSS3 browsers */
}

/*-------------/ Reset ---------------*/




/* --- Global Classes --- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */
.clear {height: 0px; overflow: hidden; clear:both;}
.left {float:left;}
.right {float:right;}

.container{
		margin:auto;
		width:994px;
		}

/*--------------Header----------------------*/

.header{
		height:100px;
		margin:20px 0 0;
		}
.logo{
		float:left;
		width:auto;
		font:16px bold ,Arial,;
		margin:10px 0 0;
		vertical-align:top;
		}
	
.header_contact{
		float:right;
		}

/*--------------Nav----------------------*/

.nav_box{
		float:left;
		margin:0px 0 0;
		width:994px;
		position:relative;
		}
.nav_box ul{
		float:left;
		list-style:none;
		}
.nav_box li{
		float:left;
		list-style:none;
		}
.nav_box ul li a{
		position: absolute;
		font-size:18px;
		font-family: myriadproregular;
		background:url(../images/mid.png) no-repeat;
		color:#FFF;
		}
.nav_box ul li a.first{
		left:0px;
		z-index:9000;
		display:block;		
		height:35px;
		width:150px;
		padding:14px 0 0 60px;
		background:url(../images/first.png)	 no-repeat;
		}

.nav_box ul li a.second{
		left:110px;
		z-index:8000;
		display:block;		
		height:35px;
		text-align:center;
		width:259px;
		padding:14px 0 0 0;
}

.nav_box ul li a.third{
		left:290px;
		z-index:7000;
		display:block;		
		height:35px;
		text-align:center;
		width:259px;
		padding:14px 0 0 0;
}
.nav_box ul li a.fourth{
		left:475px;
		z-index:6000;
		display:block;		
		height:35px;
		text-align:center;
		width:259px;
		padding:14px 0 0 0;
}
.nav_box ul li a.fifth{
		left:620px;
		z-index:5000;
		display:block;		
		height:35px;
		text-align:center;
		width:259px;
		padding:14px 0 0 0;
}
.nav_box ul li a.sixth{
		left:814px;
		x-index:4000;
		display:block;		
		height:35px;
		text-align:center;
		width:180px;
		padding:14px 0 0 0;
}



/*---------------------Hover-----------------------*/


.nav_box ul li a.first:hover{
	background:url(../images/first_hover.png) no-repeat;
}
.nav_box ul li a.first_active{
	background:url(../images/first_hover.png) no-repeat;
}


.nav_box ul li a:hover{
	background:url(../images/mid_hover.png) no-repeat;
}
.nav_box ul li a.active{
	background:url(../images/mid_hover.png) no-repeat;
}
/*---------------------Active-----------------------*/
.nav_box ul li a.first.active {
		background:url(../images/first_hover.jpg) no-repeat;
}

.nav_box ul li a.active {
		background:url(../images/mid_hover.png) no-repeat;
}





.nav_box ul .last{
		position:relative;
		left:812px;
		display:block;
		background:url(../images/last.png) no-repeat;
		width:182px;
		height:35px;
		padding:14px 0 0;
}

/*----------------Banner------------------*/
		
.banner{
		margin:9px 0 0;
		float:left;
		}		
		
/*----------------Text Area------------------*/

.text_area_outer{
		background: url(../images/massage_icon.jpg) right bottom no-repeat #dfdfdf;
		float:left;
		width:995px;
		margin:13px 0px
		}

.right_part{
		padding:20px 30px;
		color:#6e6e6e;
		font:14px Georgia, Arial;
		float:left;
		width:940px;
		}

.right_part img{
		padding: 0px 5px 15px 5px;
		float:right;
	}

.right_part h1{
	color:#357DA8;
	font:23px myriadproregular;
	background:url(../images/dot.jpg) bottom repeat-x;
		}
.right_part h2{
	font-size:20px;
		font-family: myriadproregular;
		color:#6e6e6e;
		margin:25px 0 0 0;
		}
		
.right_part h3{
	font-size:20px;
		font-family: myriadproregular;
		color:#6e6e6e;
		margin:25px 0 0 0;
		}
		
.right_part h4{
	font-size:20px;
		font-family: myriadproregular;
		color:#6e6e6e;
		margin:25px 0 0 0;
		}
			
.right_part h5{
	font-size:20px;
		font-family: myriadproregular;
		color:#6e6e6e;
		margin:25px 0 0 0;
		}
		
.right_part ul{
	margin:10px 0 0 10px;
	padding:0;
}
.right_part li{ 
		padding:3px 0 3px 25px;
		margin:0;
		list-style:none;
		background:url(../images/bullot.jpg) no-repeat 0 4px;;
	}

.left_part{
		padding:15px 0 0 20px;
		float:left;
		width:340px;
	}
	
.left_part img{
		padding: 0px 0 15px 0px;
	}

	
.bottom_strip{
	float:left;
	}
/*----------------footer------------------*/
.footer_contact{
		background: url(../images/caroline_37.jpg) right bottom no-repeat;
		padding:45px 0px;
		color:#6e6e6e;
		font:13px Georgia, Arial;
		}
.main_footer_container{
		padding:20px 0 50px;
		color:#6e6e6e;
		font-size:13px;
		box-sizing:border-box;

		}
.main_footer_left{
	float:left;		
		}
.main_footer_mid{
	float:left;	
	margin:0 0 0 35px;
		}
.main_footer_right{
	float:right;
}
.main_footer_right a{
	color:#6E6E6E;
}
.main_footer_right a:hover{
	color:#185087;}
/*----------------Text Coloring------------------*/

.brown{
		color:#8c6239;
		font-size:18px;
		font-weight:bold;
		font-family: myriadproregular;
		text-transform:capitalize;
		}
.azure{
		color:#00b0ee;
		font-size:26px;
		font-family: myriadproregular;
		}
.gray{	font-size:18px;
		font-family: myriadproregular;
		color:#555555;
		}
.gray_big{
		font-size:20px;
		font-family: myriadproregular;
		color:#6e6e6e;
		margin:20px 0 0 0;
		}
.teal{	
	color:#005b7f;
	}		
.charcole{
	color:#357DA8;
	font:18px myriadproregular;
	}
.main_heading{
	color:#357DA8;
	font:22px myriadproregular;
	background:url(../images/dot.jpg) bottom repeat-x;
	
	}
	
.imp_points{ float:left; width:100%; margin-bottom:15px;}
.imp_points ul{ float:left; width:100%;}
.imp_points ul li{ float:left; width:45%;}
.trigger, .responsive_menu{ display:none;}
.doc_img{ display:none;}
	
/*****************************************************************Responsive Website*************************************************************/

@media(max-width:994px){
	.container{ width:100%; max-width:994px; margin:0 auto; padding:0px 0px;}
	.header{ float:left; width:100%; height:auto;}
	.logo{ float:left; width:auto;}
	.header_contact{ float:left; width:32%; margin-left:145px;}
	.banner img{ float:left; width:100%;}
	.left_part {width:100%; max-width:350px; margin:50px auto; float:none;}
	.right_part{ float:left; width:98%;}
	.right_part h1{ background:none; float:left; width:100%; text-align:center;}
	.text_area_outer{ float:left; width:100%; margin:0px 0px;}	
	p{ padding:0; float:left; width:100%; line-height:20px;}
	.right_part h2 { float:left; width:100%; margin:25px 0px;}
	.gray_big{ float:left; width:100%; margin:25px 0px;}
	.left_part img{ text-align:center;}
	.text_area_outer{ float:left; width:100%;}
	.footer_contact{ float:left; width:94%; margin:25px 0px; padding:2%;}
	.main_footer_left{ float:left; width:100%; text-align:center;}
	.main_footer_mid{ float:none; margin:0 auto; max-width:120px; width:100%;}
	.main_footer_right{ float:none; width:100%; max-width:444px; margin:15px auto;}
	.trigger, .responsive_menu{ display:block;}
	.nav_box{ display:none;}
	.trigger{ width:auto; right:20px; top:20px; position:absolute;}
	.responsive_menu{ position:fixed; background:#5cb7d9; width:50%; right:0px; height:100%; top:0; z-index:98;  right:-60%; transition:all 0.7s ease 0s; -webkit-transition:all 0.7s ease 0s;
-moz-transition:all 0.7s ease 0s; -ms-transition:all 0.7s ease 0s; -o-transition:all 0.7s ease 0s;}
	.responsive_menu ul{ float:left; width:100%; border-top:1px solid #3b90b0; margin:10px 0;}
	.responsive_menu li{ float:left; width:100%; line-height:40px; padding:0 15px; border-bottom:1px solid #3b90b0; list-style:none;}
	.responsive_menu li a{ color:#fff; text-transform:uppercase; float:left; width:100%;font-family: myriadproregular;}
	.responsive_menu li:hover {background:#004058;}
	.close_icon{ float:right; width:auto; margin:20px 0 0;}
	.menu_Show{ right:0%;}

	}
@media(max-width:768px){
	.logo{ float:none; width:100%; max-width:350px; margin:25px auto;}
	.header{ float:left; width:100%; height:auto;}
	.header_contact{ float:none; width:100%; max-width:311px; margin:25px auto; text-align:center;}
	.tel_icon{ display:none;}
	.banner{ float:left; width:100%; margin:0;}
	.banner img{ float:left; width:100%;}
	.text_area_outer{ width:100%;}
	.right_part{ float:left; width:97%;}
	.footer_contact{ padding:6% 2% 2% 2%; box-sizing:border-box}
	.main_footer_mid img{ margin:10px auto;}
	
}	
@media(max-width:592px){
.left_part{ max-width:307px;}
.right_part{ width:96%;}
.text_area_outer{ margin-bottom:15px;}
.gray_big{ float:left; width:100%; margin:25px 0px; text-align:center;}
.right_part h2{ float:left; width:100%; text-align:center; margin:25px 0px;}
.footer_contact{ float:none; margin:0px auto; background:none;max-width:329px; width:100%; line-height:20px;box-sizing:border-box}
.header_contact{ text-align:center; line-height:24px;}
.tel_icon{ display:none;}
.doc_img{ display:block; text-align:center;}
}
@media(max-width:479px){
	.logo img{ float:left; width:98%; padding:1%;}
	.header_contact{ float:left; width:98%; padding:5% 1%; text-align:center; max-width:454px; margin:0 auto;}
	.teal{ width:100%; text-align:center;}
	.right_part{ width:94%;}
	.footer_contact{ text-align:center;box-sizing:border-box}
	.main_footer_right{ text-align:center;}
	.azure{ width:100%; float:left; text-align:center;}
	.left_part{ float:none; width:100%; margin:0 auto; padding:0; text-align:center; max-width:329px;}
	.tel_icon{ display:none;}
	

	
	
	}