@charset "utf-8";
/* CSS Document */
input{
	background-image:url(../images/bg_input.jpg);
	background-repeat:repeat-x;
}
textarea{
	background-image:url(../images/bg_ta.jpg);
	background-repeat:repeat-x;
}
h1{
	font-size:16px;
	border-bottom:1px solid #fff;
	width:100%;
}
h2{
	font-size:14px;
	border-bottom:1px solid #fff;
	width:100%;
}
	#content-area h2 a:link,
	#content-area h2 a:visited,
	#content-area h1 a:link,
	#content-area h1 a:visited{
		color:#38a8f2;
	}
	#content-area a:link,
	#content-area a:visited{
		color:#38a8f2;
	}
	#content-area a:hover,
	#content-area a:active{
		text-decoration:underline;
	}
/* CSS Column Fix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {display:block;clear:both;}
* html .clearfix {height: 1%;}
body{
	background-image: url(../images/bg.gif);
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}
a:link,
a:visited{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
a:hover,
a:active{
	text-decoration:underline;
}
#container{
	background-color:#363535;
	width:814px;
	margin:0 auto;
	padding:0;
	background-image:url(../images/bg-mid.jpg);
	background-repeat:repeat-y;
	text-align:center;
}
#header{
	margin:0;
	padding:0;
	position:relative;
}
	#header img{
		margin:0;
		padding:0;
	}
#bgtop{
	background-image:url(../images/bg-top.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	height:5px;
	border:none;
	line-height:9px;
}
#menu{
	width:800px;
	margin:0 auto;
	padding:0;
}
	#menu ul{
		background-image:url(../images/bg-nav-bar.jpg);
		background-repeat:repeat-x;
		height:36px;
		margin:0 0 0 1px;
		padding:0;
		list-style:none;
	}
		#menu li{
			float:left;
		}
		#menu li a{
			display:block;
			height:35px;
		}
		#menu ul #home{
			background-image:url(../images/home_btn.jpg);
			background-repeat:none;
			width:81px;
			height:35px;
			margin:0px;
			background-position:0 0;
		}
		#menu ul #home:hover{
			background-position:50% 100%;
		}
		#menu ul #aboutus{
			background-image:url(../images/aboutUs_btn.jpg);
			background-repeat:none;
			width:102px;
			height:35px;
			margin:0px;
			background-position:0 0;
		}
		#menu ul #aboutus:hover{
			background-position:50% 100%;
		}
		#menu ul #forsale{
			background-image:url(../images/forSale_btn.jpg);
			background-repeat:none;
			width:96px;
			height:35px;
			margin:0px;
			background-position:0 0;
		}
		#menu ul #forsale:hover{
			background-position:50% 100%;
		}
		#menu ul #completedhomes{
			background-image:url(../images/ourHomes_btn.jpg);
			background-repeat:none;
			width:102px;
			height:35px;
			margin:0px;
			background-position:0 0;
		}
		#menu ul #completedhomes:hover{
			background-position:50% 100%;
		}
		#menu ul #customhomes{
			background-image:url(../images/customHomes_btn.jpg);
			background-repeat:none;
			width:125px;
			height:35px;
			margin:0px;
			background-position:0 0;
		}
		#menu ul #customhomes:hover{
			background-position:50% 100%;
		}
		#menu ul #testimonials{
			background-image:url(../images/testamonials_btn.jpg);
			background-repeat:none;
			width:125px;
			height:35px;
			margin:0px;
			background-position:0 0;
		}
		#menu ul #testimonials:hover{
			background-position:50% 100%;
		}
		#menu ul #contactus{
			background-image:url(../images/contactUs_btn.jpg);
			background-repeat:none;
			width:114px;
			height:35px;
			margin:0px;
			background-position:0 0;
		}
		#menu ul #contactus:hover{
			background-position:50% 100%;
		}
		#menu ul #leftnav{
			width:52px;
		}
#footer{
	height:81px;
	background-image:url(../images/bg-footer.jpg);
	background-repeat:none;
	width:800px;
	margin:0px auto;
	padding:0;
	position:relative;
	z-index:0;
}
#bgbottom{
	background-image:url(../images/bg-bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:7px;
	margin:0;
	padding:0;
	line-height:9px;
}
#home-warranty{
	position:absolute;
	top:34px;
	right:0px;
}
#footer-links{
	width:550px;
	color:#fff;
	position:absolute;
	left:180px;
	top:5px;
	font-size:12px;
}
	#footer-links a:link,
	#footer-links a:visited{
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
	#footer-links a:hover,
	#footer-links a:active{
		text-decoration:underline;
	}
#side-nav-wrapper{
	width:176px;
	margin:30px 0 0 0;
	padding:0;
}
#side-nav-top{
	background-image:url(../images/side-nav-top.jpg);
	background-repeat:no-repeat;
	width:176px;
	height:21px;
	margin:0 0 0 7px;
	text-align:left;
}
* + html #side-nav-top{
	margin:0;
}
#side-nav-btm{
	background-image:url(../images/side-nav-btm.jpg);
	background-repeat:no-repeat;
	width:176px;
	height:21px;
	margin:0 0 0px 7px;
	text-align:left;
}
* + html #side-nav-btm{
	margin:0 0 30px 0;
}
#side-content{
	width:176px;
	margin:0 0 0 7px;
	height:620px;
	background-image:url(../images/bg-side-nav.jpg);
	background-repeat:repeat-y;
	padding:0;
}
* + html #side-content{
	margin:0;
}
	#side-content #contact-us{
		width:165px;
		height:125px;
		background-image:url(../images/contact-us-side-nav.png);
		background-repeat:no-repeat;
		margin:0;
	}
	#side-content #contact-us a{
		display:block;
		width:165px;
		height:125px;
	}
	#side-content #contact-us a:link,
	#side-content #contact-us a:visited,
	#side-content #contact-us a:hover,
	#side-content #contact-us a:active{
		text-decoration:none;
	}
	
	* + html #side-content #contact-us{
		margin:0 7px 0 0;
	}
	#side-content #contact-us:hover{
		background-position:50% 100%;
	}
#featured-top{
	background-image:url(../images/featured-home-top.png);
	background-repeat:no-repeat;
	width:165px;
	height:23px;
}
* + html #featured-top{
	margin:0 7px 0 0;
}
#featured-mid{
	background-color:#000;
	width:163px;
	margin:0 8px 0 0;
	padding:0;
}
*html #featured-mid{
	margin:0;
}
	#featured-mid img{
		margin:0;
		padding:0;
		border:1px solid #000;
	}
#featured-btm{
	background-image:url(../images/featured-home-btm.png);
	background-repeat:no-repeat;
	width:165px;
	height:23px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:3px 0 0 0;
	margin:0;
}
* + html #featured-btm{
	margin:0 7px 0 0;
}
	#featured-btm a:link,
	#featured-btm a:visited{
		color:#fff;
		text-decoration:none;
	}
	#featured-btm a:hover,
	#featured-btm a:active{
		text-decoration:underline;
	}
#content-wrapper{
	margin:0;
	padding:0;
}
#flashcontent{
	margin:0 9px 0 0;
	padding:0;
}
*html #flashcontent{
	margin:0;
}
#main-content{
	float:right;
	text-align:left;
	width:600px;
	margin:0 10px 0 10px;
	position:relative;
}
*html #main-content{
	margin:0 9px 0 9px;
}
#home-page-content{
	width:263px;
	color:#fff;
	text-align:left;
	margin:15px 0 0 70px;
	font-size:14px;
	line-height:18px;
}
#family-img{
	float:right;
	margin:15px 70px 0 0;
}
#top-links{
	position:absolute;
	top:5px;
	right:15px;
	color:#fff;
	font-size:12px;
}
	#top-links a:link,
	#top-links a:visited{
		color:#fff;
		text-decoration:none;
	}
	#top-links a:hover,
	#top-links a:active{
		color:#fff;
		text-decoration:underline;
	}
#home-link{
	width:250px;
	height:150px;
	position:absolute;
	display:block;
	margin:0;
	padding:0;
	line-height:0px;
}
	#home-link a:link,
	#home-link a:visited,
	#home-link a:hover,
	#home-link a:active{
		border:none;
	}
#aztech-link{
	width:180px;
	height:75px;
	top:0;
	left:0;
	position:absolute;
	display:block;
	margin:0;
	padding:0;
	line-height:0px;
}
	#aztech-link a:link,
	#aztech-link a:visited,
	#aztech-link a:hover,
	#aztech-link a:active{
		border:none;
	}
.for-sale-pod-top{
	background-image:url(../images/for-sale-pod-top.jpg);
	background-repeat:no-repeat;
	width:522px;
	height:23px;
}
.for-sale-pod-btm{
	background-image:url(../images/for-sale-pod-btm.jpg);
	background-repeat:no-repeat;
	width:522px;
	height:23px;
	position:relative;
	margin:0;
}
.for-sale-pod-mid{
	text-align:left;
	width:522px;
	background-image:url(../images/for-sale-pod-mid.png);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
}
	.for-sale-pod-mid h1{
		width:340px;
	}
	.for-sale-pod-mid img{
		margin:0 0 0 1px;
		padding:0;
		border-right:1px solid black;
	}
#pod-wrapper{
	width:522px;
	margin:0 0 0 40px;
}
.listing-desc{
	margin:8px 8px 0 0;
	float:right;
	width:340px;
	color:#fff;
}
	.listing-desc h1,
	.listing-desc h2{
		font-size:14px;
		margin:0;
		padding:0;
		border:none;
		display:inline;
	}
	.listing-desc p{
		font-size:12px;
	}
	.listing-desc a{
		font-size:12px;
	}
.more-btn{
	background-image:url(../images/more-btn.png);
	background-repeat:no-repeat;
	width:52px;
	height:21px;
	background-position:50% 100%;
	position:absolute;
	left:450px;
}
.more-btn:hover{
	background-position:0 0;
}
	.more-btn a{
		display:block;
		width:52px;
		height:21px;
		text-decoration:none;
		border:none;
	}
.edit-btn{
	background-image:url(../images/edit-btn.png);
	background-repeat:no-repeat;
	width:52px;
	height:21px;
	background-position:50% 100%;
	position:absolute;
	left:450px;
}
.edit-btn:hover{
	background-position:0 0;
}
	.edit-btn a{
		display:block;
		width:52px;
		height:21px;
		text-decoration:none;
		border:none;
	}
#details-header{
	font-weight:bold;
	color:#fff;
	border-bottom:1px solid #fff;
	width:600px;
	margin:0 0 10px 0;
	text-align:left;
	font-size:18px;
}
#details-price{
	float:right;
}
#additional{
	font-size:12px;
}
#extras{
	font-weight:normal;
	list-style:none;
	font-size:12px;
	width:500px;
	margin:10px 0 0 0;
}
#extras li{
	display:block;
	float:left;
	list-style:none;
	width:150px;
}
#extras li a:link,
#extras li a:visited{
	text-decoration:none;
}
#extras li a:hover,
#extras li a:active{
	text-decoration:underline;
}
#icoMap {
	width: 16px;
	height: 16px;
	background: url(../images/icons/map.png) no-repeat;
	display:block;
	margin:0 4px 0 0;
	float:left;
}
	li#maplink:hover a span#icoMap { 
		background: url(../images/icons/map.png) no-repeat;
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;
	}
	li#maplink{
		cursor:pointer;
	}
#icoContact {
	width: 16px;
	height: 16px;
	background: url(../images/icons/email.png) no-repeat;
	display:block;
	margin:0 4px 0 0;
	float:left;
}
	li#contactlink:hover a span#icoContact { 
		background: url(../images/icons/email.png) no-repeat;
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;
	}
#icoMLS {
	width: 16px;
	height: 16px;
	background: url(../images/icons/house.png) no-repeat;
	display:block;
	margin:0 4px 0 0;
	float:left;
}
	li#mlslink:hover a span#icoMLS { 
		background: url(../images/icons/house.png) no-repeat;
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;
	}
#icoPencil {
	width: 16px;
	height: 16px;
	background: url(../images/icons/pencil.png) no-repeat;
	display:block;
	margin:0 4px 0 0;
	float:left;
}
	li#pencillink:hover a span#icoPencil { 
		background: url(../images/icons/pencil.png) no-repeat;
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;
	}
#icoBin {
	width: 16px;
	height: 16px;
	background: url(../images/icons/bin.png) no-repeat;
	display:block;
	margin:0 4px 0 0;
	float:left;
}
	li#binlink:hover a span#icoBin { 
		background: url(../images/icons/bin.png) no-repeat;
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;
	}
#listing-description{
	margin:20px;
	padding:20px 0 0 0;
}
.error {
	padding: 10px;
	border: 1px solid #9F4F4F;
	background-color: #FFDFDF;
	font-weight: bold;
	color: #333;
	line-height: 18px;
	width:545px;
}

.success {
	padding: 10px;
	border: 1px solid #4F9F4F;
	background-color: #DFFFDF;
	font-weight: bold;
	color: #333;
	line-height: 18px;
	width:545px;
}
/* admin styles */

fieldset{
	border:2px solid #4a4645;
	color:#ccc;
	padding:10px;
}
legend{
	color:#ccc;
}
#edit_listing input{
	width:450px;
}
#edit_listing textarea{
	width:525px;
	height:300px;
}
.input_table td{
	padding:8px 0 8px 0;
}
#icoBack {
	width: 16px;
	height: 16px;
	background: url(../images/icons/arrow_left.png) no-repeat;
	display:block;
	margin:0 4px 0 0;
	float:left;
}
	li#backlink:hover a span#icoBack { 
		background: url(../images/icons/arrow_left.png) no-repeat;
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;
	}
#icoImages {
	width: 16px;
	height: 16px;
	background: url(../images/icons/camera.png) no-repeat;
	display:block;
	margin:0 4px 0 0;
	float:left;
}
	li#imagelink:hover a span#icoImages { 
		background: url(../images/icons/camera.png) no-repeat;
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;
	}
#icoAttach {
	width: 16px;
	height: 16px;
	background: url(../images/icons/attach.png) no-repeat;
	display:block;
	margin:0 4px 0 0;
	float:left;
}
	li#attachlink:hover a span#icoAttach { 
		background: url(../images/icons/attach.png) no-repeat;
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;
	}
.image-list{
	width:180px;
	font-weight:normal;
	font-size:12px;
	text-align:center;
}
	.image-list ul{
		list-style:none;
		text-align:center;
	}
		.image-list li{
			float:right;
			padding:0 5px 0 5px;
		}
#images td{
	border:2px solid #4a4645;
	padding:4px;
}
#mapview{
	position:absolute;
	width: 425px;
	height: 355px;
	border:4px solid #4a4654;
	background-color:#000;
	top:620px;
	left:75px;
	padding:25px; 
	z-index:10;
}
	#mapview span{
		display:block;
		position:absolute;
		width:14px;
		heigth:14px;
		border:2px solid #4a4654;
		right:2px;
		top:2px;
		padding:2px;
		text-align:center;
		font-weight:bold;
		cursor:pointer;
		background-color:#363435;
	}
	#mapview span:hover{
		background-color:#ccc;
	}
#edit-image{
	position:absolute;
	width: 400px;
	height: 225px;
	border:4px solid #4a4654;
	background-color:#000;
	top:70px;
	left:85px;
	padding:25px; 
}
	#edit-image span{
		display:block;
		position:absolute;
		width:14px;
		heigth:14px;
		border:2px solid #4a4654;
		right:10px;
		top:10px;
		padding:2px;
		text-align:center;
		font-weight:bold;
		cursor:pointer;
		background-color:#363435;
	}
	#edit-image span:hover{
		background-color:#ccc;
	}
	#edit-image td{
		padding:10px;
	}
	#edit-image form{
		width:300px;
		height:150px;
	}
	#edit-image h2{
		font-size:16px;
		border-bottom:1px solid #ccc;
	}
		#edit-image form input{
			width:280px;
		}
.featured{
	border: 1px solid #4F9F4F;
	background-color: #4b4e7c;
}
.img-cont{
	min-height:106px;
	width:162px;
}
	.img-cont img{
		border:none;
	}
#attachments li{
	font-weight:normal;
	list-style:none;
	font-size:12px;
}
	#attachments li img{
		border:none;
	}
#sold-reduced{
	color:#CC0000;
	font-style:italic;
	font-weight:bold;
	font-size:24px;
	text-align:center;
}
#reduced{
	color:#CC0000;
}
#main-img{
	margin:0px 0 0 1px;
	border-bottom:3px solid #000;
}
#header-img{
	text-align:center;
	margin:30px 0 0 0;
}
.testimonial-top{
	background-image:url(../images/quote.jpg);
	background-repeat:no-repeat;
	background-color:#575352;
	border:1px solid #000;
	padding:15px;
	margin:10px 10px 0 10px;
	font-style:italic;
}
*html .testimonial-top{
	width:545px;
}
.testimonial-btm{
	background-color:#454344;
	border:1px solid #000;
	padding:15px;
	margin:3px 10px 30px 10px;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
}
	.testimonial-btm a:link,
	.testimonial-btm a:visited{
		color:#38a8f2;
	}
	.testimonial-btm a:hover,
	.testimonial-btm a:active{
		text-decoration:underline;
	}
*html .testimonial-btm{
	width:545px;
}
/* PNG fix for these elements */
.pngfix {
	behavior:url("http://www.hansumhomes.com/js/pngfix.htc");
	border:none;
}
#contact-form{
	width:100%;
	margin:0 20px 0 0;
}
	#contact-form table td{
		padding:7px 0 7px 0;
	}
	#contact-form input{
		width:395px;
	}
	#contact-form textarea{
		width:450px;
		height:75px;
	}
#reg-contact{
	width:250px;
}
#assoc{
	width:800px;
	text-align:right;
	margin:0 auto;
	padding:0 0 10px 0;
}
	#assoc img{
		border:3px solid black;
	}
#intro-links{
	margin:0 auto;
	font-size:14px;
	width:800px;
	text-align:right;
	color:#3baef1;
	padding:10px 10px 0 0;
}
	#intro-links a:link,
	#intro-links a:visited{
		color:#3baef1;
	}
	#intro-links a:hover,
	#intro-links a:active{
		text-decoration:underline;
	}
	#intro-links span{
		font-size:12px;
		color:#87d9ee;
		display:block;
		margin:4px 0 0 0;
	}
		#intro-links span a:link,
		#intro-links span a:visited{
			color:#87d9ee;
		}
		#intro-links span a:hover,
		#intro-links span a:active{
			text-decoration:underline;
		}
#side-nav{
	width:167px;
	list-style:none;
	margin:0 0 0 1px;
	padding:0;
	text-align:left;
	font-size:14px;
}
	#side-nav li{
		display:block;
		height:22px;
		width:167px;
		margin:0;
		padding:4px 0 0 5px; 
	}
	* + html #side-nav li{
		padding:4px 0 0 0;
		text-indent:5px;
	}
	#side-nav li:hover{
		background-color:#3ba7e8;
		color:#363435;
	}
	#side-nav li a:link,
	#side-nav li a:visited{
		color:#fff;
	}
	#side-nav li a:hover,
	#side-nav li a:active{
		text-decoration:none;
	}
#content-area{
	width:480px;
	margin:0 auto;
	text-align:left;
}