/* clear paddings and margins, set font family */
body, h1, ul, li, p, div, dd, ll, dt {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
/* main tags */
body {
	background-color: #b7b7b7;
	background-image: url(/images/template/bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	font-size: 70%;
}
a:link, a:visited, a:hover, a:active {
	color: #006600;
}
h1 {
	color: #006600;
	clear: both;
	font-size: 1.45em;
	padding: 0 0 8px 50px;
	text-shadow: 0px 1px 0px white;
}

h2 {
	color: #006600;
    clear: both;
    font-size: 1.3em;
    padding: 0;
	text-shadow: 0px 1px 0px white;
}
h3 {
	color: #555;
	font-size: 1.1em;
	text-shadow: 0px 1px 0px #eee;
}
#menu li, #submenu li {
	color: #006600;
	font-family: "Arial Narrow", Arial, sans-serif;
    letter-spacing: 70%;
	text-transform: uppercase;
}
.right p {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.25em;
	padding: 5px 0 10px 0;
	text-indent: 2em;
}
br.fltclr {
	clear: both;
}
/* structure
========================== */
#container {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}
#header {
	background-color: #eee;
	background-image: url(/images/template/header.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 220px;
}
#header .logo {
	left: 22px;
	position: relative;
	top: 97px;
}
#header .navstr {
	background-image: url(/images/template/home.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color: #666;
	font-size: 0.8em;
	height: 16px;
	left: 22px;
	padding: 3px 0 0 25px;
	position: relative;
	top: -43px;
}
.navstr a:link, .navstr a:active, .navstr a:visited, .navstr a:hover {
	color: #009900;
}
/* lines of content: top: grey, bottom: white;*/
div.content-line {
	background-repeat: repeat-y;
	border-bottom: 1px solid #d1d1d1;
}
#content-top {
	background-image: url(/images/template/grey.gif);
}
#content-bottom {
	background-image: url(/images/template/white.gif);
}

#content-bottom p {
    color: #525252 !important;
}

.left {
	clear: left;
	float: left;
	width: 174px;
}
.right {
	clear: right;
	float: right;
	padding: 20px 30px 20px 30px;
	width: 564px;
}
#content-top .right {
	background-color:#eaeaea;
}
#content-bottom .left {
	background-color:#eee;
}
/* fixed blocks */
#content-bottom .top {
	background-image: url(/images/template/grad.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 30px;
	position: relative;
	top: 0px;
	width: 175px;
}
#content-bottom .bottom {
	background-image: url(/images/template/phone.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	bottom: 0px;
	height: 40px;
	left: 10px;
	position: relative;
	width: 760px;
}

#content-bottom .right li{
	list-style: disc;
	margin-left: 20px;
}

#footer{
	background-color: #53656d;
	clear: both;
	width: 800px;
}

.copywrites{
	color: #eee;
	float: left;
	font-size: 0.77em;
	padding: 25px;
	width: 300px;
}

.copywrites a{
	text-decoration: none;
}
.search{
	float: right;
	padding: 25px;
	text-align: right;
	width: 230px;
}
#footer a, #footer a:link, #footer a:visited, #footer a:hover {
	color: #fff;
}

/* Main menu
===============================================*/
ul#menu {
    font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 25px 20px 0 23px;
}
ul#menu li {
	background-image: url(/images/template/menubullet.gif);
	background-position: left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #e9e9e9;
	font-size: 1.20em;
	padding: 7px 0 8px 20px;
}

ul#menu a:hover{
    color: #cc6600;
}
ul#menu li.active {
	background-image: url(/images/template/menubulletactive.gif);
}
ul#menu li.active, ul#menu li.active a, ul#menu li.active a:link, ul#menu li.active a:active, ul#menu li.active a:hover, ul#menu li.active a:visited {
	color: #cc6600;
}


/* Submenu with items
===============================================*/
ul#submenu {
    font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 40px 20px 0 15px;
}
ul#submenu a:hover{
    color: #cc6600;
}

ul#submenu li{
    background-position: left;
    background-repeat: no-repeat;
    font-size: 1.09em;
    margin: 0;
    padding: 3px 0 4px 20px;
}

ul#submenu li.category{
    background-image: url(/images/template/submenubullet.gif);
}

ul#submenu li.active {
	background-image: url(/images/template/submenubulletactive.gif);
    color: #cc6600;
}


/* our works */
.ourworks{
	color: #ff8022;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 1em;
	padding: 0 0 25px 35px;
    position: relative;
    top: 40px;
	text-transform: uppercase;
}
.ourworks a:link, .ourworks a, .ourworks a:hover, .ourworks a:visited{
    color: #ff8022;
}




/* list of houses
======================= */
div.list {
	clear:both;
	display:block;
	overflow: visible;
	padding: 10px 0 20px 10px;
	width: 580px;
}

div.house {
	display: inline;
	float: left;
	height: 130px;
	padding-bottom: 10px;
	width: 145px;
}
div.house img {
	border: 1px solid #aeaeae;
}
div.house img.selectedphoto{
    border: 3px solid #006600;
    top: -3px;
    left: -3px;
    position: relative;
}
div.house .brief {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
/* shop attributes
========================= */
.currency {
	color: #525252;
	font-size: 0.82em;
	height: 25px;
	text-align: right;
}
.counter {
	float: left;
	margin-left: 205px;
	text-align: left;
	width: 200px;
}
* html .counter {
	margin-left: 105px;
}
.pages {
	float: right;
	overflow: hidden;
	text-align: right;
	width: 300px;
}
.price {
	color: #cc6600;
    font-weight: bold;
}

/* news
==================== */
.news{
	padding: 30px 0 10px 22px;
}
.read-news{
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 1em;
/*	text-transform: uppercase; */
}
.entry-date{
	padding: 5px 0 3px 0;
	font-size: 1em;
	font-weight: bold;
}
.entry-text{
	padding: 0 0 10px 0;
	font-size: 0.95em;
}


.read-more{
	font-size: 0.9em;
}

/* item page
====================== */
.desc-bottom{
    padding: 2em 0 0 0;
}
.desc-top{
    float: right;
    width: 300px;
}
.image{
    float: left;
    width: 250px;
}

.image img{
    border: 1px solid #b2b1b1;
}
.item-desc{
    overflow: visible;
    padding: 20px 0 0 0;
    width: 560px;
}

/* tables in desc*/
td.underline,
th.underline{
    border-bottom: 1px solid #666;
    margin: 0;
    padding: 10px 10px 3px 10px;
    text-align: left;
}
th.underline{
    font-size: 1.05em;
}

.title{
    font-size: 1.1em;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 70%;
    text-transform: uppercase;
}


/* table with params of item */
table.params{
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    padding-bottom: 20px;
}
table.params td,
table.params th
{
    border-bottom: 1px solid #666;
    margin: 0;
    padding: 10px 10px 3px 10px;
    text-align: left;
}
table.params th{
    font-size: 1.05em;
}

/* additional params */
ll.extra{
    clear: both;
    width: 480px;
}

ll.extra dt{
    float: left;
    padding: 0 1em 0.7em 0;
    text-decoration: underline;
    width: 130px;
}

ll.extra dd{
    float: left;
    padding: 0 0 0.7em 0;
    width: 350px;
}

/* schema */
img.schema{
    border: 1px solid #525252;
    margin-bottom: 20px;
}


/* banner */
#banner{
	position: relative;
	top: -30px;
	left: 40px;

	// top: -54px;
	// left: 0px;
}

.sape-links {
	padding: 10px 25px 5px 25px;
	border-top: 1px dashed #DDD;
}
.sape-links  a{
	color: #000 !important;
}

