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

/*  ---------------------------------------
	Body
	- - - - - - - - - - - - - - - - - - - -  */
	
		body {
			background: url(../images/home-body-bg.jpg) top repeat-x #493a2f;
		}
		#background-left { width: 100%; height: 574px; overflow: hidden; margin: 0 0 -574px -50%; background: url(../images/home-body-bg-left.jpg) repeat-x 0 0; }



/*  ---------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - -  */
	
		#header {
			height: 265px;
			width: 765px;
			background: url(../images/home-header-bg.jpg) left no-repeat;
		}
			#header h1 {
				top: 162px;
			}
			
			#header ul {
				display: block;
				width: 515px;
				top: 265px;
				background: url(../images/home-main-nav-bg.jpg) left no-repeat;
			}
			
			#masthead {
				font-size: 22px;
				line-height: 38px;
				padding: 45px 30px 0 40px;
			}
				#masthead a {
					color: #ac8879;
					text-decoration: underline;
				}
					#masthead a:hover {
						color: #caa99b;
					}



/*  ---------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - -  */
		
		
		#content {
			padding-top: 368px;
			background: url(../images/home-content-bg.jpg) left 265px no-repeat;
		}
			#content .content {
				width: 515px;
				float: right;
				padding-top: 44px;
			}
			#content .lead {
			font-size: 16px;
				padding-bottom: 10px;
			}
			#content .lead strong {
				display: block;
				font-size: 18px;
				padding: 10px 0;
			}
		#top-panel .content { padding-top: 0; padding-bottom: 0;}
		#past-work-panel {
			width: 345px;
			height: 206px;
			float: left;
			background: url(../images/home-work-panel-bg.gif) top repeat-x;
		}
			
			#content #past-work-panel h4 {
				display: block;
				padding: 44px 0 39px 44px;
				font-size: 12px;
				text-transform: uppercase;
				color:  #937b70;
				font-weight: normal;
			}
				#past-work-panel h4 a {
					color: #937b70;
					text-decoration: none !important;
				}
				#past-work-panel h4 a span { color: #776156; padding-left: 5px; }
			#content #past-work-panel ul  {
				display: block;
				list-style-type: none;
				padding: 0 0 44px 0;
			}
				#past-work-panel ul li {
					display: block;
					padding-left: 38px;
					float: left;
				}
					#past-work-panel ul li a {
						display: block;
						height: 69px;
						width: 64px;
					}
						#past-work-panel ul li a img {
							border: 5px solid #1d1310;
							margin-top: 5px;
						}
						
						#past-work-panel ul li a:hover {
							background: url(../images/home-thumb-current-bg.gif) top center no-repeat;
						}
							#past-work-panel ul li a:hover img { border-color: #e7e3d1; }
						
		#refresh-link {
			display: block;
			height: 206px;
			width: 170px;
			float: right;
			padding: 0 !important;
		}
			#refresh-link a {
				display: block;
				height: 206px;
				width: 170px;
				background: url(../images/home-refresh.jpg) no-repeat #39271f;
				padding: 0 !important;
				text-indent: -999999px;
			}
			
			
			.associations {
				display: block;
				position: absolute;
				right: 515px;
				margin-top: 103px;
				width: 289px;
				font-size: 12px;
				line-height: 13px;
				color: #957f73;
				background: #706054;
				font-weight: normal;
				text-align: right;
				text-transform: uppercase;
				padding: 10px;
			}
				#content .associations h3 {
					position: static !important;
					top: 0 !important;
					right: 0 !important;
					text-align: left;
					margin: 0;
					padding: 0;
					text-indent: -999999px;
					display: block;
				}
					#content .associations h3#hba {
						float: right;
						width: 79px;
						height: 71px;
						background: url(../images/hba-logo.gif) right no-repeat; 
					}
					
					#content .associations h3#nari {
						float: right;
						width: 78px;
						height: 71px;
						background: url(../images/nari-logo.gif) no-repeat;
					}