/*
Title: Stylesheet (master)
Author: lindsey@lindseyleighbradford.com
*/


/*============
===>>STRUCTURE
============*//*===>>UNIVERSAL*/
body { background: url('../images/bg2-repeat.png') repeat top center; width:100%; color:#473e35; }
#body { 
  background: url('../images/bg2.jpg') no-repeat top center; width:100%; }
* { padding:0 auto; margin: 0 auto; list-style:none; font: 98% 'Helvetica'; }
a { text-decoration:none; font-weight:; line-height:; color:#5D5244; list-style:none;}
a:hover { text-decoration:underline; }

/*===>>Navigation-Header*/
#masthead { 
  width: 950px; margin-left:148px; height:336px; margin-left:136px;
  background: url('../images/masthead.png') no-repeat;
  }
  
#masthead .h1{ height:190px; width:500px; float:left; margin:50px 0 0 70px; }
#masthead .h1:hover { 
  background:url('../images/hover.png') repeat; height:190px; width:500px; 
  filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; 
  }
#masthead .clear { width:100%; height:13px; clear:both; }
#nav_wrap { display:block; margin: 0 auto; clear:both; }
#nav_bloc { width: 930px; height:65px; }
#nav { margin-left:-40px; }
#nav, ul#nav li { display:inline; }
#nav a { display:inline-block; height:65px; width:174px; }
#nav .n01:hover, #nav .n02:hover, #nav .n03:hover, #nav .n04:hover, #nav .n05:hover  { 
  background:url('../images/hover.png') repeat; height:65px; width:175px; 
  filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;
  }
#nav .n01 { margin-left:25px; }
#nav .n02 { margin-left:-2px; }
#nav .n03 { margin-left:-2px; }
#nav .n04 { margin-left:-2px; }
#nav .n05 { margin-left:-2px; }
#nav .active01 { 
  background:url('../images/hover.png') repeat; height:65px; width:175px; 
  filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; 
  margin-left:25px; 
  }
#nav .active02 { 
  background:url('../images/hover.png') repeat; height:65px; width:175px; 
  filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; 
  margin-left:-3px; 
  }
#nav .active03 {   
  background:url('../images/hover.png') repeat; height:65px; width:175px; 
  filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; 
  margin-left:-3px; 
  }
#nav .active04 { 
  background:url('../images/hover.png') repeat; height:65px; width:175px; 
  filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; 
  margin-left:-2px; 
  }
#nav .active05 { 
  background:url('../images/hover.png') repeat; height:65px; width:175px; 
  filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; 
  margin-left:-3px; 
  }

/*===>>The-Odd-One*/
#nav .n00 { 
  background:#a45e35; height:65px; width:176px; 
  filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; 
  margin-left:-400px; margin-right:220px;
  }

/*===>>Paper*/
#wrapper { width: 936px; margin-left:140px; }
#paper { width: 936px; height:auto; background:url('../images/paper-repeat.png') repeat; padding-bottom:56px; display:table; }
#paper #clear { margin-top:-2px; }
#paper #container { width: 936px; padding-top:40px }

/*============
===>>STRUCTURE
============*//*===>>PAGES*/

/*===>>Home*/
/*===>>page-1*/
#paper #container #recent-slides { 
  margin-bottom:80px; width: 700px; height:400px; 
  }
  #paper #container #block0h-1 { padding-left:114px; }
  #paper #container #block0h-1 .b01 { float:left; width:220px; padding-right:25px; }
  #paper #container #block0h-1 .b02 { float:left; width:220px; padding-right:25px; }
  #paper #container #block0h-1 .b03 { float:left; width:220px; height:400px; padding-right:25px; }

    #paper #container #block0h-1 .b01 h1 { float:left; margin:-20px 0 0 -2px; }
    #paper #container #block0h-1 .b02 h1{ float:left; margin:-20px 0 0 -2px; } 
    #paper #container #block0h-1 .b03 h1 { float:left; margin:-20px 0 0 -18px; }
    #paper #container #block0h-1 .b01 h1 { 
      background:url('../images/meet-the-team.png') no-repeat; height:28px; width:166px; 
      } 
    #paper #container #block0h-1 .b02 h1 { 
      background:url('../images/recent-projects.png') no-repeat; height:30px; width:226px;
      border-bottom: 1px solid #CBD7CB;  
      } 
    #paper #container #block0h-1 .b03 h1 { 
      background:url('../images/the-journal.png') no-repeat; height:28px; width:166px; 
      } 

      #paper #container #block0h-1 .b02 .recent { margin-top:20px; background:url('../images/photo-placeholder.png') repeat; width:220px; height:130px; margin-bottom:6px; overflow:hidden; border:solid #473e35 4px; }
      #paper #container #block0h-1 .b02 .recent img { border:none; height:130px; width:220px; }
      
      #paper #container #block0h-1 .b01 p { border-top:solid 1px #cbd7cb; margin-top:10px; padding:8px 4px 0px 4px; text-align:justify; text-indent:10px; }
      #paper #container #block0h-1 .b02 p { border-top:solid 1px #cbd7cb; margin-top:10px; padding:8px 4px 0px 4px; text-align:justify; text-indent:10px; }
      #paper #container #block0h-1 .b03 p { border-top:solid 1px #cbd7cb; margin-top:10px; padding:8px 4px 0px 4px; text-align:justify; text-indent:10px; }


/*===>>Who-We-Are*/
/*===>>page-2*/
#paper #container01 { margin-left:65px; width:815px; min-height:616px; margin-top:40px; }
#paper #container01 .block01-1 { margin-bottom:80px; }
#paper #container01 .block01-1 h1 { background:url('../images/who-we-are.png') no-repeat; width: 255px; height:55px; float:left; margin-left:-6px; }
#paper #container01 .block01-1 p { clear:both; }
#paper #container01 .block01-1 #a-team { background:url('../images/meet-the-team-btn.png') no-repeat; width: 130px; height:29px; float:left; margin-top:10px; }
#a-team:hover { background-position: 0 -29px !important;   }
  #paper #container01 .block01-2 .b01 { float:left; width:257px; padding-right:14px; } 
  #paper #container01 .block01-2 .b02 { float:left; width:257px; padding-right:14px; }
  #paper #container01 .block01-2 .b03 { float:left; width:257px; padding-right:14px; }

    #paper #container01 .block01-2 .b01 h1 { float:left; margin-top:-20px; }
    #paper #container01 .block01-2 .b02 h1 { float:left; margin-top:-20px; }
    #paper #container01 .block01-2 .b03 h1 { float:left; margin-top:-20px; }

    #paper #container01 .block01-2 .b01 h1 { 
      background:url('../images/t-construction.png') no-repeat; height:20px; width:113px; 
      } 
    #paper #container01 .block01-2 .b02 h1 { 
      background:url('../images/t-custom.png') no-repeat; height:20px; width:129px; 
      } 
    #paper #container01 .block01-2 .b03 h1 { 
      background:url('../images/t-roofing.png') no-repeat; height:20px; width:210px; margin-left:-4px;
      } 

      #paper #container01 .block01-2 .b01 h2 { 
        background: url('../images/pallette-orange.png') repeat; 
        height:8px; width:100%; margin-bottom:10px; float:left;
        }
      #paper #container01 .block01-2 .b02 h2 { 
        background: url('../images/pallette-plum.png') repeat; 
        height:8px; width:100%; margin-bottom:10px; float:left;
        }
      #paper #container01 .block01-2 .b03 h2 { 
        background: url('../images/pallette-green.png') repeat; 
        height:8px; width:100%; margin-bottom:10px; float:left;
        }
        
        #paper #container01 .block01-2 .b01 p { padding:1px 2px 0px 2px; text-align:justify; text-indent:8px; }
        #paper #container01 .block01-2 .b02 p { padding:1px 2px 0px 2px; text-align:justify; text-indent:8px; }
        #paper #container01 .block01-2 .b03 p { padding:1px 2px 0px 2px; text-align:justify; text-indent:8px; }

/*===>>Meet the Team*/
/*===>>page-2-sub*/
#paper #container01a { margin-left:65px; width:815px; min-height:616px; margin-top:40px; }
#paper #container01a .block01-1 { margin-bottom:20px; }
#paper #container01a .block01-1 h1 { background:url('../images/meet-the-team-title.png') no-repeat; width: 304px; height:50px; float:left; margin-left:-6px; }
#paper #container01a .block01-1 p { clear:both; }

  #paper #container01a .block01-2 { margin-left:45px; }
  #paper #container01a .block01-2 .b01 { float:left; width:165px; padding-right:14px; } 
       #profile { 
      background:url('../images/profile_bg.png') repeat; width:170px; padding:12px 0; margin-bottom:20px;
      } 
      #profile-pic { width:150px; overflow:hidden; background:url('../images/blank-profile.png') no-repeat; }
      #profile-pic img { width:150px; overflow:hidden; }
        #profile-wrapper { padding:0 4px; margin:-5px; }
        #profile-wrapper h2 { padding:4px 0; font-style:italic;}
        #paper #container01a .block01-2 .b01 h1 { color:#471d22; font-size:108%; font-weight:bold; }
            #paper #container01a .block01-2 .b01 p { padding:0 4px; }
              #paper #container01a .block01-2 li:nth-child(5n) { margin-top:40px; }

  #paper #container01a #clear-team {height:55px; clear:both;}


/*===>>What-We-Do*/
/*===>>page-3*/
#paper #container02 { margin-left:65px; width:815px; min-height:616px; margin-top:40px; }
#paper #container02 .block01-1 #what-we-do-header { background:url('../images/what-we-do.png') no-repeat; width: 249px; height:50px; float:left; margin-left:-6px; }
#paper #container02 .block01-1 #clear-wwd { clear:both; height:20px; }
#paper #container02 .block01-1 { margin-bottom:30px; }

      ul#slide-headers { margin-left:-12px; }
      #slide-headers li:nth-child(1n) { float:left; background:url('../images/t-construction.png') no-repeat; height:20px; width:113px; }
      #slide-headers li:nth-child(2n) { margin-left:142px; background:url('../images/t-custom.png') no-repeat; height:20px; width:129px; }
      #slide-headers li:nth-child(3n) { margin-left:118px; background:url('../images/t-roofing.png') no-repeat; height:20px; width:210px; }
#paper #container02 .block01-2 { clear:both; height:100px; margin-top:20px; overflow:hidden; }
      #boxes p { padding: 0 10px; color:#D5DEE7; font-weight:bold; font:100% "Helvetica Neau", Arial, sans-serif; text-decoration:none; }
      #boxes a:hover { text-decoration:none; }
      .boxgrid { width: 244px; margin-left:22px; float:left; overflow:show; position: relative; }
      .boxcaption { float: left; position: absolute; background: url('../images/pallette-orange.png') repeat; height: auto; width: 100%; padding-bottom:10px; }
          .arrow { background: url('../images/down-btn.png') repeat; width: 15px; height: 16px; margin-left:106px; }
        #orange { background: url('../images/pallette-orange.png') repeat; width: 240px; height: 16px; padding:2px;  }
          .boxcaption2 { float: left; position: absolute; background: url('../images/pallette-plum.png') repeat; height: auto; width: 100%; padding-bottom:10px; }
                #purple { background: url('../images/pallette-plum.png') repeat; width: 225px; height: 16px; padding:2px; }

            .boxcaption3 { float: left; position: absolute; background: url('../images/pallette-green.png') repeat; height: auto; width: 100%; padding-bottom:10px; }
                #green { background: url('../images/pallette-green.png') repeat; width: 225px; height: 16px; padding:2px; }
            .caption .boxcaption, .boxcaption2, .boxcaption3 { top: -100px; left: 0; }
            #boxes h3 { margin: 10px 10px 0 10px; color:#FFF; font:180% Helvetica, sans-serif; letter-spacing:-1px; font-weight: bold;  }
 

/*===>>Project-Gallery*/
/*===>>page-4*/
#container-pg { width: 814px; padding-top:40px }
.pg-block-one { margin-bottom:80px; }
.pg-block-one h1 { background:url('../images/project-gallery.png') no-repeat; width: 311px; height:50px; float:left; margin-left:-6px; }
.pg-block-one p { clear:both; }
.pg-block-two #frame { background: #5D5244; -moz-border-radius: 3px; -webkit-border-radius:3px; float:left; margin:6px 4px; }
.pg-block-two #frame img { height:45px; width:45px; border:none; -moz-border-radius: 3px; -webkit-border-radius:3px; padding:6px 2px 6px 2px;  }
  .pg-block-two #gallery-construction { height:118px; margin-bottom:20px; float:left; }
  .pg-block-two #gallery-construction h1 { background:url('../images/t-construction.png') no-repeat; height:20px; width:113px; float:left; }
  .pg-block-two #gallery-construction #line { width:100%; height:15px; background: url('../images/pallette-orange.png') repeat; clear:both; }

  .pg-block-two #gallery-custom { height:118px; margin-bottom:20px; float:left; clear:both; }
  .pg-block-two #gallery-custom h1 { background:url('../images/t-custom.png') no-repeat; height:20px; width:129px; float:left; clear:both; }
  .pg-block-two #gallery-custom #line { width:100%; height:15px; background: url('../images/pallette-plum.png') repeat; clear:both; }

  .pg-block-two #gallery-roofs { height:118px; margin-bottom:20px; float:left; clear:both }
  .pg-block-two #gallery-roofs h1 { background:url('../images/t-roofing.png') no-repeat; height:20px; width:210px; float:left; }
  .pg-block-two #gallery-roofs #line { width:100%; height:15px; background: url('../images/pallette-green.png') repeat; clear:both; }

/*===>>Journal*/
/*===>>page-5*/
#container04 { margin-left:45px; width:815px; min-height:616px; margin-top:40px; }
#journal { margin-bottom:50px; float:left; }
#journal ul li {
  background: url('../images/main-overlay.png') repeat;  padding: 0px 0px 10px; margin: 30px auto; display:table;  
}
#journal ul li:nth-child(1n) h2 {
  background: url('../images/pallette-green.png') repeat;
}
#journal ul li:nth-child(2n) h2 {
  padding: 4px 12px; background: url('../images/pallette-orange.png') repeat; 
}
#journal ul li h2 {
  font: 120% 'Helvetica'; color:#362c21;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 4px 12px; 
}
#journal ul li h3 {
  font: 75% 'Helvetica'; padding:auto12px; margin:4px 12px; color:#362c21; font-weight:bold;
}
#journal ul li p {
  margin: 15px 12px; text-indent:6px;
}
/*#journal #entry { 
  background: url('../images/main-overlay.png') repeat;  margin: 30px auto; display:table;
 }
ul#entries li { margin-bottom:160px; }
ul#entries li:nth-child(1n) { width:100%; height:25px; background: url('../images/pallette-green.png') repeat; clear:both; padding:2px; }
ul#entries li:nth-child(2n) { width:100%; height:25px; background: url('../images/pallette-orange.png') repeat; clear:both; padding:2px; }
#journal #line h1 { font: 150% 'Helvetica'; margin:4px 0; color:#fff; }
#journal h2 { font: 120% 'Helvetica'; margin:auto 6px; color:#362c21; }
#journal h3 { font: 75% 'Helvetica';  margin:4px 0; color:#362c21; font-weight:bold;}
#journal p { margin: 15px 2px 10px; text-indent:6px; }
*/

/*===>>Contact*/
/*===>>page-6*/
#container05 { margin-left:68px; width:815px; min-height:616px; margin-top:40px; }
#paper #container05 .block01-1 { clear:both; height:100px; overflow:hidden; }
ul#titles li { float:left; }
#titles .email { margin-left:-12px; }
#titles .address { margin-left:202px; }
#titles .phone { margin-left:170px; }
#titles h1 { color:#362c21; font:180% Helvetica, sans-serif; letter-spacing:-1px; font-weight: bold;  }
#container05 h2 { margin: 10px 10px 0 10px; color:#FFF; font:150% Helvetica, sans-serif; letter-spacing:-1px; font-weight: bold;  }

#block01-2 { clear:both; margin-top:20px; }
/*#block01-2 h1 { margin: 10px 0; color:#362c21; font:150% Helvetica, sans-serif; letter-spacing:-1px; font-weight: bold;  }*/

/*===>>What We Do/Construction*/
/*===>>page-6*/
#container06 { margin-left:65px; width:815px; min-height:616px; margin-top:40px; }
#paper #container06 .block01-1 { margin-bottom:80px; }
#paper #container06 .block01-1 h1 { background:url('../images/construction-header.png') no-repeat; width: 100%; height:50px; float:left; margin-left:-6px; }
#paper #container06 .block01-1 #custom-homes-h1 { background:url('../images/custom-homes-header.png') no-repeat; width: 100%; height:50px; float:left; margin-left:-6px; }
#paper #container06 .block01-1 #r-r-h1 { background:url('../images/r-r-header.png') no-repeat; width: 100%; height:50px; float:left; margin-left:-6px; }
#paper #container06 .block01-1 #info-container { width:70%; float:left; }
#paper #container06 .block01-1 #info-container .welcome {  }
#paper #container06 .block01-1 #info-container #info-columns {margin: 35px 0;}
#paper #container06 .block01-1 #info-container #info-columns #entry-nav {width:40%; float:left; }
#paper #container06 .block01-1 #info-container #info-columns #entry-nav #nav-header {margin: 10px 0; }
#paper #container06 .block01-1 #info-container #info-columns #entry-nav #nav-header #line { width:100%; height:10px; background: url('../images/pallette-orange.png') repeat; clear:both; }
#paper #container06 .block01-1 #info-container #info-columns #entry-nav #nav-header #custom-homes-line { width:100%; height:10px; background: url('../images/pallette-plum.png') repeat; clear:both; }
#paper #container06 .block01-1 #info-container #info-columns #entry-nav #nav-header #r-r-line { width:100%; height:10px; background: url('../images/pallette-green.png') repeat; clear:both; }
.title p {font-size:110%;}
#paper #container06 .block01-1 #info-container #info-columns #entry-nav #entry-nav-items li { margin:4px 0 0 10px; }
#paper #container06 .block01-1 #info-container #info-columns #entry-nav #entry-nav-items li a { font-size:110%; color:#352b20; }
#paper #container06 .block01-1 #info-container #info-columns #entry-nav #entry-nav-items li .active { font-style:bold;  } 
#paper #container06 .block01-1 #info-container #info-columns #entry { float:right; width: 50%; margin:12px 22px;}
#paper #container06 .block01-1 #info-container #info-columns #entry .info-title { font-size:122%; margin-bottom:20px; font-weight:bold; }
#paper #container06 .block01-1 #info-container #info-columns #entry .info-title

/*===>>Footer*/
#footer_container { width:100%; }
#footer_container #footer { 
  background: url('../images/footer.png') no-repeat; display:table; width:948px;  margin-left:-5px; 
  }
  #footer-panels { padding:16px 0 0 42px; }
  ul#footer-panels li { float:left; min-height:110px; margin:0 14px; padding: 10px 14px; }
  /*titles*/
  ul#footer-panels li h1 { font: 135% 'Helvetica'; color:#8c4119 /*dark orange*/; padding: 5px 0px; }
  ul#footer-panels li h1 a { font: 100% 'Helvetica'; color:#a64d1e /*light orange*/; }
  /*content*/
  ul#footer-panels li h2 { font: 116% 'Helvetica'; padding: 6px 0px 0px 2px; color:#8c4119;}
  ul#footer-panels li a { font: 92% 'Helvetica'; color:#a64d1e /*dark orange*/;}
  ul#footer-panels li a:hover { color:#8c4119; text-decoration:none; }
  /*sign in*/
  #sign-in { display:table; padding: 40px 66px 7px 0px; float:right; }
  #sign-in ul li { float:right; }
  #sign-in ul li a { display:block; width: 30px; height: 31px; padding: 0px 5px; color:#c6c3be /*shadowy white*/; }
  #sign-in ul li a:hover { background-position: 0px -31px !important; }
  #sign-in .twitter a { background: url(../images/twitter.png) top left no-repeat; }
  #sign-in .facebook a { background: url(../images/facebook.png) top left no-repeat; }
  
/*Classes, Details*/
.radius2 {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;  
}

/*==PHOTO-SLIDER==*/

#recent-slides .slideshow { height: 400px; width:700px; margin: auto; overflow:hidden;  border:4px solid #473E35;}
.slideshow img { background-color: #eee; height:500px; width: 700px; }


/*coda-slider*/
  .coda-slider-wrapper { padding: 0; }
  .coda-slider { width:700px;  }
  
  /* Use this to keep the slider content contained in a box even when JavaScript is disabled */
  .coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 0px }
  
  /* Change the width of the entire slider (without dynamic arrows) */
  .coda-slider, .coda-slider .panel { width: 700px } 
  
  /* Change margin and width of the slider (with dynamic arrows) */
  .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
  .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
  
  /* Arrow styling */
  .coda-nav-left a, .coda-nav-right a { /*background: #000; color: #fff; padding: 5px; width: 100px*/ }
  
  /* Tab nav */
  .coda-nav ul li a.current { font-weight:bold; }
  
  /* Panel padding */
  .coda-slider .panel-wrapper {  }
  
  /* Preloader */
  .coda-slider p.loading { padding: 20px; text-align: center }


  /* Tabbed nav */
    .coda-nav { width:700px; }
  .coda-nav ul { max-width:150px; float:left; margin: auto; overflow: hidden; text-decoration:none; margin-left:-140px; font-size:110%; }
  .coda-nav ul li { margin:8px 0; }
  .coda-nav ul li a { color:#352b20; }
  
  /* Miscellaneous */
  .coda-slider-wrapper { clear: both;  }
  .coda-slider { float: right; overflow: hidden; position: relative; width:350px; margin-top:-20px; margin-right:-36px; }
  .coda-slider .panel { display: block; float: left }
  .coda-slider .panel-container { position: relative }
  .coda-nav-left, .coda-nav-right { float: left; }
  .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; }

.panel-wrapper .title { font-size:122%; margin-bottom:20px; font-weight:bold; }



/*bf5822*/