/* -------------------------------------------

TITLE : Cornerstone

AUTHOR : Binarix
AUTHOR URL : http://www.binarix.com.au

DESCRIPTION : Full Site Styles
 
------------------------------------------ */

/* -------------------------------------------
  MAIN SITE LAYOUT
------------------------------------------ */

html, body {
     background-color: #cdd5e2;
     margin: 0;
     padding: 0 0 10px 0;
     }

#container {
	 width: 974px;
	 margin: 0 auto;
	 padding: 0 6px 6px 6px;
	 border: 1px solid #b6c4d1;
     border-top: 0;
     background: #fff;
	 }
     
     #bnnr {}
     
     #navWrap {
         width: 920px;
	 	 height: 27px;
         padding: 4px 27px 0 27px;
         background: #03215f url(../images/internaltemplate/navtile.jpg) top left repeat-x;
         text-align: right;
         }
         
         #navWrap a, #navWrap a:hover {
             font: bold 12px arial, helvetica, sans-serif;
             color: #fff;
             text-decoration: none;
             }
			 
	
     
     #mainWrap {
         width: 945px;
         margin: 0 auto;
         padding: 25px 0;
         overflow: hidden;
         }
     
         #leftLinksWrap {
             width: 241px;
             padding: 0 0 0 10px;
             float: left;
             }
             
             .headlist {
                 width: 231px;
                 height: 15px;
                 overflow: hidden;
                 background: #e38161 url(../images/internaltemplate/subnavbg.jpg) top right no-repeat;
                 padding: 3px 6px;
                 font: bold 12px arial, helvetica, sans-serif;
                 color: #fff;
                 }
              
              .leftlist li { list-style-type: square; color: #00215d; }
              .leftlist li a { color: #5f6063; text-decoration: none; }
              .leftlist li a:hover { text-decoration: underline; }
              
              #leftLinksWrap ul ul { margin: 10px 0 0 20px; padding: 0  }
              #leftLinksWrap ul ul li { list-style: none; margin: 0; padding: 0; }
              #leftLinksWrap ul ul a { font-size: 11px; color: #999; }

         #contentMain {
             width: 660px;
             float: right;
             overflow: hidden;
             }
             
             .head2 {color:#cdd5e2; font-weight:bold; font-size:16px; }

             .subheadings { font: 12px arial, helvetica, sans-serif; color: #5f6063; }
             .subheadings a { color: #5f6063; }
             
             #mainContentWrapper {
                 width: 640px;
                 padding: 20px 0 0 20px;
                 }

     #footer {
         width: 974px;
         border-top: 3px solid #eb794b;
         padding: 15px 0;
         font: bold 10px/19px arial, helvetica, sans-serif;
         color: #abb8be;
         }
         
         #footerRight {  float: right; width: 675px; }
         
         #footer img { float: left; }
         #footer a { color: #abb8be; }     

#binarix {
     width: 974px;
	 margin: 0 auto;
     font: normal 11px arial, helvetica, sans-serif;
     color: #99a1ae;
     padding: 15px 0;
     text-align: right;
     }
     
     #binarix a { font: normal 11px arial, helvetica, sans-serif; color: #99a1ae; }
         
.clear {
	clear: both;
	height: 0;
	padding: 0;
	margin: 0;
    font-size: 0;
	}              

/* -------------------------------------------
  GLOBAL TEXT STYLES
------------------------------------------ */

li, td, tr, th { color:#515355; font: 12px/19px arial, helvetica, sans-serif; }
li { margin-bottom: 5px; }

p {color:#515355; font: 12px/19px arial, verdana, tahoma; margin: 0 0 20px 0; } 

table, ol, ul {margin-bottom: 20px; }

hr { 
	border-top: 1px solid #e5e5e5;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	color: #fff;
	margin: 30px 0;
	height: 0;
	padding: 0;
	}

/* HEADING STYLES */

h1 {color:#00235D; font: normal 18px arial, helvetica, sans-serif; margin: 0 0 20px 0; } 
h2 {color:#e86c24; font: normal 18px arial, helvetica, sans-serif; margin: 0 0 20px 0; }
h3 {color:#00235D; font: bold 13px arial, helvetica, sans-serif; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; margin: 0 0 20px 0; } 
h4 {color:#999999; font: bold 12px arial, helvetica, sans-serif; text-transform: uppercase; margin: 0 0 20px 0; }

/* LINKS STYLES */

a { color:#00235d; }
a:hover { color:#00235D; text-decoration:none;}

/* ------------------------------------------ */

/* -------------------------------------------
  MISC. STYLES
------------------------------------------ */

.imgRight {
    float: right;
    margin: 0 0 20px 20px;
    padding: 3px;
    border: 1px solid #dadada;
    }

.imgLeft {
    float: left;
    margin: 0 20px 20px 0;
    padding: 3px;
    border: 1px solid #dadada;
    }

.greyRows { margin: 0 0 20px 0; padding: 0; }

  .numberedGreyRowDark {
      background: #edeeee;
      padding: 10px;
      display: block;
      list-style: none;
      margin: 0 0 5px 0;
      }
  
  .numberedGreyRowLight {
      background: #f8f8f8;
      padding: 10px;
      display: block;
      list-style: none;
      margin: 0 0 5px 0;
      }
      
   .greyRows .numberedGreyRowDark, .greyRows .numberedGreyRowLight { height: 30px; }
      
      .numberWrap {
           width: 40px;
           float: left;
           margin: -10px 20px 0 0;
           color: #e86c24;
           font: 40px/40px Georgia, "Times New Roman", serif;
           text-align: right;
           }

.roles { margin: 0 0 20px 0; }

  .greyBox { background: #edeeee; }
       .greyBox h4 { color: #e86c24; }
  
  .blueBox { background: #cdd5e2; }
       .blueBox h4 { color: #00235d; }
  
  .orangeBox { background: #e27848 url(/images/services/personal/orangebox.jpg) top left no-repeat; }
      .orangeBox p, .orangeBox h4 { color: #fff; }
      
      .greyBox p, .blueBox p, .orangeBox p { font: 11px/17px arial, helvetica, sans-serif; margin: 0 0 10px 0; padding: 0; }
      .greyBox h4, .blueBox h4, .orangeBox h4 { font: 20px Georgia, "Times New Roman", serif; margin: 0 0 5px 0; text-transform: none; }

.featureBox {
  width: 251px;
  float: right;
  margin: 0 0 20px 20px;
  background: #cdd5e2;
  }
  
  .featureBoxInner { width:221px; padding: 15px; }
  .featureBox p { font: 11px/17px arial, helvetica, sans-serif; margin: 0 0 10px 0; padding: 0; }
  .featureBox h4 { color: #00235d; text-transform: none; margin: 0 0 10px 0; padding: 0; }
  
/* SPECIFIC TO TEAM PAGE */

.planners h4 {
     color: #e86c24;
     font: normal 20px/23px georgia, "times new roman", serif;
     text-transform: none;
     }
     
     .planners h4 i { font: bold 14px georgia, "times new roman", serif; color: #a59c96; font-style: italic; }
    
.planners ul { padding-top: 0; margin-top: 0; margin-bottom: 0; }
.support ul { margin: 0 0 20px 0; padding: 0; }

/* SPECIFIC TO LOCATION PAGE */

.locationBox {
  width: 299px;
  background: #cdd5e2;
  }
  
  .locationBoxInner { width: 269px; padding: 15px; float: left;}
  .locationBox p { font: 11px/17px arial, helvetica, sans-serif; margin: 0 0 20px 0; padding: 0; }
  .locationBox h4 { color: #00235d; text-transform: none; margin: 0 0 20px 0; padding: 0; }
  .locationBox iframe { border: 1px solid #a9b2c0; margin: 0 0 10px 0; }
