/*********************************************************************
   Style Sheet for Delphos Tent and Awning
   Code by Michael Williams (mwilliams@behrdesign.com)
   Behr Design Corporation (937-492-5704)
*********************************************************************/

@import url("menu.css");

* {
	margin:0;
	padding:0;
	}
	
body {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:130%;
	background-color:#999999;
	}
	
img {
	border:none;
	}
	
/* Main Container
-------------------------------------------------------------------- */
#main {
	margin:auto;
	width:780px;
	background-color:#ffffff;
	}
	
/* Logo Area
-------------------------------------------------------------------- */
#logo {
	width:100%;
	padding:5px 0px;
	background-color:#ff8a00;
	}
	
/* Blue Bar
-------------------------------------------------------------------- */
.bar {
	height:14px;
	background-color:#0099cc;
	clear:both;
	}
	
/* Top Wrapper
-------------------------------------------------------------------- */
#topwrapper {
	background-color:#000000;
	width:100%;
	}
	
/* Head
-------------------------------------------------------------------- */
#head {
	float:right;
	width:580px;
	}
	
.clear {
	clear:both;
	}

/* Body
-------------------------------------------------------------------- */
#body {
	padding:20px 20px 0 20px;
	text-align:left;
	}
	
#body a:link, #body a:visited {
	color:#0099cc;
	text-decoration:none;
	border-bottom:1px dotted #0099cc;
	}

#body a:hover, #body a:active {
	color:#0099cc;
	text-decoration:none;
	border:none;
	}

	
/* Content
-------------------------------------------------------------------- */
#content {
	float:left;
	width:510px;
	padding-bottom:20px;
	}
	
#content h1 {
	font-size:22px;
	color:#0099cc;
	padding-bottom:6px;
	border-bottom:1px dotted #cccccc;
	margin-bottom:18px;
	}
	
#content h2 {
	font-size:16px;
	color:#000000;
	margin-bottom:8px;
	}
	
#content p, #sidebar p {
	margin-bottom:20px;
	}
	
#content ul {
	margin-bottom:20px;
	}
	
#content li {
	list-style:none;
	background:url(../images/arrow.gif) left center no-repeat;
	margin-left:10px;
	padding:2px 0px 2px 16px;
	}
	
#content img {
	padding:5px;
	}
	
.homephoto {
	margin:5px;
	border:1px dotted #cccccc;
	}
	
.box, .box2 {
	margin:10px;
	padding:15px 0 0 15px;
	background:url(../images/corner.jpg) left top no-repeat;
	}
	
.box2 {
	float:left;
	width:210px;
	}
	
.box img, .box2 img {
	float:left;
	margin-right:10px;
	border:1px dotted #cccccc;
	background-color:#ffffff;
	}	
	
.box img {
	width:125px;
	height:125px;
	}
	
.box2 img {
	width:100px;
	height:100px;
	}
	
.box2 p {
	float:right;
	width:85px;
	}
	
/* Estimate Form
-------------------------------------------------------------------- */
.estimate {
	width:100%;
	margin-bottom:20px;
	}
	
.estimate td {
	padding:5px;
	}
	
.estimate .col1 {
	text-align:right;
	}
	
.req {
	color:#ff0000;
	font-weight:bold;
	}
	
/* Sidebar
-------------------------------------------------------------------- */
#sidebar {
	float:right;
	width:200px;
	margin-bottom:20px;
	}
	
#sidebar h1 {
	font-size:13px;
	color:#0099cc;
	margin-bottom:8px;
	}
	
.clients {
	list-style:none;
	font-size:9px;
	line-height:180%;
	color:#888888;
	margin-bottom:20px;
	}
	
#sidebar img {
	margin-bottom:10px;
	}
	
.sidephoto {
	border:1px dotted #cccccc;
	}
	
.affiliations {
	text-align:center;
	}
	
#sidebar .affiliations a {
	border:none;
	}
	
/* Foot
-------------------------------------------------------------------- */
#foot {
	clear:both;
	height:50px;
	background-color:#000000;
	color:#ffffff;
	padding-top:5px;
	}
	
/* Foot Links
-------------------------------------------------------------------- */
#footnav {
	float:left;
	width:310px;
	padding:10px;
	}
	
#footnav li {
	display:inline;
	background:url(../images/footarrow.gif) left center no-repeat;
	padding:0 8px 0 12px;
	}
	
#footnav a:link, #footnav a:visited {
	color:#ffffff;
	}
	
#footnav a:hover, #footnav a:active {
	color:#0099cc;
	}
	
#footnav a:link, #footnav a:visited, #footnav a:hover, #footnav a:active {
	text-decoration:none;
	}
	
/* Foot Logos
-------------------------------------------------------------------- */
#logos {
	float:left;
	width:110px;
	padding:5px;
	}
	
/* Copyright
-------------------------------------------------------------------- */
#copyright {
	float:right;
	width:300px;
	padding:5px;
	font-size:9px;
	}
	
#copyright a:link, #copyright a:visited {
	color:#ffffff;
	text-decoration:none;
	border-bottom:1px dotted #ffffff;	
	}
	
#copyright a:hover, #copyright a:active {
	color:#cccccc;
	text-decoration:none;
	border:none;
	}