div, ul, li, span, html  {margin: 0; padding: 0;}
html{width: 100%;  height: 100%;}
*html html{width: 100%;  height: 100%;}
body{color:#000; font: 12px arial; height: 100%;  padding: 0; margin: 0;  background: #fff; }

a:link, a:visited{ text-decoration: underline; color: #2c86c4; }
a:hover{ text-decoration: none; color: #2c86c4; }

a img{ border: 0; }

h1{ font: bold italic 14px georgia;  margin: 0px 0 10px 0;  color: #4c4c4c; text-transform: uppercase; }
h2{ font: bold italic 14px georgia;  margin: 0px 0 10px 0;  color: #4c4c4c; text-transform: uppercase;  }

.header{ height: 133px;  width: 947px; margin: auto; padding: 0 20px; }

#footer{ height: 140px; width: 950px ; margin: -140px auto 0; table-layout: fixed; }
#footer .foot_menu{ width: 977px ; margin: 0px 0 0; padding-top: 10px; padding-left: 45px ;  }
#footer .foot_menu a:first-child{ color:#008ab1; }
.copy{ color: #000; font-size: 11px; margin: 15px 0 0 0px; }
.counters{ float: right; width: 190px; text-align: center; }




#wrap{ margin: 0 auto; min-height: 100%; padding: 0 0px; background:#fff none repeat scroll 0 0;  }
*html #main_wrap{ height: 100%; }

.logo{ margin: 39px 0 0 0px; position: absolute; }


.top_menu{ height: 42px; float: right; padding-top: 70px; text-transform: uppercase;  }
.top_menu ul{ margin: 0px auto 0 260px; list-style: none;  padding: 0px 0px 0px;  }
.top_menu ul li {  font: 10px arial; float: left; padding-left: 8px; margin-left: 8px; background: url(/images/menu_div.png) no-repeat 100% 15px; border-left: 1px solid #4d4d4d ; height: 12px; line-height: 12px; }
.top_menu ul li.selected a{ color: #009CF7 !important;   }
.top_menu ul li:first-child { border: none; }
.top_menu ul a {  font: bold 10px times new roman;  line-height: 12px; color: #4D4D4D ; text-decoration: none; }
.top_menu ul a:link, .top_menu ul a:visited { color: #4D4D4D ; text-decoration: none; }
.top_menu ul a:hover { color: #009CF7 ; text-decoration: none; }

.portfolio_block{ background: url(/images/portfolio_bg.png); height: 271px;  }

.image_bg{ background: url(/images/image_bg.png) no-repeat 0 0 ; height: 176px; width: 280px; margin-bottom: -176px; }
.portfolio_block .img{ height: 169px; width: 266px; overflow: hidden; margin-left: 7px; }

.contents{ width: 947px; margin: auto; padding: 28px 0 ; background: #fff; }

.left_sidebar{ width: 200px; float: left; overflow: hidden; margin-right: 48px; }
.center_bar{ width: 450px; float: left; overflow: hidden; margin-right: 45px; }
.right_sidebar{ width: 203px; float: left; overflow: hidden; }

.right_head{ background: #4D4D4D url(/images/right_head.png) no-repeat 0 0 ; padding: 3px 0 0 32px; width: 169px; height: 24px; color: #fff; font-weight: bold; }
.right_menu{margin-bottom: 10px; }
.right_menu ul{ list-style: none; padding-left: 32px; }
.right_menu li{ background: url(/images/dott.png) repeat-x 0 100%; padding: 10px 0 5px ; }
.right_menu li a{ color: #4c4c4c; text-decoration: none; }
.right_menu li a:hover{ color: #009cf7 ; text-decoration: none; }
.right_menu li.selected a{ color: #009cf7 !important; }

#left_arr{ width: 43px; height: 283px; background: url(/images/portfolio_left.png) no-repeat 0 0 ; cursor: pointer; position: absolute; }
#right_arr{ width: 43px; height: 283px; background: url(/images/portfolio_right.png) no-repeat 0 0 ; cursor: pointer; position: absolute; right: 0; }

.contact_head{ background: url(/images/glue_head.gif) no-repeat 0 0 ; padding: 3px 0 0 32px; width: 172px; height: 24px; color: #fff; font-weight: bold; margin-bottom: 12px; }
.contact_block{ width: 204px; position: absolute; margin: 295px 0 0 0; }
.contact_form{ padding: 10px 26px; background: url(/images/contact_bg.png) repeat 0 0 ; }

.input_name{ background: #06CDF7; color: #fff; padding: 0 3px; font-size: 12px; }
.input_block{ background: #fff; margin-bottom: 8px; }
.input_block input{ background: #fff; border: 0; width: 144px; padding: 3px;  }
.textarea_block{margin-bottom: 8px; }
.textarea_block textarea{ background: #fff; border: 0; width: 144px; padding: 3px; }
.contact_send{ float: right; margin-right: -20px; background: #06CDF7; color: #fff; padding: 0 3px; font-size: 12px; font-style: italic; text-decoration: underline; cursor: pointer; }

.portofol_table { width:100%; }
.portofol_table h3{ font:16px georgia; color:#009CF7; margin: 0 0 20px; }
.portofol_table ul{ list-style:none; position:relative; left:-34px; }
.portofol_table li{ font:14px georgia; background: url(/images/list_p.png) no-repeat 0 9px; padding-left:34px; margin-bottom:20px; }
.portofol_table li a{ color:#4D4D4D;}


.ner{ background: url(/images/ner_bg.png) repeat-y; padding: 10px 13px; color: #fff; }
.ner .upper{ font:italic 20px georgia; text-transform: uppercase; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 10px; }

.logo, #mini_hand, #mini_logo_bg,
*html #hand, #logo_bg, .content_top, .content_mid, .content_bottom, .search, .image_bg, #left_arr, #right_arr 
{
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}


.h30{ height: 30px; }

.blue_line{ height: 2px; background: #009CF7; width: 57px;   }
.black_line{ height: 2px; background: #4d4d4d; width: 57px;   }

.font16{ font-size: 16px; }
.font15{ font-size: 15px; }
.font13{ font-size: 13px; }

.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.clear{ clear: both; }

.delivery_middle {

border:0px solid #000000;
overflow:hidden;
width:100%;
padding-top: 0px;
}

.menu_scrolling {
padding:0px 0px 8px;
position: absolute; 
width: 947px;
margin-top: 115px;
}

.scrolling_line {
background:transparent url(/images/scrollbar_bg.png) repeat-x scroll 100% 0;
height:6px;
}

.scrolling_line img {
position:absolute;
}

table.js_menu2{ height: 271px; }
table.js_menu2 td {
color:#000000;
padding:15px 2px 5px;
text-align:left;
vertical-align: top;
font-family: geogia;
}
/*table.js_menu2 td:hover{ background: #fff; }*/

table.js_menu2 td.selected{ background: #fff; }

table.js_menu2 td .name {  margin: 18px 0 0 9px; height: 30px; width: 263px; }
table.js_menu2 td .desc {  margin: 0px 0 0 9px; width: 263px; }
table.js_menu2 td .name a{ font-size: 13px; background:#06CDF7 ; color: #fff !important; text-decoration: none !important; line-height: 14px; padding: 1px 7px 3px;  display: block; }
table.js_menu2 td .desc span{ font-size: 12px; background:#fff ; color: #000 !important; font-style: italic; padding-left: 7px; }

#scroller{ background: #009CF7; }
#newpos{ background:#000; top: -5px; width: 2px; display: none; }
.potfolio_big{ width: 670px;  padding: 15px; overflow: hidden; float: left; background: url(/images/portfolio_bg.png) repeat 0 0; margin: 0 43px 15px 0; }
.potfolio_big div{ width: 670px;  overflow: hidden; }
.portfolio_name{ width: 180px; padding: 12px; color: #fff; background: #06CDF7; }

.map{ width: 670px; height: 534px; padding: 15px; float: left; background: url(/mages/map.png) repeat 0 0; margin: 0 43px 15px 0; }
.map img{ margin-left: -85px; }
.mail_smarty a{ text-decoration: none !important; color: #4C4C4C !important; }

.mini_icons{ position: absolute; width: 200px; margin: 68px 0 0 250px; list-style: none; }
.mini_icons li{ float: left; margin-right: 14px; }