/**********************************************
   CSS FILE FOR MATTHEW SMITH - LAYOUT STYLES
   DEVELOPED BY PHOSPHOR ESSENCE
   COPYRIGHT 2007
   www.phosphor.co.nz
   **********************************************/
html,body{height:100%;}
body{background-color:#fff;}

p{padding:7px 0;}

#mainContainer{background:#ebe7e4; height:100%; width:959px; margin:0 auto; padding:0;}

#header{background:#fff;height:110px;padding-top:4px;width:959px;}
      #header.logo{width:430px;height:106px;float:left;margin:0;}


#navigation{background:#958671;float:left;min-height:436px;width:134px;margin:0;padding:8px 8px 10px;}
      #navigation .main{list-style:none;text-transform:uppercase;margin:0 0 20px;}
      #navigation .main li{margin:0;padding:0;}
      #navigation .main li a{border:1px #958671 solid;color:#cfc4b0;display:block;font-weight:700;padding:3px 3px 3px 10px;}

      #navigation .main li a:hover{border-color:#cfc4b0; color:#fff;}
      #navigation .main li a.selected{border-color:#cfc4b0; color:#fff;}
        
      #navigation .main li ul{list-style:none; margin:0 0 0 15px;}
      #navigation .main li .noLink{border:1px #958671 solid;color:#cfc4b0;display:block;font-weight:700;padding:3px 3px 3px 10px;}
      
      
      #navigation .sub{list-style:none;height:100px;text-transform:uppercase;border-top:1px solid #cfc4b0;margin:47px 8px;}
      #navigation .sub li{margin:8px 0 3px;padding:0;}
      #navigation .sub li a{background:url(../userfiles/image/bullet.jpg) no-repeat 0 2px;color:#ad9c83;padding:0 0 0 15px;}
      #navigation .sub li a.hasChildren{color:#cfc4b0 !important;}
      #navigation .sub li a.hasChildren:hover{background:url(../userfiles/image/bullet-over.jpg) no-repeat 0 2px;color:#fff !important;padding:0 0 0 15px;}
      #navigation .sub li .selected{background:url(../userfiles/image/bullet-over.jpg) no-repeat 0 2px;color:#fff;}
      #navigation .sub img{display:none;}  
        
      
      #navigation h3{color:#FFF; font-size:13px;}
      #linksImg{margin:20px 0 0;}
      .links{list-style:none;height:100px;text-transform:uppercase;margin:3px 8px;}
      .links li{margin:3px 0;padding:0;}
      .links li a{color:#cfc4b0;padding:0;}
      .links li a:hover{color:#fff !important;padding:0;}
      


#contentWrap{float:left;width:806px;height:100%;border-left:3px solid #fff;}

#mainContent{float:left;min-height:100%;width:258px;background:#cfc4b0;padding:0 8px;}

      #mainContent h1{border-bottom:1px solid #958671; color:#958671; font-size:2em; font-weight:400; margin:95px 0 0 0; padding:0 0 8px 0;}
      #mainContent p{color:#61574b; line-height:20px; margin:0 0 15px 0;}
      
      #mainContent .textBlock{margin:0 30px 0 10px;}
      
      #mainContent ul{}
      
      ul.contactInfo {list-style:none; margin:20px 0 0 10px;}
      ul.contactInfo li{background:url(/userfiles/image/contact-icon.jpg) 0px 2px no-repeat; margin:0 0 10px 10px; padding:0 0 0 25px;}
      
      
      
      #frontpageNavigation{list-style:none; margin:-70px 0 0px 0;}
            #frontpageNavigatiom li{margin:0 0 -50px 0;}
            
            #frontpageNavigation h1 {border:none;}
            #frontpageNavigation h1 a{color:#958671;}
            
            
            #frontpageNavigation img{float:left;}
            #frontpageNavigation .propertyTypes{float:left; list-style:none; margin:50px 0 0 0;}
            #frontpageNavigation .propertyTypes li a{background:url(../userfiles/image/bullet2.jpg) no-repeat 0 3px; color:#958671; font-weight:bold; padding:0 0 0 15px; text-transform:uppercase;}      
            #frontpageNavigation .propertyTypes li a:hover{background:url(../userfiles/image/bullet2-over.jpg) no-repeat 0 3px; color:#000; padding:0 0 0 15px;}      

      #propertyInfo{margin-top:0px}
            #propertyInfo h1 a{background:none; font-size:18px; padding:0;}
            #propertyInfo h1 a:hover{background:none;}
            #propertyInfo p{margin:10px 0 5px 0;  padding:0;}
            #propertyInfo a{background:url(/userfiles/image/bullet2.jpg) no-repeat 0 3px;color:#958671;padding:0 0 0 12px;}
            #propertyInfo a:hover{background:url(/userfiles/image/bullet2-over.jpg) no-repeat 0 3px;color:#2e2923;}
                        
            #propertyInfo .propertyTypes{}
            
            #propertyInfo .propertyIcons{background:url(../userfiles/image/icons-large.jpg) no-repeat; height:39px; margin-top:10px; padding:22px 0 0 6px; width:141px;}
            .bath{margin-left:13px;}
            .fire,.car,.area{margin-left:14px;}

            #propertyInfo .nav{list-style:none;}
            #propertyInfo .nav li{margin:0 0 3px 0;}
            
            #propertyInfo .agents{list-style:none; margin:20px 0 0 0;}
            #propertyInfo .agents li{background:url(../userfiles/image/contact-icon.jpg) no-repeat 0 3px; height:30px; line-height:15px; margin:0 0 15px; padding:5px 0 0 25px;}
            #propertyInfo .agents li a{background:none; margin:0; padding:0;}
            #propertyInfo .agents li a:hover{background:none;}
            
            
            #propertyInfo .standardInfo{list-style:none; padding:0; }
            #propertyInfo .standardInfo li{margin:0 0 8px 0; padding:0;}

            

		#video_canvas{width:529px; height:529px;}





#subContent{float:left;min-height:100%;border-left:3px solid #fff;width:529px;background:#e2dcd0;}
      
    #subContent .caption{background:#958671; color:#cfc4b0;}
    #subContent h2.caption{font-size:16px; height:20px; padding:10px; text-transform:uppercase;}
    #subContent p.caption{font-size:13px; height:20px; padding:10px;}
      

        #propertyListings{list-style:none;}      
            #propertyListings li{background:#ebe7e4;border-bottom:3px solid #fff; height:200px; margin:0;padding:0; position:relative;}
            
            #propertyListings img{border:3px solid #fff; border-width:0 3px 3px 0; height:90px; float:left;}
            #propertyListings h2{float:left; font-size:12px; line-height:20px; width:200px; text-transform:none; margin:18px 0 0 10px;}
            #propertyListings h2 a{color:#000;}
            #propertyListings h2 .suburbText{display:block; color:#958671;}
            
            #propertyListings .propertyIcons{background:url(/userfiles/image/icons.jpg) no-repeat; float:left; height:39px; margin:10px 0 0 5px; padding:22px 0 0 6px; width:141px;}
            
            #propertyListings .moreLink{color:#000; position:absolute; bottom:10px; right:10px; }
            #propertyListings .moreLink:hover{color:#958671;}
            
            #propertyListings p{line-height:18px;}
                        
            
            #propertyListings .textBlock{float:left; width:350px; margin:10px; height:80px; }
            #propertyListings .textBlock li{border:none; height:auto; margin:0 0 0 20px;}
            
            #propertyListings .featuredHeading{height:38px !important;background:#958671 !important;}
            #propertyListings .featuredHeading h2{color:#cfc4b0;font-size:1.3em;text-transform:uppercase;width:100%;margin:10px !important;}
            
        .slideShow{background:no-repeat; height:auto;}    
             
        .propertyFiles{margin:50px 0 0 20px;}
        .propertyFiles h2{margin:20px 0 10px;}    
        .propertyFiles ul{list-style:none; margin:0;}
        .propertyFiles ul li{padding:0; margin:0 20px 20px;} 
  	.propertyFiles ol{margin:0px 0 0;}
        .propertyFiles ol li{padding:0; margin:0 0 0 20px;} 

  	.quicktimeNotice{float:left;width:300px;line-height:18px;margin:8px 60px 0 10px;}
      	.quicktimeIcon{float:left;margin:16px 0 0 60px;}
/*
.propertyOptions{margin-bottom:15px;list-style:none;}
.propertyOptions li{margin:0 0 5px;padding:0;}

#textBlock ul{width:250px;}
#textBlock ul li{margin-bottom:10px;}



#propertyInfo .propertyIcons{background:url(../userfiles/image/icons-large.jpg) no-repeat;}




.textCopy h2{font-size:1.3em;margin-bottom:15px;}
.textCopy h3{font-size:1em;}
.textCopy ul{list-style:none;width:200px;}
.textCopy ul li{width:200px;margin:0 0 10px;}
.imageCaption{background:#61574B;width:100%;height:105px;border-top:3px solid #fff;margin-top:-3px;}
.imageCaption p{text-transform:uppercase;color:#cfc4b0;font-weight:700;line-height:15px;margin:10px;}


#rightContent .sold{display:none !important;}



#contentWrap div.subnav ul.subnav li a.hasChildren:link,
#contentWrap div.subnav ul.subnav li a.hasChildren:visited,
#contentWrap div.subnav ul.subnav li a:link,
#contentWrap div.subnav ul.subnav li a:visited
{color:#CFC4B0 !important;background-position:top left;border-color:#958671;}

#detail{float:left;height:106px;vertical-align:bottom;width:529px;}
#detail .propertyTitle{text-transform:none;margin:87px 0 0;}

.suburbText{color:#958671;}



#contentWrap div.subnav ul.subnav li a.hasChildren:hover
#contentWrap div.subnav ul.subnav li a.hasChildren:active,
#contentWrap div.subnav ul.subnav li a:hover,
#contentWrap div.subnav ul.subnav li a:active
{color:#FFF !important;background-position:top right;border-color:#CFC4B0;}







#contentWrap div.subnav ul.sub li{float:left;background:none;margin:3px;}
#contentWrap div.subnav ul.sub li a{display:block;border:solid 1px #000;width:82px;height:156px;background:#666;text-align:center;font-weight:700;font-size:9px;padding:10px 4px 4px;}
#contentWrap div.subnav ul.sub {border:0;margin-top:5px;}
#contentWrap div.subnav ul li a.Waterfront{background:url(../userfiles/image/subnav/waterfront.jpg);}
#contentWrap div.subnav ul li a.Apartments{background:url(../userfiles/image/subnav/apartments.jpg);}
#contentWrap div.subnav ul li a.Developments{background:url(../userfiles/image/subnav/developments.jpg);}
#contentWrap div.subnav ul li a.Land{background:url(../userfiles/image/subnav/land.jpg);}
#contentWrap div.subnav ul li a.Residential{background:url(../userfiles/image/subnav/residential.jpg);}
#contentWrap div.subnav ul li a.Sold{display:None;}
*/


#subContent .sub{list-style:none; margin:20px 0 0 0;}
#subContent .sub li{background:#fff; border:1px solid #968571; float:left; margin:3px; }
#subContent .sub li:hover{border-color:#CFC4B0;}

#subContent .sub li a{background:#968571; color:#CFC4B0; display:block; font-size:9px;  height:150px; margin:2px; overflow:hidden; padding:6px 0 0 0; text-align:center; text-transform:uppercase; width:76px;}
#subContent .sub li a:hover{background:#CFC4B0; color:#fff;}
#subContent .sub li a img{border-top:2px solid #fff;  margin:4px 0 0 0;}
#subContent .sub li a:hover img{margin-left:-76px;}



#salesforce #errors{display:none; border:2px solid red; margin:0 0 10px; padding:10px;}
#salesforce #errors ul{list-style:none; margin:10px 0 0;}
#salesforce #errors ul li{margin:0 0 10px;}


.interactiveFloorPlan{margin:20px;}