html {height:100.1%;;}


body { 
margin:auto;
   background: #311a01 url(images/border-top-back.jpg) center top repeat-x scroll;
  font-size:14px;
  /*font-family: Adobe Caslon Pro, Times New Roman, Times, serif;*/
  font-family: Times New Roman, Times, serif;
  color:#663300;
  text-align:center;

  }

h2,h3,h4 {
	color:#663300;
	margin:0px;
}
a,  a:link, a:visited{
   color:#663300;
  text-decoration: underline;
  background-color:transparent;
 } 
 

a:hover { text-decoration: none; }
a:active {
  color: #8B0000;
  background-color:transparent;
}

ul,li {
color:black;
Background-color:transparent;
text-align:left;
}
table {
  padding:0px;
  border:none;
  font-size:100%;
  background-color:transparent;
  color:#663300;
  margin:auto;
  }
 td input, textarea, select {
	background-color:transparent;
} 
option{
background-color: #F0EBCD;}

 td {
color:#663300;
 background-color:transparent;
  vertical-align:top;
  padding:0px;
  text-align:left;
  border-collapse:collapse;
  border: 0px none Black;
}
#back-long {
background: #7c4300 url(images/border-top-back.jpg) center top repeat-x scroll;
}
    #outer-home {
    color:#663300;	
	background: transparent  url(images/outer-home.jpg) center top no-repeat scroll;
	width:980px;
	height: 680px;
	margin:0px auto;
	text-align:center;
  }
  #outer-about {
  color:#663300;	
	background: transparent url(images/outer-about.jpg) center top no-repeat scroll;
	width:980px;
	height: 680px;
	margin:0px auto;
	text-align:center;
  }
    #outer-about2 {
  color:#663300;	
	background: transparent url(images/about-back.jpg) center top no-repeat scroll;
	width:980px;
	margin:0px auto;
	text-align:center;
  }
  #outer-references2 {
  color:#663300;	
	background: transparent url(images/testimonial-back.jpg) center top no-repeat scroll;
	width:980px;
	margin:0px auto;
	text-align:center;
  }  
    #outer-references {
  color:#663300;	
	background: transparent url(images/outer-references.jpg) center top no-repeat scroll;
	width:980px;
	height: 680px;
	margin:0px auto;
	text-align:center;
  }
      #outer-affiliates {
  color:#663300;	
	background: transparent url(images/outer-affiliates.jpg) center top no-repeat scroll;
	width:980px;
	height: 680px;
	margin:0px auto;
	text-align:center;
  }
 #outer-build {
  color:#663300;	
	background: transparent url(images/outer-building-locations.jpg) center top no-repeat scroll;
width:980px;
	height: 680px;
	margin:0px auto;
	text-align:center;
  }

 #outer-contact {
  color:#663300;	
	background: transparent url(images/outer-contact.jpg) center top no-repeat scroll;
	width:980px;
	height: 680px;
	margin:0px auto;
	text-align:center;
  }
 #outer-photos {
  color:#663300;	
	background: transparent url(images/outer-photo-gallery.jpg) center top no-repeat scroll;
	width:980px;
	height: 680px;
	margin:0px auto;
	text-align:center;
  }
 #outer-sale {
  color:#663300;	
	background: transparent url(http://www.jdubonnbuilders.com/images/outer-homes-for-sale.jpg) center top no-repeat scroll;
	width:980px;
	height: 680px;
	margin:0px auto;
	text-align:center;
  }  

#top-spacer {
height:28px;
}
#wrap {
   text-align:center;
	color:#663300;
	width:908px;
	height:680px;
	margin:0px auto;
	background-color:transparent;
		
	}
#wrap2 {
   text-align:center;
	color:#663300;
	width:908px;
	margin:0px auto;
	background-color:transparent;
		
	}
#left-col {
float:left;
width: 193px;
background-color:transparent;
height: 605px;
margin:0px;
}

#logo {
text-align:left;
width:170px;
padding-top:28px;
margin-left:30px;
}

#menu {
width: 155px;
background-color:transparent;
margin-left:30px;
margin-top:20px;
}

#menu a, #menu a:link, #menu a:visited {
	color:#663300;
	display:block;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color:transparent;
	text-decoration:none;
	font-weight:600;
	font-size: 100%;
	
	}
#menu a:hover {
   text-decoration:underline;
   }
/*menu active page buttons*/
body.hm #menu #hm, body.hm #menu #hm a,
body.au #menu #au, body.au #menu #au a {
text-decoration: underline;
}
body.pg #menu #pg, body.pg #menu #pg a,
body.hs #menu #hs, body.hs #menu #hs a
{
text-decoration: underline;
}
body.wb #menu #wb, body.wb #menu #wb a,
body.ct #menu #ct, body.ct #menu #ct a
{
text-decoration: underline;
}
body.af #menu #af, body.af #menu #af a,
body.cu #menu #cu, body.cu #menu #cu a
{
text-decoration: underline;
}

#copy {
 color:#663300;
margin-left:203px;
margin-top:0px;
}
#home-photos {
float:right;
width: 682px;
/*height:398px;*/
height: 474px;
vertical-align:top;}

div {
   text-align:center;
   font-size:100%;
  color:#663300;

  }




ul.none,li.none {
color:black;
Background-color:white;
list-style:none;
}


p {
color:#663300;
background-color:transparent;
text-align:justify;
font-size:100%;
margin-left:125px;
margin-top: 0px;
margin-right: 30px;

}
.home {
line-height:140%;

margin-right:75px;
}
.build {
margin-left:125px;
margin-right: 75px;
font-size:90%;}

.float-left {
	float:left;
}

.float-right {
	float:right;
}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}


.larger {
	font-size:120%;
	color:#ffffff;
}

img, a img, a:link img {
	border:none;
	text-decoration:none;

}

#footer {
color:#ba8950;
font-size:90%;
text-align:left;
width: 908px;
margin:auto;
background-color:#311a01;
padding-top: 20px;
}

#footer a, #footer a:link, #footer a:visited
{color: #ba8950;
}
#footer a:hover {
color: #ede4be;
}
#copyright {
	color:#ba8950;
    background : transparent;
	float:right;width:210px;
}
#copyright a, #copyright a:link, #copyright a:visited
{color:#ba8950;
    background : transparent;
}

#copyright a:hover
{color: #ede4be;
background-color:transparent;
}

#bottom {
background-color:#311a01;
height: 60px;
width: 100%;}

#scrollable1 a:hover {text-decoration:none;}
#scrollable1 {float: left; height:550px; width:645px; overflow: hidden;}
/*#prod_desc #scrollable1 {height:180px;}*/
#track1 {float: right; width: 14px;height: 550px;margin-right: 20px;background:url(images/vertical-bar.gif) center no-repeat;}
#handle1 {width:14px; height:14px;	background:url(images/scroll-ball.gif) center no-repeat;	cursor: move;}
.smaller {
font-size:smaller;}
.featured_listings {
padding: 20px;
}

#e1, #e2, #e3, #e3, #e4  {
display: none;}