html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a{
margin: 0;
padding: 0;
border: 0;
}
html, body{
width:100%;
height:100%;
}
body{
color:#000;
font:62.5%/1.4 Arial, sans-serif;
background:#72AA30 url(i/globack.gif) no-repeat 897px 0px;
}
table{
font-size:100%;
}
p{
margin-bottom:10px;
}
/*---------
COMMON STYLES
-----------*/
a{
color:#693;
outline:none;
}
a:hover{
text-decoration:none;
}
a img{
border:none;
}
.clear{
clear:both;
height:1px;
font-size:1px;
}
h1{
font:bold 210% Arial, sans-serif;
color:#72AA30;
margin:0 0 20px 0;
z-index:10;
position:relative;
}
h2{
font:bold 180% Arial, sans-serif;
color:#72AA30;
}
/*---------
FORM
-----------*/
#form{
margin:23px 0 0 0;
}
#form h3{
font:bold 180% Arial, sans-serif;
color:#72AA30;
}
#form .line{
width:660px;
overflow:hidden;
margin:2px 0 12px;
}
#form .label{
float:left;
width:135px;
display:block;
margin-right:10px;
}
#form .formw{
width:330px;
display:block;
float:left;
}
#form .formw .text,
#form .formw textarea{
width:188px;
font:100% Arial, sans-serif;
border:solid 1px #999;
}
#form .formw .text{
padding:3px;
}
#form .formw textarea{
width:442px;
height:112px;
padding:3px;
}
#form .formw .submit{
padding:1px 15px;
}
#form select{
width:14.8em;
}
.red{
color:#D4141B;
}
.err{
color:#D4141B;
font-size:95%;
}
hr{
background:#ccc;
border:0;
color:#ccc;
height:1px;
margin:10px 0 10px;
padding:0;
}
*html hr{
margin:-5px 0 12px;
width:107.5%;
}
/*---------
LAYOUTS
-----------*/
#main{
width:897px;
min-height:100%;
font-size:1.2em;
background:#fff;
position:relative;
}
*html #main{
height:100%;
}
#house{
position:absolute;
top:0;
right:0;
background:url(i/t-right.jpg) no-repeat;
width:297px;
height:197px;
z-index:0;
}
*html #house{
right:-1px;
}
/*---------
HEADER
-----------*/
#header{
height:105px;
background:#72AA30 url(i/t-bg.jpg) repeat-x;
position:relative;
}
#header img{
position:absolute;
}
#logo{
top:25px;
left:22px;
}
#slogan{
top:70px;
left:22px;
}
/*---------
LEFT
-----------*/
#left{
float:left;
width:160px;
margin:19px 0 0 -897px;
padding-bottom:240px;
}
#menu{
list-style:none;
margin:0 0 0 10px;
}
#menu .here .but{
display:inline;
}
#menu .but-{
display:none;
}
#menu .here a{
color:#000;
}
#menu .here .but{
display:none;
}
#menu .here .but-{
display:inline;
}
#left h2{
font:bold 180% Tahoma, sans-serif;
margin:55px 0 0 10px;
color:#72AA30;
}
#cont{
margin:6px 0 0 10px;
font:115% Tahoma, sans-serif;
list-style:none;
}
#cont-img{
margin:55px 0 0 10px;
}
/*---------
FOOTER
-----------*/
#footer{
height:95px;
clear:left;
width:856px;
margin:0 25px 0 16px;
border-top:solid 1px #999;
position:relative;
}
#footer a{
color:#21409A;
}
#for-sale{
width:130px;
height:196px;
position:absolute;
background:url(i/sale.jpg) no-repeat;
top:-186px;
left:-15px;
}
#copy{
position:absolute;
top:25px;
left:10px;
}
#design{
position:absolute;
top:25px;
left:555px;
}
#design .dev{
color:#000;
text-decoration:none;
}
/*---------
CONTENT
-----------*/
#wrapper{
float:left;
width:100%;
}
#content{
margin:96px 0 0 160px;
padding:0 0 0 47px;
width:660px;
padding-bottom:50px;
}
#content.first{
margin:66px 0 0 160px;
}
#content a{
color:#21409A;
}
#content ul{
list-style:none;
}
#content li{
background:url(i/listpoint.gif) no-repeat 0 9px;
padding:0 0 0 23px;
margin-bottom:1.5px;
}
#m-fone1{
width:671px;
height:479px;
background:url(i/keys.jpg) no-repeat;
}
#m-fone2{
width:626px;
min-height:132px;
background:url(i/m-bg.jpg) no-repeat;
padding:20px 0 0 20px;
}
#content ul.services{
font:210% Times;
color:#000;
list-style:none;
padding:28px 0 0 20px;
letter-spacing:-1px
}
#content ul.services li{
margin-bottom:2px;
background:none;
padding:0;
}
#content ul.services .dot{
background:url(i/dot.gif) no-repeat 0 15px;
padding-left:15px;
}
#content ul.deviz{
font:bold 300% Arial, sans-serif;
color:#72AA30;
list-style:none;
padding:50px 0 0 18px;
}
#content ul.deviz li{
margin-bottom:3px;
background:none;
}
#content ul.deviz li img{
margin-right:5px;
}
/*---------
BREADCRUMB
-----------*/
#breadcrumb{
position:absolute;
top:133px;
left:208px;
width:390px;
font-size:95%;
color:#693;
}
#breadcrumb strong{
color:#000;
}
/*---------
NEWS
-----------*/
#content .news{
text-align:justify;
overflow:hidden;
margin:10px 0 20px 0;
}
#content .news .name{
margin-bottom:5px;
font:normal 100% Arial, sans-serif;
}
#content .news .name a{
font-weight:bold;
}
#content .news img{
float:left;
margin:0 10px 0 0;
}
/*---------
PICS RIGHT
-----------*/
#content .pic_list{
float:right;
padding:4px;
margin:0 0 20px 10px;
list-style:none;
}
#content .pic_list li{
margin:0 0 5px 0;
background:none;
}
#content .pic_list .imgdescr{
text-align:center;
display:block;
margin-bottom:10px;
}
#content .pic_simple{
float:left;
margin:5px 20px 10px 0;
padding:0;
}
#content ul.sublist{margin:0 30px 15px 0; float:left;}
#content ul.sublist li{width:300px; height:28px; margin:0 0 2px 0; padding:0; list-style:none; background:none}
#content ul.sublist li a{display:block; width:300px; height:21px; padding:5px 0 2px 12px; background:url(i/submenu.gif) no-repeat; color:black; text-decoration:none;}
#content ul.sublist li a:hover{display:block; width:300px; height:21px; padding:5px 0 2px 12px; background:url(i/submenu_.gif) no-repeat; color:white; text-decoration:none;}
*html #content ul.sublist li a, #content ul.sublist li a:hover{height:28px}
.bakk{margin-top:20px}
#abracom{position:absolute; left:540px; top:66px; border:none}
#objectsleft {margin:15px 0 0 0; width:180px; background-color:#ECF3E3; padding:20px 0 20px 20px}
*html #objectsleft{width:190px}
#objectsleft h2{font:bold 210% Arial, sans-serif;
color:#72AA30;
margin:0 0 20px 0;
z-index:10;
position:relative;}
#objectsleft ul li{width:150px; list-style-type:none; font:12 px arial; line-height:1.6; padding-right:20px}
*html #objectsleft ul li{width:164px; padding-right:0px}
#objectsleft ul li a{color:#000;}
#objectsleft ul li.here{background: url(i/listhere.gif) no-repeat 100% 7px}