/* RESET STYLES */

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
blockquote, a, img, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0;}
ol, ul { list-style: none;}


/* BASIC STYLES */
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	background-color:#DCC6A3;
}
p {
	font-size: 1.6em;
	line-height: 1.5em;
	margin-bottom:1em
}
a:link, a:visited {color:#0053A0;}
a:hover {color:#F30;}
a:active {color:#F00;}

img#left {
	margin: 10px auto;
	border:1px solid #DCC6A3;
	float: left;
	
}

img#right {
	margin: 10px auto;
	border:1px solid #DCC6A3;
	float: right;
	
}

/* WRAPPER */
#wrapper {
	margin:0 auto;
	width:980px;
	background:#EBD8AD url(../images/bg_wrapper.jpg) top no-repeat;
}


/* HEADER */

/* IE6 HACK : Path is relative to HTML doc */
div#header h1#logo { behavior: url(styles/iepngfix.htc) }

#header h1#logo {
	text-indent:-5000px;
	display:block;
	width:292px;
	height:169px;
	background:url(../images/logo.png);
	position:relative;
	left:27px;
	top:118px;
}

#header h2#tagline {
	text-indent:-5000px;
	display:block;
	width:1px;
	height:1px;
}


/* LEFT COLUMN */
#col-left {
	float:left;
	clear:left;
	width:330px;
	position:relative;
	top:100px;
	background:url(../images/bg_col_left.png) left top no-repeat;
	min-height:250px;
}
ul#nav {
	margin-top:50px;
}
ul#nav li a {
	text-indent:-5000px;
	display:block;
	width:330px;
	height:29px;
	background-repeat:no-repeat;
}
	/* Normal Link States */
	ul#nav li#nav-home a {background-image:url(../images/nav_home.png);}
	ul#nav li#nav-about a {background-image:url(../images/nav_about.png);}
	ul#nav li#nav-serv a {background-image:url(../images/nav_services.png);}
	ul#nav li#nav-faqs a {background-image:url(../images/nav_faqs.png);}
	ul#nav li#nav-cont a {background-image:url(../images/nav_contact.png);}
	ul#nav li#nav-est a {background-image:url(../images/nav_estimate.png);}
	ul#nav li#nav-irr a {background-image:url(../images/nav_irrigate.png);}
	ul#nav li#nav-news a {background-image:url(../images/nav_news.png);}
	
	ul#nav li.sub-nav a {text-indent:70px; font-size:1.5em; font-weight:bold;}
	
	/* Hover and Page Specific Link States */
	body#home ul#nav li#nav-home a, ul#nav li#nav-home a:hover {background-image:url(../images/nav_home_on.png);}
	body#about ul#nav li#nav-about a, ul#nav li#nav-about a:hover {background-image:url(../images/nav_about_on.png);}
	body#services ul#nav li#nav-serv a, ul#nav li#nav-serv a:hover {background-image:url(../images/nav_services_on.png);}
	body#faqs ul#nav li#nav-faqs a, ul#nav li#nav-faqs a:hover {background-image:url(../images/nav_faqs_on.png);}
	body#contact ul#nav li#nav-cont a, ul#nav li#nav-cont a:hover {background-image:url(../images/nav_contact_on.png);}
	body#estimate ul#nav li#nav-est a, ul#nav li#nav-est a:hover {background-image:url(../images/nav_estimate_on.png);}
	body#irrigation ul#nav li#nav-irr a, ul#nav li#nav-irr a:hover {background-image:url(../images/nav_irrigate_on.png);}
	body#news ul#nav li#nav-news a, ul#nav li#nav-news a:hover {background-image:url(../images/nav_news_on.png);}

/* CONTENT */
#col-main {
	width:360px;
	margin:85px 20px 0 20px;
	float:left;
}
	/* PAGES WITH WIDER CONTENT */
	body#services #col-main, body#faqs #col-main {width:600px;}

h3 {
	text-indent:-5000px;
	display:block;
	width:300px;
	height:30px;
	background-repeat:no-repeat;
	margin:0px 0 10px;
}
body#home h3 {width:0; height:0; margin:0;}
body#about h3 {background-image:url(../images/hdg_about.png);}
body#services h3 {background-image:url(../images/hdg_serv.png);}
body#faqs h3 {background-image:url(../images/hdg_faqs.png);}
body#contact h3 {background-image:url(../images/hdg_contact.png);}
body#estimate h3 {background-image:url(../images/hdg_est.png);}

#col-main h4 {
	font-size:2em;
	text-transform:uppercase;
	letter-spacing:0.2em;
	color:#0053A0;
	margin-bottom:0.3em;
}
#col-main h5 {
	font-size:1.6em;
	font-weight:bold;
	color:#0053A0;
	margin-bottom:0.5em;
}

#col-main ul#faq {
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:2em;
}
#col-main dl dt {
	font-size:1.4em;
	line-height:1.4em;
	font-weight:bold;
}
#col-main dl dd {
	font-size:1.3em;
	line-height:1.4em;
	font-weight:normal;
	margin:0 0 1em 1.5em;
}


p.clearall {
	clear:both;
}

/* RIGHT COLUMN */
#col-right {
	float:left;
	width:220px;
	position:relative;
	top:0px;
	clear:right;
	text-align:center;
	color:#0053A0;
	padding-bottom:20px;
}
#col-right h4 {
	font-size:1.6em;
	font-weight:bold;
}
#col-right p {
	font-size:1.3em;
	line-height:1.3em;
	margin:0;
}
#col-right img {
	margin: 10px auto;
	border:1px solid #DCC6A3;
}

/* CONTACT FORM */
form#fm_contact {
	display:block;
	margin:20px 0;
}
label {
	display:block;
	width:6em;
	float:left;
	clear:left;
	font-size:1.4em;
	border-bottom:solid 1px #DCC6A3;
	margin-top:0.4em;
}
input {
	float:left;
	clear:right;
	width:20em;
}
textarea {
	float:left;
	clear:right;
	width:25em;
	height:8em;
}
input#btn-submit {
	clear:left;
	width:10em;
	margin-top: 1em;
}


/* FOOTER */
#footer {
	width:980px;
	clear:both;
	background-color:#DCC6A3;
	padding-top:10px;
	color:#0053A0;
	text-align:center;
}
#footer p {
	font-size:1.4em;
	line-height:1.4em;
}