@charset "utf-8";
/*  ---------------------------------------
	
	main.css
	````````
	main stylesheets document for
	Texas Eco Grow
	
    ---------------------------------------  */


/*  ---------------------------------------
	Global Reset
	- - - - - - - - - - - - - - - - - - - -  */

		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; text-decoration: none; }
		
		

/*  ---------------------------------------
	Global rules and typography
	- - - - - - - - - - - - - - - - - - - -  */
	
		body {
	background: #352d20;
	font-family: Arial, Helvetica, sans-serif;
		}
		
		#container {
	background-color: #fff;
	background-image: url(../images/grass-bg.png);
	background-repeat: repeat-x;
	background-position: center -33px;
		}
		
		#content {
	width: 940px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 60px;
	padding-left: 0;
		}
		
		.hidden { display: none; }
		.clear { height: 1%; clear: both; }
		.left { float: left; }
		.right { float: right; }
		
		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.clearfix {display: inline-block;}
		.no-background { background: none !important; }
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */



/*  ---------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - -  */
	
		#header {
			width: 940px;
			margin: 0 auto;
			padding: 34px 0 0 0;
		}
			#header h1 {
				display: block;
				float: left;
				width: 228px;
				height: 71px;
			}
				#header h1 a {
					display: block;
					height: 71px;
					width: 228px;
					text-indent: -999999px;
					background: url(../images/header-logo.gif) no-repeat;
				}
			
			#header ul {
				display: block;
				width: 700px;
				float: right;
				list-style-type: none;
				padding-top: 8px;
			}
				#header ul li {
					display: block;
					float: right;
					padding-left: 12px;
					height: 68px;
				}
					#header ul li a {
	display: block;
	height: 60px;
	padding: 0 13px;
	line-height: 60px;
	font-size: 18px;
	color: #79b81f;
	text-transform: uppercase;
	-moz-border-radius: 3px;
	font-weight: bold;
					}
						#header ul li.current_page_item,
						#header ul li.current_page_parent {
							background: url(../images/main-nav-tri.gif) bottom center no-repeat;
						}
					
						#header ul li a:hover,
						#header ul li.current_page_item a,
						#header ul li.current_page_parent a { background: #352d20; color: #fff; }



/*  ---------------------------------------
	Masthead
	- - - - - - - - - - - - - - - - - - - -  */
	
		#masthead {
	width: 940px;
	height: 224px;
	margin: 0 auto;
	position: relative;
		}
			#masthead h2 {
	display: block;
	line-height: 24px;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #fff;
	position: absolute;
	top: 45px;
	-moz-border-radius: 3px;
	width: 550px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	background-color: #352d20;
			}
			#masthead-phone {
				position: absolute;
				top: 55px;
				right: 76px;
				font-size: 21px;
				line-height: 30px;
				color: #352d20;
			}
			#masthead-phone span {
				display: block;
				font-weight: bold;
				font-size: 36px;
			}



/*  ---------------------------------------
	Sidebar
	- - - - - - - - - - - - - - - - - - - -  */
	
		#sidebar {
			width: 300px;
			float: right;
		}
			#sidebar h3 {
	display: block;
	padding: 0 0 15px 0;
	font-size: 18px;
	font-weight: bold;
	color: #352d20;
			}
				#sidebar h3#services { padding-top: 10px; }
			#sidebar h4 {
	display: block;
	padding: 0;
	color: #79B81F;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
			}
#sidebar h4 a {
	color: #79B81F;
	text-decoration: none;
}
#sidebar h4 a:hover {
	text-decoration: underline;
}
#sidebar .contact {
	font-size: 14px;
	font-weight: bold;
	color: #352D20;
	margin-bottom: 5px;
}
			img.sidebar-fp-image {
				display: block;
				padding: 5px;
				background: url(../images/sidebar-fp-bg.jpg) no-repeat;
			}
			#sidebar p {
	display: block;
	padding: 0px;
	font-size: 14px;
	color: #666666;
	line-height: 19px;
	margin: 0px;
			}
			#sidebar ul {
	display: block;
	list-style-type: none;
	margin-bottom: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
			}
				#sidebar ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
				}
					#sidebar ul li a {
	font-size: 16px;
	line-height: 40px;
	display: block;
	height: 40px;
	color: #79B81F;
	padding-left: 10px;
					}
#sidebar ul li a:hover {
	background-color: #79B81F;
	color: #FFFFFF;
}
#sidebar ul li.current_page_item {
	font-weight: bold;
	background-color: #E5FFCB;
}
#sidebar ul li.current_page_item a {
	color: #6D7A3B;
	line-height: 39px;
	height: 39px;
}
#sidebar ul li.current_page_item a:hover {
	color: #6D7A3B !important;
	background-color: #E5FFCB !important;
	line-height: 39px !important;
	height: 39px !important;
	cursor: default !important;
}



/*  ---------------------------------------
	Main
	- - - - - - - - - - - - - - - - - - - -  */
	
		#main {
			width: 580px;
			float: left;
		}
			#main h3 {
	display: block;
	font-size: 48px;
	color: #352D20;
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	font-weight: normal;
			}
#main h4 {
	color: #6A773A;
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
			#main p {
	display: block;
	color: #333;
	font-size: 14px;
	line-height: 21px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 0px;
			}
				#main p.lead {
					font-size: 16px;
					line-height: 22px;
					color: #666;
					padding-bottom: 15px;
					margin-bottom: 15px;
					border-bottom: 1px solid #ccc;
				}
#main p.goback {
	margin-top: 15px;
	font-weight: bold;
}
			#main a {
				color: #79b91f;
			}
			#main a:hover {
				color: #215400;
			}
			#main ul {
	display: block;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
			}
				#main ul li {
	font-size: 14px;
	color: #333;
	line-height: 21px;
				}
#main div.ddsg-wrapper h2 {
	display: none;
}
#main div.ddsg-wrapper p {
	display: none;
}
					
					
/*  ---------------------------------------
	Portfolio
	- - - - - - - - - - - - - - - - - - - -  */	
		
		.ngg-albumoverview {
			padding-top: 15px;
		}
		.ngg-album {
			padding-bottom: 23px;
		}
			.ngg-thumbnail {
				display: block;
				width: 270px;
				float: left;
				padding: 0 !important;
			}
				.ngg-thumbnail img {
					padding: 4px;
					background: #ebeae9;
					-moz-border-radius: 3px;
				}
			.ngg-description {
				float: left;
				width: 265px;
			}
				.ngg-description h3 {
					font-size: 30px;
					color: #79b81f;
					padding: 0 !important;
				}
			
			.ngg-gallery-thumbnail {
				float: left;
			}
			.ngg-gallery-thumbnail img {
				height: 100px;
				padding: 4px;
				background: #ebeae9;
				-moz-border-radius: 3px;
			}
			.ngg-album-compact img {
				padding: 4px;
				background: #ebeae9;
				-moz-border-radius: 3px;
				
}
		.ngg-singlepic {
				float: left;
			}
		img.ngg-singlepic  {
			padding: 5px;
				-moz-border-radius: 3px;
}				
					
/*  ---------------------------------------
	Forms
	- - - - - - - - - - - - - - - - - - - -  */	
			
		form.cform {
			padding: 0;
			margin: 0;
		}
			form.cform ol {
				padding: 0 !important;
				margin: 0 !important;
				list-style-type: none;
			}
			form.cform li {
				display: block;
				padding: 5px 0;
			}
					form.cform li.cf-box-group label { color: #333; width: 160px; }
				form.cform li label {
					display: block;
					width: 120px;
					float: left;
					padding-right: 10px;
					color: #5e523e;
					font-size: 12px;
					line-height: 20px;
					color: #5e523e;
					font-weight: bold;
				}
				form.cform li input {
					display: block;
					width: 160px;
					float: left;
					border: none;
					border-bottom: 1px solid #7a7464;
					background: #d1cab8;
					color: #82756c;
					padding: 5px;
				}
				form.cform li span { display: block; float: left; padding-left: 5px; }
				form.cform li span.reqtxt, form.cform li span.emailreqtxt { color: #999 !important; font-size: 12px !important; }
				form.cform li .area { width: 280px; float: left; display: block; }
				form.cform p.cf-sb {
					margin-left: 110px !important;
					margin-top: 15px;
				}
				
				p.linklove {display: none;}
			form.cform textarea {
				width: 235px !important;
				float: left;
				height: 150px;
				border: none;
				border-bottom: 1px solid #7a7464;
				background: #d1cab8;
				color: #82756c;
				padding: 5px;
			}
			form.cform fieldset.cf_hidden { display: none; }
		
			form.cform li.cf_li_err {
				background: #FFE2DF;
			}
			form.cform li.cf_li_err span.reqtxt, form.cform li.cf_li_err span.emailreqtxt { color: #6f4c54 !important; }
		
		form.cform li:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.success,
		.failure {
			padding: 10px 25px !important;
			font-size: 16px !important;
			background: #FFE2DF;
			color: #6f4c54;
			margin-bottom: 10px;
		}
		.success {
			color: #3d634d;
		}
		
		
		form.cform li {display: inline-block;}
		.no-background { background: none !important; }
		
		.linklove { display: none !important;}
		
		/* Hides from IE-mac \*/
		* html form.cform li {height: 1%;}
		form.cform li {display: block;}
		/* End hide from IE-mac */



/*  ---------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - -  */
	
		#footer-container {
			background: #3d3426;
		}
		#footer {
			width: 940px;
			margin: 0 auto;
			padding: 20px 0;
		}
		#footer #nav-legal {
			width: 600px;
			float: left;
		}
		#footer p { color:  #5e564b; }
		#footer-info {
			display: block;
			float: right;
			font-size: 18px;
			color: #5e564b;
			text-align: right;
		}
			#footer-info strong {
				display: block;
				font-size: 28px;
			}
		#footer ul {
			display: block;
			list-style-type: none;
			position: relative;
			margin-left: -10px;
		}
			#footer ul li {
				display: inline;
			}
				#footer ul li a {
					padding: 0 10px;
					font-size: 12px;
					color: #5e564b;
					text-decoration: underline;
				}
		#footer #legal,
		#footer #privacy {
			display: block;
			font-size: 12px;
			padding-top: 15px;
		}
		#footer #legal { padding-left: 10px; }
		#footer #legal a { font-size: 12px; }
