@charset "utf-8";
html{background: #fff;color:#474646}
body{margin: 0; padding: 0;height:100%;font-family:Helvetica,Arial,Tahoma,Verdana,Sans-Serif;font-size:10pt}
h1, h2, h3, h4{color:#000;font-size:150%;font-weight:normal;line-height:1;margin:0;}
h2{font-size:200%;}
h3{margin-top:25px;}
h4{font-size:130%;margin:12px 0 15px;}
p{font-size:11pt;margin:7px 0;}
small{color:#9f9d9d;font-size:9pt;}
table{margin:0;padding:0;border-spacing:0;width:100%}
input{border:1px solid #262626;background:#a6a6a6;height:18px;text-indent:5px;}

/*Top*/
#top{height:130px;margin-top:50px;background-image:url(img/top.gif);background-repeat: repeat-x;}
#top ul{list-style: none;margin:0;padding:0px;min-width:1000px;max-width:1200px;margin:0 auto;padding:0 10px;}
#top ul li {float:left;width:19%;height:130px;}
#top ul img{border:0px;}
#top ul #contacts{font-size:8pt;float:right;width:24%;text-align:left;}
#logo img{margin:10px;}
#works img{margin-left:-2px;}
#services img{margin-left:-3px;}
#i1_, #i2_, #i3_, #i4_, #ii1_, #ii2_, #ii3_, #ii4_ {display:none;}

/*Blog*/
#blog{position:relative;background:#e8e8e8;float:right;width:24%;}
#blog .c{padding:15px;}
#blog i{display:block;position:absolute;width:13px;height:13px;background-image:url(img/corners.gif);}
#blog .rt{top:0px;right:0px;background-position:-13px 0;}
#blog .lt{top:0px;left:0px;}
#blog .rb{bottom:0px;right:0px;background-position:-39px 0;}
#blog .lb{bottom:0px;left:0px;background-position:-26px 0;}

/*footer*/
#footer{min-width:1000px;max-width:1200px;margin:15px 0;position:relative;background:#e8e8e8;}
#footer i{display:block;position:absolute;width:5px;height:5px;background-image:url(img/corners2.gif);}
#footer .c{padding:10px;}
#footer .rt{top:0px;right:0px;background-position:-5px 0;}
#footer .lt{top:0px;left:0px;}
#footer .rb{bottom:0px;right:0px;background-position:-15px 0;}
#footer .lb{bottom:0px;left:0px;background-position:-10px 0;}

/*News*/
#newsList{list-style: none;margin:0;padding:0px;float:left;width:68%;}
#newsList li{min-height:100px;padding:10px 7px;margin:10px 0;}
#newsList li.gray{background:#f6f6f6;}
.thumb{float:left;width:28%;}
.thumb img{border:0;}
.text{float:left;width:72%;}
.date{color:#9f9d9d;font-size:8pt;float:right;text-align:right;line-height:2;}

/*Portfolio*/
#portfolio {width:76%;float:left;}
#portfolio .c{width:120px;height:180px;}
#portfolio .thumb{float:left;width:25%;}
#portfolio ul{list-style: none;margin:0;padding:0px;float:left;height:90px;width:100%;clear:both;line-height:3;}
#portfolio ul li{width:25%;float:left;cursor:pointer;}
#portfolio ul li.selected{color:#ee2b0b;cursor:default;}
#portfolio ul li div{width:40px;height:40px;background-image:url(img/icon.png);background-repeat: no-repeat;float:left;margin-right:5px;}
#portfolio ul li #ii1{margin-left:10px;}
#portfolio ul li #ii2{background-position:-80px 0;}
#portfolio ul li #ii3{background-position:-160px 0;}
#portfolio ul li #ii4{background-position:-240px 0;}
#portfolio ul li #ii1_{margin-left:10px;background-position:-40px 0;}
#portfolio ul li #ii2_{background-position:-120px 0;}
#portfolio ul li #ii3_{background-position:-200px 0;}
#portfolio ul li #ii4_{background-position:-280px 0;}
#portfolio ul.submenu{margin-top:-35px;line-height:1;height:30px;}
#portfolio ul.submenu li{width:auto;margin:0 10px;}
.opacity{filter:alpha(opacity=100);opacity:1;}
.opacity:hover{filter:alpha(opacity=80);opacity:0.8;}

/*Projects*/
table.proj td{padding:3px 10px;vertical-align:top;}
table.proj img{margin:8px;border:0;}

a:link, a:active, a:visited {color: #000;text-decoration:underline;}
a:hover{color:#000;text-decoration: none;text-decoration:none;}
a.red:link, a.red:active, a.red:visited {color: #000;text-decoration:underline;}
a.red:hover{color:#ee2b0b;text-decoration: none;text-decoration:none;}
a.red2:link, a.red2:active, a.red2:visited {color: #ee2b0b;text-decoration:none;}
a.red2:hover{color:#ee2b0b;text-decoration: none;text-decoration:none;}
a.gray:link, a.gray:active, a.gray:visited {color: #9f9d9d;text-decoration:none;}
a.gray:hover{color:#000;text-decoration: none;text-decoration:none;}

.container{min-width:1000px;max-width:1200px;margin:0 auto;padding:0 10px;margin-top:25px;}
.left{float:left;width:68%;line-height:1.5;}
.center{text-align:center;}
.right{float:right;}
.border{border:1px solid #000;}
.clr{clear:both;}