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

* { margin:0 auto; padding:0; list-style:none; border:none; outline:none; text-decoration:none; }
body { 
	margin:0 auto; 
	padding:0px; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/back.jpg) repeat; 
	height:auto;
	}
.wrapper {width:980px;  margin:0 auto;}
.cl { clear:both; line-height:0; font-size:0; }
/*----------------------------------------------------------------------------------------*/

#top_wrap {
 /* z-index: -999;*/
  min-height: 188px;
  min-width: 1200px;
  width: 100%;
  height: auto;
  position:fixed;
  top: 0;
  left: 0;
}


.header { background:url(../images/head.png) no-repeat; width:980px; height:248px; float:left;}
.header ul { width:135px; float:left; margin:68px 0 0 20px; position:relative; z-index:1;}
.header ul li { float:left;}
.header ul li a { margin:0 0 0 8px;}
.header ul li a:hover { opacity:0.6;}

.logo { margin:70px 0 0 300px; position:relative; z-index:1;}

.nav_menu { background:url(../images/nav.png) no-repeat; width:980px; height:56px; float:left; z-index:59px; position:relative;}
.nav_menu ul { margin:0 0 0 60px;}
.nav_menu ul li { float:left; line-height:56px;}
.nav_menu ul li a { font-family:"Trebuchet MS"; font-size:18px; text-transform:uppercase; color:#FFFFFF; display:block; padding:0 55px;}
.nav_menu ul li a:hover, .nav_menu ul li a.active { background:url(../images/hover.png) repeat-x;}

/*------------banner_slider--------------------*/

.banner { width:980px; height:auto; float:left; margin:0 0 0 0; }
#wrapper { width:980px;}
#container { position:relative;padding:0; height:399px; }
.sliderbutton { width:32px; height:62px; margin:142px 0 0; cursor:pointer; position:absolute; z-index:1; }
#slideleft { left:0; background:url(../images/lft_bttm.png) no-repeat 0 0; }
#slideright { right:0; background:url(../images/rght_btm.png) no-repeat 0 0; }
#slider { float:left; position:relative; overflow:auto; width:980px; height:399px; }
#slider ul { position:absolute; list-style:none; top:0; left:0}
#slider li { float:left; width:980px; height:399px}
/*.pagination { position:absolute; top:40px; right:61px; list-style:none; height:25px; display:none; }
.pagination li { float:left; cursor:pointer; height:8px; width:8px; background:#ccc; margin:0 4px 0 0; border:1px solid #fff}
.pagination li:hover, li.current { background:#fff}*/

/*------------banner_slider_end--------------------*/

.top_content { background:url(../images/grdai.jpg) repeat-x; width:980px; height:42px; float:left;}
.btm_content { background-color:#f7f3e3; width:953px; height:auto; float:left; padding:0 0 30px 27px; }

.welcome { width:440px; float:left;}
.welcome h3 { font-family:"Trebuchet MS"; font-size:18px; color:#064872; margin:0 0 20px 0;}
.welcome p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3f3e3a; line-height:18px;}
.welcome h4 { font-family:"Trebuchet MS"; font-style:italic; font-size:26px; color:#064872; margin:20px 0 0 0;}

.bdr { background:url(../images/bd_a.jpg) no-repeat; width:2px; height:285px; float:left; margin:0 40px 0 30px;}

.honey { width:428px; float:left;}
.honey h3 { font-family:"Trebuchet MS"; font-size:18px; color:#064872; margin:0 0 30px 0;}
.honey ul li { background:url(../images/icon.png) no-repeat 0 3px; padding:0 0 0 20px; margin:0 0 13px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3f3e3a;}

.bdr_a { background:url(../images/bd_b.jpg) no-repeat; width:934px; height:2px; float:left; margin:18px 0 18px 0;}

.box { width:207px; float:left;}
.box img { float:left; margin:0 0 15px 0;}
.box p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3f3e3a; line-height:18px; }
.box h3 { font-family:"Trebuchet MS"; font-style:italic; font-size:18px; color:#064872; margin:18px 0 0 0;}
.box h3 a { color:#064872;}

.box_a { width:333px; float:left; margin:0 0 0 26px;}
.box_a img { float:left; margin:0 0 15px 0; }
.box_a p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3f3e3a; line-height:18px; }
.box_a h3 { font-family:"Trebuchet MS"; font-style:italic; font-size:18px; color:#064872; margin:18px 0 0 0;}
.box_a h3 a { color:#064872;}

.footer { background:url(../images/footer.jpg) no-repeat; width:980px; height:114px; float:left;}
.footer ul { width:352px; margin:30px 0 0 325px; text-align:center; float:left;}
.footer ul li { float:left; text-align:center;}
.footer ul li a { font-family:"Trebuchet MS"; font-size:12px; color:#fff; text-transform:uppercase; text-align:center; }
.footer ul li a:hover { text-decoration:underline;}
.footer ul .sepa { color:#FFFFFF; margin:0 10px 0 10px;}

.footer p { width:840px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#bcb393; float:left; clear:both; text-align:center; margin:10px 0 0 75px;}

.footer p span { color:#FFFFFF;}


.about { width:542px; float:left;}
.about h3 { font-family:"Trebuchet MS"; font-size:18px; color:#064872; margin:0 0 15px 0;}
.about p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3f3e3a; line-height:18px;}

.gallery { width:333px; float:left; margin:0 0 0 44px;}
.gallery img { margin:0 0 25px 0;}

.feature { width:auto; float:left; margin:0 0 30px 0;}
.feature h3 { font-family:"Trebuchet MS"; font-size:18px; color:#064872; margin:0 0 15px 0;}
.feature ul li { background:url(../images/icon.png) no-repeat 0 3px; padding:0 0 0 20px; margin:0 0 13px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3f3e3a;}


.lft_content { width:auto; float:left;}
.lft_content h2 { font-size:30px; color:#313131; font-family:"Myriad Pro"; font-weight:normal; margin:30px 0 16px 0;}

.form { width:100px; float:left; margin:0 0 0 16px;}

.form ul li { color:#666666; margin:18px 0 30px 0; font-family:"Comic Sans MS"; font-size:16px;}
.input { width:500px; float:left; margin:20px 0 0 0;}
.input ul li { margin:0 0 20px 0; width:300px;}
.input ul li input[type="text"] { 
height:30px; 
width:300px; 
padding:0 0 0 5px;
border: 1px solid #BBBBBB; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff; 
box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff; 
background-position: 10px 6px; margin: 0;
display: block; 
color: #666666;}
.input ul li input[type="text"]:focus {
outline: none;
border: 1px solid #77BACE;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
}
.input ul li textarea { height:100px; 
width:300px; 
padding:10px 0 0 5px;
border: 1px solid #BBBBBB; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff; 
box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff; 
background-position: 10px 6px; margin: 0;
display: block; 
color: #666666;}
.input ul li textarea:focus {
outline: none;
border: 1px solid #77BACE;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
}
.input ul li input[ type="submit"] { background:url(../images/submit-gray-bg-hover.gif) top left repeat-x; 
	border:0;  
	border-top: 1px solid #cccccc; 
	border-left: 1px solid #cccccc; 
	border-right: 1px solid #888888; 
	border-bottom: 1px solid #888888; 
	color: #ffffff; 
	font-size: 14px; 
	padding: 2px 12px; 
	margin: 0px 0 0 0;
	cursor: pointer;
	}

.map-section { float:right; margin:0 20px 0 0; border:1px #333333 solid;}