@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body {
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #543C23;
  background-color: #E8DAC1;
  height: 100%;
}

#left-main a:link, #left-main a:visited, #right-main a:link, #right-main a:visited, #related-video-box a:link, #related-video-box a:visited { color: #9F460C; text-decoration: none; }
#left-main a:hover, #right-main a:hover, #related-video-box a:hover { color: #E76712; }

#main-inner a:link, #main-inner a:visited { color: #9F460C; text-decoration: underline; line-height: 20px; }
#main-inner a:hover { color: #E76712; line-height: 20px; }

#footer-container a:link, #footer-container a:visited { color: #F0843C; text-decoration: none; }
#footer-container a:hover { color: #F4AA79; text-decoration: none; }

#orange-thing a:link, #orange-thing a:visited { text-decoration: underline; color: #F7B386; }
#orange-thing a:hover { text-decoration: none; }

h1 { padding-left: 7px; padding-top: 2px; clear: both; font-size: 19px; font-weight: bold; color: #412E1B; }
h2 { padding-left: 10px; padding-top: 5px; padding-right: 5px; clear: both; color: #412E1B; font-weight: bold; line-height: 18px; font-size: 14px; letter-spacing: .06em; }
h3 { padding: 0; font-size: 14px; color: #543C23; font-weight: bold; clear: both; }
h4 { padding-left: 7px; padding-top: 2px; clear: both; font-size: 12px; font-weight: normal; color: #8A6239; }
h5 { padding-left: 22px; padding-top: 7px; padding-right: 5px; clear: both; color: #412E1B; font-weight: bold; line-height: 20px; font-size: 14px; letter-spacing: .03em; }

ul {
  list-style: outside;
  margin-left: 50px;
  margin-top: 10px;
  line-height: 18px;
}

ul li {
  padding-left: 0px;
  padding-top: 5px;
}

ol {
  list-style: outside;
  margin-left: 30px;
  margin-top: 20px;
  line-height: 18px;
}
ol li {
  padding-left: 0px;
}

.right { float: right; margin-left: 10px; display: inline; }

.spacer {
  margin-top: 8px;
  margin-left: 9px;
  width: 224px;
  height: 1px;
  background-color: #C6A566;
  clear: both;
  _font-size: 0;  /* IE 6 Fixes */s
  _line-height: 0;
}

.vert-spacer {
  margin-top: 12px;
  width: 2px;
  height: 325px;
  background-image: url(../images/vert-spacer.gif);
  background-repeat: repeat-y;
  float: left;
  display: inline;
}

.video-spacer {
  width: 540px;
  margin-left: 12px;
  margin-top: 10px;
  height: 2px;
  background-image: url(../images/video-spacer.gif);
  background-repeat: repeat-x;
  clear: both;
  _font-size: 0;
  _line-height: 0;
}

.spacer-container {
  width: 100%;
  clear: both;
  overflow: hidden;
}

.featured-bullets a:link, .featured-bullets a:visited {
  color: #9F460C;
  font-size: 13px;
  text-decoration: none;
  list-style: none;
  background: url(../images/arrow.gif) right center;
  background-repeat: no-repeat;
}

.featured-bullets a:hover {
  color: #EE7320;
  background: url(../images/arrow-hover.gif) right center;
  background-repeat: no-repeat;
}

.featured-bullets li a {
  display: inline;
  padding-right: 20px;
    height: 8px;
}

.featured-bullets {
  margin: 7px 0 0 0; padding: 0;
  list-style: none;
  width: 100%;
  clear: both;
}

.featured-bullets li {
  padding-left: 0;
  margin-top: 7px;
  clear: both;
}

.featured-spacer {
  width: 404px;
  height: 2px;
  background-image: url(../images/featured-spacer.gif);
  background-repeat: repeat-x;
  clear: both;
  margin-left: 6px;
  margin-top: 17px;
  margin-bottom: 17px;
  _font-size: 0;
  _line-height: 0;
}

#orange-thing {
  background-color: #9F460C;
  width: 100%;
  clear: both;
  overflow: hidden;
  padding-bottom: 10px;
  margin-top: 10px;
}

#orange-thing p { padding-top: 6px; padding-left: 6px; color: #FFFFFF; clear: both; padding-right: 10px; line-height: 19px; font-size: 11px; }

input, textarea, select {
	background-color: #F3ECDE;
	border: none;
	font-size: 13px;
	padding: 2px;
}

.projects {
  margin-left: 7px;
  margin-top: 14px;
  width: 700px;
  overflow: hidden;
  clear: both;
}

.projects img { border: 3px solid #2F2213; }

.left-project {
  float: left;
  display: inline;
  width: 220px;
  overflow: hidden;
}

.right-project {
  float: right;
  display: inline;
  width: 480px;
  overflow: hidden;
}

.left-content {
  width: 470px;
  float: left;
  display: inline;
}

.right-content {
  width: 206px;
  float: right;
  display: inline;
}

.text-image-container {
  width: 700px;
  clear: both;
  overflow: hidden;
}
  
#top {
  width: 100%;
  height: 100px;
  background-image: url(../images/top-bg.png);
  background-repeat: repeat-x;
  clear: both;
  z-index: 2;
  position: absolute;
  top: 0;
}

#top-inner {
  width: 100%;
  height: 100px;
  background-image: url(../images/top-bg.png);
  background-repeat: repeat-x;
  clear: both;
  position: relative;
  z-index: 2;
}

#top-container {
  margin: 0 auto;
  width: 990px;
  clear: both;
}

.logo-eh {
  padding-left: 11px;
  padding-top: 22px;
  float: left;
  display: inline;
}

#concrete-bg {
  width: 100%;
  height: 299px;
  background-image: url(../images/concrete-bg.jpg);
  background-repeat: repeat-x;
  position: absolute;
  top: 89px;
  z-index: 1;
}

#concrete-bg-inner {
  width: 100%;
  height: 167px;
  background-image: url(../images/concrete-bg-inner.jpg);
  background-position:bottom;
  background-repeat: repeat-x;
  position: absolute;
  top: 89px;
  z-index: -1;
}

#gradient-bg {
  width: 100%;
  height: 10px;
  background-image: url(../images/gradient-bg.jpg);
  background-repeat: no-repeat;
  position: absolute;
  top: 388px;
  background-position: top center;
  z-index:-2;
}

#line-bg {
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
  position: absolute;
  top: 397px;
  z-index:-3;
}

#pic-bg-container {
  width: 990px;
  margin: 0 auto;
}

#pic-bg-inner {
  width: 990px;
  height: 184px;
  background: url(../images/slide-bg-inner.png) no-repeat;
  clear: both;
  position: relative;
  z-index: 30;
}

#left-inner {
  float: left;
  display: inline;
  width: 287px;
}

#left-inner p { font-size: 13px; color: #F3ECDE; padding-right: 11px; padding-top: 12px; clear: both; text-align: right; }

#right-inner {
  float: right;
  display: inline;
  width: 703px;
  margin-top: 0;
}

#right-inner img { padding-top: 18px; float: left; }

#zip-box {
  width: 248px;
  height: 95px;
  background-image: url(../images/zip-box.jpg);
  background-repeat: no-repeat;
  margin-left: 29px;
  margin-top: 27px;
  clear: both;
}

#zip-box p { font-size: 14px; color: #F3ECDE; padding-left: 7px; padding-top: 3px; letter-spacing: .04em; line-height: 19px; clear: both; text-align: left; }

.left-zip {
  float: left;
  display: inline;
  width: 189px;
  margin-top: 10px;
}

.right-zip {
  float: right;
  display: inline;
  width: 59px;
  margin-top: -80px;
}

#featured-box {
  width: 253px;
  height: 124px;
  float: left;
  clear: both;
  margin-top: 10px;
  margin-left: 24px;
  background-image: url(../images/description-box.png);
  background-repeat: no-repeat;
}

#featured-box2 {
  width: 253px;
  height: 124px;
  float: left;
  clear: both;
  margin-top: 10px;
  margin-left: 24px;
  background-image: url(../images/description-box-2.png);
  background-repeat: no-repeat;
}

#main {
  margin: 0 auto;
  width: 990px;
  overflow: hidden;
  clear: both;
}

#main-inner {
  float: right;
  display: inline;
  width: 699px;
  margin-right: 11px;
}

#main-inner p { padding-left: 7px; padding-top: 10px; clear: both; line-height: 20px; }
#main-inner img { border: 3px solid #2F2213; }

#video-box {
  width: 564px;
  border: 1px solid #D2B886;
  background-color: #DFCCA9;
  overflow: hidden;
  padding-bottom: 10px;
  margin-left: 7px;
  margin-top: 20px;
}

#video-box p { padding-left: 22px; padding-top: 5px; padding-right: 29px; clear: both; clear: both; line-height: 15px; font-size: 11px; color: #412E1B; }

.video-container-container {
  width: 100%;
  overflow: hidden;
  clear: both;
}

.video-container {
  float: left;
  display: inline;
  width: 281px;
}

.video-box-inner {
  margin-left: 22px;
  margin-top: 7px;
  border: 2px solid #2F2213;
  clear: both;
  width: 232px;
}

#related-video-box {
  width: 520px;
  margin-left: 22px;
  margin-top: 20px;
  background-color: #D2B886;
  overflow: hidden;
  padding-bottom: 10px;
  clear: both;
}

.related-video-container {
  width: 235px;
  float: left;
  display: inline;
}

#related-video-box p { padding-left: 10px; padding-top: 10px; clear: both; line-height: 17px; font-size: 11px; letter-spacing: .05em; }

#left-main {
  margin-left: 11px;
  width: 252px;
  float: left;
  display: inline;
}

#left-main p, #right-main p { font-size: 11px; padding-left: 10px; padding-top: 7px; padding-right: 20px; letter-spacing: .05em; clear: both; }

.link-box {
  margin-top: 5px;
  width: 250px;
  border: 1px solid #D2B886;
  background-color: #DFCCA9;
  overflow: hidden;
  padding-bottom: 14px;
  clear: both;
}

#mid-main {
  margin-left: 14px;
  float: left;
  display: inline;
  width: 450px;
}

.featured-box {
  margin-top: 18px;
  margin-left: 7px;
  width: 403px;
  overflow: hidden;
  clear: both;
}

.featured-left {
  width: 159px;
  float: left;
  display: inline;
}

.featured-left img { float: left; border: 3px solid #2F2213; }

.featured-right {
  width: 244px;
  float: right;
  display: inline;
}

#right-main {
  float: right;
  display: inline;
  width: 252px;
  margin-right: 11px;
}

.video-box { margin-left: 8px; margin-top: 10px; clear: both; width: 232px; height: 196px; border: 1px solid #000000; }

.photo-box {
  margin-top: 7px;
  width: 693px;
  float: right;
  margin-right: 11px;
  display: inline;
  border: 1px solid #D5BB8C;
  background-color: #DFCCA9;
  padding-bottom: 7px;
}

.photo-box p { padding-top: 12px; padding-left: 19px; padding-right: 7px; line-height: 19px; clear: both; }

#pic-switcher-bg {
  clear: both;
  margin-left: 10px;
  margin-top: 5px;
  width: 674px;
  height: 353px;
  background-image: url(../images/pic-selector.png);
  background-repeat: no-repeat;
}

.left-switch {
  float: left;
  display: inline;
  width: 401px;
  height: 320px;
  margin-top: 16px;
  margin-left: 18px;
}

.right-switch {
  float: right;
  display: inline;
  width: 235px;
  margin-right: 20px;
}

.thumbs img { border: 2px solid #231B0D; float: left; display: inline; margin-left: 9px; margin-top: 12px; }

#footer-bg {
  margin-top: 10px;
  width: 100%;
  background-image: url(../images/footer-bg.jpg);
  background-repeat: repeat-x;
  background-color: #332813;
  clear: both;
  padding-bottom: 10px;
}

#footer-container {
  width: 990px;
  margin: 0 auto;
}

#footer-container p { font-size: 10px; padding-left: 22px; padding-top: 31px; clear: both; color: #EFE6D3; line-height: 19px; }

.nav-bg {
  width: 431px;
  float: right;
  display: inline;
  margin-right: 10px;
}

/******************* NAV CLASSES *******************/

#nav a:link, #nav a:visited {
  text-decoration: none;
  list-style: none;
  background-position: 0 0;
}

#nav a:hover {
  text-decoration: none;
  list-style: none;
  background-position: 0 -66px;
}

#nav li a {
  display: block;
    height: 66px;
}

#nav {
  margin: 0 0 0 0; padding: 0;
  list-style: none;
  text-indent: -5000px;
  width: 431px;
  float: left;
  display: inline;
}

#nav li {
  margin: 22px 0 0 0;
  _margin: 0 0 0 0;
  background: none;
  margin-right: 0;
  text-align: center;
  float: left;
  list-style: none;
  padding-right: 0px;
  padding-top: 0;
}

#nav li #home { background-image: url(../images/buttons/home.jpg); width: 84px; padding-left: 0; }
#nav li #photo-gallery { background-image: url(../images/buttons/photo-gallery.jpg); width: 143px; padding-left: 0; }
#nav li #video { background-image: url(../images/buttons/videos.jpg); width: 84px; }
#nav li #resources { background-image: url(../images/buttons/resources.jpg); width: 120px; }
#nav li #newsletter { background-image: url(../images/buttons/newsletter.jpg); width: 119px; }

/****** Little Guys ******/

#little-guys a:link, #little-guys a:visited {
  text-decoration: none;
  list-style: none;
  background-position: 0 0;
}

#little-guys li a:hover, #little-guys li a.current {
  list-style: none;
  background-position: 0 -43px;
  display: block;
    width: 248px;
    height: 43px;
	clear: both;
}

#little-guys li a {
  display: block;
    width: 248px;
    height: 43px;
	clear: both;
}

#little-guys {
  margin: 0 0 0 29px;
  list-style: none;
  text-indent: -5000px;
  clear: both;
}

#little-guys li {
  margin: 10px 0 0 0;
  background: none;
  margin-right: 0;
  text-align: center;
  float: left;
  clear: both;
  list-style: none;
  padding-left: 0px;
  padding-bottom: 0;
}

#little-guys li #tips { background-image: url(../images/buttons/tips-contractor.jpg); }
#little-guys li #directory { background-image: url(../images/buttons/contractor-directory.jpg); }
#little-guys li #view-photos { width: 215px; background-image: url(../images/buttons/view-photo-gallery.jpg); }

/****** Video Button ******/

#video-button a:link, #video-button a:visited {
  text-decoration: none;
  list-style: none;
  background-position: 0 0;
}

#video-button li a:hover, #video-button li a.current {
  list-style: none;
  background-position: 0 -34px;
  display: block;
    width: 174px;
    height: 34px;
	clear: both;
}

#video-button li a {
  display: block;
    width: 174px;
    height: 34px;
	clear: both;
}

#video-button {
  margin: 0 0 0 8px;
  list-style: none;
  text-indent: -5000px;
  clear: both;
}

#video-button li {
  margin: 15px 0 0 0;
  background: none;
  margin-right: 0;
  text-align: center;
  float: left;
  clear: both;
  list-style: none;
  padding-left: 0px;
  padding-bottom: 0;
}

#video-button li #all-video { background-image: url(../images/buttons/videos-button.gif); }

/****** jQuery Slider ******/

div.wrap{
width: 990px;
margin:0 auto;
text-align:left;
}

a:link,a:visited{
 color:#fff;
 text-decoration:none;
 line-height: normal;
}
a img{
 border:0;
}

div#header{
margin:-1px 0 0;
}

div#header div.wrap{
width: 990px;
height: 339px;
margin-top: 100px;
background: url(../images/slide-bg.png) no-repeat;
clear: both;
position: relative;
z-index: 30;
}

div#header div#slide-holder{
z-index: 40;
width: 990px;
height: 339px;
position: absolute;
}

div#header div#slide-holder div#slide-runner{
top: 20px;
left: 287px;
width: 682px;
height: 298px;
overflow: hidden;
position: absolute;
float: left;
}

div#header div#slide-holder img{
margin: 0;
position: absolute;
float: left;
}

div#header div#slide-holder div#slide-controls{
left:0;
bottom:0px;
width:682px;
height:46px;
position:absolute;
}

div#header div#slide-holder div#slide-controls p.text{
clear: both;
color: #5A4026;
display: block;
font-size: 11px;
line-height: 16px;
margin: 19px 0 0 20px;
letter-spacing: .04em;
word-spacing: 1px;
font-weight: bold;
}

div#header div#slide-holder div#slide-controls p#slide-nav{
float: right;
height: 20px;
display: inline;
margin: 11px 15px 0 0;
}

div#header div#slide-holder div#slide-controls p#slide-nav a{
float: left;
width: 20px;
height: 20px;
display: inline;
margin:0 5px 0 0;
line-height: 19px;
font-size: 14px;
font-weight: bold;
text-align: center;
text-decoration: none;
background-position: 0 0;
background-repeat: no-repeat;
}

div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position:0 -20px;
}

#slide-nav-container {
  width: 100%;
  clear: both;
  padding-top: 20px;
}

.left-slide {
  float: left;
  display: inline;
  width: 148px;
}

.left-slide p { padding-left: 109px; padding-top: 12px; font-size: 14px; color: #E8DAC1; font-weight: bold; }

.right-side {
  float: right;
  display: inline;
  width: 104px;
}

div#header div#slide-holder div#slide-controls p#slide-nav a { background-image: url(../images/slide-nav.jpg); }

div#nav ul li a { background:url(images/nav.png) no-repeat; }


/*
                apply behavior filter only to foreground img
                and to background img whose position is top left
*/

img,

#top, #pic-switcher-bg, #header, {
                behavior: url(/concrete-floors/css/iepngfix.htc);
                }
                
                
                
                
                
                
                
             
.billboard {
	width:445px;
	height:225px;
	float:left;
	margin:12px;
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #C6A566;
	position:relative;
}
                

.curvebg {
	background: #FFF url(/img/curve_bg.jpg) no-repeat;
	height:12px;
	width:12px;
	position:absolute;
}
.curvebg.topleft {
	top:-1px;
	left:-1px;
}

.curvebg.topright {
	background-position: top right;
	right:-1px;
	top:-1px;
}

.curvebg.bottomleft {
	background-position: bottom left;
	left:-1px;
	bottom:-1px;
}
.curvebg.bottomright {
	background-position: bottom right;
	right:-1px;
	bottom:-1px;
}
                





.billboard .logo 
{
    float: right;
}

.billboard .logo table
{
    height: 60px;    
}

.billboard .company_name 
{
    font-size: 150%;
    font-family: Times New Roman;
} 

.billboard .company_name a:link, .billboard .company_name a:visited 
{
    color: inherit;
}

.billboard .company_location
{
    font-size: 100%;
    padding-top: 5px;
    font-family: Times New Roman;
} 

.billboard .top_container 
{
    height: 110px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 10px;
}

.billboard .bottom_container 
{
    height: 117px;    
}

.billboard .get_in_touch_button 
{
    margin-top: 20px;
}





.listing {
	padding: 15px 15px 20px 15px;
	position:relative;
	background-color:White;
    border: 1px solid #C6A566;

}

.listing h1 {
    font-size: 150%;
    clear: none;
    padding: 0px;
    margin: 0px;
    font-family: Times New Roman;

}

.listing .cityst {
	font-size:11px;
}

.listing .contactperson {
	margin-top:10px;
}

.listing .address {
}

.listing .companyinfolabel {
	font-size:16px;
	margin: 6px 0 6px;
}

.listing-bg a 
{
    	color:#543C23;
	text-decoration:underline;
}


.listing .company_name
{
} 

.listing .company_info
{
    font-size: 100%;
    font-family: Times New Roman;
} 

.listing .photo_col 
{
    float: right;
}

.listing .left_col 
{
    width: 520px;
}

.contact_info_and_logo 
{
    width: 520px;
}

.contact_info_and_logo td, .contact_info_and_logo th
{
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

.listing .logo
{        
    /*float: right;*/
    padding-right: 10px;
    padding-bottom: 50px;
}

.listing .contact_person 
{
    margin-top: 15px;
    /*margin-bottom: 10px;*/
}

.listing .action_buttons 
{    
    /*padding-top: 30px;    */
    padding-bottom: 20px;    
}

.listing .action_buttons table 
{
    width: 531px;
    table-layout: fixed;
}

.listing .action_buttons img 
{    
    margin-right: 5px;
}

.listing .bottom_section 
{
    margin: 10px 20px;
    border-top: 1px solid #d8c198;
    
}

.listing .tip_links 
{
    padding-top: 5px;
}

.listing .tip_links a:link, .listing .tip_links a:visited
{
    color: #795732;    
    text-decoration: underline;
    line-height: 200%;    
}






#EmailContractor 
{
    font-size: .8em;
    border: 1px solid #d8c198;
    border-collapse: collapse;
    
    margin-bottom: 1em;    
}

#EmailContractor td, #EmailContractor th 
{
    margin: 0px;
    padding: 0px;
    
    width: 50%;
    vertical-align: top;
    border: 1px solid #ccc;
}

#EmailContractor th
{
    padding: 3px;
    background-color: #D3D3BE;
    text-align: center;
}

#EmailContractor a:link, #EmailContractor a:visited
{
    text-decoration: underline;
    color: #993300;
}

#EmailContractor table td, #EmailContractor table th 
{
    padding: 0px;
    border: 0px;
    width: auto;
}

#EmailContractor td
{
    padding:8px;
}

#EmailContractor input, #EmailContractor textarea
{
    border: 1px solid #888;
}

#EmailContractor .submitBut
{
    margin-top: 4px;
    border: 1px solid black;
}

.photoMatte 
{
    background-color: white;
    border: 1px solid #D1D1D1;
    padding: 4px;   
}