* html body {height:100%;}
html {height:100%;}
html, body{
 min-width:1000px;
 width: expression(document.body.clientWidth > 1000 ? "100%" : "1000px");
 border:0;
 margin:0;
 padding:0;
 background:#fff;
 font: normal 14px/16px "Arial", sans-serif;
 color:#6a6a6a;
}
div, h1, h2 {
 margin:0;
 padding:0;}
strong{ font-weight:normal; }
.clear { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.pointer{ cursor:pointer;}
img{
 border:0;
 margin:0;
 padding:0;}
a:hover img {
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
 -moz-opacity: 0.5; 
 -khtml-opacity: 0.5;
 opacity: 0.7;
 filter: alpha(opacity=40);
 cursor:pointer;}
a{
 font-family:verdana,tahoma;
 font-size:12px;
 font-size:82% verdana;  
 color:#069; 
 text-decoration: none}
a:hover {text-decoration: underline;} 
 /* top */
.top-left{
 float:left;
 width:760px;
 height:241px;
 background-image:url(../images/top.gif);
 background-repeat:no-repeat;
 overflow:hidden;
 } 
 
 /* menu-right-top */
div.menu-right{
width:210px; 
height:51px;
margin-top:22px;
clear:both;}
a.menu-crea{
 background-image:url(../images/creastate.gif);
 width:210px;
 height:51px;
 float:left;
 background-repeat:no-repeat;
 background-position:0 0;}
a.menu-crea:hover{background-position:0 -51px;}
a.menu-wide{
 background-image:url(../images/wideworldweb.gif);
 width:210px;
 height:51px;
 float:left;
 background-repeat:no-repeat;
 background-position:0 0;}
a.menu-wide:hover{background-position:0 -51px;}
a.menu-des{
 background-image:url(../images/design4web.gif);
 width:210px;
 height:51px;
 float:left;
 background-repeat:no-repeat;
 background-position:0 0;}
a.menu-des:hover{background-position:0 -51px;}
a.menu-art{
 background-image:url(../images/aft4webdesign.gif);
 width:210px;
 height:51px;
 float:left;
 background-repeat:no-repeat;
 background-position:0 0;}
a.menu-art:hover{background-position:0 -51px;}

 /* polosa-pod-top */
.clear-top{
 clear:both;
 height:20px;
 padding-top:2px;
 margin-bottom:10px;}
.grey-left{
 float:left;
 height:12px;
 width:760px;
 overflow:hidden;
 background-color:#ccc;}
.blue-right{
 float:right;
 height:12px;
 width:210px;
 overflow:hidden;
 background-color:#418cb3;}

 /* menu */
div.menu{
width:191px; 
height:51px;
padding-top:10px;
clear:both;
overflow:hidden;}
a.menu-index{
 background-image:url(../images/index.gif);
 width:191px;
 height:51px;
 float:left;
 background-repeat:no-repeat;
 background-position:0 0;}
a.menu-index:hover{background-position:0 -51px;}
a.menu-portfolio{
 background-image:url(../images/portfolio.gif);
 width:191px;
 height:51px;
 float:left;
 background-repeat:no-repeat;
 background-position:0 0;}
a.menu-portfolio:hover{background-position:0 -51px;}
a.menu-calculator{
 background-image:url(../images/calculator.gif);
 width:191px;
 height:51px;
 float:left;
 background-repeat:no-repeat;
 background-position:0 0;}
a.menu-calculator:hover{background-position:0 -51px;}
a.menu-stati{
 background-image:url(../images/stati.gif);
 width:191px;
 height:51px;
 float:left;
 background-repeat:no-repeat;
 background-position:0 0;}
a.menu-stati:hover{background-position:0 -51px;}
a.menu-vacansii{
 background-image:url(../images/vacansii.gif);
 width:191px;
 height:51px;
 float:left;
 background-repeat:no-repeat;
 background-position:0 0;}
a.menu-vacansii:hover{background-position:0 -51px;}
a.menu-contacts{
 background-image:url(../images/contacts.gif);
 width:191px;
 height:51px;
 float:left;
 background-repeat:no-repeat;
 background-position:0 0;}
a.menu-contacts:hover{background-position:0 -51px;}
a.menu-cena{
 background-image:url(../images/cena.gif);
 width:191px;
 height:51px;
 float:left;
 background-repeat:no-repeat;
 background-position:0 0;}
a.menu-cena:hover{background-position:0 -51px;}
a.menu-uslugi{
 background-image:url(../images/uslugi.gif);
 width:191px;
 height:51px;
 float:left;
 background-repeat:no-repeat;
 background-position:0 0;}
a.menu-uslugi:hover{background-position:0 -51px;}
 
/* content */
div.content{
 float:left;
 padding-left:50px;
 width:516px;
 }
.p-text{
 margin:0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:10px;
 padding-bottom:10px;
 text-align:justify;}
 
 /* right-block */
.right-block{
 float:right;
 width:210px;
 padding-top:10px;
 text-align:center;}
.r{
 margin:0;
 padding-bottom:24px;
 font: bold 14px/16px "Arial", sans-serif;
 color:#6a6a6a;}
  
 /* polosa-foot */
.foot-top{
 clear:both;
 height:6px;
 padding-top:10px;
 padding-bottom:10px;}
.grey-foot{
 float:left;
 height:6px;
 width:760px;
 overflow:hidden;
 background-color:#ccc;}
.blue-foot{
 float:right;
 height:6px;
 width:210px;
 overflow:hidden;
 background-color:#418cb3;} 
 
  /* foot-menu */
.foot-menu{
 clear:both;
 padding-left:10px;
 padding-bottom:10px;}
 
 
 /*  contacts */
.in-name{
 margin:0 5px 4px 0;
 padding:0;
 vertical-align:middle;
 height:16px;
 width:150px;
 border: 1px solid #ccc;}
.t-area{
 margin:0 5px 0 0;
 padding:0;
 vertical-align:top;
 height:180px;
 width:400px;
 border: 1px solid #ccc;
 font-family:verdana,tahoma;
 font-size:12px;
 font-size:82% verdana;} 
.button{
 margin:8px 2px 0 0;
 padding:1px 3px; 
 border:1px color #ccc; 
 font-family:verdana,tahoma;
 font-size:12px;
 font-size:82% verdana; 
 font-weight:bold;
 color:#069;
 cursor:pointer;
 background-color:#F8F8F8;} 
.button:hover{color:#FF6600;}

/* uslugi */
.content-uslugi{
 float:left;
 padding-left:50px;
 padding-top: 10px;
 width:516px;
 text-align:justify;
 }
h1{
 font-size:14px;
 color:#006699; 
 padding:0 0 2px 0; 
 margin:0;}
h2{
 padding:0 0 2px 0; 
 font-size:14px;
 color:#333;
 font-weight:normal;}
 
 
 
 /* portfolio */
.c{clear:both;}
.l{ float:left;}
 div.l-pad{
 float:left; 
 padding-left:20px;
 padding-bottom:4px;
 text-align:center;
 overflow:hidden;
 }
h1.ss{
 font-family:verdana,tahoma;
 font-size:22px;
 letter-spacing:0.6px;
 color:#006699; 
 padding:0 0 10px 0; 
 margin:0;}
.si{
font-family:verdana,tahoma;
font-size:9px;
letter-spacing:0,1px;
line-height:16px; 
padding:0px;
margin:0px;
text-align:center;
color:#069;
}
h1.h-raz{
 font-family:verdana,tahoma;
 font-size:18px;
 font-size:82% verdana; 
 color:#006699; 
 padding:0;
 margin:0;}
h1.raz{
font-family:verdana,tahoma;
font-size:12px; 
padding:0px;
padding-top:22px;
padding-bottom:8px;
margin:0px;
color:#069;
}
 
 
/***** ÊÀËÜÊÓËßÒÎÐ *****/ 
p.colc{
 margin:0;
 padding:0;
 width:400px;
 } 
.inherit{float:inherit;}
.v-p{
 float:right;
 vertical-align:baseline;
 position:relative; top: -14px;
 margin-bottom: -10px;
 }
b.colculator{
 vertical-align:top;
 font-weight:bold;
 }
.radioform{
 position:relative; bottom:2px;
}  
 
/* ----------- new cena ------------ */
div.content-new{
 float:left;
 padding-left:7px;
 width:516px;
 } 
.c-new{
 clear:both;
 width:570px;
 background:url(../images/top-bg.gif) 0 0 repeat-y;
 margin-bottom:10px;
 }
.c-new p{
 margin:0;
 padding:0;
 position:relative; top: -2px;
 }  
.top-s{
 width:570px;
 height:11px;
 background:url(../images/top-s.gif) 0 0 no-repeat;
 }
.top-niz{
 width:570px;
 height:24px;
 background:url(../images/top-niz.gif) 0 no-repeat;
 }
.new-left{
 float:left;
 height:110px;
 padding-left:10px;
 margin-right:10px;
 }   
.top-text{
 display:block;
 width:400px;
 height:120px;
 overflow:hidden;
 text-align:justify;
 font: normal 13px/14px "Arial", sans-serif;
 } 
.span-left{
 float:left;
 display:block;
 overflow:hidden;
 margin: 0 15px 10px 0;
 padding:0;
 }