/*
 * Project:	Tristar Reality, ASCON Group
 * Author:	Tomas -kozleek- Musiol (tomas.musiol@gmail.com)
 * Date:	27.6.2008 21:57:48
 * 
 */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

html, body{ height: 100%; }

body{
	margin: 0; padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: white url('../img/layout/body.png') repeat-x;
}

.hide{ display: none; }

.cleaner{
	clear: both;
	visibility: hidden;
	height: 1px;
	margin: -1px 0 0 0; padding: 0px;
	border: none;
}

a:hover{
	text-align: none;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#envelope{
	margin: 0 auto; margin-top: 20px;
	width: 1002px;
	text-align: left;
}

#header-logo{
	width: 100%; height: 81px; 
	position: relative;
	background: white url('../img/layout/header-logo.png') no-repeat top left;
}

#logo a{
	width: 250px; height: 81px;
	display: block;
	position: absolute; right: 55px;
}

#page-header{
	padding-left: 25px;
	background: white;
}

#page-body{
	width: 100%; /* peek-a-boo */
	background: transparent url('../img/layout/main-env2.png') repeat-y left;
}

#header-env{
	width: 100%; height: 267px;
	font-size: 0px; /* ie6 bug */
	background: #494840 url('../img/layout/header-env.png') repeat-y top right;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#navigation-env{
	width: 258px; height: 267px;
	float: left;
	background: #A61612 url('../img/layout/navigation.png') no-repeat;
}

#navigation{
	margin: 0px 25px 0 60px;
}

#navigation ul{
	margin: 0; padding: 0;
	list-style: none;
	border-top: 1px solid #DB0402;
}

#navigation ul li{
	height: 30px;
	font-size: 12px !important;
	line-height: 30px;
	border-bottom: 1px solid #DB0402;
}

#navigation ul li a{
	width: 100%; height: 100%;
	display: block;
	text-decoration: none;
	color: #D8D4BA;
}

#navigation ul li a:hover{
	color: white;
}

#navigation ul li a.active{
	color: white;
	font-weight: bold;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#banner-env{
	width: 407px; height: 267px;
	_margin-right: -3px;
	float: left;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#search-env{
	width: 285px; height: 267px;
	margin-left: 665px;
	_margin-left: 662px;
	background: #494840;
}

#search{
	width: 285px; height: 261px;
	position: relative;
}

#search-position{
	position: absolute; bottom: 15px; left: 30px;	
}

#search-design-line{
	width: 285px; height: 6px;
	background: black;
}

#search form{
	margin: 0; padding: 0;
}

#search h3{
	font-size: 13px;
	color: white;
}

#search p{
	margin: 0; padding: 0;
	margin-bottom: 8px;
	font-size: 12px;
	color: white;
}

#search p span{
	width: 100px;
	display: block;
	float: left;
}

#search select{
	width: 120px;
}

#search input.button{
	margin-left: 100px;
	_margin-left: 103px;
	width: 120px; height: 20px;
	line-height: 20px;
	font-weight: bold;
	background: #696756;
	border: 0px;
	color: #E3E1D4;
	
	cursor: pointer;
	_cursor: hand;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#main-env{
	margin-left: 25px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#action-offers-env{
	_margin-right: -3px;
	width: 284px; min-height: 111px; _height: 111px;
	float: left;
	background: url('../img/layout/offers.png') no-repeat;
}

#action-offers{
	margin: 135px 0 0 26px;
}

#action-offers h2 {
	margin: 0; padding: 0;
	margin-left: 28px;
	font-size: 12px;
	color: #494840;
}
#action-offers h2 a {
	color: #494840;
	font-size: 12px;
	text-decoration: none;
}

#action-offers h2 a:hover {
	text-decoration: underline;
}

.offer{
	margin: 0 28px 12px 28px; padding: 10px 0;
	width: 202px;
	
}

.offer h3{
	margin: 0;
	width: 202px;
	font-size: 12px;
	background: #494840;
}

.offer h3 a{
	margin-left: 10px; padding: 3px 0px;
	width: 192px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: white;
}

.offer p{
	margin: 0; padding: 5px 0;
	text-align: justify;
	font-size: 11px;
}

.offer-image{
	padding: 0px;
	width: 200px;
	border: 1px solid #494840;
	background: white;
}

p.muchmore{
	padding: 0;
	width: 202px;
	position: relative;
	text-align: right !important;
}

p.muchmore a{
	width: 45px; height: 15px;
	display: block;
	position: absolute; right: 0px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: white;
	background: #9d1c16 url('../img/layout/muchmore.png') repeat-y;	
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#content-env{
	margin-left: 285px;
	width: 665px;
	background: white;
}

#content{
	padding: 35px;
}

#content a{
	color: #33648A;
}

#content p{
	margin: 0; padding: 0;
	margin-bottom: 6px;
	text-align: justify;
	font-size: 12px;
	line-height: 1.4em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#footer-env{
	width: 100%; height: 73px;
	position: relative;
	background: white url('../img/layout/footer.png') no-repeat top right;
}

#footer{
	position: absolute; bottom: 20px; right: 60px;
}

#footer p{
	margin: 0; padding: 0;
	text-align: right;
	font-size: 11px;
	color: #e1e0dd;
}

#footer p img.powered {
	vertical-align: middle;
	width: 140px; height: 20px;
	border: 0px;
}
/***** PLUGINS *****/

/* plugin Realty */
table.filter {
	width: 100%;
	border-top: 1px solid #C9C8C0;
	border-bottom: 1px solid #C9C8C0;
	background-color: #F7F7F4;
}
div.filter_item {
	line-height: 150%;
	margin: 0px 3px 3px 0px;
	float: left;
}

table.realty_items_list {
	width: 98%;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
}
table.realty_items_list tr td.ril {
	border-bottom: 1px solid #CC271E;
}
table.realty_items_list tr.header td.ril {
	border-bottom: 2px solid #CC271E;
	font-weight: bold;
}
.ril_title {
	font-weight: bold;
}

a.ril_detail, a.ril_detail:visited, a.ril_detail:hover {
	color: #33648A;
	text-decoration: none;
	font-weight: bold;
}
a.ril_detail:hover {
	text-decoration: underline;
}

input.form_realty, textarea.form_realty {
	width: 330px;
	border: 1px solid #BEBEBE;
}

select.form_realty {
	border: 1px solid #BEBEBE;
}

input.form_realty_checkbox {
	vertical-align: middle;
}

select.form_realty_border, input.form_realty_border {
	border: 1px solid #BEBEBE;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
}

button.filter_submit {
	border: 1px solid #C9C8C0;
	background-color: #FFFFFF;
	padding: 2px 3px;
	background-image: url('../img/button/bcg.gif');
	background-repeat: repeat-x;
	background-position: top left;
}