/*======== framework ========*/
* {
   margin: 0;  /* eliminated spacing differences between browsers */
   padding: 0;
}
 body {
   font-size: 0.8em; 
   line-height: 1.3;
   font-family: arial, helvetica, verdana, trebuchet-ms, century-gothic, tahoma, sans-serif;
   text-align: center; 
   min-width: 760px;
   background-color:#020202;
   behavior: url(/pages/images/global/csshover.htc);
   text-align-center;
}
#wrapper {
   position: relative;
    background-image: url(../images/pages/sub-page_background.png);
   background-repeat: no-repeat;
   background-position: 0 209px;
   width: 759px;
   margin: 0 auto;   
  /*left: -375px;
   margin-left: 50%;*/
   text-align: left; 
}
#innerWrap {
  /* apply "clearfix" class withing html document to ensure footer clearing both column(s) & footer */
}
.block{
   margin: 0 2em 0 1em; /* all content must be included within div tags assigned this class */
   clear: both;
}  
/*======== end framework ========*/

/*======== common formatting ========*/
   /*======== headings ========*/
   h1 {font-size: 1.7em;}
   h2 {font-size: 1.5em;}
   h3 {font-size: 1.3em;}
   h4 {font-size: 1.1em;}
   /*h5 {font-size: 1em;}
   h6 {font-size: 1em;}
   h6 {margin-bottom: 0;}*/
   h1, h2, h3, h4 {color: #4b2422; margin: 1.5em 0 0.5em 0;}
   h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#333;}
   h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#999;}
   h6 {
      margin-bottom: 0;
   }
   /*======== end headings ========*/
   
   /*======== text elements ========*/
   p {margin: 1em 0;}   
   blockquote {padding-left: 0 2em;}
   dl {padding: 0 1em;}
   dd {padding-left: 1em;}  
   p a, blockquote a, dl a, abbr a, acronym a  {color: #333;}
   p a:hover, blockquote a:hover, dl a:hover, abbr a:hover, acronym a:hover {color:#999;}
   /*======== end text elements ========*/
   
   /*======== images ========*/
   img {
      margin: 1em;
      border-style: none;
   }
   img a {border-style: none;}
   p.caption {   
      font-size: 0.8em;
      text-align: center;
      margin-top: -0.1em;
   }   
   div.left {float: left;}
   div.right {float: right;}
   /*======== end images ========*/
   
   /*======== lists ========*/
   ul, ol {padding: 1em 3em;}
   ul li ul, ol li ol, ol li ul,  ul li ol {padding: 1em 2em;}
   ol {padding-left: 3.5em;}
   ul li, ol li {padding-bottom: 0.5em;}
   ul li a, ol li a {color: #333;}
   ul li a:hover, ol li a:hover {color:#999;}
   /*======== end lists ========*/
   
   /*======== tables =======*/
   table td {
      padding: 0 0.5em;
      vertical-align: top;
   }
   table td a {color: #333;}
   table td a:hover {color:#999;}
   /*======== end tables ========*/
   
   /*======== forms ========*/
   form {
      padding: 0.5em;
      margin: 0.5em 0;
   }
   /*======== end forms ========*/   
/*======== end common formatting ========*/

/*======== header ========*/
   #header {
     position: relative;
   background-image: url(/pages/images/pages/sub_page_header2.jpg);
   background-repeat: no-repeat;   
   background-position: 0 0;
   width: 100%;
   height: 209px;
   }
    #wrapper #header #logo {display:none;
   }
   /*======== headerMenu ========*/
   #headerMenu ul {
      /*font-weight: bold;*/
       position: relative;
  left:0;
  font-size: 1.1em;
  list-style:none;
      /*width: 100%;*/
  padding-top: 170px;
  /*margin-left: 15px;*/
   }
   #headerMenu ul li {
      float:left;
  border-left: #DBD8C0 solid 1px;
      padding: 0 0.7em;
   }
   #headerMenu ul li.noborder {
  border-style: none;
   }
   #headerMenu ul li a{
      color: #DBD8C0;
  text-decoration: none;
 
   }
   #headerMenu ul li a:hover{
      color: #FFF;
      text-decoration: underline;
   }
   /*======== headerMenu ========*/   
/*======== end header ========*/

/*======== content ========*/
#content {
   width: 735px;
   float: right; 
   background-color: transparent;
}
#innerWrap_about_us #content, #innerWrap_meet_the_team #content {
   width: 610px;  
}
#innerWrap_bed_bath #content, #innerWrap_kitchens #content, #innerWrap_interiors #content, #innerWrap_exteriors #content {
   width: 570px;
}
#innerWrap_bed_bath #content img, #innerWrap_kitchens #content img, #innerWrap_interiors #content img, #innerWrap_exteriors #content img {
   margin-left: 0px;
   margin-right: 5px;  
}
#innerWrap_photos #content {
   width: 570px;
}
#content ul.faqs {
   margin-top: 1em;
   list-style-position: inside;
}
#content ul.faqs ul{
   margin: 0;
   padding-top: 0;
   margin-top: -1.9em;
   margin-bottom: 0.5em;
}
#content ul.faqs  li.noNumber {
   padding-bottom: 1em;
}
#content ul.faqs  li.question {
 list-style-image: url(../images/pages/question_bullet.png);
}
#content ul.faqs  li.answer {
 list-style-image: url(../images/pages/answer_bullet.png);
}
#content ul.faqs  li.answer a.backtotop {
   display: block;
   text-align: right;
   right: 1em;
}

/*======== end content ========*/

/*======== column1 ========*/
#column1 {
   display: none;
   float: left;
   background-color:transparent;
}
#innerWrap_about_us #column1, #innerWrap_meet_the_team #column1 {
   display: block;
   width: 140px;
}
#innerWrap_bed_bath #column1, #innerWrap_kitchens #column1, #innerWrap_interiors #column1, #innerWrap_exteriors #column1 {
   display: block;
   width: 175px;
   padding-right: 0;
   margin-right: 0;
   padding-left: 10px;
}
#innerWrap_photos #column1 {
display: block;
   width: 160px;
   padding: 0 1em;
}
#innerWrap_about_us #column1 .block, #innerWrap_photos #column1 .block{
   margin: 0 1em 0 2em;
}
#column1 a {
   font-size: 0.9em;
   color: 000;
}
#column1 a:hover {
   color: 333;
}
   /*======== sideMenu styles ========*/
   #sideMenu ul {
      font-size: 1.1em;
      list-style:none;
      width: 70%;
      margin: 0 20px;
      padding: 0;
   }
   #sideMenu ul li {
      border-bottom: #020202 solid 1px;
      padding: 0.6em 0;
   }
   #sideMenu ul li a{
      color: #000;
      text-decoration: none; 
   }
   #sideMenu ul li a:hover{
      color: #969694;
   } 
   /*======== end sideMenu styles ========*/
/*======== end column1 ========*/


/*======== footer ========*/
#footer {
   position: static;
   background-image: url(/pages/images/pages/home_footer.png);
   background-repeat: no-repeat;
   background-position: 0 0;
   height: 250px;
   clear: both;
}
#footer img {
   padding: 35px 0 0 158px;
}
#footer #footerInfo {
   background-color: transparent;
   position: relative;
   margin-left:10px;
   margin-right:10px;
   bottom: 0;
}
#footer #footerInfo h5 {
   color: #DBD8C0;
   font-size: 0.9em;
   margin-top: 0;
   margin-bottom: 0.5em;
   text-align: center;  
}
#footer #footerInfo h6 {   
   color: #DBD8C0;
   font-size: 0.8em;
   margin-bottom: 0.5em;
   text-align: center;  
}
#footer #footerInfo p {
   color: #DBD8C0;
   font-size: 0.8em;
   margin-top: 25px;
   padding-bottom: 15px;
   text-align: center; 
}
#footer #footerInfo h5 a, #footer #footerInfo h6 a, #footer #footerInfo p a {
 color: #DBD8C0;
}
#footer #footerInfo h5 a:hover, #footer #footerInfo h6 a:hover, #footer #footerInfo p a:hover {
 color: #FFF;
}
/*======== end footer ========*/

/* ======== float clearing method ========*/
/*devised by Tony Aslett - www.csscreator.com */
/* add the clearfix class to any containter that must enclose floated elements */
/* details at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
   content: ".";              /* the period is placed on the page as the last thing before the div closes */
   display: block;          /* inline elements don't respond to the clear property */ 
   height: 0;                  /* ensure the period is not visible */
   clear: both;               /* make the container clear the period */
   visibility: hidden;     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/* ======== end float clearing method ========*/

#thumbs .img-wrapper {
  display: inline;
  float: left;
}
