*{margin: 0;padding: 0;}
html{background: url(img/pattern.jpg);height: 100%;}
body {font: 12px/150% Arial, sans-serif;color: white;background: url(img/bg.jpg) no-repeat 50% 0;height: 100%; min-width: 1000px;}
#wrap{width: 982px;padding: 0 10px; margin: 0 auto; position:relative; }
p{padding-bottom: 15px;}
h2{margin-bottom: 10px; font-size: 28px;}
h3{font-size: 20px; font-weight: normal;}
h4{font-size: 16px; font-weight: normal;}
h5{font-size: 13px; font-weight: normal;}
i{font-weight: bold;}
li{list-style: none;background: url(img/li.png) no-repeat 0 10px; padding-left:15px;}
img{border: none; line-height: 0;}
a:link, a:visited {color: white; text-decoration: underline;}
a:hover, a:active {color:#ffeea9}
/* Header */
#header{height:130px; padding-top:20px; position: relative;}
#header .logo{width:480px; height: 100px; background: url(img/logo.png);}
#header .info{left:0; line-height:1.2; position:absolute; top:100px; width:270px;}
#header .map{left:300px; line-height:1.2; position:absolute;top:100px; width:200px; font-family:Trebuchet MS; font-weight:bold; font-style:italic; padding-left: 25px;background: url(img/item.png) no-repeat;}
#header .map span{font-size: 11px; color:#fff; font-style: normal; display: block; font-weight: normal;}
#header .price{text-align: right; width: 390px; height: 130px; background: url(img/price.png) no-repeat; position:absolute; right:0; top:30px; padding-top:6px; padding-right:35px;}
#header .price h3 span{font-size: 12px; margin-right: 5px; color:#ffa6a6;}
#header .price h4{font-size: 13px;margin-top:4px;}
#header .print{font-family:Trebuchet MS; font-size:16px; font-style:italic; font-weight: bold; line-height:1; position:absolute; right:0; top:100px; width:150px; padding-left: 25px; background: url(img/print.png) no-repeat;}
#header .print span{font-size: 11px; margin-left: 5px; color:#fff; font-style: normal; font-weight: normal;}
/* Previews */
#previews{height: 160px;}
#previews .pvw{ float: left; position: relative;}
.pvw.first .l, .pvw.third .r{width: 8px; background: url(img/corners.png); height: 157px; position: absolute; top:0; left: 0;}
.pvw.third .r{background-position: -8px 0; right: 0; left: auto;}
.pvw.first .r, .pvw.second .r{width: 4px; background: url(img/corners.png) no-repeat -8px; height: 157px; position: absolute; top:0; right: 0;}
.pvw.second .l, .pvw.third .l{width: 4px; background: url(img/corners.png) no-repeat -4px 0; height: 157px; position: absolute; top:0; left: 0;}
.pvw .sub{background: url(img/pixel.png); padding: 8px 0; margin: 0 8px; line-height: 0;}
.pvw .sub a{display:block; border: 1px solid #162e06;}
.pvw .sub a:hover{border-color:#ffeea9 ;}
.pvw.first .sub, .pvw.second .sub{margin-right: 4px;}
.pvw.second .sub, .pvw.third .sub{margin-left: 4px;}
/* Content */
#content{ position: relative;}
#content .left,#content .right{ width: 218px; float: left; margin:42px 0 15px; height:330px; position:relative; z-index: 2;}
.left ul{ margin-right: 15px;}
#content .center{ margin:0 -220px; float:left; width:100%;}
#content .center .sub{ margin: 0 220px; height: 350px;}
#content .plans{ background-color: green; width:460px; background: url(img/pixel_.png); margin-left:90px; padding:8px 10px; line-height:1.25; position:relative; z-index: 2; -moz-border-radius:3px;}
#content h4{ font-weight: bold; font-style: italic; line-height: 1.6; clear:both;}
#content ul.items{ float: left;}
#content ul.items li{ font-weight: bold; font-style: italic; background-image: none;padding:5px 5px 5px 15px;width:70px;}
#content ul.items .active{ background: url(img/pixel_.png); -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px;}
#content ul.items span{ background: url(img/dot.png) repeat-x 0 bottom; cursor:default;}
#content ul.items .active span,#content ul.items span:hover{ background-image: none;}
.plans .item img{ float: left; margin-right: 10px;}
/* Notice */
.notice, .hover{position: absolute; line-height:1.25;}
.notice h2{margin-bottom: 0;}
.notice i{font-weight: normal;}
.garages{left:480px;top:60px;width:120px;}
.bath{right:110px;top:385px;width:100px;}
.pond {right:40px;top:570px;width:300px;}
.barbecue{right:250px;top:238px;width:80px;}
.turginovo{padding-right:18px; background: url(img/to.png) no-repeat 100% 80%; right:40px;top:5px;width:105px;}
.hover.house{height:285px; left:231px;top:49px;width:220px;background: url(img/hover-house.jpg) no-repeat;background-position: 0 -500px;}
.hover.garage{width: 93px; height: 168px; background: url(img/hover-garage.jpg) no-repeat; background-position: 0 -500px; left: auto; right:258px;top:31px;}
.hover.baths{width: 112px; height: 156px; background: url(img/hover-baths.jpg) no-repeat; background-position: 0 -500px; left: auto; right:258px;top:382px;}
.hover:hover, .hover.active {background-position: 0 0;}
/* Tips */
.tips {width:90px; height:90px; background-image: url(../foto/tips.png); position:absolute; z-index: 2;}
.tips .sub{ width:90px; height:90px; position:absolute;}
.tips .sub:hover{background-image: url(img/hover.png);}
.tips .shadow{position:absolute; bottom:2px; left:30px; width:75px; height:19px; background: url(img/shadow.png) no-repeat; z-index:1;}
.tips a{height:90px; display: block;}
.tips a:hover{ background: url(img/plus.png) no-repeat;}
.tips.t1{left:180px;top:310px;}
.tips.t2{left:515px;top:300px; background-position: 0 -90px}
.tips.t3{left:562px;top:225px; background-position: 0 -180px}
.tips.t4{left:540px;top:140px; background-position: 0 -270px}
.tips.t5{left:400px;top:0; background-position: 0 -360px}
.tips.t6{left:220px;top:570px; background-position: 0 -450px; z-index:1;}
.tips.t7{left:380px;top:310px;background-position: 0 -540px;}
/* Markup free clearing */
.clear-block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}