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

body {margin:0;padding:0;background-color:#d4d4d4;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;}
img {border:none;}
.clear {clear:both;}
a {text-decoration:none;color:#000;}
a:hover{color:#ff8207;}
.float-right {float:right;}
.float-left {float:left;}

#header {width:900px;height:175px;background:url(../images/header_bg.jpg) center center no-repeat;}
#header .logo {float:left;margin-left:30px;margin-top:25px;}
#header .menu {float:right;margin-right:28px;margin-top:84px;}
.menu-home {background:url(../images/menu_bar.jpg) left;background-position:left;line-height:51px;float:left;}
.menu-about {background:url(../images/menu_bar.jpg) left;background-position:393px 0;line-height:51px;float:left;}
.menu-product {background:url(../images/menu_bar.jpg) left;background-position:282px 0;line-height:51px;float:left;}
.menu-reference {background:url(../images/menu_bar.jpg) left;background-position:182px 0;line-height:51px;float:left;}
.menu-contact {background:url(../images/menu_bar.jpg) left;background-position:right;line-height:51px;float:left;}
.menu-home:hover, .menu-home-active {background:url(../images/menu_bar_hover.jpg) left;background-position:left;float:left;}
.menu-about:hover, .menu-about-active {background:url(../images/menu_bar_hover.jpg) left;background-position:393px 0;float:left;}
.menu-product:hover, .menu-product-active {background:url(../images/menu_bar_hover.jpg) left;background-position:282px 0;float:left;}
.menu-reference:hover, .menu-reference-active {background:url(../images/menu_bar_hover.jpg) left;background-position:182px 0;float:left;}
.menu-contact:hover, .menu-contact-active {background:url(../images/menu_bar_hover.jpg) left;background-position:right;float:left;}

#breadcumbs {clear:both;padding-top:8px;width:92%;margin-left:43px;font-size:11px;text-shadow:1px 1px #FFF;}
#breadcumbs span {color:#666;}

#slider {background:url(../images/slider_bg.jpg) no-repeat left top;width:860px;height:300px;position:relative;clear:both;padding:12px 20px 12px 20px;}
#slider .slider_container {width:860px;height:300px;overflow:hidden;position:relative;cursor:pointer;}
#slider .image{position:absolute;top:0;left:0;}
#slider .image div{position:absolute;top:0;display:none;}
#slider .image div img{width:860px;height:300px;border:none;}
#slider .pagination {list-style:none;padding:0;margin:0;position:absolute;top:260px;left:15px;}
#slider .pagination li {float:left;margin-right:3px;text-align:center;}
#slider .pagination li a{background-image:url(../images/pagi_bg.png);background-position:32px 0;display:block;line-height:30px;width:30px;font-size:16px;font-weight:bold;color:#FFF;text-decoration:none;text-shadow:1px 1px #000;}
#slider .pagination li.active a{background-image:url(../images/pagi_bg.png);background-position:left;line-height:30px;width:30px;}

#banner {background:url(../images/banner_bg.jpg) no-repeat left top;width:900px;height:245px;position:relative;clear:both;}
#banner .banner_container {width:900px;height:245px;}
#banner .banner_container img{width:900px;height:245px;border:none;}

#main {margin-top:-3px;margin-left:20px;}
#main .content {margin-left:-20px;width:900px;}
#main .content .text {width:840px;background:url(../images/content_top.jpg) left top no-repeat;padding:20px 30px;}
#main .content .text .reference_block {border-right:1px dotted #000;float:left;width:209px;}
#main .content .text .reference_block_last {float:left;width:210px;}
#main .content .text .reference_block_top {border-top:1px dotted #000;float:left;width:206px;margin:2px;}
#main .content .text .reference_img {display:block;margin-top:20px;margin-right:10px;cursor:pointer;}
#main .content .text .reference_title {margin-right:10px;display:block;font-weight:bold;font-size:14px;}
#main .content .text .product_right_columb {float:right;margin-right:10px;margin-top:10px; width:420px;}
#main .content .text .product_left_columb {float:left;margin-left:10px;margin-top:10px;}
#main .content .text-bottom {margin:0;padding:0;}
#main .content .title {background:url(../images/content_title.jpg) left top no-repeat;width:870px;height:24px;margin-top:10px;clear:both;padding-left:30px;color:#FFF;padding-top:4px;}
#main .product {float:left;}
#main .product .columbs {background:url(../images/product_bg.jpg) left top no-repeat;width:205px;height:205px;float:left;margin-right:9px;margin-top:10px;padding:5px;}
#main .product .columbs .product_img {display:block;margin-top:20px;margin-right:10px;}
#main .product .columbs .product_link {margin-right:10px;}
#main .product .columbs .product_link a {display:block;font-weight:bold;font-size:14px;}
#main .product .columbs-title {background:url(../images/product_columbs_title.jpg) left top no-repeat;width:653px;height:24px;margin-top:10px;clear:both;padding-left:10px;color:#FFF;padding-top:4px;}
#main .product .small_content {background:url(../images/left_block_top.jpg) left top no-repeat;width:562px;float:left;padding:60px 50px 30px 50px;}
#main .product .small-bottom {width:100%;height:30px;background:url(../images/left_block_bottom.jpg) left bottom no-repeat;clear:both}

.small_content .notice {background-color:#fffcd3;border: 1px solid #ffd755;display:block;margin-right:2px;padding:20px;text-align:center;}
.small_content .notice .border {display:block;border-bottom:1px solid #ffd755;margin:5px 0;}
.small_content .notice .no-record {display:block;font-size:14px;padding-top:10px;color: #74655f;text-shadow:1px 1px #fff;}
.small_content .succesfuly {background-color:#e5f993;border: 1px solid #9bac55;display:block;margin-right:2px;padding:20px;text-align:center;}
.small_content .succesfuly .border {display:block;border-bottom:1px solid #9bac55;margin:5px 0;}
.small_content .succesfuly .no-record {display:block;font-size:14px;padding-top:10px;color: #688006;text-shadow:1px 1px #fff;}

h3.detail_title {display:block;border-bottom:1px solid #999;text-shadow:1px 1px #fff;padding-bottom:4px;}
.contact_information { padding-left:5px; padding-right:10px; text-shadow:1px 1px #fff;}
.contact_information h4 { padding-top:5px; border-bottom:1px dotted #999; display:block; margin-bottom:3px; padding-left:3px;}
.contact_information span { margin:0; padding:0; text-align:left; color:#666; padding-left:3px;}
.contact_information .address { background:url(../images/contact_inf_address.png) left top no-repeat;}
.contact_information .phone { background:url(../images/contact_inf_phone.png) left top no-repeat;}
.contact_information .fax { background:url(../images/contact_inf_fax.png) left top no-repeat;}
.contact_information .email { background:url(../images/contact_inf_email.png) left top no-repeat;}


.form_field {list-style:none;margin:0;padding:0;}
.form_field li {}
.form_field li strong {font-size:13px;font-weight:bold;}
.form_field li span {font-size:13px;position:absolute;margin-left:40px;}
.form_field li span input { border:1px solid #999; padding:5px;}
input { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; width:180px; padding:4px; border:1px solid #999;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
textarea { padding:4px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #999;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

#map{ width:98%; height:350px; padding:5px; background:#FFF; border:1px solid #999;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#map iframe{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#main .reference_slide {background:url(../images/right_block_top.jpg) left top;margin-right:20px;width:188px;margin-top:10px;}
#main .reference_slide p {display:block;text-align:center;padding-right:3px;color:#FFF;line-height:42px;}
#main .reference_slide .portfoy_slide {width:160px;margin-left:-5px;}
#main .reference_slide .portfoy_slide marquee div {display:block;}
#main .pagination {list-style:none;padding:0;margin:10px 0;}
#main .pagination li {float:left;margin-right:3px;text-align:center;}
#main .pagination li a{background-image:url(../images/pagi_bg.png);background-position:32px 0;display:block;line-height:30px;width:30px;font-size:16px;font-weight:bold;color:#FFF;text-decoration:none;text-shadow:1px 1px #000;}
#main .pagination li.sample{display:block;line-height:30px;font-size:16px;font-weight:bold;color:#000;text-decoration:none;text-shadow:1px 1px #fff;margin:0 10px;}
#main .pagination li.active{background-image:url(../images/pagi_bg.png);background-position:left;display:block;line-height:30px;width:30px;font-size:16px;font-weight:bold;color:#FFF;text-decoration:none;text-shadow:1px 1px #000;}

#right_tree_menu {margin:0;padding:0;list-style:none;padding-left:10px;}
#right_tree_menu li a {background:url(../images/arrow.png) left center no-repeat;display:block;padding:1px 0 1px 15px;text-shadow:1px 1px #fff;}
#right_tree_menu li a:hover, #right_tree_menu li a.active {background:url(../images/arrow_hover.png) left center no-repeat;color:#ff8207;}

#footer {clear:both;background:url(../images/footer_bg.jpg) left bottom;width:100%;height:75px;}
#footer p {display:block;margin:0;padding:0;margin-right:40px;margin-top:20px;font-size:11px;text-align:right;text-shadow:1px 1px #ffffff;color:#666;}
#footer p .left {float:left;padding-top:27px;margin-left:110px;}
#footer p .right {float:right;padding-top:20px;}
#footer p .copy-link {margin:0 3px;}