* { margin:0px; padding:0px; }
html, body { width:100%; height:100%; }
html, body, td { color:#000; font:normal 100%/1.5 Tahoma, Arial, Verdana sans-serif; }
body { background: #fff url(../images/bg.jpg) repeat-x top;  }
a { color:#0066CB; }
a:visited { color:#C700CB; } 
a:hover { color:#E56F00; }


td { vertical-align:top; }
img { border:0px; display:block; }
hr { margin: 17px 250px 7px 0; }
li { margin-bottom:3px; }

h1 { margin:16px 0 6px 0;  }
h1, h2, h3, h4, h5, h6, h1 a { font: bold 1.1em Tahoma, Arial, Verdana, sans-serif;   }
h2 { font-size: 1.07em;  }
h3 { font-size: 0.93em;  }
h4 { font-size: 1.3em;  }
h5 { font-size: 1.2em; font-weight: bold; }
h6 { font-size: 1.1em; font-weight: bold; }



p { padding: 0 0 10px 0; }

small, small a { font-size:0.8em ; }

.nobr { white-space: nowrap; }
.clear { clear: both; }
.inline { display: inline; }
.center { text-align:center; }
.right { float:right; }
.left { float:right; }
.center img { margin: 0 auto; }
.print { display:none; }
.notice { color: green; padding:5px; font-weight:bold; width:auto; }
.cursor { cursor: pointer; }
.ieonly { display:none; }
.content { clear:both;  }
.price { color:#7FA712; font-weight:bold;white-space: nowrap;  }
.flash { color:red; font-weight:bold; }

#container { background:url(../images/left_block_mid.jpg) repeat-y left;  }
#container2 { background:url(../images/left_block_top.jpg) no-repeat left top; min-height: 989px; }
#container3 { background:url(../images/left_block_bot.jpg) no-repeat left bottom; min-height:1117px; padding-bottom:100px; }

#header { height:250px; background: url(../images/top_slogan.jpg) no-repeat 402px 0  ; padding:12px; }
#logo { position:absolute; top:116px; left:131px; }
.notice { position:absolute; top:195px; left:406px; color:#fff; font-size:0.8em;  }
#info { position:absolute; left:171px; top:280px; width: 214px; }
#info ul { clear:both; padding-left:9px;  }
#info li { list-style:none; float:left; display:block; margin: 0 9px 9px 0; }
#info li img { border:2px solid #00A8FF; width:55px; height:55px; }
#info li span img { border:2px solid #E7CB01; }
#info li a:hover img { border:2px solid #E7CB01; }
#info h1 { margin-bottom:29px; }
#info h1 span { margin-top:-10px; font-size:1.7em; padding-left:17px; float:left; width:31px; height:51px; background:url(../images/heading_decor.png) no-repeat;  }
#works_link { text-align:center; font-size:0.8em; padding-top:5px; clear:both; font-weight:bold; }

#nav { position:absolute; top:199px;left:402px;  background:url(../images/menu_bottom.jpg) no-repeat; width:533px; height:51px; padding:24px 0 0 6px; }
#nav li { float:left; margin-left:15px; list-style:none;  }
li#butt_blog span, li#butt_blog a { display:block; width:96px; height:38px;  }
li#butt_customers span, li#butt_customers a { display:block; width:137px; height:38px;  }
li#butt_about span, li#butt_about a { display:block; width:129px; height:38px; }
li#butt_price span, li#butt_price a { display:block; width:94px; height:38px; }
#nav li span.h { display:none; }
li#butt_blog a {  background: url(../images/butt_blog.jpg) no-repeat; }
li#butt_customers a {  background: url(../images/butt_customers.jpg) no-repeat; }
li#butt_about a {  background: url(../images/butt_about.jpg) no-repeat; }
li#butt_price a {  background: url(../images/butt_price.jpg) no-repeat; }

#bread_crumb { font-size:0.9em;  }
#yield { margin:18px 0 0 445px; width:520px; font-size:0.8em; }
#yield p, #yield ul { padding: 0 0 6px 0; }
#yield strong { color:#222; }
#yield h2 { padding: 11px 0 1px 0; }
#yield h1 { font-size:1.4em; margin-left:-1em;   }
#yield h1 .header_decor {  margin-top:-11px; font-size:1.7em; padding-left:16px; float:left; width:29px; height:51px; background:url(../images/heading_decor.png) no-repeat 0 5px; }
#yield h1 .header { margin-left:-4px; }
#yield ul, #yield ol { margin-left:23px; }

#banners { top:312px; left:779px; position:absolute; }
#banners img { margin-bottom:10px; }
#banners #banner_visitka { margin-bottom:0; }
#index { width:300px; }
#footer { margin-left:440px;  margin-top: -70px; font-size:0.8em;  }
#footer .vmenu li { list-style:none; float:left; margin-right:17px; }
#copy  { clear: both; margin-top:20px; }


#portfolio div.item { width:220px; float:left; padding-right:20px; }
#portfolio div.pair { clear:both;  }
#portfolio div img { margin-top:25px;   }
#portfolio div a img { border:1px solid #00A8FF; }
#portfolio div a:hover img  { border:1px solid #E7CB01; }
#portfolio h2  { font-size:1em; }
#pitem { margin:29px 0 18px 0; border:1px solid #ccc; }
#backlink { padding-top:16px; }
#worksortable li { cursor:move; }
.editbottom { padding-top:15px; }

#purecontacts { padding:20px 0 0 12px; font-size:0.8em; font-weight:bold; clear:both; }
#purecontacts strong { margin:0px 0 2px 0; height:24px; display:block; font-size:1.36em; font-weight:normal; color:#00327E; }
strong.phone {  /* padding-left:27px; background:url(../images/phone.gif) no-repeat 0 2px ; */}
#rss img { float:left; padding: 12px 12px 0 12px; }
#rss { height:32px; }
#rss p {  padding:16px 0 0 0px; width:140px; float:left;  }
#rss p a { font-size:0.9em; font-weight:bold; }
/* Forms */
form { width:500px; }
legend { font-weight:bold; }
p label { font-weight:bold; display:block; }
p.trailing label { display:inline; }
.submit { margin:1em 0; }
#simpleform p { clear:both; }
#yield textarea { width:470px; }
#simpleform p label { font-weight:bold; width:100px; float:left; text-align:right; margin-right:5px; }

#admin { clear:both; padding:25px 0 0 12px; font-size:0.9em; }
#admin li { margin:0; float:none; }

#other_entries h2 { font-size: 1.1em; margin-bottom:4px; }

#comments #comment_comment { display:none; }
#comments { margin-bottom:4px; }
#comments textarea { height:100px; }
#comments h2 { font-size: 1.1em; }
.comment { margin-top:9px; }

/* Errors */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  margin:7px 0;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.mailus { padding-top:5px; }