@charset "utf-8";
/* Kevin Hicks Real Estate CSS Document */


/* Eric Meyers CSS Reset v final.0.1 (modified)
------------------------------------------------*/

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, 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; }
	table, caption, tbody, tfoot, thead, tr, th, td { vertical-align: top; }
: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: "" ""; }

/* LAYOUT 
------------------------------------------------*/

body { font: 0.8em/1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	background: #463427 url('../images/bg_body.jpg') repeat-x top; text-align: center; }
	body#print { font: 0.9em/1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif; background: #fff url(''); }

#container { margin: 0 auto; width: 760px; text-align: left; background: url('../images/bg_container.jpg') no-repeat top center; }
	.printcontainer { margin: 0 auto; width: 640px; text-align: left;  }
h1 { width: 760px; height: 65px; margin-top: 10px; background: url('../images/header.gif') no-repeat top left; text-indent: -9999em; }
	h1 a { display: block; width: 760px; height: 65px; }
	
#header { padding-left: 30px; background: url('../images/shadow_left_header.gif') no-repeat bottom left; }
	#header .wrapper { padding-right: 30px; background: url('../images/shadow_right_header.gif') no-repeat bottom right; }

#nav { position: relative; height: 35px; background: url('../images/nav_bg.gif') repeat-x top; padding: 0;
	margin: 0; overflow: hidden; }
	#nav .nav_wrapper { background: url('../images/nav_right.gif') no-repeat top right;  }
	#nav ul { padding: 0; margin: 0; background: url('../images/nav_left.gif') no-repeat top left; height: 35px; padding: 0 0 0 30px;}
	/* Don't apply padding here (offsetWidth will differ in IE) If you need padding add it to the child anchor */
	#nav ul li { float: left; list-style: none; }
	#nav ul li a { text-indent: -9999em; z-index: 10; display: block; float: left; height: 35px; 
		position: relative; overflow: hidden; }
	/* Link width is image size + 24 */
	#menu_display a { width: 141px; background: url('../images/menu_display.png') no-repeat top center !important;
		background: url('../images/menu_display.gif') no-repeat top center; /* ie! */ }
	#menu_range a { width: 108px; background: url('../images/menu_range.png') no-repeat top center !important;
		background: url('../images/menu_range.gif') no-repeat top center; /* ie! */ }
	#menu_packages a { width: 218px; background: url('../images/menu_packages.png') no-repeat top center !important;
		background: url('../images/menu_packages.gif') no-repeat top center; /* ie! */ }
	#menu_awards a { width: 83px; background: url('../images/menu_awards.png') no-repeat top center !important;
		background: url('../images/menu_awards.gif') no-repeat top center; /* ie! */ }
	#menu_contact a { width: 87px; background: url('../images/menu_contact.png') no-repeat top center !important;
		background: url('../images/menu_contact.gif') no-repeat top center; /* ie! */ }
	#nav ul li a:hover, #nav ul li.current a { background-position: center -30px !important; }
	/* Nav BG Style */
	#nav li.background { background: url('../images/nav_hilite_right.gif') no-repeat top right; 
		z-index: 8; position: absolute; visibility: hidden; }
	#nav .background .left { background: url('../images/nav_hilite_left.gif') no-repeat top left; height: 35px; margin-right: 12px; }

	
#banner { height: 70px; background: #fff url('../images/bg_banner.gif') repeat-x top center; }
	#banner h2 { height: 70px; font: 2.2em/1.1em Helvetica, Arial, sans-serif; color: #f60; letter-spacing: -0.05em; 
		padding: 28px 0 0 74px; background: url('../images/banner_logo.gif') no-repeat 10px 10px; }
	#banner h2.hassmall { padding-top: 13px; }
	#banner h2 small { font: 0.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
		letter-spacing: 0em; color: #463427; }

#breadcrumbs { height: 35px; line-height: 35px; background: url('../images/breadcrumbs_bg.gif') repeat-x top; color: #fff; 
	font-size: 1.1em; }
	#breadcrumbs .breadcrumbs_wrap1 { background: url('../images/breadcrumbs_left.gif') no-repeat top left; }
	#breadcrumbs .breadcrumbs_wrap2 { background: url('../images/breadcrumbs_right.gif') no-repeat top right; padding: 0 20px; }

#page_home #mainarea { position: relative; margin: 20px 0 0 30px; height: 440px; 
	background: url('../images/home_watermark.jpg') no-repeat bottom left; }
	#page_home #mainarea #content { height: 360px; }
	
	#mainarea .awards_logo { display: none; }
	#page_home #mainarea .awards_logo { display: block; position: absolute; width: 115px; height: 150px; left: 0px; bottom: 0px; }
	
	ul.minimenu { width: 150px; }
		ul.minimenu li { width: 150px; height: 30px; text-indent: -9999em; }
		ul.minimenu li a { display: block; width: 150px; height: 30px; }
		ul.minimenu li a:hover { background-position: 0px -24px !important; }
		ul.minimenu li.minimenu_whychooseus a { background: url('../images/minimenu_whychooseus.gif') no-repeat 0px 6px; }
		ul.minimenu li.minimenu_testimonials a { background: url('../images/minimenu_testimonials.gif') no-repeat 0px 6px; }
		ul.minimenu li.minimenu_newsletter a { background: url('../images/minimenu_newsletter.gif') no-repeat 0px 6px; }
		ul.minimenu li.minimenu_contact a { background: url('../images/minimenu_contact.gif') no-repeat 0px 6px; }

	/* Suckerfish ahoy! */
	ul#homenav { position: absolute; top: 0; right: 0; }
		ul#homenav li.homenav_display { background: url('../images/homenav_display.gif') no-repeat top right; }
		ul#homenav li.homenav_range { background: url('../images/homenav_range.gif') no-repeat top right; }
		ul#homenav li.homenav_packages { background: url('../images/homenav_packages.gif') no-repeat top right; }
		ul#homenav li.homenav_awards { background: url('../images/homenav_awards.gif') no-repeat top right; }
		ul#homenav li { position: relative; width: 310px; height: 80px; margin-bottom: 10px; text-indent: -9999em; }
		ul#homenav li a { display: block; width: 310px; height: 80px; }
			ul#homenav li a:hover { background: url('../images/homenav_arrow.gif') no-repeat bottom left; }
		ul#homenav li ul { position: absolute; width: 220px; left: -999em; text-align: right; }
		ul#homenav li:hover ul, ul#homenav li.sfhover ul { left: auto; right: 324px; top: 45px; }
		ul#homenav li ul li, ul#homenav li ul li a { height: 20px; width: 220px; margin: 0; padding: 5px 15px 5px 0; 
			text-indent: 0em; }
		ul#homenav li ul li a { color: #fff; }
		ul#homenav li ul li a:hover { background: url(''); color: #f60; }

#content { margin: 10px 0; }
	.section, .shadow_left { padding-left: 30px; background: url('../images/shadow_left.gif') no-repeat bottom left; }
	.section .wrapper, .shadow_right  { padding-right: 30px; background: url('../images/shadow_right.gif') no-repeat bottom right; }
	.whitebox { background: #fff url('../images/bg_banner.gif') repeat-x bottom center; padding: 20px; overflow: auto; }
	h3 { font: 2em/1em Helvetica, Arial, sans-serif; color: #3F6FC6; letter-spacing: -0.05em; margin-bottom: 13px; }
	h4 { font: 1.4em/1em Helvetica, Arial, sans-serif; color: #f60; letter-spacing: -0.05em; }

.contact_box { float: left; width: 300px; height: 110px; margin: 10px 20px 10px 0; }
	.contact_box p, .contact_text { margin-left: 90px; }
	.contact_photo { float: left; }
	
.newsletter_box { width: 660px; overflow: hidden; margin-bottom: 1em; }
	.newsletter_box p { margin-left: 50px; }
	.newsletter_title { display: block; margin-bottom: 3px; }
	.newsletter_title a { font-size: 1.3em;  }
	.newsletter_icon { float: left; }
	
.display_list { float: left; width: 300px; margin: 10px 20px 10px 0; }
	.display_list_photo { margin-bottom: 5px; }
	.features { height: 180px; padding: 10px; color: #fff; }
	.controls { position: relative; margin: 10px 30px; font-weight: bold; text-align: center; font-size: 1.1em; width: 700px; }
		.controls .left { position: absolute; left: 0px; margin-right: 20px; font-weight: normal; text-align: left; }
		.controls .right { position: absolute; right: 0px; margin-left: 20px; font-weight: normal; text-align: right; }
	.display_photos { text-align: center; }
		.display_photos a img { padding: 10px; margin: 5px; background: url('../images/display_gallery_img.gif'); }
		.display_photos a:hover img { background: url('../images/display_gallery_img_over.gif');  }
	.display_location { height: 330px; background: #fff url('../images/bg_location.gif') repeat-y right; }
		#googlemap { width: 500px; height: 330px; float: left; } 
		.display_location_text { width: 176px; padding: 12px; float: left; } 
		.display_location_text p { margin-bottom: 15px; } 
		.display_location_text h4 { margin-bottom: 5px; }
	.display_contact .contact_box { width: 600px; }
		.contact_text h3 { margin: 0; }
	ul.domtabs { margin-left: 50px; font-size: 1.1em; height: 25px; line-height: 25px; }
		ul.domtabs li { float: left; background: url('../images/domtabs.gif') repeat-x top; height: 25px; }
		ul.domtabs li.active { background: url('../images/domtabs_over.gif') repeat-x top right; }
		ul.domtabs li a { padding: 0 15px; color: #fff !important; height: 25px; }
		ul.domtabs li a:hover { color: #f60 !important; }
.estates { margin: 15px 0 0 170px; }
	.estates_pic1 { float: left; height: 240px; width: 150px; margin-right: 20px; margin-top: 20px; } 
	.estates_pic2 { float: right; height: 240px; width: 190px; margin-top: 20px; } 
	.estates li { position: relative; width: 280px; margin-bottom: 0.5em; } 
	.estates strong { font-size: 1.2em; } 
	.estates li a { position: absolute; right: 0px; top: 0px; } 
	#subdivisionmap { float: left; margin-right: 20px; background: url('../images/loading.gif') no-repeat center center; }
	.package { margin: 10px 0; }
	.package p { margin: 6px 0; line-height: 1.4em; }
	.package h3 { font-size: 1.7em; margin-bottom: 0; }
	.package h4 { margin-bottom: 6px; }
	.package .price { color: #3F6FC6; font-weight: bold; }
	.packagelink { float: right; margin: 10px 0 0 20px; padding: 3px; border: 1px solid #ccc; width: 90px; height: 105px;
		text-align: center; }
	.viewimage, .viewplan { display: block; width: 90px; height: 20px; margin-bottom: 5px; text-indent: -9999em; }
	.viewimage { background: #ccc url('../images/view_image.gif') no-repeat; }
	.viewplan { background: #ccc url('../images/view_plan.gif') no-repeat; }
.range_list { width: 150px; float: left; margin-right: 15px; }
	.range_list p { height: 15em; }
	.range_list a { font-weight: bold; }
.design_list { margin-top: 20px; }
	.design { float: left; margin: 10px 0; width: 219px; }
	.design h4 { margin: 6px 0; }
	.design span { padding-left: 20px; }
	.head_freedom, .head_freedomcountry, .head_advantage, .head_signature { height: 120px; text-indent: -9999em; }
	.head_freedom { background: url('../images/range_freedom_head.jpg') no-repeat top left; }
	.head_freedomcountry { height: 120px; background: url('../images/range_freedomcountry_head.jpg') no-repeat top left; }
	.head_advantage { height: 120px; background: url('../images/range_advantage_head.jpg') no-repeat top left; }
	.head_signature { height: 120px; background: url('../images/range_signature_head.jpg') no-repeat top left; }
table.gallery { height: 280px; }
	.gallerytable td { background: #fff url('../images/gallery_cell.jpg') no-repeat top left; }
.award { color: #fff; font-size: 1.4em; line-height: 1.3em; }
	.alignleft img { float: left; padding: 0 20px 0 30px; background: url('../images/shadow_left.gif') no-repeat bottom left; }
	.alignright { text-align: right; }
	.alignright img { float: right; padding: 0 30px 0 20px; background: url('../images/shadow_right.gif') no-repeat bottom right; }
	.award_text { padding: 15px 0 6px 0; border-bottom: 1px solid #fff; }
	.alignleft .award_text { margin: 0 30px 0 300px; } 
	.alignright .award_text { margin: 0 300px 0 30px; } 
.testimonial1 { float: left; display:inline; width: 255px; margin-left: 30px; color: #fff; }
.testimonial2 { float: left; display:inline; width: 255px; margin-left: 20px; color: #fff; }
.testimonial3 { float: left; display:inline; width: 210px; margin-left: 20px; color: #fff; }
.testimonial4 { float: left; display:inline; width: 210px; margin-left: 20px; color: #fff; }
.testimonialpic1 { float: left; width: 150px; height: 500px; margin-left: 20px; }
.testimonialpic2 { float: left; width: 100px; height: 600px; padding: 0 0 0 30px; 
	background: url('../images/shadow_left.gif') no-repeat bottom left; }
.testimonialpic3 { float: right; width: 100px; height: 600px; padding: 0 30px 0 0; 
	background: url('../images/shadow_right.gif') no-repeat bottom right; }


#footer { padding: 20px 30px 20px 30px; text-align: right; color: #fff; font-size: 0.9em; }
	#footer a { color: #aaa; }
	#footer .sales_enquiries { height: 30px; text-align: left; text-indent: -9999em; 
		background: url('../images/sales_enquiries.gif') no-repeat top right;  }
	#footer .sales_enquiries a { display: block; height: 30px; } 



/* FUNCTIONAL 
------------------------------------------------*/

a:link, a:visited { color: #f60; text-decoration: none; }
a:focus, a:hover, a:active { color: #3dbdab; }
hr { margin-bottom: 20px; padding: 0; color: #f60; border: 1px solid #f60; clear: both; }
.clear { clear: both; }
br.clear { height: 1px; }
.rule { height: 36px; background: url('../images/rule.gif') repeat-x center; }
.vrule { background: url('../images/vrule.gif') repeat-y left; }
.last { margin-right: 0; }
.space { padding: 10px 0; }
.text p { margin-bottom: 1em; line-height: 1.4em; }
.text h4 { margin-bottom: 0.3em; }
.floatleft { float: left; }
.floatright { float: right; }
.marginleft { margin: 0 30px 0 240px; }
.marginright { margin: 0 240px 0 30px; }
.white { color: #fff; }
.printonly { margin-bottom: 20px; border-bottom: 1px solid #999; text-align: center; font-size: 0.8em; background: #FFFFE1;  }
	.printonly .printcontainer { padding: 6px 6px 6px 30px; width: 604px; 
		background: url('../images/icon_print.gif') no-repeat 8px 8px;  }

.admin {}
	.admin em { color: #f00; font-weight: bold; }
	.admin td { padding-bottom: 20px; }
	.admin th { width: 150px; margin-right: 20px; font-weight: bold; color: #463427; }
	.admin ul, .text ul { margin: 1em 0; }
		.admin ul li, .text ul li { padding: 0 0 1em 35px; background: url('../images/bullet.gif') no-repeat 10px 2px; }
	.text_short { width: 80px; }
	.text_medium { width: 200px; }
	.text_long { width: 400px; }
	.admin .addpage { width: 115px; float: left; }

.icon-building { width: 280px; padding-left: 20px; background: #fff url('../images/icon_building.gif') no-repeat top left; }
.icon-house { display: block; margin-top: 3px; padding-left: 20px; background: url('../images/icon_house.gif') no-repeat top left; }
.icon-top { display: block; margin-top: 20px; padding-left: 20px; background: url('../images/icon_arrow_up.gif') no-repeat top left; }
.icon-more { display: block; padding-right: 20px; background: url('../images/icon_arrow_right.gif') no-repeat top right; }
.icon-print { display: block; padding-left: 20px; background: url('../images/icon_print.gif') no-repeat top left; font-weight: bold; }
.icon-zoom { padding-left: 20px; background: url('../images/icon_zoom.gif') no-repeat top left; font-weight: bold; }
.icon-factsheet { padding-left: 20px; background: url('../images/icon_page_go.gif') no-repeat top left;  }
.icon-add { padding: 0 5px 0 25px; background: #dfd url('../images/icon_add.gif') no-repeat 5px 0px; text-transform: uppercase; }
.icon-edit { padding: 0 5px 0 25px; background: #ffc url('../images/icon_pencil.gif') no-repeat 5px 0px; text-transform: uppercase; }
.icon-delete { padding: 0 5px 0 25px; background: #fdd url('../images/icon_delete.gif') no-repeat 5px 0px; text-transform: uppercase; }
.icon-pdf { display: block; width: 250px; height: 36px; padding-left: 55px; 
	background: url('../images/icon_pdf.gif') no-repeat 15px 0px;  }
.icon-pdf span { color: #999; font-size: 0.9em; }

/* NICE FORM  
------------------------------------------------*/

form.niceform { margin: 1.6em 0; padding: 14px; }
	form.niceform { border: solid 2px #afa299; background: #efe6e0; }
	form.niceform h2 { margin: 0 0 8px 0; }
	form.niceform p { font-size: 12px; color: #666; margin-bottom: 20px; border-bottom: solid 1px #afa299; padding-bottom: 10px; }
	form.niceform p.error { font-weight: bold; color: #c00; }
	form.niceform label { display: block; font-weight: bold; text-align: right; width: 300px; float: left; clear: left; margin-bottom: 20px; }
	form.niceform em { color: #c00; }
	form.niceform .small { color: #666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 300px; }
	form.niceform input, form.niceform textarea { float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #afa299; width: 280px; margin: 0 0 20px 10px; }
	form.niceform .captcha { float: left; width: 280px; margin: 0 0 20px 10px; }
	form.niceform .captcha input, form.niceform .captcha img { margin: 0 0 10px 0; }
	form.niceform .checkradio { float: left; width: 280px; margin-bottom: 20px; }
	form.niceform .checkradio label { display: inline; font-weight: normal; margin: 0; text-align: left; width: auto; float: none; clear: none; }
	form.niceform .checkradio input { float: none; width: auto; margin: 0 10px 5px 20px; }
	form.niceform button { clear: both; margin-left: 310px; padding-bottom: 3px; width: 125px; height: 31px; background: #463427;
		text-align: center; line-height: 31px; color: #FFF; font-size: 13px; font-weight: bold; border: none; }
	form.niceform button:hover { background: #afa299; }
	form.niceform label.field-subject { display: none; }

/* CLASSES 
------------------------------------------------*/

ul.success { padding: 8px 10px 10px 30px; margin: 10px 0px 20px 0; border: 1px dotted #393; border-width: 1px 0; 
	list-style: none; background: #f0fff0 url('../images/icon_accept.gif') no-repeat 8px 8px; color: #060; } 
ul.error { padding: 8px 10px 10px 30px; margin: 10px 0px 20px 0; border: 1px dotted #c33; border-width: 1px 0; 
	list-style: none; background: #fff0f0 url('../images/icon_exclamation.gif') no-repeat 8px 8px; color: #c00; } 
.info { padding: 8px 10px 10px 30px; margin: 10px 0px 20px 0; border: 1px dotted #339; border-width: 1px 0; 
	list-style: none; background: #f0f0f0 url('../images/icon_information.gif') no-repeat 8px 8px; color: #006; } 
	td .info { padding: 5px 0 5px 20px; margin: 0; border: none; background-color: #fff; background-position: 0px 5px; } 

ul.success li, ul.error li, ul.instructions li { padding: 0; background: transparent url(''); }

.buttonlink { clear: both; width: 500px; margin: 0 auto; height: 28px; background: url('buttonlink_left.png') no-repeat top left; text-align: center; }
.buttonlink a { display: block; width: 500px; height: 28px; line-height: 28px; 
	background: url('buttonlink_right.png') no-repeat top right; font-size: 1.2em; font-weight: bold; }
.buttonlink a:hover { color: #3dbdab; }