﻿
html
{
		height: 100%;
		width: 100%;
		padding: 0;
		margin: 0;
		min-height: 100%;
}

body
{
		min-height: 100%;
		width: 100%;
		margin: 0;
		background: url(../images/bodyBg_new.jpg) left top;
}


*html body
{
		height: 100%;
}


body {font-size:16px}
a {outline:none; cursor: pointer;}
h2 {font-size: 1.1em;}



#shadow
{
		min-height: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
		background: url(../images/containerBg.png) center top repeat-y;
}



#container
{
		min-height:100%;
		width: 974px;
		margin: auto;
		margin-top: 0;
		margin-bottom: 0;
		background: url(../images/headBg.jpg) left top repeat-x;
		position: relative;
}



#content {color: #636869; padding: 10px 20px 10px 300px;}
#content p {font-family: sans-serif; font-size: 0.8em;line-height:1.4em;}
#content h1 {font-size: 1.5em;}
#content span.priceDetail {float: right; margin-top: -20px; font-size: 1.2em; color: #000; font-weight: bold;}
#content table {border: none; margin-top: 20px; width: 99%;}
#content table table {margin-top: 0;}
#content table td {padding-top: 0;}
#content table .rightColDetail {padding: 0 0 0 10px;}
#content table table .beds {color: #000; font-family: sans-serif; font-size: 0.8em; padding-right: 20px;}
#content table table .ref {color: #000; font-family: sans-serif; font-size: 0.8em; padding-right: 0;}
#content ul.characteristics {color: #6a6a6a; padding: 10px 0 0 17px; font-family: sans-serif; font-size: 0.8em; list-style-type: disc;}
#content a.emailLink {text-decoration: none; color: #199ac4; font-size: 0.8em; font-family: sans-serif; display: block; height: 18px;
background: url(../images/mail.jpg) left center no-repeat; padding: 0 0 0 20px;}
#content a.printLink {text-decoration: none; color: #199ac4; font-size: 0.8em; font-family: sans-serif; display: block; height: 18px;
background: url(../images/printer.jpg) left center no-repeat; padding: 0 0 0 20px; margin-top: 5px;}
#content table td.smallImgs {text-align: center;}
#content table td.smallImgs a img {border: none;}
#content table td.smallImgs a img.active {border-right: 1px solid #636869; border-bottom: 1px solid #636869;}
#content table td.smallImgs a:hover img {border-right: 1px solid #636869; border-bottom: 1px solid #636869; margin-right: -1px; margin-bottom: -1px;}
#content table td.smallImgs a:hover img.active {border-right: 1px solid #636869; border-bottom: 1px solid #636869; margin: 0;}
* html #content table td.smallImgs {text-align: left;}
* html #content table td.smallImgs img {margin-right: 1px;}


#content .leftForm {float: left; width: 350px;}
#content .rightText {float: left; padding: 0 0 0 30px;}
#content .leftForm table {border: none; font-family: sans-serif; font-size: 0.8em;}
#content .leftForm  table td {padding-right: 20px; padding-top: 5px;}
#content .sendButton {border: none; width: 81px; height: 33px; background: url(../images/send.jpg) left top no-repeat; cursor: pointer;}


a.linkUT {float: right; color: #199ac4; font-size: 1em; text-decoration: none; font-family: sans-serif; margin: 0 20px;}
table.galleryTable {border: none; font-size: 1.1em;}
table.galleryTable td {padding: 5px 7px 0 1px;}
table.galleryTable td img {margin: 0;}
table.galleryTable td.left {text-align: left;}
table.galleryTable td.right {text-align: right; color: #000; font-weight: bold; font-size: 0.8em; padding: 0 7px;}
table.galleryTable td.viewDetails {text-align: right; padding-top: 0;}
table.galleryTable td.viewDetails a {color: #199ac4; text-decoration: none; font-family: sans-serif; font-size: 0.7em; margin-top: 0;}


/* PROPERTY PAGE */
#content div.propertyBlock-lighted {width: 646px; height: 153px;
 background: url(../images/blockBg.jpg) left top no-repeat;}
#content div.propertyBlock-lighted, #content div.propertyBlock {padding: 15px 10px;}
#content div.propertyBlock {padding: 15px 10px; margin: 10px 0; border-bottom: 1px solid #a8a8a8; height: 153px;}
#content div.propertyBlock-lighted img, #content div.propertyBlock img {float: left; margin-right: 20px;}
#content span.priceDetail {float: right; margin-top: -20px; font-size: 1.2em; color: #000;
 font-weight: bold;}
#content a.emailLink {text-decoration: none; color: #199ac4; font-size: 0.8em;
 font-family: sans-serif; display: block; height: 18px;
background: url(../images/mail.jpg) left center no-repeat; padding: 0 0 0 20px;}
#content a.printLink {text-decoration: none; color: #199ac4; font-size: 0.8em;
 font-family: sans-serif; display: block; height: 18px;
background: url(../images/printer.jpg) left center no-repeat; padding: 0 0 0 20px; margin-top: 5px;}
#content .priceProperty {float: right; color: #000; font-size: 1.2em; font-weight: bold;}
* html #content .priceProperty {margin-bottom: -15px;}
#content .h1Property {float: left; font-size: 1.2em;}
#content .bedsProp {float: left; color: #000; font-family: sans-serif; font-size: 0.8em;
 margin-right: 20px; margin-top: 5px; margin-bottom: 2px;}
#content .refProp {float: right; color: #000; font-family: sans-serif; font-size: 0.8em;
 margin-right: 20px; margin-top: 5px; margin-bottom: 2px;}
* html #content .refProp {margin-bottom: -15px;}
#content a.mailUs {text-decoration: none; color: #199ac4; font-family: sans-serif;
 font-size: 0.75em; background: url(../images/mail.gif) left center no-repeat; padding-left: 20px;
  margin-right: 30px; margin-top: 5px;}
 #content a.print {text-decoration: none; color: #199ac4; font-family: sans-serif;
 font-size: 0.75em; background: url(../images/print.gif) left center no-repeat; padding-left: 20px;
  margin-right: 20px;}
 #content a.viewDetails {text-decoration: none; color: #199ac4; font-family: sans-serif;
 font-size: 0.75em; padding-left: 20px;}
  #content a:hover {text-decoration: underline;}  



#border
{
	width: 615px;
	height: 261px;
	background: url(../images/border.jpg) center center no-repeat;
	margin: auto;
	padding-top: 50px;
	text-align: center;
}



#copyrights
{
		width: 500px;
		margin: auto;
		margin-top: 10px;
		color: #a79267;
		font-family: sans-serif;
		font-size: 0.8em;
		text-align: center;
		font-weight: bold;
}

#footer
{
		height: 74px;
		padding: 280px 0 0 0;
		width: 974px;
		background: url(../images/footerBg.jpg) left bottom no-repeat;
		position: relative;
}

#bottomMenu
{
		display: block;
		width: 400px;
		height: 20px;
		margin: auto;
		list-style-type: none;
		color: #279ec2;
				text-align:center;
}

#bottomMenu li
{
		display: block;
		float: left;
}

#bottomMenu li a
{
		text-decoration: none;
		color: #279ec2;
		font-family: sans-serif;
		font-size: 0.9em;
		font-weight: bold;
		margin: 0 10px;
}

#bottomMenu li a:hover {text-decoration: underline;}

#leftSidebar
{
		position: relative;
		float: left;
		width: 270px;
}

#searchBlock
{
		width: 220px;
		height: 420px;
		margin: 30px 0 0 5px;
		padding: 30px 20px 0 20px;
		background: url(../images/searchBg.jpg) left top no-repeat;
		text-align: left;
}

#searchBlock h3
{
		font-size: 1em;
		font-weight: bold;
		margin-bottom: -5px;
		margin: 0; padding: 0;
}

#searchBlock table.propertiesTable
{
		margin: 5px 0 0 0;
}

#searchBlock table.newsletterTable
{
		width: 220px;
}

#searchBlock table.propertiesTable td, #searchBlock table.newsletterTable td
{
		text-align: left;
		font-family: sans-serif;
		font-size: 0.8em;
		color: #6A6A6C;
		font-weight: bold;
		padding: 5px 0;
}

#searchBlock table.propertiesTable td.firstCol
{
		width: 100px;
}

#searchBlock table.propertiesTable td .propTypeSelect
{
		width: 110px;
}

#searchBlock table.propertiesTable td input.findProperty
{
		display: block;
		width: 113px;
		height: 33px;
		border: none;
		background: url(../images/findProperty.jpg) left top no-repeat;
		cursor: pointer;
}

#searchBlock table.newsletterTable td input.signUpSubmit
{
		display: block;
		width: 113px;
		height: 33px;
		border: none;
		background: url(../images/signUp.jpg) left top no-repeat;
		float: right;
		cursor: pointer;
}

#searchBlock table.propertiesTable td option
{
		padding: 0 7px 0 0;
}

#searchBlock table.newsletterTable td.firstCol
{
	width: 50px;
}


#nav 
{
    position: absolute;
    	right: 0;
		bottom: 40px;
    height: 31px;
	padding: 0 75px;
	background-image: url("../images/menubar.gif");
	background-repeat:no-repeat;
	background-position:center;
	line-height:31px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav ul li {
	display: block;
	position: relative;
	float: left;
	margin-right:11px;
}
#nav li ul {display: none; }
#nav ul li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 0  6px 0 6px;
	margin-left: 1px;
	white-space: nowrap;
}
#nav ul li a:hover { background-color: #ffffff; color:#333333}
#nav li:hover ul {display: block; position: absolute;}
#nav li:hover li {float: none; font-size: 13px;}
#nav li:hover a {background-color: #39A8E0;}
#nav li:hover li a:hover {background-color: #ffffff; color:#333333 }



#header
{
		height: 150px;
		width: 680px;
		position: relative;
		float: left;
}

a#logo
{
		display: block;
		width: 247px;
		height: 258px;
		background: url(../images/logo.jpg) left top no-repeat;
		text-decoration: none;
}

#phone
{
		width: 298px;
		height: 41px;
		position: absolute;
		top: 13px;
		right: 2%;
		background: url(../images/phone.jpg) left top no-repeat;
}

/* CLASSES */

.clear
{
		clear: both;
		height: 0;
}

.clearRight
{
		clear: right;
		height: 0;
		}
		

.photo
{
border:6px solid #fff; 
margin:8px;
}
