/*
Theme Name: T&D Construction
Theme URI: http://www.mathelme.com/
Description: 
Version: 0.1(beta)
Author: Mat Helme
Author URI: http://www.mathelme.com/
*/

		
		/* 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:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}
		
		/* MAIN */
	
		html { color:#555; font-size:12px; line-height:1.35em; position:relative; }
	
		body { width:100%; height:100%; margin:auto; background:#000033 url('images/bg.jpg') repeat-x; position:relative; font-family: Tahoma, Lucida Grande, Helvetica, Arial, serif; color:#555;  }
		
		a { outline:none; text-decoration:none; color:#006699; cursor:pointer; }
		
		a:hover { color:#0099CC; }
		
		p { padding:20px 20px 0 20px; margin:0; font-size:12px; line-height:1.35em; }
		
		ul { line-height:1.5em; }
		
		h1 { font-weight:lighter; font-size:24px; margin:0; padding:20px 20px 0 20px; color:#000033; }
		
		h2 { color:#eee; font-weight:lighter; font-size:20px; margin:0; padding:10px 0 20px 0; text-align:center; line-height:1.5em; }
		
		h3 { font-weight:lighter; font-size:16px; margin:0; padding:20px 0 0 20px; color:#000033; }
		
		h4 { font-weight:lighter; font-size:14px; margin:0; padding:20px 0 0 20px; color:#000033;}
		
		em { ; }
		
		ul#core { margin:10px; list-style-type:circle; list-style:inside; }
		
		ul#core li { margin-left:30px; }
		
		hr { border:#ccc thin double; padding:0; margin:20px 10px 0 10px; }
		
		#page-wrap { width:960px; height:100%; background:#fff; margin:auto; position:relative; margin-top:90px; }
		
		#header { width:960px; height:390px; background:#eee url('images/header_bg.jpg') repeat-x; position:relative; }
		
			#header-lft { width:340px; height:330px; background: transparent; float:left; margin-left:-10px; }
			
				#header-lft h1 { width:340px; height:60px; background: url('images/welcome.jpg') no-repeat; margin:-10px 0 20px 0; padding:0; }
				
				#header-lft #tag-con { width:320px; height:100%; background:url('images/lft-header-bg.jpg') repeat-x; margin-left:10px; }
				
				#header-lft #logo { width:230px; height:165px; background:url('images/logo.png') no-repeat; margin:auto; padding:0; }
		
			#header-rht { width:590px; height:280px; background: #003366 url('images/header/home.jpg') no-repeat center; float:left; margin:30px 20px 20px 20px; }
			
			body#home #header-rht { width:590px; height:280px; background: #003366 url('images/header/home.jpg') no-repeat center; float:left; margin:30px 20px 20px 20px; }
			
			body#about #header-rht { width:590px; height:280px; background: #003366 url('images/header/about.jpg') no-repeat center; float:left; margin:30px 20px 20px 20px; }
			
			body#process #header-rht { width:590px; height:280px; background: #003366 url('images/header/process.jpg') no-repeat center; float:left; margin:30px 20px 20px 20px; }
			
			body#faqs #header-rht { width:590px; height:280px; background: #003366 url('images/header/faqs.jpg') no-repeat center; float:left; margin:30px 20px 20px 20px; }
			
			body#free-estimate #header-rht { width:590px; height:280px; background: #003366 url('images/header/free-estimate.jpg') no-repeat center; float:left; margin:30px 20px 20px 20px; }
			
			body#contact #header-rht { width:590px; height:280px; background: #003366 url('images/header/contact.jpg') no-repeat center; float:left; margin:30px 20px 20px 20px; }
		
			ul#nav-lft { width:630px; height:60px; background:#125186; float:left; list-style-type:none; margin:0; padding:0; }
			
				ul#nav-lft li { display:inline; }
			
				ul#nav-lft li a { text-transform:uppercase; color:#000033; font-size:18px; padding:15px 50px 25px 49px; background: url('images/left-nav-bg-r.jpg') repeat-x; margin:0 1px 0 0; float:left; }
				
				ul#nav-lft li a:hover, 
				
				body#home #header ul#nav-lft li a#home, 
				
				body#about #header ul#nav-lft li a#about,
				 
				body#process #header ul#nav-lft li a#process,
				 
				body#faqs #header ul#nav-lft li a#faqs 
				
				{ background: url('images/left-nav-bg-ho.jpg') repeat-x; color:#fff; }
				
				body#free-estimate #header ul#nav-rht li#free-estimate a, body#contact #header ul#nav-rht li#contact a, ul#nav-rht li a:hover { color:#fff; background:#000033; }
			
			ul#nav-rht { width:330px; height:60px; background:#125186 url('images/rgt-nav-block.jpg') right no-repeat; float:left; list-style-type:none; margin:0; padding:0; line-height:1em; }
			
				ul#nav-rht em { width:3px; height:60px; background:#000033 url('images/rgt-nav-spacer.jpg') no-repeat; float:left; }
				
				ul#nav-rht li { display:inline; }
			
				ul#nav-rht li a { float:left; padding:20px 15px 20px 15px; margin:0; color:#fff; text-transform:uppercase; font-weight:lighter; font-size:12px; background:url('images/rgt-nav-bg.jpg') repeat-x; }
				
						
		#content { width:960px; height:100%; background:#fff; float:left; }
		
			ul#ql { list-style-type:none; float:left; margin:20px 0 0 20px; clear:both; }
			
			ul#ql li{ display:inline; background:#fff url('images/main-bg.jpg') repeat-x; margin:0 20px 20px 0; width:260px; height:160px; padding:0; float:left; overflow:hidden; border:2px solid  #ddd; text-align:center; color:#999; }
			
			ul#ql li a { color:#999; cursor:pointer; }
			
			ul#ql li a:hover { color:#003399; }
			
			ul#ql li a span { margin:5px; width:248px; height:125px; border:1px solid #555; background:#eee; float:left; clear:right; }
			
			ul#ql li a:hover span { border:1px solid #0066CC; }
		
			#main { width:590px; height:100%; background:#fff url('images/main-bg.jpg') repeat-x; float:left; margin:20px; padding: 0 0 20px 0; }
			
			#sidebar { width:310px; height:100%; background:#fff; float:left; margin-top:20px; font-size:14px; }
			
				#sidebar #search { width:310px; height:40px; background: url('images/search-bg.jpg')  repeat-x; }
				
					#sidebar #search p { margin:0; padding:12px; color:#003366; font-size:12px; float:left; }
				
					#sidebar #search #s { margin:8px; padding:5px; width:160px; color:#003366; float:left; border:0; }
					
					#sidebar #search #s:hover { background:#FFFFCC; }
					
					#sidebar #search #search-button { margin:8px 0 10px 4px; padding:4px 10px 4px 10px; border:none; background:#003366; color:#fff; float:left; }
					
					#sidebar #search #search-button:hover { background:#444; color:#eee; cursor:pointer; }
			
				#sidebar h1 { width:310px; height:50px; background:url('images/services.jpg') no-repeat; margin:0; padding:0; }
				
				#sidebar h2 { width:310px; height:50px; background:url('images/free-estimate-bg.jpg') no-repeat; margin:0; padding:0; }
				
				#sidebar h3 { width:310px; height:50px; background:url('images/gallery.jpg') no-repeat; margin:0; padding:0; }
				
				#sidebar ul.services { list-style-type:none; width:290px; padding:10px 0 20px 0; margin:0 10px 0 10px; background:url('images/services-bg.jpg') repeat-x; }
				
					#sidebar ul.services li { text-align:center; color:#003366; }
					
					#sidebar #free-estimate-sidebar { height:40px; width:290px; position:relative; }
					
						#sidebar #free-estimate-sidebar img { position:absolute; right:0; top:0; }
			
		#footer { width:960px; height:150px; background:#333 url('images/footer-bg.jpg') repeat-x; float:left; position:relative; }
		
			#footer ul#links { list-style-type:none; margin:30px 0 0 0; padding:0 0 0 20px; float:left; font-size:12px; width:500px; }
			
				#footer ul#links li { display:inline; }
			
				#footer ul#links li a { float:left; color:#fff; margin:0; padding:0 10px 0 0; }
				
				#footer ul#links li a:hover { color:#000033; text-decoration:underline; }
				
				
				/* faqs */
				
				#faqs { color:#003399; }
				
				#faqs span { color:#777; }
				
				
				/* suppliers */
				
				#suppliers { background:transparent; height:80px; float:left; position:relative; clear:both; padding:0; margin:auto; }
				
				#suppliers h3 { position:absolute; left:0; bottom:0; padding:25px; line-height:30px; margin:0; float:left; }
				
				ul#sup { list-style:none; height:80px; margin:auto auto auto 155px; width:760px; float:left; position:relative; padding:0; }
				
				ul#sup li a { display:inline-block; float:left; width:30px; height:30px; margin:25px 10px 0 0; padding:0; overflow:hidden; background:#003399; }