/*  
Theme Name: KNG Renovations Inc.
Theme URI: http://kngrenovations.com
Description: 
Version: 1.0
Author: Jason Neal
Author URI: http://www.j-neal.com
*/

/* 

Go ahead and change the info above once you've added your own styling

 */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; font-family: Helvetica, Arial, sans-serif; }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul, li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
q:before, q:after { content:'';}
a { text-decoration:none;  color:#0f100a;}
a:hover { color: #51403c; }
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold; }
em { font-style:italic; }
*a { position:relative; } /* Gets links displaying over a PNG background */
a img { border:none; } /* Gets rid of IE's blue borders */
p { margin: 15px; font-size: 13px; font-family: Helvetica, Arial, sans-serif; }
/* 

Put your styles below...

 */
h1 { font-size: 20px; color: #42280f; margin: 0px 0 5px 0; }
h2 { font-size: 18px; color: #816f40; }
h3 { font-size: 18px; color: #7d7141; }
h4 { font-size: 16px; color: #9b8a48; }
	h4 a { font-size: 14px; color: #990000; }
h5 { font-size: 14px; color: #c3ac5b; }
h6 { font-size: 12px; color: #51403c; }
 
 
body {
	background-color: #7d7141;
	background-image: url(images/back-tile.jpg);
	background-repeat: repeat;
	padding: 0; margin:0;
	font-family: Helvetica, Arial, sans-serif;
}
#wrap {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
#h-wrap {
	background-image: url(images/back-header.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 165px;
	padding: 0;
	margin: 0;
	}
	#header {
		position: relative;
		background-image: url(images/header.png);
		background-repeat: no-repeat;
		width: 940px;
		height: 165px;
		padding: 0;
		margin: 0 auto;
	}
	#home {
		position: absolute;
		top: 5px;
		left: 15px;
		width: 230px;
		height: 125px;
	}
	#email {
		position: absolute;
		top: 125px;
		right: 50px;
		width: 240px;
		height: 25px;
	}
#c-wrap {
	background-image: url(images/content-tile.jpg);
	background-repeat: repeat;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	border-top: 4px #7c7241 solid;
	border-bottom: 4px #7c7241 solid;
	}
	#content {
		position: relative;
		width: 940px;
		height: auto;
		padding: 15px 0;
		margin: 0 auto;
		}
		#nav {
			position: absolute;
			top: 15px; left:0;
			background-image: url(images/back-tile.png);
			background-repeat: repeat;
			width: 125px;
			min-height: 250px;
			padding: 10px;
			margin: 0;
			border: 4px #7c7241 solid;
			}
			#nav a { color: #fff; font-size: 20px; }
			#nav a:hover { color: #d8d8d8; }
			#nav li { margin: 0 0 5px 0; }
		#contentbody {
			position: relative;	
			background-color: #fff;
			width: 725px;
			min-height: 250px;
			padding: 10px;
			margin: 0 10px 0 175px;
			border: 4px #7c7241 solid;
			}	#contentbody ul li { list-style: disc; margin: 0 0 5px 45px; }
				#contentbody p, li { font-size: 13px; }
#f-wrap {
	position: relative;
	background-image: url(images/footer-tile.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 65px;
	padding: 15px 0;
	margin: 0;
	text-align:center;
	font-size: 11px;
	color: #fff;
	}
	#f-wrap a { color:#0f100a; font-weight: bold; }
	#f-wrap a:hover { color:#3a270b; }
	#footer {}