﻿/* layout */
html  
{
    margin-left:-1px; 
}

form 
{			
	margin:0;
	padding:0;
}

#pageWrap 
{
    padding:0;
    margin:0; 
}

body 
{    
    font-family:'Exo 2',Arial, Helvetica, sans-serif;
    font-size:12px;	
    color:#fff;    
    margin:0;
    padding:0;
	position:relative; 
	height:100%;	  
    background:#fff
}
body.home{background:#005b98 url(images/bodyHp.jpg) no-repeat center top;}
body.others{background:#005b98 url(images/othersBody.jpg) no-repeat center top; font-size:15px}
body.home #bcFooter{padding-bottom:50px}
body.others #bcFooter{padding-top:50px}
body.others #boxMain{width:944px}
.cleaner { clear:both; height:0px; line-height:0px; font-size:0px}
 
#header 
{						
    position:relative;
    margin:0 auto 0 auto;
    width:1000px;
    height:548px;
    z-index:3;				
}

#bcBackground 
{
    position:relative;
    width:1000px;
    margin:0 auto 0 auto;
    z-index:2;			
}

#bcHeader 
{
    position:relative;
    width:100%;
    z-index:3;
}

#bcFooter 
{
    position:relative;
    width:100%;
    min-height:600px;
    padding:0px 0 30px 0;
    z-index:3;
}

#boxMain
{		
    width:1000px;
    margin:0 auto 0 auto;
    z-index:4;
}

#footerWrap 
{
    position: relative;
    width: 100%;
    bottom: 0;
    z-index: 1;
    background:#0b5a8e;

}

#footer 
{	
    position:relative;
    width: 944px;
    margin: 0 auto 0 auto;
    z-index:4;
    height:400px;
    padding:42px 28px 0; 
}

    
/* end layout */

/* body */

#logo {position:absolute; top:0; left:72px}
#claim{position:absolute; top:52px; left:250px;}
#sliderArea{left:24px; top:246px; position:absolute; z-index: 5}
#GL{position:absolute; left:512px; top:52px; padding:0px 0 0 35px; height:35px; background:url(images/icoGL.png) no-repeat left top; color:#777; font-size:12px}
#GL span{color:#005b98; font-size:14px; font-weight:bold;}
#ctaT{position:absolute; left:798px; top:52px;}
#ctaT .phone{padding:0 0 0 30px; background:url(images/ctaPhone.png) no-repeat left top; height:22px; line-height:22px; color:#777; font-size:12px;}
#ctaT .phone span{color:#005b98; font-weight:bold}
#ctaT .email{padding:0 0 0 30px; background:url(images/ctaMail.png) no-repeat left top; height:13px; line-height:13px; color:#777; font-size:12px; margin-top:10px;}
#ctaT .email a{color:#777; text-decoration:none;}
#menuHome{position:absolute; left:10px; top:88px; display:block; width:61px; height:43px; background:url(images/menuHome.png) no-repeat center center;}
#hBtns{position:absolute; left:0; top:506px; background:url(images/hBtnS.png) no-repeat center top; width:566px; height:90px;}
#hBtn1,#hBtn2,#hBtn3{display:block; height:62px; position:absolute; top:0;}
#hBtn1{width:140px; left:23px;}
#hBtn2{width:162px; left:189px;}
#hBtn3{width:162px; left:381px;}
#headFrmBtn{position:absolute; left: 560px; top:81px; background:url(images/headFrmBtn.png) no-repeat center center; width: 181px; height: 36px; line-height: 36px; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; text-align: center; display: block}
#headFrmBtn:hover{text-decoration: underline; color: #fff;}

#hpT1{padding:208px 0 0 28px; width:560px; font-size:15px; height:282px}
#hpT1 h1{color:#fff;}
#hpT1 p,#hpT2 p,#hpT3 p{margin-bottom:0;}
#hpT2{padding:220px 0 0 28px; width:560px; font-size:15px; color:#005b98; height:284px;}
#hpT2 a,#hpT2 a:hover{color:#005b98}
#hpT2 h2{color:#005b98}
#hpT2 .box,#hpT3 .box{width:265px; float:left;}
#hpT2 .box.mr,#hpT3 .box.mr{margin-right:30px;}
#hpT3{padding:202px 0 0 28px; width:560px; font-size:15px; color:#fff; height:298px; }
#hpT3 h2{color:#fff; margin-bottom:1.3em;}

#flogo{position:absolute; right:114px; top:48px;}
#fAddress{position:absolute; top:160px; width:241px; right:62px; color:#fff; font-size:15px;}
#fAddress .title{font-size:24px; font-weight:bold; margin-bottom:1.3em;}
#fAddress p{margin-bottom:0}
#UP{position:absolute; right:454px; top:338px;}
#loc{position:absolute; left:28px; top:245px; width:280px;}
#loc table{width: 100%;}
#loc table td{width: 50%}
#loc h2{color:#fff; font-size:24px; margin-bottom:1.3em; padding-left:10px;}
#loc h3{color:#fff; font-size:15px; margin-bottom:0.1em; font-weight:normal; border-bottom:2px solid #fff; padding:0 0 2px 10px}
/* end body */

/* top menu*/

#menu{position:absolute;top:131px;left:0px;z-index:6;background:url(images/menuBg.png) no-repeat center center;width:100%}
.menuMain0{list-style:none;margin:0 auto 0 auto;padding:0;}
.menuMain0>li{list-style:none;padding:0;margin:0;float:left; position:relative}
.menuMain0>li>a{display:block;font-size: 16px;color: #fff;text-decoration: none;text-align:center;position:relative;padding:0;height:66px;line-height:66px;font-weight:bold}
.menuMain0>li:hover>a{color:#fff;}
.menuMain0>li.menuItem0>a{width:80px;} 
.menuMain0>li.menuItem1>a{width:80px;} 
.menuMain0>li.menuItem2>a{width:79px;} 
.menuMain0>li.menuItem3>a{width:131px;} 
.menuMain0>li.menuItem4>a{width:83px;} 
.menuMain0>li.menuItem5>a{width:151px;} 
.menuMain0>li.menuItem6>a{width:105px;} 
.menuMain0>li.menuItem7>a{width:110px;} 
.menuMain0>li.menuItem8>a{width:85px;} 
.menuMain0>li.menuItem9>a{width:96px;}
.menuMain0>li.menuItem0:hover>a{background: url(images/menuItem0.png) no-repeat center center;} 
.menuMain0>li.menuItem1:hover>a{background: url(images/menuItem1.png) no-repeat center center;} 
.menuMain0>li.menuItem2:hover>a{background: url(images/menuItem2.png) no-repeat center center;} 
.menuMain0>li.menuItem3:hover>a{background: url(images/menuItem3.png) no-repeat center center;} 
.menuMain0>li.menuItem4:hover>a{background: url(images/menuItem4.png) no-repeat center center;} 
.menuMain0>li.menuItem5:hover>a{background: url(images/menuItem5.png) no-repeat center center;} 
.menuMain0>li.menuItem6:hover>a{background: url(images/menuItem6.png) no-repeat center center;} 
.menuMain0>li.menuItem7:hover>a{background: url(images/menuItem7.png) no-repeat center center;} 
.menuMain0>li.menuItem8:hover>a{background: url(images/menuItem8.png) no-repeat center center;} 
.menuMain0>li.menuItem9:hover>a{background: url(images/menuItem0.png) no-repeat center center;}
.menuMain1{display:none; margin:0; padding:0; list-style:none; position:absolute; width:166px; border-left:1px solid #222; border-right:1px solid #222}
.menuMain1>li{list-style-image:none; margin:0; padding:0;}
.menuMain1>li>a{display:block; background:url(images/menuL2Bg.png) repeat-x center top; height:38px; line-height:38px; text-decoration:none; font-size:14px; color:#fff; text-align:center}
.menuMain1>li>a:hover{color:#fff; text-decoration:underline;}
.menuMain0>li:hover .menuMain1{display:block;}
/* end top menu*/

/* copyright */
#containerFooter {
	width: 241px;
	font-size: 15px;
	color: #fff;
	padding:0;
    text-align:left;
    position:absolute;
    right:62px;
    top:280px;
}
#containerFooter a {
	text-decoration: none;
	color:#fff;
}
#containerFooter a:hover {
	text-decoration: none;
	color:#fff;
}


/* end copyright */

/*  txt  */

p
{	
	margin:0 0 1.8em 0;
	padding: 0;
    line-height:1.5em;
}

h1
{				
	font-size: 30px;
	margin: 0 0 0.8em 0;
	font-weight: bold;
	color: #fff;	
}

h2
{				
	font-size: 24px;
	margin: 0 0 0.8em 0;
	font-weight: bold;
	color: #fff;	
}

h3
{				
	font-size: 21px;
	margin: 0 0 0.8em 0;
	font-weight: bold;
	color: #fff;			
}

h4
{	
	font-size: 17px;			
	margin: 0 0 0.6em 0;
	font-weight: bold;
	color: #fff;	
}

h5
{				
	font-size: 15px;
	margin: 0 0 0.5em 0;
	font-weight: bold;
	color: #fff;
}

h6
{				
	font-size: 13px;
	margin: 0 0 0.4em 0;
	font-weight: bold;
	color: #fff;
}

a
{				
	text-decoration:underline;
	color:#fff;
	outline:none;
				
}

a:hover		
{
    text-decoration:none;
	color:#fff;
}

/*  end txt  */
ul{margin:3px 0 1.8em 5px;padding:3px 0 0 15px;}
ul ul{margin:3px 0 3px 5px;padding:3px 0 0 15px;}

li
{ 	list-style-image:none;
}
a img {border:none}

.POPUP{background: rgba(0,0,0,.7); position: fixed; z-index: 100; left: 0; top:0; width: 100%; height: 100%}
.popupbox{width: 500px; margin-left: -250px; background: #fff; padding: 10px; border-radius: 6px; position: relative; top:50%; height: 400px; margin-top: -200px; color: #000; left: 50%; font-size: 15px}
#CPP{position: absolute; right: 0; margin-top: -15px; margin-right: -15px; top:0; height: 30px; width: 30px; border:2px solid #005b98;text-align: center; line-height: 30px; border-radius: 50%; background: #fff;text-decoration: none; color: #005b98; font-weight: 700}
/*#CPP:after{content:'\f00d';font-family: 'FontAwesome';}*/
.alertTitle{background: #005b98; color: #fff; padding: 5px 10px; border-radius: 6px; margin-bottom: 1.8em}
.center{text-align: center}
.black{color: #000}
.btn{background: #005b98; color: #fff; padding: 8px 20px; display: inline-block; border-radius: 5px; text-decoration: none}
.btn:hover{background: #106ba8; color: #fff}
.popupbox ul li{line-height: 1.5em}
