/*----------------------------------------
 Main stylesheet for: Boom Properties
 Author: Libby Chapman
 Email: Libby@simb.com.au
 Author website: http://www.simb.com.au 
 ----------------------------------------*/ 
 
 /*----------------------------------------  
 Stylesheet structure:
 
 > Styles reset, HTML & body
 > Type and inline styling 
 > Main layout
 > Section details
    --> Header
    --> Sidebar
    --> Footer
    --> Agent login    
    --> Front page specific styling           
 ----------------------------------------*/ 
 
 /*----------------------------------------  
 Colour Master List
 
    Green (headings): #21a948
    Grey (secondary text): #444c48
    Footer text: #8a9991;
 ----------------------------------------*/ 
    
/* Styles reset -------------------------------------------------------------------------------------  */     

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, apress, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, p, ol, ul, li,
fieldset, form, label, legend
{
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;                
    margin: 0;
    outline: 0;     
    padding: 0;
}
    
html
{
   background: #0a0f11 url(../images/bk_outer.jpg) top left repeat-x;  
}

body 
{       
   background-color: #fff;     
   color: #000;        
   font: 62.5%/1.5em  Helvetica, Arial, sans-serif;
   margin: 0 auto;      
   width: 960px;   
}


/* Type and styling -------------------------------------------------------------------------------------  */

h1, h2, h3, h4, h5, h6
{
    color: #21a948;
    font-weight: normal; 
    line-height: 1.5em;
    padding: .3em 0;
}

   h1
   {
      background: url(../images/bk_h1.png) top left no-repeat;    
      font-size: 2em;     
      padding-left: 32px;
      padding-top: 0;
   }
    
    h2
    {
        font-size: 1.8em;            
    }

    h3
    {
        font-size: 1.6em;         
    }
    
      h3.center
      {
         text-align: center;
      }
    
    h4
    {
        font-size: 1.4em;
    }
    
    h5, h6
    {
      font-size: 1.2em;      
    }    

p, address
{
    font-size: 1.3em;
    line-height: 1.5em;
    font-style: normal;
    padding: 0.3em 0;     
}

   .emphasis
   {
      font-size: 1.5em;       
      font-weight: bold;
   }
      .emphasis-tax
   {
      font-size: 1.5em;       
	  line-height: 1.5em;
	  font-weight: bold;
	  padding-top: 3px;
	  color:#000000;
   }
     .standard
   {
      font-size: 1.3em;  
	line-height: 1.5em;
    font-style: normal;
    padding: 0.3em 0;     
     
   }
      .standard2
   {
          
      font-weight: bold;
   }

   .subtle
   {
      color: #444c48; 
   }
 
ul
{
   margin-left: 20px;        
   padding-bottom: 0.8em;  
}

   ul.icon
   {
      margin-left: 64px;
   }
    
    li
    {            
      font-size: 1.2em;          
      line-height: 1.5em;
      padding-left: 14px; 
      padding-bottom: 3px;   
    }

a
{
   border-bottom: 1px dotted;
   color: #21a948;
   font-weight: bold;
   outline: none;
   text-decoration: none;
}

    a:hover
    {
      color: #0a6f26;
    }
    
    .plain
    {
      border: 0 none;
    }
    
    a.resourceCenter, a.learnMore, a.browseDesigns, a.downloadPDF 
    {
      background: url(../images/btn_resource_center.png) top left no-repeat;       
      border: 0 none;
      display: block;
         height: 30px;
         width: 138px;
      float: right;
    }
    
    a.learnMore
    {
      background: url(../images/btn_learn_more.png) top left no-repeat;       
    }  
    
    a.browseDesigns
    {
      background: url(../images/btn_browse_designs.png) top left no-repeat;      
    }    
    
    a.downloadPDF
    {
      background: url(../images/btn_downloadPDF.png) top left no-repeat;
      float: left;    
    }        
    
       a.resourceCenter:hover, a.learnMore:hover, a.browseDesigns:hover, a.downloadPDF:hover
       {
         background-position: bottom left;
       }  
       
.PDFlabel a.plain
{   
    color: #295640;
    line-height: 30px;
} 

.bold
{
   font-weight: bold;
}

.clear
{
   clear: both;
}       
    
.left
{
   float: left;
}             

.right
{
   float: right;
}

.half
{
   width: 440px;
}

.Lpadding
{
   padding-left: 10px;
}

.Rpadding
{
   padding-right: 10px;
}

.Bpadding
{
   padding-bottom: 40px;
}

.Bmargin
{
   margin-bottom: 20px;
}

.textRight
{
   text-align: right;
}

.tight
{
    font-size: 0.96em;
    letter-spacing: -.01em;
}

.divider
{
   display: block;
   height: 20px;
}

   .forty
   {
      height: 40px;
   }

li
{
   background: url(../images/bullet.gif) top left no-repeat;
      background-position: 0 0.5em;   
   list-style-image: none;
   list-style-type: none;
   padding-left: 10px;
}

 .clearfix:after 
 {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
 }

/* Main layout -------------------------------------------------------------------------------------  */ 

    #wrapper
    { 
      margin: 0 auto; 
      padding: 0;
      position: relative;     
      width: 960px;
    }
    
    #header
    {
      background: url(../images/bk_header.jpg) top left no-repeat;      
      height: 140px;    
    }

    #content
    {          
      background: #fff url(../images/bk_content.jpg) top center repeat-x;     
      float: left;       
      padding: 20px; 
      width: 920px;   
    }
    
      #home #content
      {
         background: #fff url(../images/bk_content_long.jpg) top center repeat-x;       
      }
      
      #designs #content, #light #content
      {
         background: #fff url(../images/bk_content_designs.jpg) top center repeat-x;
      }

    #main
    {                            
      float: left;
      min-height: 400px;
      padding-right: 20px;
      width: 640px;
    }

      #main.full
      {
         width: 920px;
         padding-right: 0;
      }
      
      .full p
      {
         max-width: 700px;
      }
    
    #sidebar
    {
      color: #444c48;
      float: right; 
      line-height: 1.2em;
      width: 220px;
    }
    
      #home #sidebar
      {
         padding-top: 20px;
      }
    
    #footer
    {       
      background: #0f0f0f url(../images/bk_footer.png) top left repeat-x;     
      clear: both;    
      height: 40px;
    } 
    
/* Header -------------------------------------------------------------------------------------  */      
   a#signin
   {
      background: url(../images/signin.gif) top left no-repeat;         
      cursor: pointer;       
      display: block;
         height: 26px;
         width: 95px;
      position: absolute;
         top: 0;
         right: 0;
   }
   
      a#signin:hover
      {
         background-position: bottom;
      }  
      
/* Sidebar -------------------------------------------------------------------------------------  */ 
      #sidebar .featured
      {
         background: url(../images/bk_sidebar.png) top center no-repeat;
         clear: both;
         margin-bottom: 10px;  
         min-height: 160px;           
         padding: 10px;
      } 
      
    #sidebar a
    {
      color: #0a6f26; 
    }
    
    #sidebar a:hover
    {
      color: #21a948;
    }                     
                
/* Footer -------------------------------------------------------------------------------------  */     
      
#footerContent
{     
   height: 40px;
   line-height: 40px;
   padding: 5px 20px;
   width: 920px;    
}
      
#footer a
{
   border: 0 none;
   color: #8a9991;
   text-decoration: none;
}

   #footer a:hover 
   {
      color: #b3c7bd;
   }
   
   #footer a.subtle
   {
      color: #8a9991;
   }
   
#footer p
{
   color: #8a9991;    
   font-size: 0.9em;
} 

/* Agent login -------------------------------------------------------------------------------------  */   

#login
{
   position: absolute;
   right: 20px;
   z-index: 999;
}
#loginForm
{
   background: url(../images/bk_login.png) bottom center no-repeat;              
   display: none;
   height: 160px;                
   width: 180px;
}
 
#loginForm fieldset, #agentLogin fieldset
{   
   border: none;  
   padding: 20px;
 }      

 #loginForm label, #agentLogin label
{  
   color: #fff;               
   display: block;
   font-weight: bold;
   width: 130px;
}  
   #agentLogin label
   {
      color: #444c48;
      font-size: 1.1em; 
   }    

#loginForm input, #agentLogin input
{  
   border: 1px solid #060d10;
   background-color: #fff; 
   color: #444c48;  
   display: block;
   height: 14px;   
   margin-bottom: 10px;
   padding: 4px;
   width: 130px;     
}

#loginForm input:focus
{
   background-color: #e7ffee;    
}  

#agentLogin input:focus
{
   border-color: #21a948;    
} 
#loginForm input.submit, #agentLogin input.submit
{
   background: url(../images/bk_submit.png) top left repeat-x; 
   border-width: 1px; 
   color: #444c48;
   cursor: pointer;   
   font-weight: bold;
   height: 24px;   
   line-height: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
   width: 140px;
}

#loginForm input[type=submit]:hover, #agentLogin input[type=submit]:hover
{
   background: url(../images/bk_submit.png) bottom left repeat-x;
   color: #21a948;    
}
                            
#loginBtn
{
   background: url(../images/bk_login_btn.png) bottom center no-repeat; 
   cursor: pointer;               
   display: block;
   height: 36px;
   width: 180px;               
}
            
            #messageSent
            {
               color:#ff9933;
               display:none;
            }                               
            
/* Front page -------------------------------------------------------------------------------------  */             

.col1, .col2, .col3, .col4
{
   float: left;
   width: 190px;
}

   .col1, .col2
   {
      background: url(../images/col_divider.gif) top right no-repeat;       
      padding-right: 16px;
   }
   
   .col2, .col3, .col4
   {
      padding-left: 16px;
   }
   
#photos, #photos2 
{
   height: 260px;
   overflow: hidden;      
   margin-bottom: 20px;
   width: 920px;
}

#photos2
{
   height: 200px;
}

#photo1, #photo2, #photo3
{
   float: left;
   overflow: hidden;
   width: 230px;
}

#photo3
{
   width: 460px;
}

#logos
{
   height: 80px;
   overflow: hidden;
   width: 190px;
}

/* Tables -------------------------------------------------------------------------------------  */ 

td
{
   color: #464c48;
   vertical-align: top;
}

td.image
{
   padding-right: 20px;   
}

tr.border td
{
   border-top: 2px solid #eaeeec;
}

tr.alt td
{
   background-color: #eaeeec;
}