@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2,  h4, h3, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline; background: transparent;}
body {line-height: 1; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; background-color:#343434;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
* { margin:0px; padding:0px;}
#container{width:771px; height:auto; margin:24px auto 0px auto; }
.brclear{margin:0px; padding:0px; font-size:0px; line-height:0px; clear:both;}
#container #top{height:9px;background:#fffedf url(../images/cont_top.gif) no-repeat;}
#container #mid{height:auto !important; float:left; background:#fffedf; padding-bottom:10px;}
#container #mid .header{height:85px;}
#container #mid .header img{margin:11px 0px 0px 14px; float:left;}
#container #mid .header p{text-align:right; padding:0px 10px 0px 0px;}
#container #mid .header p a{text-decoration:none; color:#333;}
#container #mid .header p a:hover{text-decoration:underline; color:#333;}
#container #mid .banner{height:141px; width:771px;}
#container #mid .main_body{height:240px; min-height:240px; height:auto !important; float:left; padding:10px;}
#container #mid .main_body .left{width:180px; height:240px; min-height:240px; height:auto !important; float:left;}
#container #mid .main_body .left img{border:1px solid #cccbb2; padding:1px; margin-top:5px;}
#container #mid .main_body .left ul{ font-size:11px; font-weight:bold; }
#container #mid .main_body .left li{height:28px; width:174px; line-height:28px; margin:0px 0px 5px 0px; border-left:6px solid #f95a0d;line-height:28px; background:#cccbb2; }
#container #mid .main_body .left li:hover{height:28px;width:174px;background-color:#ec008c;line-height:28px;margin:0px 0px 5px 0px; line-height:28px;}
#container #mid .main_body .left li a { voice-family: "\"}\"";  padding-left:25px; 	voice-family: inherit;  height: 28px; text-decoration: none; color: #333; font-weight:bold;display: block;	}
#container #mid .main_body .left li a:hover{voice-family: "\"}\"";  padding-left:25px; background:url(../images/bullet_h.gif) left 8px no-repeat;  	voice-family: inherit;  height: 28px; text-decoration: none; color:#fff; font-weight:bold;display: block;background-color:#f95a0d;	}
#container #mid .main_body .left .show{color: #fff;	background-color:#f95a0d; }
#container #mid .main_body .left .show a{color: #fff;}
#container #mid .main_body .right{width:554px; height:240px; min-height:240px; height:auto !important; float:left; padding-left:15px;}
#container #mid .main_body .right h1{color:#f95a0d; font-size:15px; padding-bottom:5px; font-weight:bold;}
#container #mid .main_body .right h2{color:#d54b08; padding-bottom:5px;}
#container #mid .main_body .right p{line-height:18px; padding:0px 0px 5px 0px; font-size:12px;}
#container #mid .main_body .right p a{color:#333333; text-decoration:none;}
#container #mid .main_body .right .link{color:#d54b08; font-weight:bold; text-decoration:none; background:url(../images/bullet2.png) left no-repeat; padding-left:12px;}
#container #mid .main_body .right img{margin:0px;}
#container #mid .main_body .right span img{margin:0px 0px 5px 5px; border:1px solid #cccbb2; padding:2px; float:right;}
#container #mid .main_body .right ul{float:left; line-height:20px; width:100px; margin-right:30px;}
#container #mid .main_body .right ul li{background:url(../images/bullet.gif) left no-repeat; padding-left:20px;}
#container #mid .main_body .right .right_gallery img{width:120px; height:86px; margin:8px 12.5px 0px 0px; border:1px solid #cccbb2; padding:2px;}
.imgs img{margin:8px 12.5px 0px 0px; border:1px solid #cccbb2; padding:2px;}

#cantact_form { width:350px;height:100px;min-height:100px;height:auto !important;color:#000; padding-top:20px; float:left;  }
#cantact_form p{color:#f5970f;}
#cantact_form input{display:block;width:150px;float:left;margin-bottom:10px;color:#000;border:solid 1px #89949c;height:18px;font-size:13px;font-size:12px; background:#fffedf;}
#cantact_form textarea {display: block;width:150px; height:70px;float: left;margin-bottom: 10px;color:#000;border:solid 1px #89949c; font-size:12px; background:#fffedf; }
#cantact_form label {display: block;color:#000;float:left;margin-bottom:10px;text-align:right; width:110px; padding-right:15px; }
#cantact_form br{clear:left;}
#cantact_form .btn{ background-color:#d54b08;color:#fff;height:18px; width:45px;font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;padding:0px 0px 5px 0px; }
#cantact_form .btn_hover{ background-color:#f95a0d;color:#fff; height:18px; width:45px; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; padding:0px 0px 5px 0px;}
#container #mid .scroll{margin:0px; width:771px; float:left;}
#container .footer{height:84px;}
#container .footer p{text-align:center; color:#9a9a9a; padding:10px 0px 0px 0px; line-height:18px;}
#container .footer p a{text-decoration:none; color:#9a9a9a;}
#container .footer p a:hover{text-decoration:underline; color:#fff;}

#container #bot{height:9px; background:url(../images/cont_bot.gif) no-repeat;}



/*------------------gallery page------------*/
figure { margin: 0;}
.zoom-icon {display:block; position:absolute; left:0px; top:0px;	background:url(../images/magnify.png) 50% 50% no-repeat; cursor:pointer; opacity:0;
-webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out;	-o-transition: all .1s ease-in-out;	}
#gallery .portfolio li a.image-wrap:hover .zoom-icon,.folio_cycle .folio_item a.thumbnail:hover .zoom-icon {opacity:1;}
.folio_cycle {list-style-type:none;	padding:0;	margin:0px; width:650px;  float:left; position:relative;}
.folio_cycle .folio_item {overflow:hidden;width:auto; float:left; margin-right:10px; margin-bottom:10px;}
.folio_cycle .folio_item.no-margin {margin-right:0;}	
.folio_cycle .folio_item a.thumbnail {display:block;padding:0px; background:#FFF; border:5px solid #e7e8e7;  position:relative; }
.folio_cycle .folio_item a.thumbnail.alt img {	-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	-o-transition: all 0.3s ease;}
.folio_cycle .folio_item a.thumbnail.alt .thumbnail {}
.folio_cycle .folio_item a.thumbnail.alt:hover img {opacity:.5;}
.folio_cycle .folio_item .zoom-icon {width:100%; height:100%;}
.folio_cycle .link {color:white;font-weight:bold;position:absolute;	right:0;	top:-35px;}
.zoom-icon { display:none;}
#gallery .portfolio li a.image-wrap:hover .zoom-icon, .folio_cycle .folio_item a.thumbnail:hover .zoom-icon { display:block;}
/*------------------end gallery page------------*/