* { margin:0; padding:0;}

body { background:#2d261e url(images/tail_site.gif) 0 0 repeat-x; font-size:100%; line-height:1em; font-family:tahoma; color:#7a7a7a; padding:26px 0 0 0;}



label { font-weight:normal; }



.site-center {margin:0 auto; width:798px; text-align:left;}



/*in_line*/

input, select, textarea { vertical-align:middle; font-family:Tahoma; font-size:1em;}

img {border:0; vertical-align:top; text-align:left;}

ul { list-style:none;}

a:hover{text-decoration:none;}

.column { float:left;}

.clear, .col-list, .row-box, .row1-box, .row2-box { width:100%; overflow:hidden;}

.col-list ul{ float:left}

.col-list .indent-list{ margin-left:40px;}



/*header*/

.menu{ height:40px;}

.flash{ margin:-15px 0 0 -14px; position:absolute; z-index:1;} 

.flash-1{ position:absolute; top:0; margin:96px 0 0 0;}

.header-img{ height:416px; }

.header-content{ margin:0 0 0 460px; width:269px; height:416px; background:url(images/header-content.jpg) 0 0 no-repeat; color:#ffffff; font-size:0.687em; line-height:1.43em;}

.header-content p{ margin-top:15px;}

.header-content .logo{ height:141px;}

.header-content .logo img{ margin:30px 0 0 22px;}

.header-content .indent-text{

	margin-top: 115px;

	margin-right: 17px;

	margin-bottom: 0;

	margin-left: 50px;

}

.header-content .indent-text .title{ margin-bottom:18px; margin-left:-3px; position:relative;}

.title{ display:block;}

.header-button{ position:absolute; margin:205px 0 0 2px;}







/*footer*/

.footer{ background:url(images/footer.gif) 0 0 no-repeat; text-indent:524px;}

.footer img{ margin:25px 0 26px 0;}



/*content*/

.text-content, .row-box{ color:#c3b596; font-size:0.687em; line-height:1.5em;}

.border-left{ background:#FFF url(images/border-left.gif) top left repeat-y;}

.border-right{background:url(images/border-right.gif) top right repeat-y; }

.corner-top-left{background:url(images/corner-top-left.gif) 0 0 no-repeat;}

.corner-bot-left{background:url(images/corner-bot-left.gif) bottom left no-repeat;}

.corner-top-right{background:url(images/corner-top-right.gif) top right no-repeat;}

.corner-bot-right{background:url(images/corner-bot-right.gif) bottom right no-repeat;}

.border-top{ background:url(images/border-top.gif) 20px 0 no-repeat; width:100%;}

.indent-main-box{ padding:30px 35px 0 34px;}

.list li a{ background:url(images/list_marker.gif) center left no-repeat; padding:0 0 0 15px; color:#bb9996; text-decoration:none; line-height:1.5em; font-family:Verdana}

.list li a:hover{ text-decoration:none; color:#fff0c4;}



.bg-1{ background:#312524 url(images/bg_1.gif) 0 0 repeat-x;}

.bg-1-top{ background:url(images/bg-1-top.gif) 0 0 repeat-x;}

.bg-1-bot{ background:url(images/bg-1-bot.gif) bottom left repeat-x;}



.bg-2{ background:#56413f url(images/bg_2.gif) 0 0 repeat-x;}

.bg-2-top{ background:url(images/bg-2-top.gif) 0 0 repeat-x;}

.bg-2-bot{ background:url(images/bg-2-bot.gif) bottom left repeat-x;}



.bg-3{ background:#54403f url(images/bg_3.gif) bottom left repeat-x;}

.bg-3-top{ background:url(images/bg-3-top.gif) 0 0 repeat-x;}

.bg-3-bot{ background:url(images/bg-3-bot.gif) bottom left repeat-x;}





.bg-4{ background:#705452 url(images/bg_4.gif) bottom left repeat-x;}

.bg-4-top{ background:url(images/bg-4-top.gif) 0 0 repeat-x;}

.bg-4-bot{ background:url(images/bg-4-bot.gif) bottom left repeat-x;}



.link-4{ color:#ffffff;}

.text-3 dt{ font-weight:bold; color:#806360; padding-bottom:2px;}

.text-3 dd{ padding-bottom:13px;}



.img-left{ float:left; margin:2px 20px 0 0;}

.indent-box{ padding:22px 0 16px 9px;}

.indent-box1{ padding:27px 16px 25px 21px;}

.indent-top1{ margin-top:7px; display:block;}

.indent-bot1{ display:block; margin-bottom:9px;}

.clear1{clear:both;}

.indent-top2{ display:block; margin-top:25px;}



.png{margin:0 0 0 -18px; position:absolute;}

.indent-top-bot{margin:11px 0 11px 0;}

.fright{ float:right;}

.text-2{color:#9e7f7d;}

.prev{ background:#312524; color:#9a7774; font-weight:bold; word-spacing:4px; position:relative;}

.prev p{ padding-top:9px;}

.prev .indent-left{ padding-right:122px;}

.prev .indent-right{ padding-left:110px;}

.prev-link{ height:35px; background:url(images/prev-link.gif) bottom left repeat-x; width:100%; text-align:center;}



.prev-img-left{ vertical-align:middle; margin-right:5px;}

.prev-img-right{ vertical-align:middle; margin-left:5px;}

.link-2{ color:#9a7774; font-weight:bold; text-decoration:none;}

.link-2:hover{ color:#fff0c4;}

.link-3{ color:#9a7774; font-weight:bold; text-decoration:underline;}

.link-3:hover{ color:#fff0c4; text-decoration:none;}



.row1-box { position:relative;}

.row1-box .row1-box-1{width:189px; background:url(images/shdow_foto.png) 0 0 no-repeat; color:#9a7774; font-weight:bold;}

.row1-box .row1-box-1 .img-indent{ margin:5px 0 15px 13px;}

.row1-box .row1-box-1 .img_start{ vertical-align:middle; }

.row1-box .row1-box-1 .indent-start{ margin:-5px 0 11px 13px; display:block;}

.row1-box .row1-box-2{width:146px}

.row1-box .indent-1{ margin:18px 0 1px 0;}

.row1-box .row-box-corner-left{ background:url(images/row-box-corner-left.gif) bottom left no-repeat;}

.row1-box .row-box-corner-right{ background:url(images/row-box-corner-right.gif) bottom right no-repeat;}



.text-1{ color:#f3b331;}

.indent-bot{ display:block; margin-bottom:15px;}



.link{ color:#c2b495; text-decoration:none; display:block;}

.link:hover{ color:#f3b331; text-decoration:none;}



.title-1{ display:block; margin-bottom:14px;}

.link-1{ color:#997774; font-weight:bold; text-decoration:none; background:url(images/link-1.gif) center left no-repeat; padding:0 0 0 10px; font-family:Verdana}

.link-1:hover{ text-decoration:none; color:#fff0c4;}



.indent-top{ display:block; margin-top:16px;}

.shadow-foto{background:url(images/shdow_foto.png) 0 0 no-repeat; margin:0 25px 0 -13px; margin-top:13px; float:left;}





.list-1{  font-family:Verdana; line-height:1.5em; position:relative;}

.list-1 span{ float:right; display:block;}

.list-1 li{ text-decoration:none; width:100%; overflow:hidden; display:block; }

.list-1 li .width-1{background:url(images/list_marker.gif) center left no-repeat; padding:0 0 0 15px; color:#bb9996;}

.list-1 li .width-1{ width:153px;}

.list-1 li .width-2{ width:102px;}

.list-1 li .width-3{ width:53px;}

.list-1 li .width-2, .list-1 li .width-3 a{ color:#a27843; text-decoration:none;}

.list-1 li .width-3 a:hover{ color:#bb9996;}

.text-4 p{ margin-top:15px;}

.text-5{ color:#997673; font-weight:bold;}

.text-5 a{ color:#997673; text-decoration:underline;}

.text-5 a:hover{ color:#c2b495; text-decoration:underline;}



.row-content-3{ height:140px;}

.borders {

	font-size: 6px;

	border-right-style: dotted;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-right-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

}

.borderbottom {

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-right-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

}


/*  ========= TWO STOREY PAGE - HOMES2.HTML ===========*/

div#2storeyhomes {
	font-family:Helvetica, Verdana, sans-serif;
	width:728px;
	height:600px;
		}
		
		div#metrologo {
			position:relative;
			width:119px;
			height:100px;
			background: url(images/metro_collection_logo.gif);
			top:0px;
			left:10px;}
	
	div.homewrapper {
		float:none;
		position:relative;
		width:157px;
		height:82px;
		left:0;
		top:0;
		text-align:left;}
		
div.homewrapper a {display:block; position:relative; height:82px; width:157px; background:url(images/two_storey_designs.jpg);}		
		
	div.homewrapper.moseley {float:left; top:10px; left:20px;}
	div.homewrapper.moseley a {background-position: 0px 0px;}
	div.homewrapper.moseley a strong {display:block; left:-9999px; position:absolute; }
    div.homewrapper.moseley a:hover {background-position: 0px 197px;}
	
	div.homewrapper.harvey {float:left; top:10px; left:40px;}
	div.homewrapper.harvey a {background-position: -175px 0px;}
	div.homewrapper.harvey a strong {display:block; left:-9999px; position:absolute;}
	div.homewrapper.harvey a:hover {background-position: -175px 197px;}
	
	div.homewrapper.whitford {float:left; top:10px; left:58px;}
	div.homewrapper.whitford a {background-position: -350px 0px}
	div.homewrapper.whitford a strong {display:block; left:-9999px; position:absolute;}
	div.homewrapper.whitford a:hover {background-position: -350px 197px;}
	
	div.homewrapper.jasper {float:left; top:10px; left:78px;}
	div.homewrapper.jasper a {background-position: -530px 0px;}
	div.homewrapper.jasper a strong {display:block; left:-9999px; position:absolute;}
	div.homewrapper.jasper a:hover {background-position: -530px 197px;}
	
	div.homewrapper.taurus {float:left; top:30px; left:20px;}
	div.homewrapper.taurus a {background-position: 0px 289px;}
	div.homewrapper.taurus a strong {display:block; left:-9999px; position:absolute;}
	div.homewrapper.taurus a:hover {background-position: 0px 486px;}
	
	div.homewrapper.dakota {float:left; top:30px; left:40px}
	div.homewrapper.dakota a {background-position: -175px 289px;}
	div.homewrapper.dakota a strong {display:block; left:-9999px; position:absolute;}
	div.homewrapper.dakota a:hover {background-position: -175px 486px;}
	
	div.homewrapper.arizona {float:left; top:30px; left:58px;}
	div.homewrapper.arizona a {background-position: -350px 289px;}
	div.homewrapper.arizona a strong {display:block; left:-9999px; position:absolute;}
	div.homewrapper.arizona a:hover {background-position: -350px 486px;}
	
	div.homewrapper.bradley {float:left; top:30px; left:78px;}
	div.homewrapper.bradley a {background-position:-530px 289px;}
	div.homewrapper.bradley a strong {display:block; left:-9999px; position:absolute;}
	div.homewrapper.bradley a:hover {background-position: -530px 486px;}

/* ======== Chris added this for Dev Services on index.htm =======*/


.devservicestext {
	
font-family:Helvetica, Verdana, sans-serif;

font-size:11.5px;

padding: 13px 0px 0px 8px;

color:#7a7a7a;

}


/* ==================  WIDGET BOXES ========================*/

div#wrapperbox {width:728px; height:300px; background:#FFF;}

div.widgetbox {float:none; position:relative; top:0; left:0; width:235x; height:185px; text-align:left; }

div.widgetbox a {display:block; position:relative; height:185px; width:235px; background:url(images/widgetbox.jpg)}

div.widgettext {float:none; position:relative; top:0; left:0; width:235px; text-align:left;}

div.widgettext a {font-size:11px; color:#6f9fcf; text-decoration:underline;}

/* House Land */
div.widgetbox.houseland {float:left; top:0px; left:0px;}
div.widgetbox.houseland a {background-position: 0px 0px;}
div.widgetbox.houseland a:hover {background-position: 0px 196px;}
div.widgettext.houseland {float:left; top:10px; left:2px;}

/* Supaloc */
div.widgetbox.supaloc {float:left; top:0px; left:10px; }
div.widgetbox.supaloc a {background-position: -247px 0px;}
div.widgetbox.supaloc a:hover {background-position: -247px 196px;}
div.widgettext.supaloc {float:left; top:10px; left:12px;}

/* New Homes */ 
div.widgetbox.newhomes {float:left; top:0px; left:20px;}
div.widgetbox.newhomes a {background-position: -494px 0px;}
div.widgetbox.newhomes a:hover {background-position: -494px 196px;}
div.widgettext.newhomes {float:left; top:10px; left:20px;}

/*================== index-6.html ==================*/

#page7 .form { position:relative;}

#page7 .form input{ height:18px; width:135px;}

#page7 .form textarea{ overflow:auto; display:block; height:73px; width:174px; margin-bottom:17px;}

#page7 .form textarea, #page7 .form input{ border:1px solid #cdbc9c; color:#cdbc9c; background:#6d5553; padding-left:3px;}

#page7 .form .form-link{ margin-left:70px; margin-right:15px;}

#page7 .form .indent-form{ height:27px;}

.productheading {

	color: #FFFFFF;

	background-color: #999999;

	text-align: center;

	vertical-align: middle;

	font-size: 20px;

	line-height: 35px;

	font-family: Tahoma;

	font-weight: lighter;

}

.producttext {

	font-family: Tahoma;

	font-size: 11px;

	color: #FF6600;

	padding-right: 15px;

	padding-left: 15px;

	font-style: normal;

	text-align: center;

	vertical-align: middle;

}

.borderleft {

	border-left-width: 1px;

	border-left-style: dotted;

}

.formtext {

	font-family: Tahoma;

	font-size: 11px;

	color: #006699;

	padding-left: 10px;

}

.lightblue_heading {

	font-family: Tahoma;

	font-size: 12px;

	font-weight: bold;

	color: #0066ff;

	text-indent: 12px;

}



.smallproducttext {

	font-family: Tahoma;

	font-size: 9px;

	color: #FF6600;

	font-style: normal;

	text-align: center;

	vertical-align: middle;

}





/* Flash alternatives */

div#flashContent_callnow {

	width: 269px;

	height: 50px;

	background:url(images/callnow_bg.jpg) center center no-repeat;	

}

div#flashContent_callnow p {

	position:relatice; top:4px;	width: 80%; margin:0px auto; text-align: center; color:#FFF; font-family:Verdana, Geneva, sans-serif; letter-spacing:-0.08em; line-height:50px; text-indent:-20px; font-weight:bold; font-size:1.3em;

}



div#menuWrapper {

	width: 758px;

	height:55px;

}



ul#mainmenu {

	position:relative;

	top:15px;

	left:14px;

	width: 729px;

	height:40px;

	background: #2f2c34;

}



ul#mainmenu li.mainnavbutton {

	display:block;

	float:left;

	height:40px;

	text-align:center;

	line-height:40px;

	font-weight:bold;

	padding:0px;

}



ul#mainmenu li.mainnavbutton a { display:block; margin:0px; padding:0px; width:100%; height:40px; color:#FFF; text-decoration:none; font-size:0.7em; text-transform:uppercase; }

ul#mainmenu li.mainnavbutton a:hover { background:#3d3943; color:#ffcc33;}



ul#mainmenu li.selected a { background:#3d3943; color:#ffcc33; }



ul#mainmenu li.home { width:84px; }

ul#mainmenu li.ourhomes { width:99px; }

ul#mainmenu li.displays { width:97px; }

ul#mainmenu li.inclusions { width:117px; }

ul#mainmenu li.houseandland { width:131px; }

ul#mainmenu li.gallery { width:85px; }

ul#mainmenu li.contactus { width:116px; }





/***** HOUSE LISTINGS  ******/



/* House listing menubar */

div.homelisting { width:729px; height:550px; background:url(images/house_listing_bg.gif) no-repeat top; }

div.listingmenubar { height:19px; padding-left:200px; clear:both; }

div.listingmenubar ul.menulisting li.menulistingitem { display:block; float:left; position:relative; font-size:0.8em; color:#FFF; font-weight:bold; }



div.listingmenubar ul.menulisting li.menulistingitem a { color:#FFF; text-decoration:none; display:block; height:19px; cursor:pointer; }

div.listingmenubar ul.menulisting li.menulistingitem a:hover { text-decoration:underline; }



li.menulistingitem.mldetails,

li.menulistingitem.mlfloorplan,

li.menulistingitem.mlinclusions,

li.menulistingitem.mlenquire { padding-left:20px; margin:0px 15px; }



span.listingico { display:block; width: 29px; height:27px; position:absolute; left:-12px; background:url(images/homelist_icons.png) no-repeat;}

li.mldetails span.listingico { background-position:0px 0px; }

li.mlfloorplan span.listingico  { background-position:4px -27px; }

li.mlinclusions span.listingico  { background-position:3px -57px; }

li.mlenquire span.listingico { background-position:4px -85px; }



div.housebar { height:531px; }

div.pricecolumn { width:185px; height:531px; float:left; }

div.housename { width: 150px; margin:0px auto; position:relative; top:30px; text-align:center; color:#273246; font-weight:bold; font-size:0.8em; text-transform:uppercase; }

div.houseprice { width: 150px; margin:0px auto; position:relative; top:35px; text-align:center; color:#0066FF; font-weight:bold; font-size:1.1em; }

div.houseprice span.smlfrm { color:#273246; font-weight:bold; font-size:0.7em; }



div.returnhomebutton { width:94px; height:68px; margin:0px auto;  position:relative; top:80px; background:url(images/homeicon.jpg) no-repeat; line-height:0.8em;}

div.returnhomebutton a { display:block; width:auto; height:100%; padding:5px 0px 0px 7px; text-transform:uppercase; color:#2c7dfa; font-weight:bold; font-size:0.7em;text-decoration:none; text-align:left; }

div.returnhomebutton a:hover { color:#273246; }



div.featurescolumn { display:block; float:left; width:544px; height:229px; text-align:left;/* IE bug... */ }


div.featurescolumn2 { display:block; float:left; width:544px; height:531px; text-align:left;/* IE bug... */ }

/* House listing content columns  */



div#fPane-details,

div#fPane-floorplan,

div#fPane-inclusions,

div#fPane-enquire { width:544px; height:531px; display:none; /*initial reset*/ }



div#fPane-details { display:block; }

div#fPane-floorplan { background:#FFF; }

div#fPane-inclusions { background:#FFF; }

div#fPane-enquire { }



input#homename { color:#878782; background:#ebebe4; }


div.houseimg { width:auto; height:229px; background:#e3e8ee; }


div.houseimg2 { width:auto; height:417px; background:#e3e8ee; }

div.featureicons { width:65px; float:right; position:relative; clear:none; right:20px; top:45px; background:url(images/featureicons.gif) no-repeat;}



span.features_bathrooms,

span.features_garages,

span.features_bedrooms { display:inline-block; height:41px; width:20px; text-align:right; color:#003366; font-weight:bold; font-size:1.1em; line-height:41px; }

span.features_garages {  height:47px; line-height:47px;/*override for slightly taller center icon*/}



/* enquiry/modification form pane */

p.modtitle { width:500px; margin:0px auto; height:50px; clear:both; line-height:25px; color:#003366; font-size:1.2em; margin-top:20px; font-weight:normal; }

input.modform_text { width:200px; clear:right; background:#FFF; border:1px solid #7f9db9; }

textarea.modform_textarea { width:280px; clear:right; background:#FFF; border:1px solid #7f9db9; }



/* floorplan pane */

div.planwrapper { height:400px; width:auto; }

div.planwrapper2 {height:582px; width:auto;}



table.plandetails { margin: 5px 0px 0px 20px; }

table.plandetails * { font-size:0.95em;}

table.plandetails sup { font-size:0.7em; }



/* inclusions pane */

table.inclusionstable { margin:20px auto; background:#FFF; width:461px; border:none; }

table.inclusionstable td { /*width:114px; height:117px;*/ line-height:117px; text-align:center; border:1px dotted #949494; }



/* enquiry pane */

p.enqtitle { width:500px; margin:0px auto; height:50px; clear:both; line-height:25px; color:#003366; font-size:1.2em; margin-top:30px; }

p.enqaddress { width:500px; margin:0px auto; height:50px; clear:both; line-height:normal; color:#003366; margin-top:10px; font-size:0.9em; }

/*******************************/





/* The Development Process */

div#devprocess { font-size:0.7em; font-family:Verdana,Arial,Helvetica,sans-serif; }

div#devprocess p { text-align:center; width:700px; margin:0px auto; }

h1#devprocess_pagetitle { width:527px; height:28px; overflow:hidden; margin:40px auto; background:url(images/devprocess_pagetitle.gif) no-repeat top; }

h1#devprocess_pagetitle span { position:relative; left:9999px; }

div.devprocess_boxwrapper { width:723px; height:175px; margin:0px auto; background:url(images/devprocess_bg_matrix.gif); }



div.devprocess_box { width:154px; float:left; position:relative; height:175px; }

div.devprocess_text { width:125px; margin:0px auto; text-align:center; position:relative; top:60px; color:#FFF; line-height:1.2em;}

div.devprocess_link { position:absolute; bottom:10px; left:35px; text-transform:uppercase; color:#333; font-weight:bold; }

div.devprocess_link a { display:block; height:13px; line-height:13px; cursor:pointer; color:#6d6e71; text-decoration:none; }

div.devprocess_link a:hover { text-decoration:underline; }

div.devprocess_link a img { margin-bottom:-2px; }



div#dpb_design { margin:0px 17px; margin-left:0px; }

div#dpb_divide { margin:0px 18px; }

div#dpb_demolish { margin:0px 18px; }

div#dpb_develop { margin:0px 17px; margin-right:0px; }



/* Dev Process Content Pages */

div.devpage { width:/*760px;*/850px; margin-top:/*40px*/10px; font-size:12px; }

div.devpage_title { width:/*760px;*/850px; height:125px; background:url(images/devpages_article_header_bg.gif); position:relative; }

div.devpage_title span.titleicon { display:block; width:54px; height:52px; position:absolute; bottom:3px; left:50px; }

div.devpage_title span.titleword { display:block; width:118px; height:39px; position:absolute; top:33px; left:120px; }



div.devpage_content { padding-bottom:40px; font-family:Verdana,Arial,Helvetica,sans-serif; }



div.devpage_content p,

div.devpage_content tr

div.devpage_content td

div.devpage_content ul

div.devpage_content ol { color:#666666; font-size:0.95em; }



div.devpage_content p { margin-bottom:1.5em; }



div.devpage_content ul { list-style:disc outside; margin-bottom:1.5em; }

div.devpage_content ul li { font-size:0.95em; line-height:1.1em; color:#666666; }

div.devpage_content h1,

div.devpage_content h2,

div.devpage_content h3 { margin-bottom:0.4em; font-size:0.96em; }



div#dp_design,

div#dp_divide,

div#dp_demolish,

div#dp_develop { /*display:none;*/ }



/* orange textboxes */

div.devpage div.orange_textbox { position:relative; width:300px; min-height:50px; padding:21px 0px; background:#ffa808 url(images/devpages_textbox_corners_bottom.gif) bottom no-repeat; }

div.devpage div.orange_textbox span.textbox_head { display:block; width:300px; height:21px; position:absolute; top:0px; left:0px; background:url(images/devpages_textbox_corners_top.gif) no-repeat; z-index:1; }

div.devpage div.orange_textbox span.textbox_content { display:block; z-index:2; }

div.devpage div.orange_textbox span.textbox_content p { width:auto; text-align:center; padding:10px; }

div.devpage div.orange_textbox span.textbox_content ul { width:240px; margin-left:40px;}

/**/



h3.subdivision_steps_heading { padding-left:35px; background:url(images/devpages_arrowpointer_right_orange.gif) left no-repeat; height:24px; line-height:24px; margin-bottom:10px; color:#ffa808; font-size:1.2em; }



ul.blockgallery_list { margin-left:15px; list-style-type:none; font-size:1.2em; }

ul.blockgallery_list li { margin:4px 0px; }

ul.blockgallery_list li a:hover { cursor:pointer; text-decoration:underline; color:#bdd73c; }