/****
 * CSS Document 
 * 
 * DB Williams Construction Company
 */

/* ----------------------------------- Fonts  ---------------------------------- */
html, body {height: 100%;}
strong{
	font-weight:bold;
}
.body-text{
	font-size:93%;
}
.body-text P{
	margin:0.67em 0;
}
.med-text{
	line-height:1.6em;
	font-size:108%;
}
#shim{
	visibility:hidden;
	height:0px;
}

/* ----------------------------------- Page Banner  ---------------------------------- */
#doc3{
	margin:auto;
} 
body{
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#hd{
	font-family:"Lucida Sans Unicode", Arial, sans-serif;
}
#banner-top{
	background-color:black;
	background-image:url(../img/banner-blueprint-peelback.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	border-bottom:1px solid white;
	color:white;
	height:125px;
}
#logo-slogan-wrapper{
	clear:both;
}
#logo{
	margin:20px;
	float:left;
}
#slogan{
	font-size:138.5%;
	float:right;
	padding:55px 170px 0px 0px;
}
#banner-nav-wrapper{
	height:32px;
	border-bottom:1px solid white;
	
	background-color:#6b6e3b;
	background-image:url(/themes/public/dbwilliams/img/banner-nab-bg-off.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	float:left;
	width:100%;
}
#banner-nav{
	color:white;
	letter-spacing:-.05em;
}
.topmenu{
	height:32px;
}
#banner-top-links{
	position:absolute;
	right:5px;
}

#banner-nav a{
	color:white;
	font-size:93%;
	text-decoration:none;
	display:block;
	height:22px;
	padding:6px 10px 3px 10px;
}
#banner-nav #phone-number{
	float:right;
}
#banner-nav a#phone-number:hover{
	color:#CCCCCC;
}
#banner-nav .topmenu a {
	margin:0px 1px;
	float:left;
}
#banner-nav .topmenu a:hover{
	/* margin:0px; */
	padding:6px 9px 3px 9px;
	background-color:#373732;
	background-image:url(/themes/public/dbwilliams/img/banner-nav-bg-on.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	border:solid white;
	border-width:0px 1px;
	
}
#bd-wrapper{
	clear:both;
	background-image:url(/themes/public/dbwilliams/img/page-background.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
#bd, #ft{
	width:905px;
	margin:auto;
}
#bd{
	background-color:white;
	border:solid #3a3a3a;
	border-width:0px 1px 1px 1px;
	display:block;
	text-align:left;
}
#ft{
	color:#6a718a;
	font-size:85%;
	padding:10px;
	clear:both;   /* new */
}
#ft, #ft a{
	color:#6a718a;
	text-decoration:none;
}
#ft a:visited{
	color:#6979b3;
}
#ft a:hover{
	color:#35498e;
}
/* ----------------------------------- Error boxes and callouts  ---------------------------------- */
.error{
	border:1px solid #a3a3a3;
	background-color:#f6e7e7;
	margin:10px;
	padding:10px;
}

.error, .error_message, .form_error_message	
{
	border: 1px solid #999999; 
	background-color:#F4E0E2; 
	padding:5px; 
	margin:5px 0px;
	width: 65%; 
	color:#AD0F1E;
	font-size:85%;
	font-weight:bold;
}

/* ----------------------------------- Home  ---------------------------------- */
#home #top-right{
	background:#454E6D url(/themes/public/dbwilliams/img/home/right-top-bg.jpg) bottom repeat-x;
	color:white;
}
#home LI{
	margin-top:2em;
}
#home H3{
	font-size:123.1%;
	font-family:"Times New Roman", Times, serif;
}
#home SMALL{
	font-size:85%;
	font-style:italic;
}
#home #top-left{
	background:#f3efe4;
}
#home #mid-right{
	background:#1B264B url(/themes/public/dbwilliams/img/home/right-bottom-bg.jpg) top repeat-x;
	border-bottom:1px solid #878782;
}
#home #mid-left{
	background:#EDE8DE url(/themes/public/dbwilliams/img/home/mid-shadow-bg.gif) top repeat-x;
	border-bottom:1px solid #737373;
}
#home #bottom-left P, #home #top-left P{
	margin:2em;
	width:75%;
}
#home #bottom-right{
	background:#3B3C40;
	color:white;
}
#home .shadow-right-b{
	background:url(/themes/public/dbwilliams/img/home/shadow-right-b.gif) top repeat-x;
}
#home .body-text{
	color:#0F1A27;
	line-height:1.8em;
}
/* -------------------------------- Thumbnails  -------------------------------- */
.thumbnail-wrapper .thumbnail{
	cursor:pointer;
}
.thumbnail-wrapper .caption{
	font-size:85%;
	color:#666666;
}

/* ----------------------------------- Sub-page  ---------------------------------- */
.page{
	margin:5px;
}
.page H1{
	font-size:270.9%;
	color:#19244a;
	font-family:"Times New Roman", Times, serif;
}
.page H2{
	font-size:167%;
	color:#19244a;
	font-family:"Times New Roman", Times, serif;
	margin:0.67em 0;
}
.page .content{
	margin-left:15px;
}
html .contentitem em{
	font-style:italic !important;
}
.contentitem .date{
	display:none;
}
.contentitem H1{
	font-size:617%;
	font-family:"Times New Roman", Times, serif;
	color:#082243;
	margin-left:5px;
	height:1.4em;
}
.contentitem H2{
	color:#0d266e;
	font-size:153.9%;
	margin:0.67em 0;
}
.contentitem .body{
	margin-right:15px;
}

/* ----------------------------------- Contact  ---------------------------------- */
#contact-form TD{
	padding:3px;
}
#contact-form INPUT, #contact-form TEXTAREA{
	border:1px solid #b6b7ac;
}
#contact-form .required{
	font-weight:bold;
}
/* -------------------------------- American Dream  -------------------------------- */
#american-dream{
	background:url(/themes/public/dbwilliams/img/dream/right-col-bg.gif) top right repeat-y;
}
#american-dream H1{	
	background:url(/themes/public/dbwilliams/img/dream/live-the-text.gif) 80% top no-repeat;
}	
#american-dream .contentitem{
	margin-left:25px;
}
#american-dream .details{
	margin-left:15px;
	font-size:93%;
}
#american-dream .details ADDRESS{
	color:#103661;
	font-weight:bold;
}
#american-dream IMG.main{
	border:1px solid white;
}
#american-dream .thumbnail-wrapper{
	float:left;
	height:auto;
}
#american-dream IMG.thumbnail{
	
	border:1px solid #999999;
}

/* -------------------------------- Investment  -------------------------------- */
#attached-images{
	clear:both;
}
.contentitem .thumbnail-wrapper{
	float:left;
	margin:15px;
	margin-right:25px;
	height:200px;
}

#investment-properties H1{
	background:url(/themes/public/dbwilliams/img/investment/properties-text.gif) 35% bottom no-repeat;
}

#investment-properties #intro{
	padding:0px 35px 0px 10px;
}

#investment-properties #worksheet{
	background-color:#f8f8f6;
	border:1px solid #c2c2c2;
	margin:20px;
}
#investment-properties #worksheet TD{
	padding:5px;
}
#investment-properties .body-text{
	line-height:1.7em;
}

/* -------------------------------- Commercial  -------------------------------- */
#commercial-solutions H1{	
	background:url(/themes/public/dbwilliams/img/commercial/solutions-text.gif) 42% bottom no-repeat;
}
#commercial-solutions .body{
	margin-left:25px;
}
.body UL{
	margin-left:40px;
	line-height:1.5em;
}
.body LI{
	list-style:outside;
	display:list-item;
	list-style-type:circle;
}
/* -------------------------------- Commercial  -------------------------------- */
#custom-homes .intro{
	background:#f8f8f6 url(/themes/public/dbwilliams/img/custom/custom1.jpg) top left no-repeat;
	padding:10px 10px 0px 230px;
	border:1px solid #cecece;
	border-width:1px 0px;
	height:267px;
	margin-top:15px;
}

#custom-homes H1{
	background:url(/themes/public/dbwilliams/img/commercial/solutions-text.gif) 25% bottom no-repeat;
}	
/* -------------------------------- Norcarva  -------------------------------- */
.contentitem#norcarva{
	background:url(/themes/public/dbwilliams/img/norcarva/top-bg-long.gif) top repeat-x;
	
}
.contentitem#norcarva .head{
	height:230px;
}
.contentitem#norcarva .main IMG{
	margin:15px;
}
.contentitem#norcarva .content{
	background:url(/themes/public/dbwilliams/img/dream/right-col-bg.gif) right repeat-y;
}
.contentitem#norcarva .intro P{
	margin:15px;
	line-height:1.5em;
}
.contentitem#norcarva .right{
	font-size:108%;
	line-height:1.5em;
	color:white;
	text-align:center;
}		
.contentitem#norcarva .footer{
	background-color:#0a143e;
	color:white;
	padding:5px;
	text-align:center;
}

/* -------------------------------- Image thumbnails  -------------------------------- */
#pictureFrame{
	border:1px solid black;
	position:absolute;
	background-color:white;
	text-align:center;
	border:2px solid #333333;
	visibility:hidden;
	height:502px;	
}
#imageWrapper{
	height:470px;
	border:1px solid white; /* needed to maintain shape */
	clear:both;
}
#imageEl{
	margin:10px 10px;
}
#closePictureWrapper{
	background-color:#666666;
	text-align:right;
	height:30px;
	clear:both;
}
#closePictureFrame{
	color:white;
	width:100%;
	/* margin:5px 5px 5px 0px; */
	text-decoration:none;
	font-size:85%;
	font-weight:bold;
	clear:both;
}