/*
#################################################
Reset All
#################################################
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

.moreinfo {
	background-color: #333;
	padding: 20px;
	
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

#disclaimer {
	font-size: 12px;
	padding: 12px;
	line-height: 16px;
}

#disclaimer p {
	margin-bottom: 15px;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#loading {
	position: absolute;
	z-index: 5000;
	background-color: #000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image:url(../images/layout/loading.gif);
	background-repeat: no-repeat;
	background-position: center 300px;
}

/*
#################################################
All Styles Reset, Get to work!
#################################################
*/

body {
	background-color: #000;
}

#container {
	width: 1000px;
	border: 1px solid #fff;
	height: 593px;
	margin: 25px auto 10px auto;
}


/*
#################################################
All the colours of the rainbow
#################################################
*/

.orange {
	color:#F58220;
}

.yellow {
	color:#F9CD00;
}

.lightgreen {
	color:#8CC63F;
}

.green {
	color:#00A651;
}

.lightblue {
	color:#00A1E4;
}

.blue {
	color:#0077C1;
}

.red {
	color:#ED174B;
}

.purple {
	color:#662D91;
}

.aqua {
	color:#00b1cd;
}

.small {
	font-size:10px;
}


/*
#################################################
LEFT
#################################################
*/

#left a {
	color: #159ef5;
	text-decoration: none;
	
}

#left a:hover {
	color: #f5155a;
}

#left {
	width: 160px;
	height: 593px;
	border-right: 1px solid #fff;
	overflow: hidden;
	
}

#left #flashlogo {
	height: 280px;
	padding: 35px 0 0 0;
	border-bottom: 1px solid #fff;
	text-align: center;
}

#left h1 {
	display: none;
}


#left h1 a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#left h1 span {
	display: none;
}

#left #sidebar {
	height: 277px; /* minus 1px from border from above */
	background-color: #fff;
	overflow: hidden;
	color: #666;
	font-family: verdana;
	font-size: 0.6em;
}


#left #sidebar ul.main {
	padding: 5px 10px 0 10px;
}


#left #sidebar h3 {
	padding: 6px 0;
	border-bottom: 1px solid #ccc;
}

#left #sidebar h3 a {
	display: block;
	height: 13px;
	overflow: hidden;
	background-color: #fff;
	background-repeat: no-repeat;
}

#left #sidebar .archive {
	font-size:11px;
	font-weight:bold;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #ccc;
}



#left #sidebar h3 a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#left #sidebar li.sales h3 a { background-image:url(../images/layout/nav_sales.png); }
#left #sidebar li.news h3 a { background-image:url(../images/layout/nav_news.png); }
#left #sidebar li.visit h3 a { background-image:url(../images/layout/nav_visit.png); }
#left #sidebar li.team h3 a { background-image:url(../images/layout/nav_team.png); }
#left #sidebar li.register h3 a { background-image:url(../images/layout/nav_register.png); }
#left #sidebar li.explore h3 a { background-image:url(../images/layout/nav_explore.png); }
#left #sidebar li.faq h3 a { background-image:url(../images/layout/nav_faqs.png); }

#left #sidebar li.news strong {
	color: #333;
	display:block;
	margin:5px 0 5px 0;
}

#left #sidebar li.news .date {
	color:#999999;
	display:block;
	margin:5px 0 3px 0;
}

#left #sidebar li.news p {
	margin:3px 0 10px 0;
}

#left #sidebar h3 span {
	display: none;
}

#left #sidebar li.noborder h3 {
	border-bottom: none;
}

#left #sidebar ul ul {
	margin: 5px 0 5px 0;
	overflow: hidden;
	
}

#left #sidebar ul ul li {
	display: block;
	margin: 0 0 5px 0;
}


/*
#################################################
RIGHT
#################################################
*/


#right {
	position: absolute;
	z-index: 100;
	margin: 0 0 0 161px;
	width: 839px;
	height: 600px;
}


/*
#################################################
RIGHT Dropbar
#################################################
*/

#right .dropbar_toggle {
	right: -1px;
	margin-top: -23px;
	position: absolute;
}

#right .dropbar_toggle a {
	height: 22px;
	overflow: hidden;
	width: 60px;
	background-image: url(../images/layout/dropbar_toggle_open.png);
	display: block;
	background-repeat: no-repeat;
	background-position: right top;
}

#right .dropbar_toggle a.closed {
	background-image: url(../images/layout/dropbar_toggle_closed.png);
}

#right .dropbar_toggle a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#right .dropbar_toggle span {
	display: none;
}

#right #dropbar {
	position: absolute;
	z-index: 2000;
	width: 285px;
	right: 0;
}

#right #dropbar a {
	color: #fff;
	text-decoration: none;
}

#right #dropbar a:hover {
	color: #f1f1f1;
}

#right #dropbar div.items ul.main {
	padding: 10px 10px 30px 25px;
}

#right #dropbar div.items li {
	margin: 0 0 10px 0;
}

#right #dropbar div.items li a.main {
	padding: 7px 5px;
	display: block;
	background-repeat: no-repeat;
	background-position: 7px center;
	
}

#right #dropbar div.items li a.main span {
	display: none;
}

#right #dropbar div.items li.d1,
#right #dropbar div.items li.d1 a.main { background-color: #ED174B; }

#right #dropbar div.items li.d2,
#right #dropbar div.items li.d2 a.main { background-color: #f68a32; }

#right #dropbar div.items li.d3,
#right #dropbar div.items li.d3 a.main { background-color: #f8ce17; }

#right #dropbar div.items li.d4,
#right #dropbar div.items li.d4 a.main { background-color: #97c74f; }

#right #dropbar div.items li.d5,
#right #dropbar div.items li.d5 a.main { background-color: #1aa6e3; }

#right #dropbar div.items li.d6,
#right #dropbar div.items li.d6 a.main { background-color: #1980c3; }

#right #dropbar div.items li.d7,
#right #dropbar div.items li.d7 a.main { background-color: #753c9a; }

#right #dropbar div.items li.d1 a.main { background-image: url(../images/layout/dropbar_1.png); height: 17px;}
#right #dropbar div.items li.d2 a.main { background-image: url(../images/layout/dropbar_2.png); height: 29px; }
#right #dropbar div.items li.d3 a.main { background-image: url(../images/layout/dropbar_3.png); height: 49px; }
#right #dropbar div.items li.d4 a.main { background-image: url(../images/layout/dropbar_4.png); height: 31px; }
#right #dropbar div.items li.d5 a.main { background-image: url(../images/layout/dropbar_5.png); height: 29px; }
#right #dropbar div.items li.d6 a.main { background-image: url(../images/layout/dropbar_6.png); height: 31px; }
#right #dropbar div.items li.d7 a.main { background-image: url(../images/layout/dropbar_7.png); height: 29px; }

#right #dropbar div.items li ul {
	margin: 0 0 0 20px;
	padding: 0 0 1px 0;
	display: none;
}

#right #dropbar div.items li ul li {
	color: #fff;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	padding: 4px;
}


#right #dropbar div.items li a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#right #dropbar div.body {
	height: 430px;
	overflow: hidden;
	background-image: url(../images/layout/dropbar_bg.png);
}

#right #dropbar div.foot {
	height: 20px;
	background-image: url(../images/layout/dropbar_foot.png);
}

#right #dropbar #tagline {
	position: absolute;
	margin:-35px 0 0 17px;
	padding:0;
	background-color:#000000;
	height:40px;
	width: 268px;
}

#right #dropbar #tagline img {
	margin:10px 0 0 9px;
}

/*
#################################################
RIGHT General
#################################################
*/

#right #subfooter {
	height: 90px;
	border-top: 1px solid #fff;
	background-color: #fff;
}

#right #subfooter .urban,
#right #subfooter .suburban {
	float: left;
	height: 90px;
	width: 419px;
	overflow: hidden;
}

#right #subfooter .urban {
	border-right: 1px solid #fff;
}

#right #subfooter .urban a,
#right #subfooter .suburban a {
	height: 90px;
	width: 419px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
}

#right #subfooter .urban span,
#right #subfooter .suburban span {
	display: none;
}

#right #subfooter .urban a {
	background-color: #8cc63e;
	background-image: url(../images/layout/urban_buzz.png);
}

#right #subfooter .suburban a {
	background-color: #00a0e4;
	background-image: url(../images/layout/suburban_style.png);
}

#right #subfooter .urban a:hover,
#right #subfooter .suburban a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/*
#################################################
RIGHT Content
#################################################
*/

#right #content {
	height: 502px;
	background-color: #000;
	color: #fff;
	font-family: Verdana;
	background-image:url(../images/layout/home_photo2.jpg);
	line-height: 1.6em;
	font-size: 12px;
}

#right #content a {
	color: #0bdaf9;
}

#right #content a:visited {
	color: #09b9d3;
}

#right #content a:hover {
	color: #f90b75;
}

#right #content .inner ul.disc {
	list-style-type: disc;
	margin: 10px 20px;
}

#right #content .nowselling {
	margin:15px 0 0 15px;
}

/*
#################################################
Tooltips
#################################################
*/

#tooltip {
	position: absolute;
	z-index: 3000;
}

#tooltip.bottombar {
	margin-top: -200px;
	margin-left: -45px;
}

#tooltip.vertbar {
	margin-top: -115px;
	margin-left: -290px;
}



	
#tooltip.sml {
	background-color: #2e2e2e;
	color: #fff;
	padding: 10px;
	opacity: 0.9;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
	#tooltip.sml h3, #tooltip.sml div { margin: 0; font-weight: normal; font-size: 10px; white-space: nowrap; font-family: verdana; }
	#tooltip.sml div {
		margin: 5px 0 0 0;
	}

/*
#################################################
RIGHT Block Vertical Scroller
#################################################
*/

#vertScroller_min {
	background-color: #eee;
	position: absolute;
	width: 5px;
	margin-left: 834px;
	z-index: 800;
	display: none;
	height: 502px;
}

#vertScroller {
	background-color: #eee;
	position: absolute;
	width: 240px;
	margin-left: 600px;
	z-index: 900;
	display: none;
	padding-top:8px;
}

#vertScroller .heading {
	margin-bottom:5px;
}

#vertScroller ul {
	height: 474px;
	padding: 10px;
	overflow: hidden;
}

#vertScroller li {
	padding: 8px 0;
}

#vertScroller li.last {
	padding-bottom: 80px;
}

#vertControllsbg {
	z-index: 1000;
	position: absolute;
	bottom: 0;
	background-color: #eee;
	width:220px;
	height:50px;
}

#vertControlls {
	position: absolute;
	bottom: 0;
	background-color: #fff;
	height: 28px;
	z-index: 1000;
	width: 200px;
	padding: 0;
	margin:0 0 10px 10px;
	border:1px solid #ED2D5C;
}

#vertControlls .moreterraces {
	padding:0;
	margin:8px 0 0 4px;
}

#vertControlls a {
	display: block;
	width: 30px;
	height: 28px;
	background-repeat: no-repeat;
	float: left;
	margin-right: 1px;
	background-color: #ccc;
}

#vertToggle {
	position: absolute;
	bottom: 28px;
	background-color: #fff;
	height: 28px;
	z-index: 1000;
	width: 200px;
	padding: 0;
	margin:0 0 10px 10px;
	border:1px solid #ED2D5C;	
}

#vertToggle .vertChoose {
	background-color: #fff;
	background-image: url(../images/layout/goto_homes.png);
	background-position: center center;
	display: block;
	height: 28px;
	background-repeat: no-repeat;
}

#vertToggle .homes {
	background-image: url(../images/layout/goto_terraces.png);
}

#vertToggle .vertChoose span {
	display: none;
}

#vertControlls .vertChoose {
	background-color: #fff;
	background-image: url(../images/layout/more_terraces.png);
	background-position: right center;
	width: 130px;
	display: block;
	height: 28px;
	float: left;
	background-repeat: no-repeat;
}

#vertControlls .vertChoose span {
	display: none;
}

#vertToggle .vertChoose:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#vertControlls .homes {
	background-image: url(../images/layout/more_homes.png);
}


#vertControlls a.plus {
	background-image: url(../images/layout/arrow_big_down_on.png);
}

#vertControlls a.minus {
	background-image: url(../images/layout/arrow_big_up_on.png);
}


#vertMinMax {
	position: absolute;
	bottom: 0;
	height: 90px;
	z-index: 1000;
	width: 26px;
	margin-left: -25px;
	margin-bottom: 10px;
}

#vertMinMax a {
	background-image: url(../images/layout/terraces_tab_hide.png);
	width: 26px;
	height: 90px;
	display: block;
}

#vertMinMax a.homes {
	background-image: url(../images/layout/homes_tab_hide.png);
}

#vertMinMax a span {
	display: none;
}

#vertScroller_min a {
	background-image: url(../images/layout/terraces_tab_show.png);
	width: 26px;
	height: 90px;
	display: block;
	position: absolute;
	bottom: 0;
	margin-left: -25px;
	margin-bottom: 10px;
}


#vertScroller_min a.homes {
	background-image: url(../images/layout/homes_tab_show.png);
}


#vertScroller_min a span {
	display: none;
}

/*
#################################################
RIGHT Gallery
#################################################
*/

.urban_bar {
	position: absolute; 
	margin: 15px 40px 0 670px; 
	z-index: 300;
}

.urban_bar li {
	margin: 0 0 9px 0;
}

.urban_bar .gallery a,
.urban_bar .info a,
.urban_bar .inclusion a,
.urban_bar .plus a,
.urban_bar .studio a,
.urban_bar .green a,
.urban_bar .print a,
.urban_bar .style a,
.urban_bar .streetscaping a,
.urban_bar .builders a,
.urban_bar .pattern a,
.urban_bar .buying a {
	display: block;
	width: 150px;
	height: 30px;
}

.urban_bar .homefinder a {
	display: block;
	width: 190px;
	height: 52px;
}

.urban_bar .gallery a span,
.urban_bar .info a span,
.urban_bar .inclusion a span,
.urban_bar .plus a span,
.urban_bar .studio a span,
.urban_bar .green a span,
.urban_bar .print a span,
.urban_bar .style a span,
.urban_bar .streetscaping a span,
.urban_bar .builders a span,
.urban_bar .buying a span,
.urban_bar .pattern a span,
.urban_bar .homefinder a span {
	display: none;
}


.urban_bar .info a {
	background-image: url(../images/layout/terrace_information.png);
}
.urban_bar .inclusion a {
	background-image: url(../images/layout/terrace_inclusions.png);
}
.urban_bar .print a {
	background-image: url(../images/layout/terrace_print.png);
}

.urban_bar .studio a {
	background-image: url(../images/layout/terrace_studio.png);
}

.urban_bar .green a {
	background-image: url(../images/layout/terrace_green.png);
}

/* individual lists */

.urban_bar a.quattro { background-color: #623683 }
.urban_bar .gallery a.quattro {	background-image: url(../images/layout/terrace_home_quattro.png); }
.urban_bar .plus a.quattro { background-image: url(../images/layout/terrace_plus_quattro.png); }

.urban_bar a.soho { background-color: #ef9136 }
.urban_bar .gallery a.soho {	background-image: url(../images/layout/terrace_home_soho.png); }
.urban_bar .plus a.soho { background-image: url(../images/layout/terrace_plus_soho.png); }

.urban_bar a.tempo { background-color: #27a8df }
.urban_bar .gallery a.tempo {	background-image: url(../images/layout/terrace_home_tempo.png); }
.urban_bar .plus a.tempo { background-image: url(../images/layout/terrace_plus_tempo.png); }

.urban_bar a.mio { background-color: #02b7d1 }
.urban_bar .gallery a.mio {	background-image: url(../images/layout/terrace_home_mio.png); }
.urban_bar .plus a.mio { background-image: url(../images/layout/terrace_plus_mio.png); }

.urban_bar a.mioplus { background-color: #02b7d1 }
.urban_bar .gallery a.mioplus {	background-image: url(../images/layout/terrace_home_mio_plus.png); }
.urban_bar .plus a.mioplus { background-image: url(../images/layout/terrace_plus_mio.png); }

.urban_bar a.mondo { background-color: #e43864 }
.urban_bar .gallery a.mondo {	background-image: url(../images/layout/terrace_home_mondo.png); }
.urban_bar .plus a.mondo { background-image: url(../images/layout/terrace_plus_mondo.png); }

.urban_bar a.bravo { background-color: #00b55b }
.urban_bar .gallery a.bravo {	background-image: url(../images/layout/terrace_home_bravo.png); }
.urban_bar .plus a.bravo { background-image: url(../images/layout/terrace_plus_bravo.png); }

.urban_bar a.ecco { background-color: #02b7d1 }
.urban_bar .gallery a.ecco  {	background-image: url(../images/layout/terrace_home_ecco.png); }
.urban_bar .plus a.ecco  { background-image: url(../images/layout/terrace_plus_ecco.png); }

.urban_bar a.suburban { background-color: #02b7d1 }
.urban_bar .gallery a.suburban {	background-image: url(../images/layout/suburban_home.png); }
.urban_bar .style a.suburban { background-image: url(../images/layout/suburban_different_by_design.png); }
.urban_bar .streetscaping a.suburban { background-image: url(../images/layout/suburban__streetscaping.png); }
.urban_bar .buying a.suburban { background-image: url(../images/layout/suburban_buying.png); }
.urban_bar .builders a.suburban { background-image: url(../images/layout/suburban_our_partner_builders.png); }
.urban_bar .pattern a.suburban { background-image: url(../images/layout/suburban_our_pattern_book.png); }
.urban_bar .homefinder a.suburban { background-image: url(../images/layout/suburban_home_finder.jpg); }


.urban_bar a.wright { background-color: #FF9933 }
.urban_bar .gallery a.wright {	background-image: url(../images/layout/free_home_wright.png); }
.urban_bar .plus a.wright { background-image: url(../images/layout/free_plus_wright.png); }

.urban_bar a.van { background-color: #FF9933 }
.urban_bar .gallery a.van {	background-image: url(../images/layout/free_home_van.png); }
.urban_bar .plus a.van { background-image: url(../images/layout/free_plus_van.png); }

.urban_bar a.griffin { background-color: #FF9933 }
.urban_bar .gallery a.griffin {	background-image: url(../images/layout/free_home_griffin.png); }
.urban_bar .plus a.griffin { background-image: url(../images/layout/free_plus_griffin.png); }

.urban_bar a.griffinduo { background-color: #FF9933 }
.urban_bar .gallery a.griffinduo {	background-image: url(../images/layout/free_home_griffinduo.png); }
.urban_bar .plus a.griffinduo { background-image: url(../images/layout/free_plus_griffinduo.png); }

.urban_bar a.purcell { background-color: #FF9933 }
.urban_bar .gallery a.purcell {	background-image: url(../images/layout/free_home_purcell.png); }
.urban_bar .plus a.purcell { background-image: url(../images/layout/free_plus_purcell.png); }


#suburban_bar.urban_bar {
	margin: 15px 40px 0 630px; 
}

#suburban_bar.urban_bar a {
	width: 190px;
}


.viewonmap {
	position: absolute;
	z-index: 800;
	margin: 345px 0 0 690px;
}
.viewonmap a {
	width: 85px;
	height: 86px;
	background-image: url(../images/layout/view_on_map.png);
	display: block;
}
.viewonmap span {
	display: none;
}

#scrollPan {
	height: 390px;
	width: 810px;
	overflow: hidden;
}

#scrollPan .subcontent,#home_finder_form .subcontent {
	height: 365px;
	padding: 25px 0 0 0;
	width: 810px;
	float: left;
}

#scrollPan .subcontent h1,#home_finder_form .subcontent h1  {
	padding-bottom:10px;
}

#scrollPan .subborder,#home_finder_form .subborder {
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	width:754px;
	height:362px;
}

#scrollPan .scroll {
	width:340px;
	height:260px;
	padding-right:15px;
	overflow:auto;
}

#scrollPan .subimage,#home_finder_form .subimage {
	float: right;
	margin-left:20px;
}

#scrollPan h1,#home_finder_form h1 {
	padding:20px 0 0 20px;
	margin:0;
	font-size:18px;
}

#scrollPan .mio ,#home_finder_form .mio{
	color:#01BAD4;
}

#scrollPan .ecco {
	color:#01BAD4;
}

#scrollPan .bravo {
	color:#00A651;
}

#scrollPan .soho {
	color:#F58220;
}

#scrollPan .tempo {
	color:#16A7E4;
}

#scrollPan .mondo {
	color:#ED174B;
}

#scrollPan .quattro {
	color:#8348AF;
}
#scrollPan .subborder p,#home_finder_form .subborder p{
	color:#FFF;
	padding:0 0 0 20px;
	margin: 0 0 10px 0;
}

#home_finder_form .subborder #error p {
	color:#EC0B60;
	padding:10px 0 0 20px;
	margin:0;
}

#scrollPan .subborder ul {
	padding:0;
	margin:0 0 0 40px;
	list-style-type:square;
	font-size:11px;
}

#scrollPan .subborder li {
	padding:0 0 10px 0;
	margin:0;
}


#gallery {
	height: 360px;
	overflow: hidden;
}
#gallery .zoomer {
	position: absolute;
	z-index: 900;
	margin: 20px;
}

#gallery #impression {
	position: absolute;
	z-index: 900;
	margin: 0;
	background-color: #000;
	color: #ccc;
	padding: 0 10px 5px 10px;
	font-size: 10px;
	display: none;
}

#gallery .zoomout span,
#gallery .zoomin span {
	display: none
}

#gallery .zoomin:hover,
#gallery .zoomout:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#gallery .zoomin {
	background-image: url('../images/layout/zoom_in.png');
	width: 94px;
	height: 34px;
	position: absolute;
}

#gallery .zoomout {
	background-image: url('../images/layout/zoom_out.png');
	width: 94px;
	height: 34px;
	position: absolute;
	display: none;
}

#gallery .img {
	height: 360px;
	width: 750px;
	overflow: hidden;	
}
#gallery .controlls {
	position: relative;
	bottom: 0;
	margin-top: -24px;
}

#gallery .slider {
	background-image: url(../images/layout/000000_60pecrent.png);
	padding: 10px 16px;
	display: none;
	height: 50px;
	border: 1px solid #000;
}

#gallery .slider li img {
	border: 1px solid transparent;
}

#gallery .slider li.on img {
	border: 1px solid #fff;
}


#gallery #pangalpic {
	cursor: move;
}


#gallery li {
	float: left;
	margin: 0 4px;
}


.suburban_navbar {
	height: 30px; 
	margin: 265px 0 0 0; 
	position: absolute; 
	z-index: 800;
	width: 839px; 
}

.suburban_navbar li {
	width: 25%;
	float: left;
}


.urban_navbar {
	height: 30px; 
	margin: 265px 0 0 0; 
	position: absolute; 
	z-index: 800;
	width: 556px; 
}

.urban_navbar li {
	width: 33%;
	float: left;
	
}
#right #content .suburban_navbar li a,
#right #content .urban_navbar li a {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Verdana;
	height: 30px; 
	line-height: 30px;
	text-align: center;
	display: block;
	text-decoration: none;
	opacity: 0.80;
	filter: alpha(opacity=80);
}

#right #content .suburban_navbar li a:hover,
#right #content .suburban_navbar li a.on,
#right #content .urban_navbar li a:hover,
#right #content .urban_navbar li a.on {
	opacity: 1;
	filter: alpha(opacity=100);
}



.expanding {
	min-width: 500px;
}

#right #content .expanding a {
	color:#000;
}

#right #content .expanding a:visited {
	color: #000;
}

#right #content .expanding a:hover {
	color: #000;
}


/*
#################################################
Arrow Controlls
#################################################
*/




#right #dropbar .controlls {
	height: 20px;
	background-image: url(../images/layout/dropbar_bg.png);
	width: 265px;
	padding: 4px 0 0 20px;
}

#left #sidebar .controlls {
	position: absolute;
	margin: -21px 0 0 102px;
	z-index: 900;
}




#left #sidebar .controlls a {
	display: block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	float: left;
	margin-right: 5px;
}






#left #sidebar .controlls a span,
#vertControlls a span,
#right #dropbar .controlls a span {
	display: none;
}

#right #dropbar .controlls a {
	background-color: transparent;
}

#vertControlls a:hover,
#right #dropbar .controlls a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#left #sidebar .controlls a.plus,
#right #dropbar .controlls a.plus {
	background-image: url(../images/layout/arrow_down_on.png);
}

#left #sidebar .controlls a.minus,
#right #dropbar .controlls a.minus {
	background-image: url(../images/layout/arrow_up_on.png);
}
#left #sidebar .controlls a.minus.off,
#left #sidebar .controlls a.plus.off {
	opacity: 0.5;
	filter: alpha(opacity=50);
}


#gallery .controlls .toggle {
	display: block;
	margin-left: 20px;
	width: 174px;
	height: 24px;
	background-image:url(../images/layout/gallery_tab_up.png);
}

#gallery .controlls .open {
	background-image:url(../images/layout/gallery_tab_down.png);
}

#gallery .controlls .toggle span {
	display: none;
}

#gallery #suburban_controlls.controlls .toggle {
	background-image:url(../images/layout/suburban_gallery_tab_up.png);
	width: 90px;
}

#gallery #suburban_controlls.controlls .open {
	background-image:url(../images/layout/suburban_gallery_tab_down.png);
	width: 90px;
}


/*
#################################################
Latest News Page
#################################################
*/


#right #content #newscontent {
	position: absolute;
	height: 500px;
	width: 545px;
	font-size: 11px;
}

#right #content #latestnews a {
	color:#FFFFFF;
}

#right #content #latestnews a:hover {
	color: #ec450b;
}

#right #content #latestnews .heading {
	padding:0;
	margin:30px 0 20px 30px;
}

#right #content #latestnews #feature1 {
	position:absolute;
	width:520px;
	height:300px;
	overflow:auto;
	background-color:#00A1E4;
	border:1px solid #333;
	margin:20px 0 0 20px;
}

#right #content #latestnews #feature1 .header {
	margin:15px 0 0 15px;
}

#right #content #latestnews #feature1 p {
	margin-left:15px;
	line-height:15px;
}

#right #content #latestnews #feature1 .photo {
	float:right;
	margin:12px 15px 10px 25px;
	border:1px solid #333;
}

#right #content #latestnews #feature1 .caption {
	font-style:italic;
	font-size:10px;
	line-height:12px;
}

#right #content #latestnews #feature2 {
	position:absolute;
	width:255px;
	height:150px;
	background-color:#8CC63F;
	border:1px solid #333;
	margin:330px 0 0 20px;
}

#right #content #latestnews #feature2 .header,
#right #content #latestnews #feature3 .header {
	margin:10px 0 5px 10px;
}

#right #content #latestnews #feature2 p,
#right #content #latestnews #feature3 p {
	margin:0 0 10px 10px;
	line-height:13px;
}

#right #content #latestnews #feature2 .photo,
#right #content #latestnews #feature3 .photo {
	float:right;
	margin:0 5px 0 5px;
}

#right #content #latestnews #feature3 {
	position:absolute;
	width:255px;
	height:150px;
	background-color:#F58220;
	border:1px solid #333;
	margin:330px 0 0 285px;
}

#right #content #latestnews #newsbar {
	position:absolute;
	width:238px;
	height:400px;
	border:1px solid #666;
	margin:60px 0 0 555px;
	padding:10px;
	overflow:hidden;
}

#right #content #latestnews #newsbar ul {
	overflow:hidden;
	height:360px;
	
}

#right #content #latestnews #newsbar li.last {
	padding-bottom: 30px;
}

#right #content #latestnews #newsbar h2 {
	margin-top:2px;
}

#right #content #latestnews #newsbar p {
	line-height:14px;
	margin-bottom:11px;
}

#right #content #latestnews #newsbar .datered {
	color:#FFF;
	background-color:#ED174B;
}

#right #content #latestnews #newsbar #morenews {
	width:234px;
	height:28px;
	margin-top: 10px;
	background-color:#FFFFFF;
	border:1px solid #fff;
}

#right #content #latestnews #newsbar #morenews .plus {
	margin-right: 1px;
}

#right #content #latestnews #newsbar #morenews .heading {
	margin:0 0 8px 5px;
	padding:0;
}

#right #content #latestnews #newsletters {
	position:absolute;
	width:260px;
	margin:20px 0 0 555px;
	height: 30px;
}

#right #content #latestnews #newsletters li {
	float: left;
}

#right #content #latestnews #newsletters ul {
	position: absolute;
	display: none;
}

#right #content #latestnews #newsletters ul li {
	float: none;
	padding:7px 10px 7px 10px;
	border: 1px solid #006699;
	background-color:#FFFFFF;
	display: block;
	font-size:13px;
}

#right #content #latestnews #newsletters ul li a {
	color:#006699;
	padding:0;
	text-decoration:none;
}

#right #content #latestnews #newsletters ul li a:hover {
	color:#FF3300;
}


/*
#################################################
Latest News Story Pages
#################################################
*/


#right #content #latestnews .subnews {
	margin:20px 0 0 20px;
	padding:20px;
	width:480px;
	height:420px;
	border:1px solid #666666;
}	

#right #content #latestnews .subnews h1 {
	font-size:18px;
}	


#right #content #latestnews #scroll {
	width:460px;
	height:330px;
	padding-right:20px;
	padding-bottom:5px;
	margin-bottom:10px;
	margin-top:10px;
	overflow:auto;
}

#right #content #latestnews #scroll p {
	margin-top:0;
}














/*
#################################################
Location Map Page
#################################################
*/

#right #content .map {
	float:right;
}

#right #content #locationmaptext {
	position:absolute;
	margin:30px 0 0 25px;
	padding:0;
	width:290px;
}

#right #content #locationmaptext p {
	font-size:12px;
}

#right #content #locationmaptext a {
	color:#F9CD00;
}




/*
#################################################
Large Gallery
#################################################
*/


	#large_gallery .img img {
		width: 839px;
		height: 380px;	
	}
	#large_gallery .slider {
		width: 737px;
		overflow: hidden;
		height: 93px;
		margin: 0 40px 0 40px;
	}
	#large_gallery .slider ul {
		width: 7000px;
	}
	#large_gallery .controlls {
		border-top: 1px solid #000;
		background-image: url(resources/images/layout/000000_60pecrent.png);
		width: 818px;
		padding: 10px 10px 0 10px;
		z-index: 700;
	}
	
	#large_gallery .slider li {
		border: 1px solid transparent;
		height: 90px;
		overflow: hidden;
	}
	
	#large_gallery .slider li.on {
		border: 1px solid #fff;
	}
	
	#large_gallery .controlls ul li {
		float: left;
		margin-right: 10px;
	}
	
	#large_gallery .buttons a span {
		display: none;
	}
	
	#large_gallery .buttons a:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	
	#large_gallery .buttons .left {
		position: absolute;
		width: 25px;
		height: 24px;
		margin-top: 30px;
		overflow: hidden;
		background-image: url(../images/layout/gallery_arrow_left.png);
	}
	
	#large_gallery .buttons .right {
		position: absolute;
		margin-left: 788px;
		width: 25px;
		height: 24px;
		margin-top: 30px;
		overflow: hidden;
		background-image: url(../images/layout/gallery_arrow_right.png);
	}





#footer {
	text-align: center;
	margin: 10px 0 0 0;
	color: #fff;
}

#footer li {
	display: inline;
	border-right:1px solid #666666;
	font-size: 10px;
	padding:0 5px 0 0;
	margin:0;
}

#footer li a {
	font-family: verdana;
	color:#999999;
	text-decoration: none;
	font-size: 10px;
	padding: 0 5px 0 5px;
	margin:0;
}

#footer li a:hover {
	color: #fff;
}

#footer .noborder {
	border-right:none;
}



#privacy_page {
	padding: 20px; height: 462px; overflow: auto;
}

#privacy_page h1 {
	margin: 0 0 15px 0;
}

#privacy_page h2 {
	margin: 0 0 15px 0;
}

#privacy_page ul {
	list-style-type: disc;
	margin: 10px 0 10px 25px;
}

/*------------------------------------------------------------------------------
 * Contact Form
 *----------------------------------------------------------------------------*/
#contact_form input,
#contact_form textarea {
	background-color: #333;
	border: 1px solid #ccc;
	padding: 3px;
	color: #fff;
	font-family: verdana;
	font-size: 12px;
}
#contact_form input.error {
	border: 1px solid #ec0b60;
	color: #ec0b60;
}

#contact_form label.error {
	color: #ec0b60;
	margin: 0 0 0 10px;
	display: block;
}

#contact_form {
	width: 655px;
	background-color: #000;
	color: #fff;
	font-family: Verdana;
	line-height: 1.6em;
	font-size: 12px;
}

#contact_form table td {
	color: #fff;
	padding: 4px;
	font-size: 12px;
}

#contact_form table tr.odd {
	background-color: #333;
}

#contact_form .submit {
	padding: 10px;
}

#contact_thankyou {
	margin: 20px auto;
	width: 655px;
	background-color: #d30649;
	border: 1px solid #fff;
	padding: 10px;
	text-align: center;
}

#logocontact {
	width: 680px;
	margin:20px auto 0 auto;
}


div.hr {
	padding: 0 0 10px; margin: 10px 0 20px; border-bottom: 1px solid #333;
	clear: both;
}


#homefinder_form {
	width: 320px;
	margin: 0 0 0 20px;
}

#preview_event  {
	padding: 20px; 
	overflow: auto;
	height: 462px;
}

#homefinder_form .submit, #preview_event .submit {
	margin: 5px 0 0 0;
	padding: 10px;
	background-color: #000;
	color: #fff;
	font-family: Verdana;
	line-height: 1.6em;
	font-size: 12px;
}

#homefinder_form input, #homefinder_form textarea, #preview_event input, #preview_event textarea {
	background-color: #333;
	border: 1px solid #ccc;
	padding: 3px;
	color: #fff;
	font-family: verdana;
	font-size: 12px;
}

#homefinder_form input.error, #preview_event input.error {
	border: 1px solid #ec0b60;
	color: #ec0b60;
}

#homefinder_form label.error, #preview_event label.error {
	color: #ec0b60;
	margin: 0 0 0 10px;
	display: block;
}

#homefinder_form table td, #preview_event table td {
	color: #fff;
	padding: 1px 2px;
	font-size: 12px;
}

#homefinder_form table tr.odd, #preview_event table tr.odd {
	background-color: #333;
}





/*
#################################################
Home Finder results
#################################################
*/

#homefinder_results .results_wrapper {
		width: 839px;
		height: 345px;
}

.details_wrapper {
	float: right;
	margin: 10px 10px 0;
}

#homefinder_search .homefinder_tab {
	margin: 10px 10px 0;
	vertical-align:bottom;
	border:0px;
	padding:0px;
}

.stats_bar {
	color: #b3b3b3;
	float: right;
	width: 220px;
	margin: 10px 10px 0;
	padding: 2px 15px;
	border: 1px dashed #b3b3b3;
}

.homefinder_header {
	float:left;
	width:100%;
}

.stats_bar p {
	font-size: 10px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.details {
	color: #000;
	width: 220px;
	height: 304px;
	background: #FFF;
	padding: 15px;
	line-height:1.4em;
}

.favourite {
	float: right;
	margin: 0;
}

.details p, .details ul {
	margin: 0 0 10px 0 !important;
}

.details a {
	color: #ff6600 !important;
	font-size: 10px;
	text-decoration: none;
}

.details a:hover {
	text-decoration: underline;
}

.details h1 {
	font-size: 20px;
	margin-bottom: 10px;
}

.details h3 {
	margin-bottom: 5px;
}

.square {
	margin: 0 5px;
}

	#homefinder_results .img img {
		width: 839px;
		height: 380px;	
	}
	#homefinder_results .slider {
		width: 737px;
		overflow: hidden;
		height: 93px;
		margin: 0 40px 0 40px;
	}
	#homefinder_results .slider ul {
		width: 10000px; /*! Change this to display All small image now it will Dispaly only 60!*/
	}
	#homefinder_results .controlls {
		border-top: 1px solid #000;
		background-image: url(resources/images/layout/000000_60pecrent.png);
		width: 818px;
		padding: 10px 10px 0 10px;
		z-index: 700;
	}
	
	#homefinder_results .slider li {
		border: 1px solid transparent;
		height: 90px;
		overflow: hidden;
	}
	
	#homefinder_results .slider li.on {
		border: 1px solid #fff;
	}
	
	#homefinder_results .controlls ul li {
		float: left;
		margin-right: 10px;
	}
	
	#homefinder_results .buttons a span {
		display: none;
	}
	
	#homefinder_results .buttons a:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	
	#homefinder_results .buttons .left {
		position: absolute;
		width: 25px;
		height: 24px;
		margin-top: 30px;
		overflow: hidden;
		background-image: url(../images/layout/gallery_arrow_left.png);
	}
	
	#homefinder_results .buttons .right {
		position: absolute;
		margin-left: 788px;
		width: 25px;
		height: 24px;
		margin-top: 30px;
		overflow: hidden;
		background-image: url(../images/layout/gallery_arrow_right.png);
	}

/*
#################################################
for error msg 
#################################################
*/	
#error p {
	color:#EC0B60;
	padding:0;
	margin:0;
}

/*
#################################################
House and Land Packages
#################################################
*/	

table.house_land {
	width: 750px;
	border: 1px solid #333;
	margin-bottom: 20px;
}

table.house_land tr td{
	border-bottom: 1px solid #333 !important;
}

table.house_land tr:hover {
	background: #111;
}

table.house_land td {
	border-right: 1px solid #333;
	padding: 5px;
}

table.house_land td.thumb {
	width: 135px;
	height: 90px;
}

/*
#################################################
News redesign
#################################################
*/	

#news_body {
	line-height: 1.4;
	padding: 20px;
	height: 462px; 
	overflow: auto;
}

#news_body img {
	display: block;
}

#latest_news {
	margin: 20px 0;
}

.top_news, .news_items {
	margin-bottom: 10px;
	padding: 20px 20px 10px;
}

.top_news {
	background: #ed174b;
}

.top_news a {
	color: #FFF !important;
}

.news_items {
	color: #000;
	background: #FFF;
}

#news_body ul {
	margin: 0 40px 15px;
}

#news_body li {
	list-style: square;
	list-style-position: outside;
	margin-bottom: 5px;
}

.news_items a {
	color: #ed174b !important;
}

.news_thumb {
	float: right;
	margin: 0 0 20px 20px;
}

.news_caption {
	width: 160px;
	font-size: 11px;
	color: #FFF;
	padding: 10px;
	background: #009c4c;
}

.terms {
	font-size: 11px;
	font-style: italic;
}

.divider {
	clear: right;
	border-bottom: 1px solid #bcbcbc;
	margin: 20px 0;
}

.clearfloat {
	clear: both;
}
