/* ===================================================================== */
/* =======================       CSS RESET       ======================= */
/* ===================================================================== */
* { padding: 0; margin: 0; }
img { border: none; }
a { text-decoration: none; color: #444444; }
a:hover { text-decoration: underline; color: #E07225; }
.clearall { clear: both; }
.alignLeft { float: left; }
.alignRight { float: right; }
.alignCenter { text-align: center; }
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */

body {
	background-color: #222222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333;
}

#wrapper {
	width: 760px;
	background-color: #FFFFFF;
	margin: 5px auto 0 auto;
}

#footer {
	width: 760px;
	margin: 10px auto 0 auto;
	padding: 0 0 10px 0;
	text-align: center;
	letter-spacing: 1px;
	color: #999999;
}

#header { width: 100%; height: 115px; background: url('../images/header2.jpg') no-repeat; }

.menu { width: 100%; height: 30px; line-height: 30px; background: #E07225; position:relative; margin: 0 0 0 0; z-index:100; }
.menu ul { padding:0; margin:0; list-style-type: none; }
.menu ul li { float:left; }
.menu ul li .submenu_l1 { margin-left: 70px; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; padding:0 10px 0 10px; height:30px; color:#ffffff; font-size: 1.3em; }
.menu table { border-collapse:collapse; margin:0; padding:0; font-size:1em;}
.menu ul li ul {visibility:hidden; position:absolute; top:30px; left:0; }
.menu ul li:hover a, .menu ul li a:hover { color: #000000; }
.menu ul li:hover ul, .menu ul li a:hover ul { visibility:visible; width:760px; height: 25px; line-height: 25px; background:#E3813B; color:#ffffff; font-size: 0.9em; }
.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul { visibility:hidden; position:absolute; left:0; top:25px; font-size: 1.0em; }
.menu ul li:hover ul li .submenu_forsale { margin-left: 120px; }
.menu ul li:hover ul li .submenu_letting { margin-left: 150px; }
.menu ul li:hover ul li .submenu_branch { margin-left: 380px; }
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {display:block; color:#000000;}
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover { color:#ffffff; text-decoration: underline; }
.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; background:#E68F51;}
.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover { color:#ffffff; text-decoration: underline; }

#pageContent { width: 740px; padding: 5px 10px 50px 10px; }
#pageContent #rightColumn { width: 200px; float: right; padding: 10px 0 10px 0; }
#pageContent #rightColumn img { padding: 5px 0 5px 0; }
#pageContent #rightColumn .propertyIcon { float: left; height: 24px; width: 198px; line-height: 24px; padding: 2px 0 2px 0; margin: 8px 0 0 0; font-size: 1.2em; border: 1px solid #CCCCCC; background-color: #eeeeee; }
#pageContent #rightColumn .propertyIcon img { padding: 0 10px 0 5px; }
#pageContent #rightColumn .propertyStatus { text-align: center; padding: 5px 0 10px 0; font-size: 1.2em; border: 1px solid #CCCCCC; background-color: #eeeeee; }
#pageContent #rightColumn .propertyStatus h1, #pageContent #rightColumn .propertyStatus h2 { padding: 0; color: #E07225; padding: 5px 0 5px 0; }

.featuredProperty { width: 490px; height: 120px; background-color: #eeeeee; border: 1px solid #E07225; border-width: 1px 0 1px 0; margin: 10px 0 0 10px; padding: 5px; }
.featuredProperty img { float: left; width: 180px; height: 120px; padding: 0 10px 0 0; }
.featuredProperty h123 { float: left; padding: 0 0 10px 0; font-size: 1.4em; letter-spacing: normal; }
.featuredProperty h1 {
	float:left;
	font-size:1.3em;
	letter-spacing:normal;
	padding:0pt 0pt 10px;
	width:300px;
}
.featuredProperty h2 { padding: 15px 0 0 0; letter-spacing: normal; }
.featuredProperty h2 a { font-size: 0.8em; color: #333333; }
.featuredProperty h2 a:hover { color: #E07225; }
.featuredProperty p { float: left; width: 300px; font-size: 1.1em; line-height: 14px; padding: 0; }

.propertySectionOrange { float: left; width: 142px; height: 150px; margin: 0 3px 0 3px; background: url('../images/solid_headers/orange_s.jpg') no-repeat #eeeeee; }
.propertySectionGray { float: left; width: 142px; height: 150px; margin: 0 3px 0 3px; background: url('../images/solid_headers/gray_s.jpg') no-repeat #eeeeee; }
.propertySectionSearch { float: left; width: 735px; margin: 20px 0 0 3px; background: url('../images/solid_headers/gray_b.jpg') no-repeat #eeeeee; }
.propertySectionOrange h1, .propertySectionGray h1, .propertySectionSearch h1 { text-align: center; padding: 0; line-height: 30px; color: #FFFFFF; font-weight: normal; font-size: 1.6em; }
.propertySectionOrange ul, .propertySectionGray ul, .propertySectionSearch ul { list-style-type: none; text-align: center; font-size: 1.1em; padding: 5px 0 5px 0; }
.propertySectionOrange ul li, .propertySectionGray ul li, .propertySectionSearch ul li { line-height: 17px; letter-spacing: 1px; }

.smallPics { width: 510px; text-align: center; margin: 20px 0 0 20px; }
.smallPics .smallPropertyPic { width: 150px; height: 100px; margin: 5px 5px 0 5px; }

#progressBar { width: 675px; text-align: center; margin: 10px auto 0 auto; font-size: 1.2em; font-weight: bold; }
#googlemap { width: 675px; height: 500px; margin: 10px auto 0 auto; border: 1px solid #CCCCCC; font-size: 1.1em; }
#mapLegend { width: 600px; height: 30px; line-height: 30px; margin: 10px auto 0 auto; border: 1px solid #CCCCCC; background-color: #eeeeee; }
#mapLegend .legendItem { float: left; width: 200px; text-align: center; font-size: 1.2em; }
.bubble { text-align: center; }
.bubble h1 { padding: 0; font-size: 1.3em; }
.bubble h2 { padding: 0; font-size: 1.2em; }
.bubble h3 { padding: 0; font-size: 1.1em; }
.bubble img { width: 180px; height: 120px; padding: 5px 0 5px 0; }
.bubble a { color: #E07225; }

.staffmember { width: 700px; height: 16px; margin: 5px auto 0 auto; padding: 5px; background-color: #eeeeee; border: 1px solid #E07225; border-width: 1px 0 1px 0; }
.staffmember ul { list-style-type: none; font-size: 1.2em; line-height: 16px; }
.staffmember ul li { display: inline; float: left; width: 170px; margin: 0 5px 0 0; }
.staffmember ul li img { padding: 0 6px 0 3px; }

.contactUs { float: left; width: 230px; background: url('../images/housebg2.jpg') no-repeat; border: 1px solid #CCCCCC; margin: 10px 0 0 11px; }
.contactUs h3 { text-align: center; color: #222222; font-size: 1.3em; padding: 10px 0 10px 0; }
.contactUs p { text-align: center; padding: 5px 0 10px 0; }
.contactUs ul { list-style-type: none; text-align: center; font-size: 1.2em; }
.contactUs .icon { float: left; width: 50px; text-align: center; font-size: 1.1em; padding: 10px 3px 5px 3px; }
.contactUs .icon img { padding: 0 0 3px 0; }
.contactUs .icon a:hover { text-decoration: none; }
.contactUs .shiftleft { margin-left: 60px; }

.dhtmlwindow { position: absolute; border: 5px solid  #E07225; visibility: hidden; background-color: white; }
.drag-handle { padding: 1px; text-indent: 3px; font-weight: bold; font-size: 1.3em; background-color: #E07225; color: white; cursor: move; overflow: hidden; width: auto; }
.drag-handle .drag-controls { position: absolute; right: 1px; top: 2px; }
.drag-handle .drag-controls img { margin: 0 1px 0 1px; cursor: pointer; }
.drag-contentarea { border-top: 5px solid  #E07225; background-color: white; color: black; height: 150px; padding: 2px; overflow: auto; }
.drag-statusarea { background-color: #F8F8F8; height: 13px; }
.drag-resizearea { float: right; width: 13px; height: 13px; cursor: nw-resize; font-size: 0; }

#calculators { width: 400px; margin: 10px 0 0 25px; }
#calculators h1 { font-size: 1.5em; }
#calculators form { margin: 20px 0 0 0; }
#calculators label { float: left; width: 150px; clear: none; margin: 2px 0 2px 10px; }
#calculators input { width: 180px; }
#calculators .radio { width: auto; margin: 3px 0 0 3px; }

#thumbBox { position: absolute; left: 0; top: 0; margin-top: 20px; width: auto; padding: 10px; padding-bottom: 0; background: #CCCCCC; visibility: hidden; z-index: 10; }
#thumbBox .footerbar { font-weight: bold; font-size: 1.3em; letter-spacing: 2px; line-height: 1.1em; color: #000000; padding: 5px 0; text-align: right; }
#thumbBox #thumbImage { background-color: white; }
#thumbBox #thumbImage img { width: 550px; }
#thumbLoading { position: absolute; visibility: hidden; border: 1px solid black; background-color: #EFEFEF; padding: 5px; z-index: 5; }

#thumbGallery { width: 660px; margin: 10px auto 0 auto; border: 1px solid #CCCCCC; background-color: #eeeeee; padding: 5px; text-align: center; }
#thumbGallery .galleryThumb img { float: left; width: 100px; height: 65px; margin: 2px 5px 2px 5px; }

label { float: left; width: 170px; font-size: 1.2em; font-weight: bold; line-height: 20px; clear: both; margin: 2px 0 2px 75px; }
label.subLabel { text-align: center; font-weight: normal; }
label span.important { font-size: 0.9em; font-weight: normal; color: #E07225; }
input { float: left; border: 1px solid #666666; padding: 1px 5px 1px 5px; width: 200px; margin: 2px 0 2px 0; background:#FFFFFF; }
textarea { float: left; border: 1px solid #666666; padding: 1px 5px 1px 5px; width: 300px; height: 150px; margin: 2px 0 2px 0; }
select { float: left; border: 1px solid #666666; padding: 1px 5px 1px 5px; width: 212px; margin: 2px 0 2px 0; }
input:focus, textarea:focus, select:focus { border: 1px solid #E07225; border-width: 1px 2px 1px 2px; }
#searchForm label { margin: 3px 0 3px 150px; }

h1 { padding: 5px 0 0 0; color: #222222; font-size: 1.7em; letter-spacing: 1px; } 

h2 { padding: 30px 0 0 10px; color: #222222; font-size: 1.4em; letter-spacing: 1px; }
h3 { padding: 10px 0 0 10px; color: #222222; font-size: 1.4em; letter-spacing: 1px; }
h4 { padding: 0 0 0 10px; color: #222222; font-size: 1.2em; letter-spacing: 1px; font-weight: normal; }
p { font-size: 1.2em; line-height: 16px; padding: 5px 20px 5px 20px; }
p.home { padding: 10px 0 0 10px; width: 510px; letter-spacing: 1px; }
p.propertyPage { padding: 15px 0 0 20px; width: 510px; }
ul#priceList { list-style-type: none; font-size: 1.2em; margin: 10px 0 0 20px; }
ul#priceList li { line-height: 20px; }
#footer a { color: #999999; }
#footer a:hover { color: #E07225; }