@charset "utf-8";
/*  ---------------------------------------
	
	main.css
	````````
	main stylesheets document for
	Dallas Grant Construction
	
    ---------------------------------------  */


/*  ---------------------------------------
	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: url(../images/interior-body-bg.jpg) top repeat-x #54463b;
			font-family: Tahoma;
		}
		#background-left { width: 100%; height: 916px; overflow: hidden; margin: 0 0 -916px -50%; background: url(../images/interior-body-bg-left.jpg) repeat-x 0 0; }
		
		#container {
			width: 765px;
			margin: 0 auto;
			position: relative;
		}
		
		.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 {
			display: block;
			height: 162px;
			width: 765px;
			position: absolute;
			left: 0;
			top: 0;
			background: url(../images/interior-header-bg.jpg) left no-repeat;
		}
			#header h1 {
				display: block;
				position: absolute;
				height: 103px;
				width: 250px;
				left: 0;
				top: 59px;
			}
				#header h1 a {
					display: block;
					height: 103px;
					width: 250px;
					background: url(../images/header-logo.gif) no-repeat;
					text-indent: -999999px;
				}
			#header-content {
				display: block;
				position: absolute;
				width: 515px;
				left: 250px;
				top: 0;
			}
			#header p#header-info {
				display: block;
				height: 60px;
				line-height: 60px;
				padding-left: 19px;
				font-size: 11px;
				color: #b18e87;
				text-transform: uppercase;
			}
				#header p#header-info strong {
					padding-left: 24px;
					font-weight: normal;
					color: #b19b92;
				}
				#header p#header-info a {
					color: #b18e87;
					text-decoration: underline;
				}
			
			#header ul {
				display: block;
				list-style-type: none;
				height: 103px;
				padding-left: 29px;
				position: absolute;
				top: 162px;
				background: url(../images/interior-main-nav-bg.jpg) left no-repeat;
			}
				#header ul li {
					display: block;
					float: left;
					height: 103px;
				}
					#header ul li a {
						display: block;
						float: left;
						height: 103px;
						line-height: 103px;
						padding: 0 10px;
						font-size: 12px;
						text-transform: uppercase;
						color: #846d62;
						text-decoration: none;
					}
					#header ul li a:hover {
						color: #fff;
						text-decoration: underline;
					}
					#header ul li.current_page_ancestor a,
					#header ul li.current_page_parent a,
					#header ul li.current_page_item a {
						font-weight: bold;
						color: #fff;
					}
			
			#masthead {
				font-family: Georgia;
				font-size: 24px;
				color: #e7e3d1;
				line-height: 42px;
				font-weight: normal;
				display: block;
				padding: 30px 80px 0 44px;
			}
				#masthead a {
					color: #ac8879;
					text-decoration: none;
				}



/*  ---------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - -  */
		
		
		#content {
			padding-top: 265px;
			background: url(../images/interior-content-bg.jpg) left 162px no-repeat;
		}
			#content .content {
				width: 515px;
				float: right;
				padding: 44px 0 22px 0;
				background: #45372d;
			}
			#content h3 {
				display: block;
				position: absolute;
				right: 515px;
				padding: 45px 20px 45px 0;
				width: 289px;
				font-size: 12px;
				line-height: 13px;
				color: #957f73;
				background: #504035;
				font-weight: normal;
				text-align: right;
				text-transform: uppercase;
			}
			#content .content h4,
			#content .content h5,
			#content .content h6,
			#content .content ul,
			#content .content ol {
				padding: 10px 44px 20px 44px;
			}
			#content .content h4 {
				font-size: 14px;
				font-weight: bold;
				color: #e3dad3;
			}
			#content .content ul,
			#content .content ol {
				padding-left: 64px;
				color: #a29081;
				font-size: 12px;
			}
			#content .content a {
				color: #c5bab2;
				text-decoration: underline;
			}
				#content .content a:hover {
					color: #fff;
				}
			#content p {
				display: block;
				font-size: 12px;
				line-height: 24px;
				font-family: Tahoma;
				padding: 0 44px 20px 44px;
				color: #b0a092;
			}
			#content p.lead {
				font-size: 14px;
				line-height: 20px;
				color: #E7E3D1;
			}
					
					
					
/*  ---------------------------------------
	Other Elements
	- - - - - - - - - - - - - - - - - - - -  */	
			
		#sidenav {
			display: block;
			margin-left: 250px;
			padding: 25px 30px;
			background: url(../images/interior-sub-nav-bg.jpg) top repeat-x;
			list-style-type: none;
		}
			#sidenav li {
				display: inline !important;
			}
				#sidenav li a {
					height: 53px;
					line-height: 53px;
					padding: 0 14px;
					color: #b2a294;
					text-decoration: underline;
					font-size: 12px;
					font-weight: normal;
					display: inline;
				}
					#sidenav li.current_page_item a {
						color: #fff;
						font-weight: bold;
						text-decoration: none;
						background: url(../images/arrow-white-down.gif) right no-repeat;
					}
					
					
			#content .testimonials p {
				padding-bottom: 15px;
				margin-bottom: 15px;
				border-bottom: 1px dashed #4e3f34;
				color: #b0a092;
			}
				#content .testimonials p em {
					display: block;
					text-align: right;
					padding-top: 10px;
				}
				
				
			#cta-container {
				clear: both;
				padding-top: 20px;
			}
				#cta-container h3.cta {
					display: block;
					float: left;
					position: static;
					padding: 0 !important;
					margin: 0 !important;
					width: auto !important;
				}
					#cta-container h3.cta a {
						display: block !important;
						margin: 0 !important;
						padding: 0 !important;
					}
						h3.cta a span { display: none; }
						#cta-faq a {
							height: 133px;
							width: 198px;
							background: url(../images/cta-faq.gif) no-repeat;
						}
						#cta-gallery a {
							height: 133px;
							width: 317px;
							background: url(../images/cta-gallery.gif) no-repeat;
						}
						
			#questions h3 {
				position: static;
				background: none;
				display: block;
				text-align: left;
				padding: 0 0 10px 40px;
				margin: 0;
				font-size: 14px;
				text-transform: none;
			}
					
					
/*  ---------------------------------------
	Forms
	- - - - - - - - - - - - - - - - - - - -  */	
			
		form.cform {
			padding: 0;
			margin: 0;
		}
			form.cform ol {
				padding: 0 !important;
				margin: 0 !important;
			}
			form.cform li {
				display: block;
				padding: 10px 44px;
			}
				form.cform li.cf-box-title {
					border-bottom: navy;
					font-size: 14px;
					padding-bottom: 0;
					font-weight: bold;
					color: #EE3724;
					padding-left: 35px;
				}
					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: #a29081;
					font-weight: bold;
				}
				form.cform li input {
					display: block;
					width: 160px;
					float: left;
					border: 1px solid #4e423a;
					background: #3f3229;
					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; }
				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 legend {
				display: block ;
				font-family: Georgia;
				color: #ffe075;
				font-weight: bold;
				font-size: 16px;
				padding-bottom: 20px;
				margin-bottom: 0;
				padding-top: 15px;
			}
			form.cform textarea {
				width: 235px !important;
				float: left;
				height: 150px;
				border: 1px solid #4e423a;
				background: #3f3229;
				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 */



		.ngg-gallery-thumbnail-box { display: none; }
		.piclenselink { display: none; }
		.ngg-galleryoverview {
			width: 257px;
			float: left;
			margin-bottom: 1px;
		}
		.ngg-galleryoverview.right { float: right; }
		.ngg-gallery-thumbnail-box a {
			display: block;
			padding: 44px;
			background: #3f3229;
			text-decoration: none !important;
			height: 250px;
		}
			.ngg-gallery-thumbnail-box a:hover { background-color: #33261d; }
		
			.ngg-gallery-thumbnail-box a .title {
				display: block;
				padding: 10px 0 0 0;
				font-weight: bold;
				color: #d7c8bc;
				text-decoration: underline;
				font-size: 12px;
			}
			.ngg-gallery-thumbnail-box a .desc {
				display: block;
				padding: 5px 0 0 0;
				font-size: 12px;
				line-height: 20px;
				color: #a29081;
			}
		.ngg-clear { display: none; }
		
		#content .gallery-content { padding: 0; }


/*  ---------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - -  */
	
		#footer {
			padding: 44px 0 45px 294px;
			font-size: 11px;
		}
	
		#footer ul {
			display: block;
			list-style-type: none;
			padding-bottom: 24px;
		}
			#footer ul li {
				display: inline;
				padding-right: 10px;
			}
				#footer ul li a {
					color: #a29081;
					font-size: 12px;
					text-decoration: underline;
				}
				
		#footer #legal {
			color: #897667;
		}
		#footer #privacy {
			color: #897667;
		}
		#footer #privacy a {
			color: #a29081;
		}
		
		#footer a:hover {
			color: #d8cabf !important;
		}
		
		#footer #byglide {
			display: block; margin-top: 15px; color: #887769;
		}
		#footer #byglide a { color: #887769 !important; text-decoration: underline; }