* {
	margin: 0;
	padding: 0;
	border: 0;
}
:focus { outline: 0; }
body {
	background: url(images/main_bg.gif) #fffdef repeat-x top left;	
	font-family: Arial, Helvetica, sans-serif;
	color: #464333;
}
h1 {
	float: left;
	overflow: hidden;
	display: block;
	text-indent: -10000px;	
}
div#wrapper {
	margin: 0 auto;
	width: 900px;
}
	div#header {
		width: 816px; height: 115px;
		border-top: 5px solid #e5e2cf;
		margin: 0 42px;
	}
		div#header h1 {
			float: left;
			width: 116px; height: 34px;
			background: url(images/header_logo.gif) no-repeat top left;
			margin: 60px 40px 0 0;
		}
		div#header p {
			float: left;
			height: 50px; width: 431px;
			background: url(images/header_breaker.gif) no-repeat top left;
			font-size: 11px;
			padding: 5px 0 0 13px;
			margin: 60px 0 0 0;
		}
			div#header p strong { color: #201f17; }
		
		div#header ul{
			float: left;
			width: 166px;
			list-style-type: none;
			margin: 61px 0 0 30px;
		}
			div#header ul li{
				display: inline;
				float: left;
			}
				div#header ul li a { 
					overflow: hidden;
					display: block;
					text-indent: -10000px;
					font-size: 1px;
					 margin: 0; padding: 0;
				}
					div#header ul li a.work {
						background: url(images/nav_work.png) no-repeat top left;
						width: 68px; height: 33px;
						
					}
					div#header ul li a.work2 {
						background: url(images/nav_work-nonhover.png) no-repeat top left;
						width: 68px; height: 33px;
						
					}
					div#header ul li a.work2:hover { background: url(images/nav_work.png); }

					div#header ul li a.contact {
						background: url(images/nav_contact.gif) no-repeat top left;
						width: 125px; height: 33px;
					}
						div#header ul li a.contact:hover { background: url(images/nav_contact-hover.png); }
												
					div#header ul li a.contact2 {
						background: url(images/nav_contact-hover.png) no-repeat top left;
						width: 125px; height: 33px;
					}
					
					div#header ul li a.membership {
						background: url(images/nav_membership-hover.png) no-repeat top left;
						width: 125px; height: 33px;
					}
						div#header ul li a.membership2:hover { background: url(images/nav_membership-hover.png); }
												
					div#header ul li a.membership2 {
						background: url(images/nav_membership-nonhover.png) no-repeat top left;
						width: 125px; height: 33px;
					}
					
					div#header ul li a.hangers {
						background: url(images/nav_hangers.png) no-repeat top left;
						width: 100px; height: 33px;
					}
						div#header ul li a.hangers2:hover { background: url(images/nav_hangers.png); }
												
					div#header ul li a.hangers2 {
						background: url(images/nav_hangers-nonhover.png) no-repeat top left;
						width: 100px; height: 33px;
					}
																				
					div#header ul li a.listings {
						background: url(images/nav_listings.png) no-repeat top left;
						width: 100px; height: 33px;
					}
						div#header ul li a.listings2:hover { background: url(images/nav_listings-hover.png); }
												
					div#header ul li a.listings2 {
						background: url(images/nav_listings-hover.png) no-repeat top left;
						width: 100px; height: 33px;
					
					}
						div#header ul li a.listings3:hover { background: url(images/nav_listings-hover.png); }
												
					div#header ul li a.listings3 {
						background: url(images/nav_listings.png) no-repeat top left;
						width: 100px; height: 33px;
					}



					
					
		
	div#featured {
		float: left;
		width: 900px; height: 250px;
		background: url(images/featured_bg.gif) no-repeat top left;
	}
		div#featured h1 {
			width: 210px; height: 37px;
			background: url(images/featured_akome-header.png) no-repeat top left;
			margin: 48px 0 0 42px;
		}
		div#featured p {
			float: left; clear: left;
			color: #cbc69e;
			font-size: 12px;
			line-height: 16px;
			width: 360px;
			margin: 14px 0 0 42px;
		}
		div#featured a.view img { 
			float: left; clear: left;
			margin: 21px 0 0 38px;
		}
		div#featured a.showcase {
	float: none;
	width: 900px;
	height: 201px;
	background: url(images/headimg.png) no-repeat top left;
	margin: 11px 30px 0 0;
}
			div#featured a.showcase img {
				float: left;
				margin: 12px 0 0 12px;
				border: 5px solid #ffffff;
			}
				div#featured a.showcase:hover img { border: 5px solid #6f6552; }
	
	div#my-work,
	div#listings,
	div#contact-me {
		width: 816px;
		margin: 0 42px;
		float: left;
	}
		div#my-work h1 {
			width: 134px; height: 37px;
			background: url(images/my-work_header.gif) no-repeat top left;
			margin-top: 30px;
			padding-bottom: 5px;
			border-bottom: 3px solid #b2af9b;
		}
		
		div#listings h1 {
			width: 134px; height: 37px;
			background: url(http://mathisairport.com/images/newlisting.gif) no-repeat top left;
			margin-top: 54px;
			padding-bottom: 5px;
			border-bottom: 3px solid #b2af9b;
		}

		
		div#contact-me h1 {
			width: 167px; height: 26px;
			background: url(images/contact-me_header.gif) no-repeat top left;
			margin-top: 54px;
			padding-bottom: 16px;
			border-bottom: 3px solid #b2af9b;
		}
	
	div.content {
		float: left; clear: left;
		width: 535px;
		border-top: 1px solid #b2af9b;
		padding-bottom: 10px;
	}
		div.content a img {
			border: 5px solid #b2af9b;
			margin-top: 17px;

		}
		div.content a.home {
			background: url(images/listings/home.png) no-repeat top left;
			width: 68px; height: 33px;
			margin-right: 13px;


		}
			div.content a img.left { margin-right: 15px; }
			div.content a img:hover { border: 5px solid #cbb685; }
		
		div.content p {
			font-size: 12px;
			width: 450px;
			margin: 20px 0;
		}
		div.content form {
			padding-bottom: 70px;	
		}
			div.content form input {
				float: left; clear: left;
				background: url(images/contact-me_input-bg.gif) no-repeat top left;
				width: 293px; height: 30px;
				padding: 10px 0 0 10px;
				margin: 0 5px 10px 0;
				font-size: 16px;
				color: #9c9884;
			}
				div.content form input.submit {
					background: url(images/contact-me_submit-bg.gif) no-repeat top left;
					width: 140px; height: 40px;
					padding: 0;
					margin: 10px 0 0 0;
					font-size: 16px;
					color: #9c9884;
				}
			div.content form textarea {
				background: url(images/contact-me_textarea-bg.gif) no-repeat top left;
				width: 486px; height: 130px;
				padding: 10px 10px 10px 10px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 16px;
				color: #9c9884;
			}
		div.content div#contact_form {
			height: 370px;	
		}
			.error { 
				float: left; 
				font-size: 12px;
				padding-top: 10px; 
			}
	
	div#additional-text,
	div#contact-details {
		float: right;
		width: 280px;
		border: 1px solid #b2af9b;
		border-right: none;
		font-size: 12px;
		margin-top: 75px;
	}
		div#additional-text p {
			float: left; clear: left;
			padding: 15px 5px 15px 14px;
		}
		div#additional-text ul {
			clear: left;
			margin-left: 28px;	
			font-weight: bold;
			list-style-type: square;
		}
	
	div#contact-details {
		width: 266px;
		padding: 7px;
	}
		div#contact-details p {
			float: left; clear: left;
			width: 100%;
			font-size: 13px;
			padding: 8px 0px 8px 7px;
		}
			div#contact-details p a {
				color: #464333;
				text-decoration: none;
			}
				div#contact-details p a:hover { text-decoration: underline; }
		
	div#footer_wrapper {
		clear:left;
		background-color: #3b362a;
		height: 35px;
		margin: 0 auto;
		padding-top: 20px;
	}
		div#footer {
			margin: 0 auto;
			width: 816px;
			color: #fffdef;
			font-size: 11px;
		}
	
	div#preloaded-images {
	   position: absolute;
	   overflow: hidden;
	   left: -9999px; 
	   top: -9999px;
	   height: 1px;
	   width: 1px;
	}