/* create: 2009.10.20 Toropov E.E. (STGayA) mail:stgaya@mail.ru */
/* opencs.ru */
html,body,h1,h2,h3,h4,h5,h6,p,em,img,em,ins,dl,dt,dd,ol,ul,li,
form,label,table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;border-width:0;outline:0;}
html,body{width:100%;height:100%;}
body{font:12px/16px 'Verdana','Arial';color:#afd3fc;background:#36477a url(../images/b-bg.gif) 25px 0 repeat-y;}
a{color:#fff;}

.clear{clear:both;height:0;overflow:hidden;}
.last{background:none !important;}

/* Block main */
.main{position:relative;width:100%;min-width:996px;min-height:100%;margin:0 auto;background:url(../images/m-bg.png) left bottom repeat-x;}

/* Block header */
.header{position:relative;height:130px;background:url(../images/h-rbg.png) right 0 no-repeat;}
.header .cbg{position:absolute;left:0;top:0;width:100%;height:185px;background:url(../images/h-bg.jpg) repeat-x;}
.header .lbg{position:absolute;left:0;top:0;width:525px;height:355px;background:url(../images/h-lbg.jpg) no-repeat;}
.header .rbg{position:absolute;right:0;top:0;width:380px;height:380px;background:url(../images/h-rbg.jpg) no-repeat;}
.header .slogan{position:absolute;left:258px;top:24px;width:405px;font:11px/16px 'Verdana';text-transform:uppercase;text-align:justify;}
.header .logo{position:absolute;left:54px;top:55px;}
.header .logo a{display:block;width:125px;height:67px;text-indent:-9999px;overflow:hidden;background:url(../images/h-logo.png) no-repeat;} 
.header .phone{position:absolute;right:59px;top:28px; width:238px;height:22px;background:url(../images/h-phone.png) no-repeat;z-index:30;}

/* Main block  */
.bmain {position:relative;width:100%;min-height:600px;z-index:20;}
.bmain p{padding-bottom:16px;}

/* Left block */
.bleft{position:relative;float:left;width:183px;padding:45px 50px 0 25px;z-index:25;}
.bleft .menu {width:100%;margin:0 0 0 0;padding:0;list-style:none;text-align:center;}
.bleft .menu p{padding:8px 13px;text-transform:uppercase;text-align:center;font-weight:bold;}
.bleft .menu p a{text-decoration:none;color:#24315d;}
.bleft .menu p a:hover,.bleft .menu p.active{text-decoration:none;color:#fff;}
.bleft .menu div{margin:4px 13px;padding:8px 0;font:11px/20px 'Verdana';background-color:#364570;font-style:italic;}
.bleft .menu div a {text-decoration:none;color:#fff;font-weight:normal;}
.bleft .menu div a:hover,.bleft .menu div .active{text-decoration:none;color:#f51824; } 

/* Right block */ 
.bright{position:relative;padding:0 50px 0 258px;z-index:20;}
.bright h1,.bright h2,.bright h3{color:#fff;margin-bottom:16px;text-transform:uppercase;}
.bright h1 a,.bright h2 a,.bright h3 a{color:#fff;text-decoration:none;}
.bright h1 span,.bright h2 span,.bright h3 span {color:#f51824;}
.bright h1{font:14px/18px 'Verdana';}
.bright h2{font:14px/18px 'Verdana';}
.bright h3{font:14px/18px 'Verdana';} 
.bright .nopad{padding:0;margin:0;}   
.bright .under{text-decoration:underline;text-transform:inherit;}   
.bright .date{font-style:italic;padding-bottom:2px;}   
.bright .intro p{text-align:justify;padding:0;}   
.bright .readlink {text-align:right;padding:0 0 3px 0;}    
.bright .linkback {padding:0 0 20px 0;}    

/* Right block -> Portfolio */
.portfolio{position:relative;width:100%;padding:16px 0;text-align:center;}
.portfolio .inner{margin:0 0;position: relative;}
.portfolio .item {position:relative;display:inline-block;margin: 0 12px;width:204px;height:250px;vertical-align:top;font:11px/14px 'Verdana';}  
.portfolio .item .preview{position:static;width:163px;margin-bottom:4px;padding:10px 20px 10px 21px;background:url(../images/portfolio-bg1.png) no-repeat;}
.portfolio .item .preview a{position:relative;display:block;width:163px;height:108px;overflow:hidden;}
.portfolio .item p{text-align: center !important;}
.portfolio .item a,.portfolio .item img {position:relative;}
.portfolio .item a{text-decoration:underline;}
.portfolio .item a:hover{text-decoration:none;}
.portfolio .item .nounder{text-decoration:none;}
.portfolio .mp2:hover img{visibility:hidden;} 

/* Right block -> Last Work */
.lastworks .item {height:127px;}
.lastworks .item .preview{margin-bottom:0;background:url(../images/lastwork-bg1.png) no-repeat;}
.lastworks .mainpage{position:relative;display:block;width:163px;height:108px;overflow:hidden;} 

/* Block footer */
.footpd{position:relative;width:100%;height:92px;clear:both;visibility:hidden;font:0 sans-serif;} 
.footer{position:absolute;top:auto;bottom:0;left:0;right:0;width:100%;height:72px;background: url(../images/f-bg.jpg) right 0 no-repeat;z-index:15;}
.footer .bigbg{position:absolute;left:0;top:-442px;width:519px;height:514px;background: url(../images/f-bigbg.jpg) no-repeat;}
.footer .banner{position:absolute;left:77px;top:21px;}
.footer .copyrights{position:absolute;left:34%;top:23px;font:12px/16px 'Times New Roman';color:#7b9ac1;}
.footer .copyrights a{color:#7b9ac1;text-decoration:underline;}
.footer .copyrights a:hover{text-decoration:none;}

/* Navigations */
.navigation{height:61px;margin:0 auto;background:url(../images/paging-bg.png) 0 0 repeat-x;}
.navigation td{background:url(../images/paging-bg.png) 0 -61px no-repeat;}
.navigation div{height:61px;background: url(../images/paging-bg.png) right -122px no-repeat;}
.navigation .pages{display:block;float:left;margin-top:24px;width:14px;height:16px;}
.navigation .pages.prev{margin-left:8px;background:url(../images/paging-arrows.gif) no-repeat;}  
.navigation .pages.next{margin-right:8px;background:url(../images/paging-arrows.gif) 0 -16px no-repeat;} 
.navigation ul {float:left;margin:1px 0 0 0; padding: 15px 6px; list-style: none; position: relative; }
.navigation ul li {float: left; padding:1px; font: 12px/16px 'Verdana'; }
.navigation ul li a {display: block; padding: 6px 10px 7px 10px; text-decoration: none !important; background-color: transparent; position: relative; } 
.navigation ul li a:hover {background-color:#54689d; }
.navigation ul li.active a {font-weight:bold;background-color:#54689d;}
.navigation .mini{padding:15px 25px;}

/* Contact form */ 
.contform{width:650px;padding-bottom:30px;}
.contform strong{display:block;padding:4px 0 2px 0;font-weight:normal;} 
.contform .butn2{padding-top:12px;}
.contform table {margin-bottom:5px;}
.contform table input{width:200px;height:16px;}
.contform table textarea{font-size:12px;height:103px;overflow: hidden;font-family:verdana;}
.form_message{text-align:center;border:1px dotted #707070;padding:5px;}
.contform .redb{color:#ff7632;}
.capss{border:1px solid #283768;}

/* type-of */
.type-of {width:100%;position:relative;min-height:200px;top:-15px;} 
.type-of .lamp1,.type-of .lamp2,.type-of .lamp3,.type-of .lamp4{float:left;width:170px;height:190px;}
.type-of .cont{float: left;min-height:140px;padding:35px 0 10px 0;} 
.type-of ul{width:100%;margin: 0; padding: 0;list-style:none;position:relative;} 
.type-of ul li{padding:2px 0 2px 35px;color:#fff;text-transform:uppercase; background:url(../images/type-of-li-bg.gif) left 10px no-repeat;}
.type-of ul li a{text-decoration:underline;}
.lamp1{background: url(../images/lamp-1.png) no-repeat; }
.lamp2{background: url(../images/lamp-2.png) no-repeat; }
.lamp3{background: url(../images/lamp-3.png) no-repeat; }
.lamp4{background: url(../images/lamp-4.png) no-repeat; }

/* articles */ 
.articles{width:100%;margin:0;padding:0;list-style:none;padding-bottom:20px;} 
.articles li{padding:2px 0 2px 35px;color:#fff;text-transform:uppercase;background:url(../images/type-of-li-bg.gif) left 10px no-repeat;}

/* Block manager */
.manager {height:80px;font-size:11px;font:10px/13px 'Verdana','Arial';position:relative;}
.manager div{position:relative;top:-10px;float:left;border:1px solid #afd3fc;margin-right:3px;padding:3px 5px 5px 5px;width:122px;height:53px;}
