@import url("reset.css");
@import url("thickbox.css");
@import url("cmxform.css");
@import url("slimbox2.css");

/****************************
Main Elements 
****************************/
body {background: url(../images/mf/bg.gif) repeat-x #ffffff; font:12px "Arial"; color:#333333;} 
#popup-page {background:#e6e1ce!important;}

a{color:#6c6c6c; text-decoration:none;}
a:hover{text-decoration:underline;}
body#about-page a.thickbox img {border: 5px solid #333;}
body#about-page a.thickbox:hover img {border-color: #222;}
.imporant{}
.left { float:left; }
.right{ float:right; }
.centre {text-align:center; padding:20px 0;}
.clear { display:block; clear:both; }
.end {padding-bottom:15px;}
.hidden {display:none;}
h4 { text-transform:uppercase; font-weight:normal; color:#fff; }
h5 {font-size:14px; line-height:20px; border-bottom:1px solid #222; margin-bottom:10px; clear:left;}
em {color:#bd0016;}
.ui-tabs-hide { display: none; }

a.pdf, a.video {display:block; width:300px; float:left; height:22px; line-height:22px; background:url('../images/icon-pdf.gif') no-repeat 0 0; text-indent:20px;}
a.video { background-image:url('../images/icon-file.gif');}

p{margin-bottom:10px; line-height:18px;}

h1{margin-bottom:10px; color:#59504b; font-size:20px; font-weight:lighter;}
h2,h3,h4,h5{margin-bottom:10px; color:#7e6d60; font-size:16px; font-weight:lighter;}


/****************************
Container Elements 
****************************/

#container{width:960px; margin:0 auto;}

#header {height:130px; margin-bottom:5px; position:relative;}

#banner{height:455px; padding:15px 0; display:block; position:relative; overflow:hidden;}

#range-container{ padding:20px 0 20px 0; display:block; position:relative; overflow:hidden;}

#content-wrapper{width:100% overflow-x:hidden;}

#content{width:960px; margin:0 auto; padding:30px 0 20px 0; line-height:18px;}

#primary{width:610px; padding:0 15px 0 0; float:left;}

#secondary{width:320px; float:left;}
	
#footer{clear:both; width:960px; margin:0 auto; padding:20px 0; display:block; color:#ffffff; font-size:11px;}

#footer-bg{width:100%; background:#59504b;}
  
  

/****************************
Home Page (Added by MF) 
****************************/

#home-col1{	width:460px; padding: 20px 30px 20px 0; float:left;}
#home-col2{width:420px; padding:20px 20px 10px 20px; background:#f5f3eb; float:left;}
#content-home{width:960px; margin:0 auto;}

#home-col1 h1 span{display:none;}
#home-col2 h2 span{display:none;}
#home-col2 h2 {margin-bottom:10px;}

.featured{clear:both;font-size:10px;}

.featured-img{margin: 0 10px 10px 0; float:left;}

.stamp-img{float:right;}
  
/****************************
Header Elements 
****************************/
#logo {position:absolute;}

ul#navigation{position:absolute; top:80px; right:0px; height:23px;}
ul#navigation li {float:left; position:relative; z-index:10;}
ul#navigation li, ul#navigation li a{height:23px; display:block;}
ul#navigation li a{width:64px; background:url('../images/core/navigation.gif') no-repeat 0 0; text-indent:-9999px;} ul#navigation li#home a:hover {background-position:0 -23px;}
ul#navigation li#about-us a{width:88px; background-position:-64px 0;} ul#navigation li#about-us a:hover {background-position:-64px -23px;}
ul#navigation li#news a{width:88px; background-position:-667px 0;} ul#navigation li#news a:hover {background-position:-667px -23px;}

ul#navigation li#range a{width:68px; background-position:-152px 0;} ul#navigation li#range a:hover {background-position:-152px -23px;}
ul#navigation li#displays a{width:82px; background-position:-220px 0;} ul#navigation li#displays a:hover {background-position:-220px -23px;}
ul#navigation li#home-and-land a{width:110px; background-position:-302px 0;} ul#navigation li#home-and-land a:hover {background-position:-302px -23px;}
ul#navigation li#lifestyle-selector a{width:152px; background-position:-412px 0;} ul#navigation li#lifestyle-selector a:hover {background-position:-412px -23px;}
ul#navigation li#contact-us a{width:103px; background-position:-564px 0;} ul#navigation li#contact-us a:hover {background-position:-564px -23px;}

ul#navigation li.back { background: url("../images/core/lava.gif") no-repeat right -23px; width: 5px; height: 23px; z-index: 8; position: absolute; }
ul#navigation li.back .lamp { background: url("../images/core/lava.gif") no-repeat top left; height: 23px; margin-right: 5px; }

/****************************
Banner Elements 
****************************/
div#banner-navigation {position:absolute; display:block; left:0; top:200px; z-index:100; width:100%;}
div#banner-navigation a{width:35px; height:50px; display:block; background:url('../images/buttons/banner-navigation-previous.png') no-repeat 0 0; text-indent:-9999px; float:left;}
div#banner-navigation a#next{background-image:url('../images/buttons/banner-navigation-next.png'); float:right;}

ul#featured-homes, ul#featured-homes li {width:960px; height:455px; display:block; overflow:hidden; position:relative; z-index:2;}
ul#featured-homes li img{ position:absolute; top:0; left:0; z-index:1;}
div.home-information {width:300px; height:43px; padding:12px 0 0 0; background:url('../images/core/home-information-background.png') no-repeat 0 0; position:absolute; bottom:-1px; left:330px; color:#b1011c; text-align:center; z-index:3;}
div.home-information img {padding:10px 100px;}
div.home-information a {width:105px; height:14px; background:url('../images/buttons/view-our-ranges.gif') no-repeat 0 0; text-indent:-9999em; display:block; position:absolute; top:36px; left:45px;}
div.home-information a.view-home {width:92px; background-image:url('../images/buttons/view-this-home.gif'); left:165px;}
div.home-information .home-title {color:#fff; font-size:1.4em; font-weight:bold;}


body#range-page #banner, body#displays-page #banner {height:auto;}
ul#range-selection li { float:left; width:310px; height:410px; margin-bottom:5px; display:inline; position:relative; background:#e6e1ce url('../images/core/range-background.gif') no-repeat 0 0; }
ul#range-selection li#signature { background:#e6e1ce url('../images/core/signature_display-background.gif') no-repeat 0 41px;}
ul#range-selection li#premium {background:#e6e1ce url('../images/core/premium_display-background.gif') no-repeat 0 41px;}
ul#range-selection li#cottage {background:#e6e1ce url('../images/core/cottage_display-background.gif') no-repeat 0 41px;}

ul#range-selection li h2{height:41px; padding-left:50px;}
ul#range-selection li#signature h2{background:url('../images/headings/h2_signature-range.gif') no-repeat 0 0; text-indent:-9999px;}
ul#range-selection li#premium h2{background:url('../images/headings/h2_premium-range.gif') no-repeat 0 0; text-indent:-9999px;}
ul#range-selection li#cottage h2{background:url('../images/headings/h2_cottage-range.gif') no-repeat 0 0; text-indent:-9999px;}
  
  /*display alteration */
  body#displays-page ul#range-selection li#signature h2 {background:url('../images/headings/h2_signature-displays.gif');}
  body#displays-page ul#range-selection li#premium h2 {background:url('../images/headings/h2_premium-displays.gif');}
  body#displays-page ul#range-selection li#cottage h2 {background:url('../images/headings/h2_cottage-displays.gif');}


ul#range-selection li div.img {padding:0; height: 150px; }
ul#range-selection div.desc { padding:35px 15px 15px 15px; height: 120px; }
ul#range-selection p {padding:0px 0px; line-height:20px;}
ul#range-selection a.see-our {display:block; width:185px; height:28px; margin:0 auto; background:url('../images/core/range_see-our.gif') no-repeat 0 0; color:#fff; text-indent:30px; line-height:28px;}

ul#range-selection li#signature a.see-our {background-image:url('../images/buttons/signature_see-our.gif');}
ul#range-selection li#premium a.see-our {background-image:url('../images/buttons/premium_see-our.gif');}
  ul#range-selection li#cottage a.see-our {background-image:url('../images/buttons/cottage_see-our.gif'); }
 
  /*display alteration */
  ul#range-selection a.see-our-displays {display:block; width:185px; height:28px; background:url('../images/buttons/signature_see-our-displays.gif') no-repeat 0 0; text-indent:-9999px; margin:0 auto;}
  ul#range-selection li#premium a.see-our-displays {background-image:url('../images/buttons/premium_see-our-displays.gif');}
  ul#range-selection li#cottage a.see-our-displays {background-image:url('../images/buttons/cottage_see-our-displays.gif');}

div#range-container h1 {padding-left:30px;}

ul#range-selection li span.bottom {display:block; width:310px; height:3px; position:absolute; bottom:0; left:0; background:url('../images/core/range-bottom-background.gif') no-repeat 0 0;}
ul#range-selection li#signature span.bottom {background-image:url('../images/core/signature_background-bottom.gif')}
ul#range-selection li#premium span.bottom {background-image:url('../images/core/premium_background-bottom.gif')}
ul#range-selection li#cottage span.bottom {background-image:url('../images/core/cottage_background-bottom.gif')}

/*ul#range-selection li p {text-align:center;}*/

ul#range-navigation {width:220px; float:left;}
ul#range-navigation li {display:block; line-height:29px; background:#7e6d60 url('../images/core/generic-plus.gif') 10px 10px no-repeat;border-bottom:1px solid #e6e1ce;}
ul#range-navigation li#signature-range {background:#7e6d60 url('../images/core/generic-plus.gif') 10px 10px no-repeat;border-bottom:1px solid #e6e1ce;} 
ul#range-navigation li#cottage-range {background:#7e6d60 url('../images/core/generic-plus.gif') 10px 10px no-repeat;border-bottom:1px solid #e6e1ce;} 
ul#range-navigation li#premium-range {background:#7e6d60 url('../images/core/generic-plus.gif') 10px 10px no-repeat;border-bottom:1px solid #e6e1ce;}

ul#range-navigation li.active { background-image: url('../images/core/generic-minus.gif');border-bottom:1px solid #e6e1ce;}
ul#range-navigation li.active#signature-range {background-image:url('../images/core/generic-minus.gif');border-bottom:1px solid #e6e1ce;}
ul#range-navigation li.active#cottage-range {background-image:url('../images/core/generic-minus.gif');border-bottom:1px solid #e6e1ce;}
ul#range-navigation li.active#premium-range {background-image:url('../images/core/generic-minus.gif');border-bottom:1px solid #e6e1ce;}

ul#range-navigation li a {height:24px; line-height:24px; display:block; background:url('../images/core/range-selection-bullet.gif') left center no-repeat; text-indent:31px; color:#7e6d60; background:url('../images/core/range-navigation-bullet.gif') #f5f3eb no-repeat 22px center;}
ul#range-navigation li a:hover {color:#59504b; text-decoration:none; text-indent:40px; background: #e6e1ce url('../images/core/range-navigation-bullet_over.gif') no-repeat 30px center;}

ul#range-navigation li a.heading {background:none;height:35px;}
ul#range-navigation li#signature-range h3 {background:url('../images/headings/h3_signature-range.gif') no-repeat 35px center; text-indent:-9999px; height:35px;} 
ul#range-navigation li#cottage-range h3 {background:url('../images/headings/h3_cottage-range.gif') no-repeat 35px center; text-indent:-9999px; height:35px;} 
ul#range-navigation li#premium-range h3 {background:url('../images/headings/h3_premium-range.gif') no-repeat 35px center; text-indent:-9999px; height:35px;}

ul#range-navigation li h3.sifr {background:none;}

body#displays-page ul#range-navigation li#signature-range h3 {background-image:url('../images/headings/h3_signature-displays.gif')}
body#displays-page ul#range-navigation li#cottage-range h3 {background-image:url('../images/headings/h3_cottage-displays.gif');} 
body#displays-page ul#range-navigation li#premium-range h3 {background-image:url('../images/headings/h3_premium-displays.gif');}

ul#range-navigation li ul li { background:#f5f3eb; border-bottom:1px solid #e6e1ce; height:24px; line-height:24px;}

/** HEADING FOR HOME LISTING PAGES */ .hd-range{padding-left:40px; float:left;}

ul#range-navigation li#lifestyle-selector { height:102px; display:block; padding-top:20px; background:none;}
ul#range-navigation li#lifestyle-selector a { height:102px; display:block; background:url('../images/core/lifestyle-selector_cta.gif') no-repeat 0 0; text-indent:-9999px;}
ul#range-navigation li#lifestyle-selector a:hover {background-position:0 -102px;}

div#range-thumbnails-container {float:right; width:705px; display:block;}
ul#range-thumbnails {}
ul#range-thumbnails li {float:left; width:210px; height:100px; margin:0 25px 25px 0; position:relative;}
ul#range-thumbnails li div.img { width: 210px; height:100px; text-align:center;}
ul#range-thumbnails li p { position:absolute; bottom:-10px; left:35px; height:20px; width:140px; background:url('../images/core/range-thumbnails_p_background.png') no-repeat 0 0; text-align:center; line-height:20px; color:#7e6d60; font-size:11px;}
ul#range-thumbnails li p a { color: #7e6d60; }

#home-gallery {display:block; float:right; position:relative;}
#home-gallery ul#tabs { width:690px; padding-left:12px;}
#home-gallery ul#tabs li {width:107px; height:30px; display:block; padding-left:2px; float:left;}
#home-gallery ul#tabs li.ui-tabs-selected a,#home-gallery ul#tabs li.ui-tabs-selected a:hover  {background:#e6e1ce url('../images/core/tabs-background_active.gif') no-repeat 0 0;}
#home-gallery ul#tabs li a{width:107px; height:30px; display:block; line-height:30px; background: #d9d1c6 url('../images/core/tabs-background_inactive.gif') no-repeat 0 0; color:#59504b; text-align:center;}
#home-gallery ul#tabs li a:hover{ background: #d1cab8 url('../images/core/tabs-background_hover.gif') no-repeat 0 0; color:#59504b; text-decoration:none;}

#overview, #floorplans, #specifications, #photo-gallery, #other-media, #location {width:680px; padding:20px 15px; background:#e6e1ce url('../images/core/home-gallery-background.gif') no-repeat 0 0; clear:left;}
div#home-gallery span.bottom {width:710px; height:4px; display:block; position:absolute; bottom:0; left:0; background:url('../images/core/home-gallery-bottom.gif') no-repeat 0 0;}

div#home-gallery ul.pictures li{width:215px; height:210px; padding:10px 0 10px 10px; float:left; background:url('../images/core/pictures-background.gif') no-repeat 0 0;}
div#home-gallery p {line-height:18px; padding-bottom:10px;}


/*
#floorplans h2, #specifications h2, #photo-gallery h2, #other-media h2, #location h2 {height:16px; text-indent:-9999em; background:url('../images/headings/h2_floorplans.gif') no-repeat 0 0; padding-bottom:10px;}

#specifications h2 {background-image:url('../images/headings/h2_specifications.gif');}
#photo-gallery h2 {background-image:url('../images/headings/h2_photo-gallery.gif');}
#other-media h2 {background-image:url('../images/headings/h2_other-media.gif');}
#location h2 {background-image:url('../images/headings/h2_location.gif');} */


#location dl {width:190px; padding:0 10px 10px 0; float:left;}

#location dl.phone {width:240px; padding:0 10px 10px 0; float:left;}


ul.floorplans li {height:210px; padding:10px 0 10px 10px; float:left; background:url('../images/core/pictures-background.gif') no-repeat 0 0;}
ul.floorplans li a img {float:left; margin-right:20px; display:inline;}
ul.floorplans li div.information {float:left; width:400px;}
ul.floorplans li h4  {padding-bottom:15px;}

/****************************
Image Maps
****************************/
div#choose {text-align:center; padding:10px 0; width:500px; margin:0 auto;}
div#choose p {width:40px; height:145px; line-height:145px; display:inline;}
a#perth_display-button {float:left;; text-indent:-9999px; width:195px; height:145px; display:block; background:url('../images/buttons/perth-display.gif') no-repeat 0 0;}
a#south_west_display-button { float:right; text-indent:-9999px; width:195px; height:145px; display:block; background:url('../images/buttons/south_west-display.gif') no-repeat 0 0;}

ul#south_west-image_map {width:960px; height:699px; margin-bottom:20px; display:block; position:relative; background:url('../images/maps/south_west-image_map.gif');}
ul#south_west-image_map li {position:absolute; display:block;}
ul#south_west-image_map li a {display:block; text-indent:-9999px; background:url('../images/maps/australind.gif') no-repeat 0 0;}

ul#south_west-image_map li#australind {top:93px; left:489px; width:418px; height:88px;}
ul#south_west-image_map li#australind a {width:418px; height:88px; background-image:url('../images/maps/australind.gif');}

ul#south_west-image_map li#eaton {top:187px; left:486px; width:407px; height:50px;}
ul#south_west-image_map li#eaton a {width:407px; height:50px; background-image:url('../images/maps/eaton.gif');}

ul#south_west-image_map li#south_west-office {top:244px; left:533px; width:356px; height:50px;}
ul#south_west-image_map li#south_west-office a {width:356px; height:50px; background-image:url('../images/maps/south_west-office.gif');}

ul#south_west-image_map li#dalyellup {top:306px; left:441px; width:379px; height:51px;}
ul#south_west-image_map li#dalyellup a {width:379px; height:51px; background-image:url('../images/maps/dalyellup.gif');}

ul#south_west-image_map li#busselton {top:426px; left:354px; width:321px; height:91px;}
ul#south_west-image_map li#busselton a {width:321px; height:91px; background-image:url('../images/maps/busselton.gif');}

ul#perth-image_map {width:960px; height:1683px; margin-bottom:20px; display:block; position:relative; background:url('../images/maps/perth-image_map.gif');}
ul#perth-image_map li {position:absolute; display:block;}
ul#perth-image_map li a {display:block; text-indent:-9999px; background:url('../images/maps/yanchep.gif') no-repeat 0 0;}

ul#perth-image_map li#yanchep {left:160px; top:66px; width:177px; height:21px;}
ul#perth-image_map li#yanchep a {width:177px; height:21px; background-image:url('../images/maps/yanchep.gif');}

ul#perth-image_map li#armadale {left:650px; top:848px; width:108px; height:13px;}
ul#perth-image_map li#armadale a {width:108px; height:13px; background-image:url('../images/maps/armadale.gif');}

ul#perth-image_map li#armadale2 {left:650px; top:863px; width:73px; height:10px;}
ul#perth-image_map li#armadale2 a {width:73px; height:10px; background-image:url('../images/maps/armadale2.gif');}

ul#perth-image_map li#jindalee {left:217px; top:99px; width:72px; height:51px;}
ul#perth-image_map li#jindalee a {width:72px; height:51px; background-image:url('../images/maps/jindalee.gif');}

ul#perth-image_map li#tapping {left:364px; top:212px; width:184px; height:21px;}
ul#perth-image_map li#tapping a {width:184px; height:21px; background-image:url('../images/maps/tapping.gif');}

ul#perth-image_map li#aveley {left:582px; top:344px; width:55px; height:51px;}
ul#perth-image_map li#aveley a {width:55px; height:51px; background-image:url('../images/maps/aveley.gif');}

ul#perth-image_map li#belmont {left:433px; top:671px; width:95px; height:35px;}
ul#perth-image_map li#belmont a {width:95px; height:35px; background-image:url('../images/maps/belmont.gif');}

ul#perth-image_map li#head-office {left:331px; top:710px; width:78px; height:37px;}
ul#perth-image_map li#head-office a {width:78px; height:37px; background-image:url('../images/maps/head-office.gif');}

ul#perth-image_map li#forrestdale {left:654px; top:887px; width:61px; height:13px;}
ul#perth-image_map li#forrestdale a {width:61px; height:13px; background-image:url('../images/maps/forrestdale.gif');}

ul#perth-image_map li#forrestdale2 {left:654px; top:900px; width:61px; height:11px;}
ul#perth-image_map li#forrestdale2 a {width:61px; height:13px; background-image:url('../images/maps/forrestdale2.gif');}

ul#perth-image_map li#baldivis {left:360px; top:1126px; width:109px; height:32px;}
ul#perth-image_map li#baldivis a {width:109px; height:32px; background-image:url('../images/maps/baldivis.gif');}

ul#perth-image_map li#lakelands {left:362px; top:1328px; width:69px; height:49px;}
ul#perth-image_map li#lakelands a {width:69px; height:49px; background-image:url('../images/maps/lakelands.gif');}

ul#perth-image_map li#southern-river {left:527px; top:768px; width:104px; height:50px;}
ul#perth-image_map li#southern-river a {width:104px; height:50px; background-image:url('../images/maps/southern-river.gif');}

ul#perth-image_map li#madeley {left:403px; top:324px; width:58px; height:51px;}
ul#perth-image_map li#madeley a {width:58px; height:51px; background-image:url('../images/maps/madeley.gif');}

ul#perth-image_map li#harrisdale {left:495px; top:748px; width:108px; height:13px;}
ul#perth-image_map li#harrisdale a {width:108px; height:13px; background-image:url('../images/maps/harrisdale1.gif');}

ul#perth-image_map li#harrisdale2 {left:495px; top:762px; width:73px; height:10px;}
ul#perth-image_map li#harrisdale2 a {width:73px; height:10px; background-image:url('../images/maps/harrisdale2.gif');}


/****************************
Quicklinks Icons
****************************/
ul#quick-link-icons { height:25px; position:absolute; right:-10px; top:10px; display:block;}
ul#quick-link-icons li{float:left; width:24px; height:25px; padding-right:10px;}
ul#quick-link-icons li a {display:block; width:24px; height:25px; text-indent:-9999em; position:relative; }

ul#quick-link-icons li#email-friend {width:99px;}
ul#quick-link-icons li#email-friend a {background: url('../images/buttons/email_a_friend.gif') no-repeat 0 0; width:99px;}

ul#quick-link-icons li#enquire {width:95px;}
ul#quick-link-icons li#enquire a {background: url('../images/buttons/enquire_now.gif') no-repeat 0 0; width:95px;}

ul#quick-link-icons li#shortlist a {background: url('../images/home.png') no-repeat 0 0;}
ul#quick-link-icons li#rss a {background: url('../images/rss.png') no-repeat 0 0;}

ul#quick-link-icons li#facebook a {background: url('../images/facebook.png') no-repeat 0 0;}

/****************************
Primary Elements 
****************************/
h1 {display:block; width:500px;}
/* h2 {font-size:14px; font-family: Georgia, Verdana; font-weight:bold; padding-bottom:15px;} */
/*#primary p {padding-bottom:20px;}*/

ul#articles {background:#1b1b1a url('../images/core/article-background.gif') no-repeat 0 0; position:relative;}
ul#articles li.bottom {width:960px; height:4px; background:url('../images/core/article-bottom.gif') no-repeat 0 0; position:absolute; bottom:0;}
ul#articles li.article {padding:10px 20px 0 20px; width:440px; height:150px; float:left; display:block;}
ul#articles li.article-detail {padding:20px; display:block;}
ul#articles li.article img {float:right; padding-left:20px;}
ul#articles li h4 {margin-top:5px;}
ul#articles li.article a {color:#ff557d;}
ul#articles li p {padding-bottom:15px; line-height:16px; font-size:10px;}

ul#image-container { float:right; width:200px; padding-left:20px;}
ul#image-container li {padding-bottom:10px;}

a#contact_us-button {width:310px; height:40px; display:block; background:url('../images/buttons/contact_us.gif') no-repeat 0 0; text-indent:-9999px;}
a#contact_us-button:hover {background-position:0 -40px;}
#secondary a img {margin-bottom:10px;}
/****************************
Seconday Elements 
****************************/
div#address { width:320px; height:172px; padding-top:10px; display:block; background:url('../images/core/address-background.gif') no-repeat 0 0; }
div#address ul { float:left; width:140px; padding-left:20px; }
div#address ul li{ line-height:18px;}
div#address a { color:#d4021e;}

/****************************
Footer Elements 
****************************/
#footer p { display:inline; padding-right:30px; line-height:20px;}
#footer a { padding:0 5px; color:#ffffff;}

div.no-display { width:705px; }