/*  

Theme Name: Turfs Are Us 

Description: Turfs Are Us Layout

Author: SLB Networks

Author URI: http://www.slbnetworks.com

Client URL: http://www.turfsareus.com

*/

	

/* template */

body {
	background-color: #5E7F62;
	font-family:Arial, Helvetica, sans-serif;
}

a:link, a:visited {
	font-size: 12px;
	color: #485038;
	font-weight: bold;
	text-decoration:none;
	
	
}

a:hover, a:visited:hover {
	font-size: 12px;
	color: #485038;
	font-weight: bold;
	text-decoration: underline;
	
}

h1 {
	font-size: 17px;
	color: #245A2A;
	font-weight: bold;
	float: left;
}

h2 {
	font-size: 15px;
	color: #245A2A;
	font-weight: bold;
}

#container {
	margin: 0 auto;
	width: 850px;
}

#page {
	width: 850px;
	float:left;
	border: 1px solid #000000;
	
}


#header {
	height: 168px;
	width: 850px;
	float:left;
}

#header_logo {
	background-image: url(images/web/turfs_r1_c1.png);
	background-repeat:no-repeat;
	height: 168px;
	width: 243px;
	float: left;
	
}

#header_pic {
	background-image: url(images/web/turfs_r1_c3.png);
	background-repeat: no-repeat;
	height: 168px;
	width: 607px;
	float: left;
	
}

#nav {
	height: 30px; 
	width: 850px;
	float: left;
	background-image:url(images/web/nav.png);
	background-repeat:repeat-x;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #8E9F69;
	font-family:Arial, Helvetica, sans-serif;
}

#nav ul {
	margin-left: 15px;
	margin-top:0px;
	padding: 0 0 0 0px;
	list-style: none;
	display: block;
	height: 30px;
}

#nav li {
	font-weight:bold;
	position: relative;
	float: left;
	display: block;
	height: 30px;
	margin-left:5px;
}

#nav a:link, #nav a:visited {
	display: block;
	height: 30px;
	text-decoration: none;
	padding-left:21px;
	padding-right:21px;	
	line-height: 30px;
	color:#485038;	
}

#nav li a:link, #nav li a:visited {
	font-size: 12px;
	height: 30px;
	float: left;
	text-decoration: none;
	color:#485038;
}

#nav li a:hover, #nav li a:visited:hover, #nav li.hover a, #nav li:hover > a {
	background-image: url(images/web/nav_hover.png);
	background-repeat: repeat-x;
	color:#485038;	
}

#nav li:hover, #nav li:visited:hover, #nav li.sfhover { 
	background-image: url(images/web/nav_hover.png);
	background-repeat: repeat-x;
	color:#485038;	
}

#nav li ul {
	width: 188px; /*140px;*/
	list-style: none;
	position: absolute;
	clear: both;
	top: 30px;
	left: 0;
	font-weight: normal;
	padding: 0;
	margin: 0;
	margin-top: 0px;
	border: 2px solid #8E9F69;
	background-color: #E8E8E8;	
	display: none;
}

#nav li>ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 192px; /*144px;*/
	height: auto;
	margin-top: 30px;
}

#nav li li {
	clear: both;
	display: block;
	width: 192px; /*140px;*/
	text-align: left;	
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
	background-position: -300px -300px !important;
}

#nav li li a, #nav li li a:visited {
	display: block;
	font-weight: normal;
	line-height: 1.2em;
	height: 13px;
	padding: 7px 0 7px 7px !important;
	margin: 0 !important;
	background: transparent !important;
	width: 188px; /*140px;*/	
	font-weight: bold !important;
	text-align: left;
	color:#485038;
}

html>body #nav li li a {
	width: 188px; /*140px;*/
	height: auto !important;
	line-height: 1.2em !important;
	min-height: 13px !important;
}

#nav li li a:hover, #nav li li a:visited:hover {
	background: #5E7F62 !important;
	width:187px;
	color:#FFFFFF;
}


#nav li:hover ul, #nav li.hover ul {
	display: block;		
}

#nav a:hover ul, #nav li.hover ul {
	display: block;	
}


#main_body {
	width: 850px;
	background-color:#FFFFFF;
	background-repeat:repeat-y;
	float: left;
	
}

#main_secondary {
	width: 850px;
	background-image:url(images/web/turfs_secondary.png);	
	background-color:#FFFFFF;
	background-repeat:repeat-y;
	float: left;
	
}

#sidebar_secondary {
	width: 193px;
	float: left;

}

#sidebar_nav {
	width: 193px;
	float: left;
	margin-top:30px;

}

#sidebar_quote {
	width: 180px;
	height: 51px;
	float: left;
	display: inline;
	margin-left:9px;
	margin-top: 40px;

}

#page_title {
	width: 400px;
	height: 30px;
	float: left;
	display: inline;
	margin-left:0px;
	margin-top: 30px;

}

#page_content {
	width: 600px;
	float: left;
	display: inline;
	margin-left:15px;
	margin-top: 10px;
	padding-bottom: 50px;

}


#body_secondary {
	width: 600px;
	margin-left: 30px;
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	float: left;
	display: inline;

}

#main_body_spacer {
	height: 20px;
	width: 850px;
	background-image:url(images/web/turfs_r4_c2.png);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	float: left;
	
}

#main_body_spacer_homepage {
	background-image: url(images/web/turfs_r4_c2.png);
	background-repeat:no-repeat;
	height: 20px;
	width: 850px;
	float: left;
	
}

#main_body_spacer_secondary {
	background-image: url(images/web/turfs_r4_c1.png);
	background-repeat:no-repeat;
	height: 21px;
	width: 850px;
	float: left;
	
}

#bottom_bar {
	background-image: url(images/web/turfs_r5_c1.png);
	background-repeat:no-repeat;
	height: 58px;
	width: 850px;
	float: left;
	display: inline;
	
}

#consultation {
	height: 40px;
	width: 40px;
	float: left;
	display: inline;
	margin-left:10px;
	margin-top: 10px;
	
}

#consultation_text {
	height: 20px;
	width: 250px;
	float: left;
	display: inline;	
	margin-left: 10px;
	margin-top: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#5A6348;
	font-style: italic;
	font-weight: bold;
	
}

#consultation_text a:link, #consultation_text a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#5A6348;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	
}

#consultation_text a:hover, #consultation_text a:visited:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#5A6348;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
	
}


#address {
	height: 20px;
	width: 380px;
	float: left;
	display: inline;	
	margin-left: 140px;
	margin-top: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight: bold;
	
}

#footer {
	background-color:#5E7F62;
	background-repeat: no-repeat; 
	height: 50px; 
	width: 850px;
	margin-top: 20px;
	float:left;	 
 
}

#gallery {
	float:left;
	width: 850px;
	margin-top:30px;
}

/* End Template */


/* Photo Gallery */


#row_1 {
	height: 250px; 
	width: 600px;
	float: left;

}

#row_2 {
	height: 250px; 
	width: 600px;
	margin-top: 20px;
	float: left;

}

#row_3 {
	height: 250px; 
	width: 600px;
	margin-top: 20px;
	float: left;

}

#gallery_1 {
	height: 220px; 
	width: 250px;
	margin-left: 40px;
	float: left;
	display: inline;	

}

#gallery_2 {
	height: 220px; 
	width: 250px;
	margin-left: 20px;
	float: left;	
	display: inline;	

}

#gallery_3 {
	height: 220px; 
	width: 250px;
	margin-left: 40px;
	float: left;	
	display: inline;
	
}

#gallery_4 {
	height: 220px; 
	width: 250px;
	margin-left: 20px;
	float: left;	
	display: inline;	

}

#gallery_5 {
	height: 220px; 
	width: 250px;
	margin-left: 40px;
	float: left;
	display: inline;
	margin-bottom:30px;	

}

#gallery_6 {
	height: 220px; 
	width: 250px;
	margin-left: 20px;
	float: left;
	display: inline;
	margin-bottom:30px;		

}


/* End Photo Gallery */



/* Index */


#title_index {
	width: 300px;
	height: 20px;
	float: left;
	display: inline;	
	margin-left:40px;
	margin-top: 35px;

}

#index_text {
	width: 740px;
	float: left;
	display: inline;	
	margin-left:65px;
	margin-top: 20px;

}

#index_row_1 {
	width: 740px;
	margin-top: 25px;
	margin-left:70px;
	float: left;
	display: inline;	

}

#index_row_2 {
	width: 740px;
	margin-top: 40px;
	margin-left:70px;
	padding-bottom: 10px;
	float: left;
	display: inline;	

}


#category_1 {
	width: 230px;
	margin-left: 0px;
	float: left;
	display: inline;	

}

#category_2 {
	width: 230px;
	margin-left: 25px;
	float: left;	
	display: inline;	

}

#category_3 {
	width: 230px;
	margin-left: 25px;
	float: left;
	display: inline;	

}

#category_4 {
	width: 230px;
	margin-left: 0px;
	float: left;
	display: inline;	
	margin-bottom:40px;	

}

#category_5 {
	width: 230px;
	margin-left: 25px;
	float: left;
	display: inline;	
	margin-bottom:40px;		

}

#category_6 {
	width: 230px;
	margin-left: 25px;
	float: left;
	display: inline;		
	margin-bottom:40px;	

}


/* End Index */


/* About Us */

#about_text {
	width:350px;
	float:left;

}

#about_pic {
	width:200px;
	float:left;
	margin-left: 20px;
	display:inline;

}

#about_photo p {
	text-align:center;
	font-weight:bold;
	font-size:16px;

}

#mission_statement {
	width:600px;
	float:left;

}

/*End About Us */


/* Service Pages */


#photo_gallery {
	width: 230px;
	float:left;
}

#body_text {
	width: 350px;
	float: left;

}

#picture_column {
	width: 230px;
	float: right;
	
}	

#service_pic_1 {
	width: 230px;
	margin-top: 20px;
	float: right;	

}

#service_pic_2 {
	width: 230px;
	margin-top: 20px;
	float: right;	

}

#service_pic_3 {
	width: 230px;
	margin-top: 20px;
	float: right;

}

#service_pic_4 {
	width: 230px;
	margin-top: 20px;
	float: right;

}

#service_pic_5 {
	width: 230px;
	margin-top: 20px;
	float: right;	

}

#service_pic_6 {
	width: 230px;
	margin-top: 20px;
	margin-bottom: 40px;
	float: right;

}


/* End Service Pages */



/* Contact Page */

#contact_page {
	width: 250px;
	float: left;
	display: inline;	
	margin-left:25px;
	margin-top: 20px;

}

#contact_logo {
	width: 250px;
	float: left;
	display: inline;	
	margin-left:25px;
	margin-top: 0px;

}

#contact_form_title {
	width: 400px;
	float: left;
	display: inline;	
	margin-left:50px;
	margin-top: 30px;
	text-decoration:underline;

}

#contact_form {
	width: 400px;
	float: left;
	display: inline;	
	margin-left:80px;
	margin-top: 20px;
	padding-bottom: 20px;

}


/* End Contact Page */


/* Request a Quote Page */


#quote_form_title {
	width: 400px;
	float: left;
	display: inline;	
	margin-left:50px;
	margin-top: 30px;
	text-decoration:underline;

}

#quote_form {
	width: 400px;
	float: left;
	display: inline;	
	margin-left:80px;
	margin-top: 20px;
	padding-bottom: 20px;

}


/* End Request a Quote Page */



/* About Page */


#about_photo {
	float: left;
	display: inline;	
	margin-left:20px;
	padding-bottom: 30px;

}



/* End About Page */


/* Style */


.mulch {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	
	
}

.sidebar {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 30px;
	font-weight: bold;
	text-align:center;
	list-style-type: none;
	list-style:none;
	line-height: 30px;
	
	
}

.sidebar a:link, .sidebar a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
	
	
}

.sidebar a:hover, .sidebar a:visited:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C2CAA6;
	font-weight: bold;
	text-decoration: underline;
	
	
}
	

.h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #245A2A;
	font-weight: bold;
	float: left;
	
	
}

.h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #5A6348;
	font-weight: bold;
	float: left;	
	
}

.h2 a:link, .h2 a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5A6348;
	font-weight: bold;
	float: left;	
	text-decoration:none;		
	
}


.h2 a:hover, .h2 a:visited:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5A6348;
	font-weight: bold;
	float: left;
	text-decoration:underline;	
	
}

.h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #245A2A;
	font-weight: bold;
	float: left;
	
	
}

.h3 a:link, .h3 a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #DA7328;
	font-weight: bold;
	text-decoration:none;
	float: left;
	
	
}

.h3 a:hover, .h3 a:visited:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #DA7328;
	font-weight: bold;
	text-decoration: underline;
	float: left;
	
	
}

.h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #245A2A;
	font-weight: bold;
	float: left;
	
	
}

.body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	line-height: 16px;
	
	
}

.body a:link, .body a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #485038;
	font-weight: bold;
	text-decoration:none;
	
	
}

.body a:hover, .body a:visited:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #485038;
	font-weight: bold;
	text-decoration: underline;
	
	
}


.navtext {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	color: #485038;
	font-weight: bold;
	
	
}

.navtext a:link, .navtext a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #485038;
	font-weight: bold;
	text-decoration:none;
	
	
}

.navtext a:hover, .navtext a:visited:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #485038;
	font-weight: bold;
	text-decoration: none;
	
	
}


.show_tag {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	font-style:italic;
	padding-left:10px;
	vertical-align:top;
	
	
}

.subtitle_services {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #245A2A;
	font-weight: bold;
	float: left;
	
}


.left_column {

	background: #FFFFFF; 
	width: 550px; 
	margin: 0 auto; 
	margin-top: 0px;
	float:left;
	margin-left:28px;
	display:block;
	border-collapse:collapse;

}

.right_column {

	background: #FFFFFF; 
	width: 358px; 
	margin: 0 auto; 
	margin-top: 0px;
	float:right;
	margin-right:28px;
	display:block;
	border-collapse:collapse;

}


.terms { font-family: Arial, Helvetica, sans-serif; float:right; text-align:center; font-size: 10px; color: #999999; font-weight:bold; padding-right:80px; }
.terms a:link { color: #999999; text-decoration: none; }
.terms a:visited { color: #999999; text-decoration: none; }
.terms a:hover { color: #999999; text-decoration: underline; }
.terms a:active { color: #999999; text-decoration: none; }

.footer {	font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; color: #FFFFFF; font-weight:bold; text-align:center; }
.footer a:link { color: #FFFFFF; text-decoration: none; }
.footer a:visited { color: #FFFFFF; text-decoration: none; }
.footer a:hover { color: #FFFFFF; text-decoration: underline; }
.footer a:active { color: #FFFFFF; text-decoration: none; }


/*	End Style */