/*
#d6a65c - color of house frame in logo
#d69531; background to navigation, email box,header/house strip
#f5f5dc - beige
#991239 - red in BMC West
*/

html { 
 margin: 5px 0 ; 
 padding: 0; 
 font-family: Verdana;
 font-size: 100%;
 background:  #FFFFFF;
}

body { 
 width: 771px;
 padding: 0; 
 background: #000; 
 margin: 0px auto;
 behavior: url("http://www.directbuildusa.com/csshover.htc");
 background-color: #fff; 
 color: #000;
 font-size: .85em;
 border: 1px solid #000;
}

#header { 
 width: auto; 
 height: 285px;
 background: #ffffff; 
}

#header1 {
 width: 325px;
 height: 95px;
 margin: 0px;
 background: url("images/directbuildusa.jpg") no-repeat; /* 422x95 */
}

#header2 {
 height: 95px;
 width: 132px;
}

#header3 {
 height: 285px;
 width: 446px;
 background: ffffff;
 }

#header3 p {
 margin-top: 2em;
 text-align: center;
 font-weight: bold;
 font-size: 15px;
 font-size: 1.2em;
 color: #fff;
}
#header4 { 
 width: auto; 
 height: 25px;
 background: #dec49c; 
}

#left { 
 width: 200px; 
 background: #009900;

}

#left_lower {
display:block;
padding: 1em;
background: #f5f5dc;
}

.float {
display: block;
}

#right {
width: 571px;
padding: 0em; 
background: #fff; 
border-left: 1px solid #000;
}

#banner { 
width: 100%;
height: 120px;
border-top: 1px #000 solid;
background: #009900;

}

#banner1 {
}

#banner2 { 
display: block;
float: left;
text-align: center;
font-size: 1.05em;
font-weight: bold;
font-style: italic;
color: #fff;
padding: 2.5em 0 0 0px;
width: 200px;
}

#banner3 {
width: 183px;
}

#inner_float {
float: right;
width: 185px;
border: 1px solid #d6a65c;
border-right: none;
margin: 1px 0px 5px 5px;
}

#inner_float p {
margin: .5em; 
padding: 0;
}

img { border: 0; margin: 0; padding: 0; align: center; }

a { color: midnightblue; }
a:selected { color: blue; }

#right_column_text {
 padding: 5px;
 font-size: .8em;
 color: white;
}

#footer {
 clear: both;
 text-align: center;
 width: 0 auto; 
 padding: 5px; 
 border-top: 1px solid #000;
 background: #009900;
}

#footer p { margin: 0; padding: 2px; color: #000; }
#footer a { color: #ddd; }
 
h1, h2 { text-align: center; color: #d6a65c; }

h1 {
margin: .5em 0; padding: 0;
font-size: 1.5em;
}

h2 {
font-size: 1.3em;
text-align: left;
}

.clear {
border: 0;
margin: 0;
padding: 0;
}

.message { display: block; text-align: left; padding: .5em; margin: 0 0 .5em 0; color: #000; background: #ffff00; border: 2px solid #ff4500; font-weight: normal; }

a span.long { display: none; } /* normally don't display the long text */
a:hover span.short { display: none; } /* when hovering, hide the short text */
a:hover span.long { display: inline; } /* when hovering, show the long text */

/* NEW HEADLINE WITH CSS TOOLTIP ######################################### */

.left_align { text-align: left; }

.noclass { border: none; margin: 0; padding: 0; }
.c { text-align: center; }
.cm { display: block; text-align: center; margin: 0 auto; }
.b { font-weight: bold; }
.i { font-style: italic; }
.autowidth { width: auto; }

/* FROM */
fieldset { font-size: 1em; margin: 0 1em 1em 1em; }
fieldset p { margin: .25em; }
legend { font-size: .85em; background: #fffaf0; color: #000; border: #26a solid 1px; margin: 0px; padding: .2em; }

label { 
 font: bold 0.9em Arial, Helvetica, sans-serif;  
 width: 40%;  width: 50%;
 float: left; 
 text-align: right;
 margin: .5em .5em 0 0; 
 }
 
input { width: 30%; width: 30%; }

textarea { background: #eee; width: 99%; }

/* VNAV Vertical Fly Out Navigation HNAV Vertical Fly Out Navigation */

div#vnav {
 font-size: 1em;
 width: 179px;
 padding: 0;
 padding-bottom: .5em;
 background: #d69531;
 margin: 0px auto;
}

div#vnav ul, div#vnav ul.level2, div#vnav ul.level3 {
background: #f5f5dc;
}

div#vnav ul {
 margin: 0; 
 padding: 0; 
 border: 0px;
 width: 179px; 

}
	
div#vnav li {
 list-style: none; 
 margin: 0;
 border-bottom: 1px solid #000;
 border-top: 1px solid #000;
 border-right: 1px solid black;
 z-index:25;
}

div#vnav li:hover {
background: #dec49c;
background: #991239;
color: #000;
 position: relative; 
 top: 0px;
}
	
div#vnav li a {
 display: block; 
 text-decoration: none; 
 color: black;
 font-weight: bold;
 padding: 3px 0 0px 3px;
 border-left: 2px solid black;
 height: 19px;
}

div#vnav li a:hover {
 padding: 2px 0 0px 3px;
 border-left: 2px solid yellow;
 color: white;
 height: 20px;
 background: #991239;
}
	
div#vnav li.submenu {
 background: url("http://www.directbuildusa.com/images/site/arrow_rt.gif") 98% 50% no-repeat;
}

div#vnav li.submenu:hover, div#vnav li a:hover { 
 background: #991239;
}

div#vnav>ul a {
 width: auto;
}
	
div#vnav ul ul {
 position: absolute; 
 display: none;
 left: 179px;
 top: -1px;
}

div#vnav ul.level1 li.submenu:hover ul.level2, div#vnav ul.level2 li.submenu:hover ul.level3 { display:block;}

acronym { border: 0px; }

#main_content {
 border-top: 1px solid #000;
 padding: 1em 1em 1em 1em;
}

img.flr {
 display: block;
 float: right;
 margin: 0 0 3px 3px;
}

img.fll {
 display: block;
 float: left;
 margin: 0 3px 3px 0;
}

img.flt {
 display: block;
 margin: 3px auto;
 text-align: center;
}

img.mcflt {
 display: block;
 margin: 3px auto;
 text-align: center;
 margin: 0px auto;
}
.p10 { padding: 10px; }

.new { clear: both; }

#space {
 height: 400px;
 width: 100%;
}

.infobox {
 background: #f5f5dc;
 height: auto;
 padding-bottom: .4em;

}

.infobox h3 {
 background: #004d99;
 color: #fff;
 text-align: center;
 font-size: 1.3em;
 margin: 0;
 padding: .2em;
}

.infobox h4 {
 margin: 1em 3px;
 background: #d6a65c;
  background: #d69531;
 text-align: center;
 border: 1px solid #000;
 color: #bb0000;
 font-size: 1.2em;
}

.infobox img { 
 background: #fff; 
 border: 1px solid #000; 
 padding: 0;
 margin: 5px;
}

.infobox p {
 margin: 0;
 padding: 5px;
 font-size: .8em;
 text-align: left;
}

.padding img{ margin: 5px 0 10px 0; }


table { border-collapse: collapse; }
table, tr, td { padding: 0px; margin: 0px; border: 0px;  }
tr, td { vertical-align: top; }

.infobox table, .infobox tr, .infobox td { padding: 0; margin: 0; border: 0; text-align: center; }

.clear_quote { clear: both; border-bottom: 1px solid #aaa; }

#gallery table { width: 100%; }
#gallery img { padding: 1em; }
#gallery .quote { display: block; float: right; width: 250px; margin-bottom: 0em;}