@charset "utf-8";
* html { overflow-x: hidden; }
* {padding:0; margin:0;}

body{font-size:76%;font-family: Arial,sans-serif; color:#333; background:#2d0d05;}

/* global div */ 
ul {margin:0; padding:0; list-style-type:none;}
a {color:#333366; text-decoration:none;}
a:hover{ text-decoration:underline}

/* global class */ 
.clear {clear:both; font-size:0px;}

/* body */ 
#body{ width:800px; margin:0px auto;}
#header{}
#logo{ background:url(images/header_bg.png) no-repeat top; height:110px; width:800px;}
#logo h1{ display:none}
#menu{background:url(images/menu_bg.png) no-repeat top; height:55px; width:800px;}

ul.menu{ margin-left:10px;}
ul.menu li{ float:left;}
ul.menu li a{ display:block; outline:none}
ul.menu li a:hover{outline:none}
ul.menu li a:active{outline:none}
ul.menu li a:link{outline:none}
ul.menu li a span{ display:none}
.menu-01 a{width:150px; height:40px;}
.menu-01 a:hover{background:url(images/menu-01.png) no-repeat; width:150px;}
.menu-02 a{width:150px; height:40px; margin-left:1px}
.menu-02 a:hover{background:url(images/menu-02.png) no-repeat; width:150px;}
.menu-03 a{width:150px; height:40px;margin-left:1px}
.menu-03 a:hover{background:url(images/menu-03.png) no-repeat; width:150px;}
.menu-04 a{width:150px; height:40px;margin-left:2px}
.menu-04 a:hover{background:url(images/menu-04.png) no-repeat; width:150px;}
.menu-05 a{width:150px; height:40px;margin-left:8px}
.menu-05 a:hover{background:url(images/menu-05.png) no-repeat; width:150px; }


/*
.menu-01 a{width:120px; height:40px;}
.menu-01 a:hover{ background:url(images/menu_01.png) no-repeat; width:150px;}
.menu-02 a{width:120px; height:40px;}
.menu-02 a:hover{ margin-left:-29px;background:url(images/menu_02.png) no-repeat;  width:150px;}
.menu-03 a{width:120px; height:40px;}
.menu-03 a:hover{ margin-left:-28px;background:url(images/menu_03.png) no-repeat;  width:150px;}
.menu-04 a{width:120px; height:40px;}
.menu-04 a:hover{ margin-left:-7px;background:url(images/menu_04.png) no-repeat;  width:150px;}
.menu-05 a{width:120px; height:40px;}
.menu-05 a:hover{ margin-left:-1px;background:url(images/menu_05.png) no-repeat; width:150px; }
.menu-06 a{width:120px; height:40px;}
.menu-06 a:hover{ margin-left:19px;background:url(images/menu_06.png) no-repeat;  width:150px;}
*/

#container{ background:url(images/body_bg.png) repeat-y;}
#main{ color:#a16c06; width:750px; margin-left:25px;}
#main h1{ padding-bottom:5px; font-size:20px; color:#fff}
#main p{ padding-bottom:7px;}

/* Main Page */
#main-page{color:#a16c06;width:730px; margin-left:25px; padding:10px;}
#main-page h1{padding-bottom:5px; font-size:18px;}

/* Content */
.content{ display:none}
#content-home{ background:url(images/content_home.png) no-repeat; margin-left:25px;width:750px; height:450px;}
#content-service{ background:url(images/content_service.png) no-repeat; margin-left:25px;width:750px; height:450px;}
#content-contact-us{ background:url(images/content_contact_us.png) no-repeat; margin-left:25px;width:750px; height:650px;}
.content-menu{background:url(images/content_menu.png) no-repeat;}
/* Contact */
#contact-left{ float:left; width:325px;}
#contact-right{ float:left; width:325px;}
#map{ margin-top:320px; margin-left:30px;}

/* Menu */
#menu-left{float:left; width:200px;}
#menu-right{float:left; width:543px; padding:7px 5px 7px 0px;}
#menu-fix{position: absolute; margin-right:auto; margin-right:auto;}


ul.menu-list{ background:url(images/bg_menu_side.png); width:180px; margin-top:10px; margin-left:10px; padding-top:5px; padding-bottom:5px;}
ul.menu-list li{}
ul.menu-list li a{ display:block;color:#f1f1f1; font-weight:bold; font-size:13px; padding:3px 7px; outline:none; margin-left:7px; margin-right:7px}
ul.menu-list li a:hover{ text-decoration:none; color:#d99618; background:url(images/bg_menu_side_over.png);}

ul.menu-order{}
ul.menu-order li{ padding-top:10px;}
ul.menu-order li .img{ text-align:center; background:url(images/bg_menu_side.png); margin-bottom:10px;}
ul.menu-order li .img:hover{ background:url(images/bg_menu_side_text.png);}
ul.menu-order li img{ width:300px; margin-top:15px; margin-bottom:15px;}
ul.menu-order li .title{ color:#FFFFFF}
ul.menu-order li .desc{color:#FFFFFF}

.display{ position:absolute;  width:543px; color:#FFFFFF; font-weight:bold; display:none}
.display div{ background:url(images/bg_menu_side.png); width:280px; margin-left:auto; margin-right:auto; padding:5px; margin-top:20px; font-size:14px;color:#fff; }

#view-menu{   margin-top:317px; position:absolute; margin-left:510px;}
#view-menu a{ display:block;width:223px; height:89px;}
#view-menu a:hover{ background:url(images/view_menu.png) no-repeat;}
#view-menu a span{ display:none}

/* *************************************************** */ 
/* gallery */
#gallery{  }
#gallery .none{ display:none}
#gallery .g-box{ padding-top:80px; text-align:center; height:120px; padding-bottom:450px;}
#gallery .g-box ul{}
#gallery .g-box ul li{ float:left;}
#gallery .g-box .tb{ height:70px;padding:7px;background:url(images/bg_menu_side.png); border:0px; outline:none}
#gallery .g-box .tb:hover{background:url(images/bg_menu_side_over.png);height:100px; padding:10px;outline:none}
#gallery .g-box .tt{ height:120px; width:0px;}


#gallery .g-display{ padding-top:130px; text-align:center; margin-left:20px; }
#gallery .g-display img{ padding:20px;background:url(images/bg_menu_side.png); height:300px;}

.mm { display:none}
.m-back{ float:left;  margin-top:100px;width:100px;height:100px; }
.m-back a{ display:block;background:url(images/button_back.png) no-repeat;width:100px;height:100px;}
.m-back a:hover{background:url(images/button_back_active.png) no-repeat;width:100px;height:100px;}
.m-back a span{ display:none}
.m-display{ float:left;width:500px;}
.m-next{ float:left;margin-top:100px;width:100px;height:100px;}
.m-next a{ display:block;background:url(images/button_next.png) no-repeat;width:100px;height:100px;}
.m-next a:hover{background:url(images/button_next_active.png) no-repeat;width:100px;height:100px;}
.m-next a span{ display:none;}
#close{ width:100px; height:100px; margin-left:auto; margin-right:auto; display:none; margin-bottom:10px;}
#close a span{ display:none}
#close a{ display:block;background:url(images/button_close.png) no-repeat;width:100px; height:100px;}
#close a:hover{background:url(images/button_close_active.png) no-repeat;width:100px; height:100px;}

#gallery h1{font-size:20px; color:#fff; padding-top:10px; padding-left:20px;}

.dplay{ position:absolute; color:#FFFFFF; font-weight:bold;width:40%; margin-left:40px; margin-top:10px;}
.dplay div{ background:url(images/bg_menu_side.png); width:100%; margin-left:auto; margin-right:auto; padding:5px; margin-top:20px; font-size:14px;color:#fff; }
/* *************************************************** */ 

#footer{background:#2d0d05 url(images/footer_bg.png) no-repeat top; height:75px; width:800px;padding-bottom:15px;}
#footer p{ display:none}

/* sendmail */
#sendmail { padding-left:30px; margin-top:380px;color:#a16c06;}
#sendmail .mail-error{ color:#fff; font-size:11px;}
#sendmail .mail-success{ color:#fff;font-size:11px;}
#sendmail .box-sending{text-align:center; background:#BEEFFD; border:1px solid #0DC3F7; padding-top:3px;padding-bottom:3px}
#sendmail .box-error{text-align:center; background:#FAB8B8; border:1px solid #CC0000; padding-top:3px;padding-bottom:3px}
#sendmail .box-success{text-align:center; background:#DDF8C5; border:1px solid #8DC83A; padding-top:3px;padding-bottom:3px}
#sendmail .box-hide{ display:none}
#sendmail input{ width:250px;}
#sendmail textarea{ width:250px; height:100px;}
#sendmail #send{ width:auto;}