@font-face {
    font-family:'Questrial';
    src:local("Questrial"), url('../font/Questrial-Regular.TTF');
}




::selection {
	background-color: #dfdfdf;
       color: #222;
	}
::-moz-selection {
	background-color: #dfdfdf;
       color: #222;
}


/* Let's get this party started */
::-webkit-scrollbar, ::-moz-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track , ::-moz-scrollbar {
	background: rgba(215,215,215,1);
}
 
/* Handle */
::-webkit-scrollbar-thumb , ::-moz-scrollbar  {
    background: rgba(0,123,180,1);   padding:0 3px;
	 -webkit-box-shadow: inset 0 0 8px rgba(255,255,255,0.2); 
 }
 
 


*{
margin:0; padding:0;}
ul,li{ text-decoration:none; list-style:none; float:left;}
a{ text-decoration:none; color:#CCCCCC;}

body{ font-size:13px; font-family:'Questrial',Arial, Helvetica, sans-serif;   background:url(../mg/bg.jpg) repeat-x;}
.main_wrap{ width:100%; height:100%; float:left; }
.main{ width:970px; margin:auto; height:auto; }
.header{ width:970px; height:128px; float:left;  top:0; position:fixed;}
.menu{ width:970px; float:right; height:45px;  background:url(../mg/bg.jpg) repeat-x; }
.menu li{ margin-right:20px; line-height:45px; color:#ccc;}
.menu li a{
 transition:color .5s;
-moz-transition:color .5s; /* Firefox 4 */
-webkit-transition:color .5s; /* Safari and Chrome */
-o-transition:color .5s; /* Opera */
}
.selected{ color:#FFFFFF;}
.menu li a:hover{ color:#FFFFFF;}
.selected{ color:#fff;}

.logo{ top:0; position:relative; float:left; left:0; z-index:999;}
#menu{ float:right;}
.f_wrap{ width:100%; float:left; height:30px; background:#91d607; position:fixed; bottom:0;}
.foot{ width:960px; margin:auto; height:30px; line-height:30px; font-size:12px; color:#FFFFFF; padding-left:10px; }
/*** Body Content ***/
#wrapper	{ width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; z-index:-1; }

#mask		{ width:900%; height:100%; }

.box		{ width:11%; height:100%; float:left; }

.content	{ width:960px; height:400px; top:10%; margin: 0 auto; position:relative; 
			 }
				
.inner		{ width:920px; height:450px; margin:5px; padding:15px; top:5px; position:relative;}
.home{ width:660px; height:290px; margin:auto; background:url(../mg/home_bg.png) center center #fff no-repeat; margin-top:12%; -webkit-box-shadow: 0px 0px 3px 2px rgba(00, 0, 0, .2);
-moz-box-shadow: 0px 0px 3px 2px rgba(00, 0, 0, .2);
box-shadow: 0px 0px 3px 2px rgba(00, 0, 0, .2); opacity:.95;}
.about{ width:920px; height:470px; margin:auto; background:#fff ; margin-top:5.5%; -webkit-box-shadow: 0px 0px 3px 2px rgba(00, 0, 0, .2);
-moz-box-shadow: 0px 0px 3px 2px rgba(00, 0, 0, .2);
box-shadow: 0px 0px 3px 2px rgba(00, 0, 0, .2); opacity:.98; font-size:90%;}

.acti{ width:805px; height:360px; margin:auto; background:#fff ; margin-top:10.5%; -webkit-box-shadow: 0px 0px 3px 2px rgba(00, 0, 0, .2); overflow:hidden;}
.acti h2{margin-top:12px; margin-left:10px; float:left; width:785px; padding-bottom:5px; border-bottom:1px solid #999999; margin-bottom:0px; color:#005d90;}
.acti h3{ width:785px; height:28px; float:left; margin:10px; background:#e1e1e1; text-indent:10px; line-height:28px;  text-shadow: 1px 1px 1px #ffffff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1); }
.acti ul{width:765px; height:auto; float:left; margin:0 10px 10px  20px; margin-top:0px; line-height:20px;}
.acti ul li{ width:8px; height:8px; position:absolute;right:12%; bottom:18px;  cursor:pointer;}
#list1{background:#222;}
#list2,#list3{ background:#999999;}
.act1{ float:left; position:absolute; top:155px;}
.act2{  float:left ;  position:absolute; top:155px;  overflow:hidden; opacity:0;}
.act3{  float:left ;  position:absolute; top:155px;  overflow:hidden; opacity:0;}
#about{ margin-top:12px; margin-left:28px; float:left; width:866px; padding-bottom:5px; border-bottom:1px solid #999999; margin-bottom:0px; color:#005d90; text-transform:uppercase; font-size:22px;}


/*** Clouds ***/
.clouds					{ width:100%; height:484px; overflow:hidden; position:absolute; top:20%; z-index:-3; }
#clouds-small			{ width:4000px; height:100%;  background:url(../mg/bgg.jpg); }

.sec1{ width:270px; height:180px; float:left; margin-left:28px; margin-top:15px;}
.sec2{ width:865px; height:25px; float:left; margin-top:16px; margin-left:28px;}
.sec2 ul{ padding-left:28px; float:none;}
.sec2 li:first-child { list-style:disc; margin-top:5px; text-indent:0px; }
.sec2 li{ float:none; line-height:17px; text-indent:20px;}
.sec1 p{ text-align:justify; color:#333333;   line-height:17px; padding:10px;}
.sec1 h1{ height:25px; background:#ebebeb; width:260px; font-size:15px; line-height:25px; color:#005e8e; text-align:right; padding-right:10px;  }
.sec2 h1{ height:25px; background:#ebebeb; width:855px; font-size:15px; line-height:25px; color:#005e8e; text-align:left; padding-left:10px;  }

/*** Services ***/
.services{ width:385px; height:400px; float:left; background:#fff ; margin-top:5.5%; -webkit-box-shadow: 0px 0px 3px 2px rgba(00, 0, 0, .2);
-moz-box-shadow: 0px 0px 3px 2px rgba(00, 0, 0, .2);
box-shadow: 0px 0px 3px 2px rgba(00, 0, 0, .2); opacity:.98; font-size:90%; }
.serv{ width:850px; height:auto; float:left;}
.serv h1{  margin-top:12px; margin-left:28px; float:left; width:866px; padding-bottom:5px; border-bottom:1px solid #999999; margin-bottom:0px; color:#005d90;}
.sss{ width:390px; height: 350px; float:left;margin-top:12px; margin-left:28px;}
.sss h3{ width:390px; padding-left:10px; height:31px; background:#ebebeb;  font-size:13px; line-height:31px; color:#005e8e; }
.sss h4{ height:18px; line-height:18px; width:390px; float:left; margin-top:10px; background:#005d90; color:#FFFFFF; padding:2px 5px; cursor:pointer;}
.sss li{ line-height:18px;  padding:5px;}
#ul1,#ul2,#ul3,#ul4,#ul5,#ul6,#ula1,#ula2,#ula3,#ula4,#ula5,#ula6{ overflow:hidden; height:0px;}
#ul7{ overflow:hidden;}

.client{ width:920px; height:470px; margin:auto; background:#fff ; margin-top:5.5%; -webkit-box-shadow: 0px 0px 3px 2px rgba(00, 0, 0, .2);
-moz-box-shadow: 0px 0px 3px 2px rgba(00, 0, 0, .2);
box-shadow: 0px 0px 3px 2px rgba(00, 0, 0, .2); opacity:.98; font-size:90%;}
.client h1,.res h1{  margin-top:12px; margin-left:28px; float:left; width:866px; padding-bottom:5px; border-bottom:1px solid #999999; margin-bottom:0px; color:#005d90;}
.sec{ float:left; width:895px; height:400px; overflow:scroll; overflow-x:hidden; margin-top:10px; }
section{ width:380PX; float:left; height:auto; margin-left:27px;  border:1px solid #CCCCCC;}
section li{ height:19px; line-height:19px; width:380px; background:#005f91; color:#FFFFFF; text-indent:10px; }
section p{ float:left; margin-left:10px; margin-top:4px; line-height:18px; margin-bottom:4px;}
.res{ width:920px; height:470px; margin:auto; background:#fff ; margin-top:5.5%; -webkit-box-shadow: 0px 0px 3px 2px rgba(00, 0, 0, .2);
-moz-box-shadow: 0px 0px 3px 2px rgba(00, 0, 0, .2);
box-shadow: 0px 0px 3px 2px rgba(00, 0, 0, .2); opacity:.98; font-size:90%;}
.res H4{width:865px; height:28px; float:left; margin:10px; background:#e1e1e1; text-indent:10px; line-height:28px; margin-left:28PX; text-align:center; letter-spacing:1px;  text-shadow: 1px 1px 1px #ffffff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1);}
.res li{ margin-left:78px; height:21px; background:#CCCCCC; width:750px;  line-height:22px; margin-top:10px; padding:2px 5px; text-indent:60px; color:#111;
 transition:all .5s;
-moz-transition:all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari and Chrome */
-o-transition:all .5s; /* Opera */}
.res ul li:hover{ background:#000000; color:#FFFFFF;}

.qwer{ float:right; margin-right:50px;}
.res img{  float:left; margin-top:80px;}
.res img:first-child{ margin-left:47px;}
.res p{ width:900px; margin-left:28px; float:left; margin-top:7px; line-height:19px;}
.res h5{width:865px; height:28px; float:left; margin:10px;  text-indent:10px; line-height:28px; margin-left:28PX; text-align:center; letter-spacing:1px;  text-shadow: 1px 1px 1px #ffffff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1); font-size:13px;}
		



.cont{ width:100%; height:auto; position:relative; top:47px; z-index:998; }
.con{ width:932px; margin:auto; height:0px; background:#fff;  border:3px solid #88b234; border-top:none; position:relative; top:-2px; overflow:hidden;  }
.form{ width:930px; margin:auto; height:26px; }
.form img{ float:right; cursor:pointer; margin-top:-2px; margin-right:-140px; }
.close{ position:relative; float:right;  top:0; width:140px; height:20px;  z-index:-99; cursor:pointer;}
.regi{ float:left; margin-left:50px; margin-top:10px;}
.regi img{ margin-top:0px;}
.cont_sec1{ width:345px; height:auto; float:left; margin-left:50px; margin-top:90px; }
.cont_sec1 h2{ color:#005d90; text-transform:uppercase;}
.cont_sec1 p{ float:left;  color:#666666; text-transform:uppercase; font-size:11px; width:320px; border-bottom:1px dotted #CCCCCC; padding-bottom:10px;}
.cont_sec1 form{ margin-top:16px; float:left; outline:none;  }
.cont_sec1 form input{ width:300px; height:30px; -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px 5px 5px 5px; border:none; -webkit-box-shadow: 0px 0px 1px 1px rgba(00, 0, 0, .3);
-moz-box-shadow: 0px 0px 1px 1px rgba(00, 0, 0, .3);
box-shadow: 0px 0px 1px 1px rgba(00, 0, 0, .3); margin-bottom:20px; padding:0 10px;}
.cont_sec1 form textarea{ width:300px; height:170px; -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px 5px 5px 5px; border:none; -webkit-box-shadow: 0px 0px 1px 1px rgba(00, 0, 0, .3);
-moz-box-shadow: 0px 0px 1px 1px rgba(00, 0, 0, .3);
box-shadow: 0px 0px 1px 1px rgba(00, 0, 0, .3); margin-bottom:20px; padding:10px 10px; overflow:hidden; resize:none;}
#sub{ width:80px; height:30px; float:right; margin-right:24px; cursor:pointer; transition:color .5s;
-moz-transition:color .5s; /* Firefox 4 */
-webkit-transition:color .5s; /* Safari and Chrome */
-o-transition:color .5s; /* Opera */

transition:background .5s;
-moz-transition:background .5s; /* Firefox 4 */
-webkit-transition:background .5s; /* Safari and Chrome */
-o-transition:background .5s; /* Opera */

}
#sub:hover{ color:#FFFFFF; background:#175087;}
::-webkit-input-placeholder { font-style:italic;
}

:-moz-placeholder {
  font-style:italic;
}
.map{ width:100%; height:186px; background:#175087; margin-top:10px;}
.cont_sec1 ul{ margin-top:10px; width:150PX; float:left; padding-bottom:15PX;}
.cont_sec1 li{ width:100%; float:left; line-height:19px; height:auto;}


#inline1 h1{ padding-bottom:3px; border-bottom:1px dotted #999999; margin-bottom:5px; color:#005d90; }
#inline1 p{ text-align:justify; line-height:18px;}
#inline1 li{ list-style:disc; margin-left:20px; width:600px; float:left; margin-top:5px;}