body{background:#EBEBEB;margin:0;padding:0;}
a{text-decoration:none;outline:none;border:none;}
@font-face{font-family:rmFont ;src:url(CoconLight.ttf)}
#header{width:100%;height:100px;position:fixed;background:#000;z-index:10;}
#header > #naviContent{width:1050px;color:#fff;margin:0 auto;z-index:10;}
#logo{margin:0 20px;padding:8px 8px;background:#fff;width:125px;height:110px;float:left;-moz-box-shadow: 0 0px 10px 0px #000;-webkit-box-shadow: 0 0px 10px 0px #000;box-shadow: 0 0px 10px 0px #000;border-left:3px solid #409f89;border-right:3px solid #409f89;border-bottom:3px solid #409f89;}    
#header > #naviContent #navi{width:auto;margin:0 18px 0 0;padding:0;list-style-type:none;float:right;position:relative;}
#header > #naviContent #navi a li{float:left;padding:0px;margin:0px 0px 0 0px;height:100px;width:150px;border-left:1px solid #3c3c3c;/*border-bottom:1px solid #EBEBEB;*/cursor:pointer;transition:background 0.5s, color 0.5s;-webkit-transition:background 0.5s, color 0.5s}
#header > #naviContent #navi a li:hover ,#header > #naviContent #navi a li.active {/*border-bottom:3px solid #EBEBEB;*/background:#409f89;-moz-box-shadow: 0 0px 15px 0px #000;-webkit-box-shadow: 0 0px 15px 0px #000;box-shadow: 0 0px 15px 0px #000;color:#EBEBEB;}
#header > #naviContent #navi a li:hover span{color:#EBEBEB;/*border-left:1px solid #409f89;border-right:1px solid #409f89;*/}
#header > #naviContent #navi a li span{font-family:rmFont;font-size:18px;color:#409f89;text-align:center;width:150px;line-height:30px;padding:0 0 0 0px;text-decoration:none;display:table-cell;vertical-align:middle;height:100px;/*border-left:1px solid #000;border-right:1px solid #000;*/transition:background 0.5s, color 0.5s;-webkit-transition:background 0.5s, color 0.5s}
#header > #naviContent #navi a li.active span{color:#EBEBEB;border-left:1px solid #FFF;border-right:1px solid #FFF;}
    
#footer{width:100%;height:60px;background:#000;margin:0;padding:0;position:relative;}
#footer > #footerContent{width:1010px;color:#fff;height:20px;margin:0 auto;position:relative;font-family:rmFont;font-size:12px;line-height:20px;}
    
#wrapper{width:1050px;padding:0;height:auto;background:#fff;margin:0 auto 0 auto;padding:100px 0 0 0;-moz-box-shadow: 0 0px 5px 0px #000;-webkit-box-shadow: 0 0px 5px 0px #000;box-shadow: 0 0px 5px 0px #000;}
.content{padding:40px 20px;width:1010px;position:relative;z-index:0;border-top:5px solid #409f89;border-bottom:5px solid #409f89;}
    
.banner{margin:0;padding:0;list-style-type:none;width:1010px;height:500px;}
.banner li{margin:0;padding:0;width:1010px;height:500px;}
#naviContent .title{font-family: Calibri;font-size: 20px;line-height: 20px;text-align: center;color: #409f89;height: 20px;width: 100%;margin: 8px 0;}

#heroimg{width:100%;height:auto;position:relative;-moz-box-shadow: 0 0 5px #6c6c6c;-webkit-box-shadow: 0 0 5px #6c6c6c;box-shadow: 0 0 5px #6c6c6c;position:relative;margin:10px 0 0 0;}
#heroimg img{width:100%}
#promo{margin:20px 0 0 0;width:1010px;height:auto;position:relative;}
#promo ol{margin:0;padding:0;list-style-type:none;height:230px;}
#promo ol li{margin:0;padding:0;width:320px;float:left;}
#promo ol li h1{display:table-cell;width:320px;height:50px;font-family:rmFont;font-size:16px;vertical-align:middle;text-align:center;color:#409f89;font-weight:normal;margin:0;padding:0;}
#promo ol li div{background:#409f89;padding:25px;width:270px;height:130px;}
#promo ol li div p{padding:0;margin:0;font-family:rmFont;font-size:14px;line-height:20px;text-align:justify;color:#FFF}
#promo ol li div a{font-family:rmFont;font-size:16px;line-height:20px;padding:8px 30px;width:110px;text-align:center;background:#fff;cursor:pointer;text-decoration:none;position:absolute;margin:100px 55px 0 55px;color:#888;border:3px solid #409f89;transition:border 0.3s, color 0.3s;-webkit-transition:border 0.3s, color 0.3s}
#promo ol li div a:hover{border:3px solid #6c6c6c;color:#409f89}

.content h2{font-family:rmFont;font-size:35px;line-height:45px;width:400px;color:#409f89;padding:0 80px 0 8px;font-weight:normal;margin: 20px 0;} 
.content h4{font-family:rmFont;font-size:24px;line-height:30px;width:400px;color:#409f89;padding:0;margin:0px;font-weight:normal} 
.content p{font-family:Verdana;font-size:14px;line-height:20px;color:#6c6c6c;text-align:left;margin:0 0 20px 0;padding:0;}
.content p highlight{/*font-size:16px;line-height:20px;color:#409f89;*/font-weight:bold;}

/*Gallery*/
#gallery #u1,#gallery #u3{width:313px}
#gallery #u2{width:384px}
#gallery #u1, #gallery #u2, #gallery #u3{margin:0;padding:0;list-style-type:none;position:relative}
#gallery #u1 li, #gallery #u2 li, #gallery #u3 li{margin:0;padding:0;float:none;}
.w1{width:309px;overflow:hidden;height:auto;outline:none;border:none;padding:2px;background:#fff;}
.w2{width:380px;overflow:hidden;height:auto;outline:none;border:none;padding:2px;background:#fff;}     
img{width:100%;height:auto;z-index:0;outline:none;border:none;}
.hover{z-index:10;position:relative;background:#409f89;outline:none;border:none;position:absolute;margin:0;padding:0}
.hover span{display:table-cell;vertical-align:middle;text-align:center;outline:none;border:none;z-index:20;position:relative;color:#fff;font-size:30px;}


/*Contact Us*/
.culbl{width:150px;display:table-cell;vertical-align:middle;height:20px;font-family:verdana;color:#6c6c6c;font-size:20px;}
.cutxt input{width:400px;display:table-cell;vertical-align:middle;height:20px;font-family:verdana;color:#6c6c6c;font-size:16x;margin:0;padding:0px;outline:none;border:none}
.cutxt textarea{width:550px;height:170px;font-family:verdana;color:#6c6c6c;font-size:16x;margin:5px 0;padding:5px;outline:none;border:1px solid #888}
.cutxt input:hover,.cutxt textarea:hover,.cutxt input:visited,.cutxt textarea:visited,.cutxt input:active,.cutxt textarea:active{border:2px solid #409f89;margin:4px -1px 4px -1px;}

.form{padding:8px;margin:8px;border:1px solid #6c6c6c;width:400px}
.form span,.form input {font-family:verdana;color:#6c6c6c;font-size:16x;width:325px;padding:0;margin:0;}
.form input{outline:none;border:none}
.form textarea{width:390px;height:150px;outline:none;border:none;font-family:verdana;color:#6c6c6c;font-size:16x;}
.form:hover,.form.active{padding:7px;margin:8px;border:2px solid #409f89;width:400px}

.sendmail{padding:5px 25px;background:#409f89;margin:10px 10px 10px 335px;border:3px solid #FFF;font-family:rmFont;font-size:16px;color:#FFF;cursor:pointer;transition:border 0.3s, color 0.3s;-webkit-transition:border 0.3s, color 0.3s}
.sendmail:hover{border:3px solid #6c6c6c;margin:10px 10px 10px 335px}

.contact_add{margin:10px 0 0 0}
.contact_add h2{font-family:rmFont;font-size:18px;line-height:18px;padding:0 0 10px 0;color:#409f89;margin:0;}
.contact_add span{font-family:Verdana;font-size:14px;line-height:18px;color:#6c6c6c;text-align:left;}
.tbl_contact tr td h1{font-family:rmFont;font-size:20px;line-height:24px;padding:0 0 10px 0;color:#409f89;margin:0;font-weight:normal;}
#map{width:100%;height:350px;border:1px solid 6c6c6c;-moz-box-shadow: 0 0 5px #6c6c6c;-webkit-box-shadow: 0 0 5px #6c6c6c;box-shadow: 0 0 5px #6c6c6c;}
#map h4{font-family:rmFont;color:#6c6c6c;font-size:14x;font-weight:normal;padding:0;margin:0;}

.frame{width:280px;height:auto;padding:20px;border:1px solid #DBDBDB;margin:20px 0 20px 0;-moz-box-shadow:-8px 8px 12px #Afafaf;-webkit-box-shadow:-8px 8px 12px #Afafaf;box-shadow:-8px 8px 12px #Afafaf;float:left;}
.frame ul{margin:0;padding:0;width:280px;height:210px;list-style-type:none;border:1px solid #DBDBDB;overflow:hidden;}
.frame ul li{margin:0;padding:0;}
.frame ul li a{border:none;outline:none;}
.frame ul li a img{width:280px;height:210px;}
.frame span{display:table-cell;font-size:20px;height:30px;vertical-align:middle;text-align:right;color:#888;width:290px;padding:14px 0 22px 0;font-family:rmFont}
.frame.middle{margin:20px 22px 20px 22px}