html, body, form, table, td, th, h1, h2, h3, p, ul, ol, li {padding: 0; margin: 0;}

body {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

table {border: none; border-collapse: collapse;}
img {vertical-align: top;} /* IE */
a {text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: none;}
hr {display: none;}

/* layout */
#container {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

#header {height: 250px;}

#wrapper {float: left;}

#content {
	margin-right: 260px;
	width: 720px;
}

#extra {
	float: left;
	width: 260px;
	margin-left: -260px;
}

#footer {clear: both;}

/* colors */
html {background-color: #485666;}
body {
	background: #eceeef url(../img/back.gif) left top repeat-x; 
	border-top: 7px solid #485666;
	color: #333;
}
#container {background: white url(../img/content_shadow.gif) left top repeat-y;}
#content {background: url(../img/shadow_left_top.png) left top no-repeat;}
a {color: #0089db;}

/* CONTENT */

/* главное меню */
#main_menu {
	margin-left: 20px;
	border-top: 4px solid black;
	padding: 0 1px;

    /*background-color:#CCCCCC;*/
}

#main_menu a {
	position: relative;
	display: block;
	float: left;
	width: 232px;
	height: 110px;
	background-position: left top;
	background-repeat: no-repeat;
	color: black;
	font-size: 12px;
	line-height: 15px;
}
#main_menu a:hover {color: #0089db;}

#main_menu a strong {
	position: absolute;
	left: 90px;
	top: 40px;
	cursor: pointer; /* IE */
}

a#storage {background-image: url(../img/m_storage.jpg);}
a#industrial {background-image: url(../img/m_industrial.jpg);}
a#land {background-image: url(../img/m_land.jpg);}
a#retail {background-image: url(../img/m_retail.jpg);}
a#office {background-image: url(../img/m_office.jpg);}
a#building {background-image: url(../img/m_building.jpg);}
a#residential {background-image: url(../img/m_residential.jpg);}

a#storage, a#retail {border-right: 1px solid #e3e3e3;}
a#land, a#residential {border-left: 1px solid #e3e3e3;}
a#storage, a#industrial, a#land {border-bottom: 1px solid #e3e3e3;}
a#retail, a#building, a#residential {border-bottom: 1px solid #e3e3e3;}

/* блок с рекламой */
#ads {
	clear: both;
	margin: 0 1px 0 21px;
	padding-top: 54px;
	background: url(../img/special_back.gif) left top repeat-x;
	width: 698px;
	overflow: auto;
	min-height: 50px;
}

/* текстовый блок */
#text {
	padding: 20px 50px 0 90px;
}
	#text h1 {font-size: 18px; margin-bottom: 15px;}
	#text p {font-size: 12px; margin-bottom: 6px;}
	#text p.size {padding-left: 20px; font-size: 11px; color: #999; margin: -4px 0 12px;}
	
a.doc {padding-left: 20px; background: url(/img/txt_icon.png) left center no-repeat;}

/* СПЕЦПРЕДЛОЖЕНИЕ */

table#special_info {width: 698px;}
	table#special_info td {vertical-align: top;}
	td.special_content {width: 550px; overflow: hidden;}

	div#special ul {list-style-type: none;}
	div#special li {float: left; width: 230px; padding-left: 320px; padding-bottom: 30px;} 

	div.special_img {
		float: left; 
		width: 304px; 
		margin-left: -320px;
		overflow: hidden;
	}
		div.special_img img {border: 12px solid #eceeef;}
		div.special_img p {text-align: center; color: #CCC; margin-top: 95px;}
		
	div#special h1 {
		font-size: 16px;
		margin-bottom: 8px;
		line-height: 18px;
	}
	div#special h2 {font-size: 14px;}
	div#special h3 {font-size: 13px;}
	div#special p {
		font-size: 11px;
		margin-bottom: 5px;
	}
		div#special p.summary {
			margin: 0 -5px 10px -5px;
			padding: 0 5px 10px 5px;
			border-bottom: 1px solid #eceeef;
		}
		
.special_details {margin-top: 10px; border-top: 1px solid #eceeef;}
	.special_details td {font-size: 11px; vertical-align: top; padding: 5px 5px 0 0;}

.special_price {color: #990000;}

/* навигация в спецпредложении */
td.arrows {padding: 85px 18px 0; width: 38px;}

#spec_arr_left,
#spec_arr_right {
	display: block;
	width: 38px;
	height: 38px;
	background-repeat: no-repeat;
}
#spec_arr_left {background-image: url(../img/round_arr_left.png);}
#spec_arr_right {background-image: url(../img/round_arr_right.png);}
	a#spec_arr_left:link,
	a#spec_arr_right:link {background-position: left top;}
	a#spec_arr_left:hover,
	a#spec_arr_right:hover {background-position: center top;}
	span#spec_arr_left,
	span#spec_arr_right {background-position: right top;}

/* HEADER */
#header {
	position: relative;
	background: white url(../img/header.jpg) center bottom no-repeat;
}
#logo {
	position: absolute;
	left: 84px;
	top: 49px;
}
#info {
	position: absolute;
	left: 708px;
    padding-left: 32px;
	top: 50px;
}
	#info p {font-size: 12px;}
	#info .phone {font-size: 22px; margin: 0 0 9px -32px; padding-left: 32px;}
	#info .code {font-size: 16px; color: #a3b7c9; margin: -3px 0 0 -32px;}
	#info p.link {font-size: 11px; margin-top: .4em;}
    
    .extra_info {margin: 0 0 15px 15px; padding: 10px 15px; font-size: 11px; background: url('/img/white_50_transp.png') repeat;}
	
	a.button,
	a.button span {float: left; display: block; font-size: 11px; text-align: center;}
	
	a.button {
		height: 20px;
		margin-right: 6px;
		padding-right: 11px;
		background: url(../img/blue_button_right.png) right top no-repeat;
		color: white;
	}
	a.button:hover {background-position: right bottom; color: white; text-decoration: none;}
		a.button span {
			height: 17px;
			line-height: 11px;
			padding: 3px 0 0 11px;
			background: url(../img/blue_button_back.png) left top no-repeat;
			cursor: pointer;
		}
		a.button:hover span {background-position: left bottom;}
		
	#info a.button {margin-top: 5px; clear: both;}

/* EXTRA */

#extra {
	background: url(../img/extra_back.jpg) left top no-repeat;
	padding-top: 20px;
}

#currency {
	background-color: #556576;
	margin: 0 0 20px 15px;
	padding: 10px 15px;
	font-size: 11px;
	color: #dee3e8;
}
	#currency p.date {
		font-size: 12px;
		margin-bottom: 8px;
	}
	#currency p.value {
		float: right;
		padding: 5px 0;
	}
	#currency p.money {
		margin: 1px -15px;
		padding: 5px 15px;
		background-color: #637485;
		color: #d2d7dc;
	}
	#currency a {
		display: block;
		margin-top: 8px;
		font-size: 10px;
		text-decoration: underline;
		color: #d2d7dc;
	}

ul#extra_menu {margin: 0 0 15px 13px; line-height: 17px;}
	ul#extra_menu li {
		list-style-type: none; 
		margin-top: 0px; 
		padding: 4px 0 4px 10px;
		font-size: 13px; 
		font-weight: bold; 
		background: url(../img/li_back.gif) left top no-repeat;
		min-height: 27px;
	}
		ul#extra_menu li a {color: #1e5a7e;}
		ul#extra_menu li a:hover,
		ul#extra_menu li li a {color: #0089db;}
		
	ul#extra_menu ul {margin: 7px 0 5px 10px;}
	ul#extra_menu li li {
		margin: 0; 
		padding: 0 0 0 9px;
		font-size: 11px; 
		background: url(../img/bullet.gif) left 7px no-repeat; 
		min-height: 0;
	}
	
#search_form {
	margin: 0 0 15px 15px; 
	padding: 10px 15px;
	background-color: #f6f7f8; 
	border: 1px solid #fafbfb;
	font-size: 12px;
}
	#search_form h3 {font-size: 16px; color: #485666; margin-bottom: 10px;}
	#search_form p {margin-top: 3px; color: #485666;}
	#search_form select {font-size: 12px;}
		#search_form select#type {width: 195px; border: 1px solid #67798d;}
	#search_form #submit {margin-top: 10px;}

/* FOOTER */
#footer {
	background: #485666 url(../img/footer_back.gif) left top repeat-x;
	padding: 20px 0;
}
	#footer p {color: #d2d7dc; text-align: center; font-size: 11px;}
	
/* ФОРМА ЗАЯВКИ */
#mail {
	position: absolute;
    background: url(../img/mail_form_shadow.png) right bottom no-repeat;
	top: 121px;
	left: 50%;
	width: 400px;
    padding: 0 13px 13px 0;
	margin-left: -200px;
	z-index: 100;
    display: none;
}
	#mail a.close {
		position: absolute;
        width: 18px;
        height: 18px;
        top: 13px;
        right: 25px;
        background: url(../img/mail_close.gif) left top no-repeat;
	}
    	#mail a.close:hover {background-position: right top;}

    #mail form,
    #mail_response {
    	padding: 20px 30px; 
        background: white url(../img/main_menu_back.gif) left top repeat-x;
        border: 1px solid #a5acb2;
    }
    
    #mail_response {
		padding: 35px 30px;
        display: none;
    }
    	#mail_response p {
        	font-size: 12px;
            text-align: center;
        }
    
		#mail .wide {width: 100%; margin-bottom: 5px; border: 1px solid #a5acb2; padding: 2px 1px;}
	
	#mail h1 {font-size: 16px; /*color: white;*/ margin: 0 0 15px;}
	#mail label {font-size: 12px; /*color: white;*/}
    #mail label.alert {color: #900;}
    #mail input.alert, #mail textarea.alert {border-color: #900; background-color: #FCC;}