/* ---------->>> GLOBAL <<<-----------*/


* { margin: 0; padding: 0;}

html, body { margin: 0; padding: 0; height: 100%; }

body { 
	font: normal 12px/1.6 Verdana, sans-serif;
	}
	
h1, h2, h3, h4, h5, h6, pre, blockquote, label, ul, ol, dl, fieldset, address { 
	padding:0;
	margin:0; 
	}

fieldset { padding: .5em; }


/* ---------->>> DIVS <<<-----------*/

#container {
	/*The sole purpose of this container is to 
	force the footer to the bottom of the screen */
	background: transparent url(tile.jpg) top left repeat-x;
	position: relative;
	min-height: 100%;
	}

* html #container {
	height: 100%;
	}

#wrapper { 
	width: 900px;
	margin: 0 auto;
	padding-bottom: 10em;
	}

#header { 
	background: transparent url(header.gif) no-repeat;
	height: 113px;
	}

#content { 
	width: 900px; 
	margin: 0 auto; 
	margin-top: 20px;
	}	

#rightcol { 
	display: inline;
	width: 565px; 
	float: right; 
	}

#footer {
	position: relative;
	background: #fff url(grass.jpg) bottom left repeat-x ; 
	width: 100%;
	font: 12px "Helvetica" sans-serif;
	margin-top: -117px;
	height: 117px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	}


/* ---------->>> TAGS <<<-----------*/	

h1 { }

	#header h1 {
	height:100px; /* height of logo */
	width:407px; /* width of logo */
	background: url(images/brand.gif) top left no-repeat;
	text-indent:-9000px;
	float: left;
	margin-top: 60px;
	margin-bottom: 40px;
	}
	
	#content h1 {
	font-family: Georgia,'Times New Roman',serif;
	font-size: 24px; 
	font-weight: normal;
	color: #3E4B6B;
	}
	
	#footer h1 {
	padding-top: 40px;
	padding-bottom: 5px;
	font: italic normal 24px 'Georgia','Times New Roman',serif;
	color: #fff;
	text-transform: none;
	}
	

h2 { }

	#content h2 {
	font-family: Georgia,'Times New Roman',serif;
	font-size: 20px; 
	font-weight: normal;
	color: #000;
	margin-bottom: 20px;
	}

	#leftcol h3 {
	font: bold 16px Verdana,Arial,serif;
	padding-left: 40px;
	}


h3 { }

	#content h3 {
	font-family: Georgia,'Times New Roman',serif;
	font-size: 16px; 
	font-weight: bold;
	color: #000;
	margin-bottom: 20px;
	}	
	
p {  }

	#content p { padding-bottom: 20px;}
	#footer p { 
	width: 990px;
	padding-top: 5px;
	color: #fff;
	}
	
	.title { font-weight: bold; color: #786642; font-size: 1.1em;}
	
a { }
	#header h1 a {
	display:block;
	width:100%;
	height:98%;
	outline:none;
	}
	

img { }
	img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto 
    }	
    
    img.prod { padding: 30px; border: 0;}

/* ---------->>> ANCHOR TAGS <<<-----------*/


a { text-decoration: none; color:#3A4666; }

a:hover { text-decoration: underline; }

#footer a { color: #fff; }

/* ---------->>> GLOBAL NAV <<<-----------*/

#nav {
  width:900px;
  padding:0; 
  list-style-type:none;
  z-index: 400;
  margin-top: 8px;
  line-height: 11px;
  font-size: 11px;
  }
#nav li {
  float:left;
  padding: 0; margin: 0;
  }
#nav a {
  display:block;
  color:#fff; 
  text-align:center; 
  padding:6px 17px; 
  padding-top: 8px;
  text-decoration:none; 
  text-transform: uppercase;
  float:left; 
  }
#nav a:hover {
  color:#fff; 
  background-color:#5B6D8E;
  }
  
 #home .home, #about .about, #products .products, #irrigation .irrigation, #lighting .lighting, #request .request, #contact .contact { 
  background-color:#5B6D8E;
 } 
  
/* ---------->>> MISC ITEMS <<<-----------*/	

/* ---------->>> FORM Tags <<<-----------*/


.buttontitle {
 	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
 	padding: 5px; margin: 10px 0px 0px 3px;
	float: left;
	}
 .button a {
 	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
 	text-align: center;
 	padding: 5px;
 	 margin: 10px 3px 0px 3px;
 	border: 1px dotted #333; 
 	font-size: 10px; 
 	color: #000 !important;
	background-color: #fc6;
	text-decoration: none !important;
	float: left;
 }
 
.button a:hover { background-color: #fff; } 
	
#formmatted label,input {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
	}

#formmatted label {
	text-align: right;
	width: 100px;
	padding-right: 20px;
	font-weight: bold;
	}

.clear { clear: both; background: none; }