/*********************************************************************
   Style Sheet for Blosser Stephens
   Code by Michael Williams (mwilliams@behrdesign.com)
   Behr Design Corporation (937-492-5704)
*********************************************************************/

* {
	margin:0;
	padding:0;
	}

body {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:160%;
	background:#155739 url(../images/bg2.jpg) top left repeat;
	}
	
img {
	border:0;
	}
	
.clear {
	clear:both;
	}
	
/* Outer
-------------------------------------------------------------------- */
#outer {
	margin:auto;
	background:url(../images/shadow2.png) top center repeat-y;
	}

/* Main
-------------------------------------------------------------------- */
#main {
	margin:auto;
	width:950px;
	}
	
/* Outer Inside
-------------------------------------------------------------------- */
#outerinside {
	padding:0px 30px;
	background:#d4eaae;
	}
	
/* Body
-------------------------------------------------------------------- */
#body {
	text-align:left;
	background:#fff url(../images/bodybg.gif) top left repeat-y;
	border-left:1px solid #738a3b;
	border-right:1px solid #738a3b;
	}
	
/* Body Text Styles
-------------------------------------------------------------------- */
#body h1 {
	font-size:24px;
	color:#054c34;
	font-weight:lighter;
	line-height:120%;
	margin-bottom:22px;
	}
	
#body h2 {
	font-size:16px;
	color:#94b45b;
	margin:15px 0px 10px 0px;
	}
	
#body h3 {
	font-size:15px;
	font-style:italic;
	color:#054c34;
	margin-bottom:5px;
	}
	
#body p {
	margin-bottom:10px;
	color:#666;
	text-align:justify;
	}
	
#body .contractors p {
	font-size:10px;
	line-height:140%;
	text-align:left;
	margin-bottom:20px;
	}
	
#body ul, #body ol {
	margin-left:30px;
	}
	
#body hr {
	border:none 0; 
	border-top:1px dotted #ccc;
	height:1px;
	margin:15px 0px;
	}
	
/* Sidebar
-------------------------------------------------------------------- */
#sidebar {
	float:left;
	width:210px;
	font-size:11px;
	padding:20px 20px 0px 20px;
	}
	
#sidebar ul {
	list-style:none;
	margin:0 0 20px 0;
	}
	
#sidebar ul .a {background:url(../images/bullet-a.gif) left center no-repeat;}
#sidebar ul .b {background:url(../images/bullet-b.gif) left center no-repeat;}
#sidebar ul .c {background:url(../images/bullet-c.gif) left center no-repeat;}
#sidebar ul .d {background:url(../images/bullet-d.gif) left center no-repeat;}
#sidebar ul .e {background:url(../images/bullet-e.gif) left center no-repeat;}
#sidebar ul .f {background:url(../images/bullet-f.gif) left center no-repeat;}
#sidebar ul .g {background:url(../images/bullet-g.gif) left center no-repeat;}
#sidebar ul .h {background:url(../images/bullet-h.gif) left center no-repeat;}

#sidebar li a, #sidebar li a:link, #sidebar li a:visited {
	display:block;
	padding:8px 0px 8px 35px;
	border-bottom:1px solid #d3c76b;
	color:#000;
	text-decoration:none;
	}
	
#sidebar li a:hover, #sidebar li a:active {
	display:block;
	padding:8px 0px 8px 35px;
	border-bottom:1px solid #d3c76b;
	color:#fba919;
	text-decoration:none;
	}
	
#sidebar li a:hover {
	background:#f1ecc4 url(../images/arrow.gif) left center no-repeat;	
	}
	
#video {
	margin-top:20px;
	}
	
#video h1 {
	color:#e00000;
	font-size:16px;
	margin-bottom:5px;
	}
	
#video p {
	font-size:9px;
	line-height:160%;
	}
	
/* Content
-------------------------------------------------------------------- */
#content {
	float:right;
	width:600px;
	padding:20px 20px 0px 0px;
	}
	
#content ul, #content ol {
	color:#94b45b;
	margin-bottom:15px;
	}
	
#content a, #content a:link, #content a:visited {
	color:#054c34;
	}
	
#content a:hover, #content a:active {
	color:#054c34;
	text-decoration:none;
	}
	
#content .shingles {
	text-align:center;
	}
	
#content .shingles td {
	padding-bottom:10px;
	}
	
.akzo {
	color:#003399;
	font-weight:bold;
	}
	
#content .specs, #content .contact {
	list-style:none;
	}
	
#content .specs li, #content .contact li {
	line-height:230%;
	padding-left:35px;
	}
	
#content .specs li {
	background:url(../images/bullet-e.gif) left center no-repeat;
	}
	
#content .contact li {
	background:url(../images/bullet-g.gif) left center no-repeat;
	}	
	
/* Content Sidebar
-------------------------------------------------------------------- */
#content-side {
	float:right;
	width:230px;
	margin-top:30px;
	background:#94b45b;
	}
	
#content-side h1 {
	font-size:18px;
	color:#054c34;
	font-weight:lighter;
	margin-bottom:15px;
	}
	
#content-side p, #content-side ol, #content-side ul {
	margin-left:20px;
	color:#fff;
	}
	
#content-side ol li, #content-side ul li {
	padding:4px 0px;
	}
	
#gallery td {
	padding:5px;
	}
	
/* Green Box
-------------------------------------------------------------------- */
#content .box {
	background:#94b45b;
	margin-top:30px;
	}
	
#content .box table {
	margin:0px 20px;
	}
	
#content .box-top {
	background:#94b45b url(../images/box-tr.jpg) top right no-repeat;
	}
	
.box-bottom {
	background:#94b45b url(../images/box-br.jpg) bottom right no-repeat;
	}
	
#content img.corner {
	width:19px;
	height:19px;
	border:none;
	display:block;
	}
	
#content .box ul {
	margin-left:20px;
	font-size:14px;
	font-weight:bold;
	line-height:160%;
	color:#024911;
	}
	
#content .box p {
	color:#fff;
	}
	
#content .box a, .box a:link, .box a:visited {
	color:#054c34;
	}
	
/* Bottom
-------------------------------------------------------------------- */
#bottom {
	margin-bottom:30px;
	}
	
/* Foot
-------------------------------------------------------------------- */
#foot {
	background:#155739;
	color:#94b45b;
	font-size:10px;
	}
	
#footlinks {
	float:left;
	width:400px;
	margin-left:20px;
	margin-bottom:20px;
	list-style:none;
	}
	
#footlinks li {
	display:inline;
	padding:2px;
	}
	
#foot p {
	float:right;
	width:400px;
	}
	
#footlinks a, #footlinks a:link, #footlinks a:visited {
	color:#fff;
	text-decoration:none;
	}
	
#footlinks a:hover, #footlinks a:active {
	color:#fba919;
	text-decoration:none;
	}