@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;
}
: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 { background-color: #fff; font: 0.8em/1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;  }

#header, #intro, #footer { text-align: center; }
#header .wrapper, #intro .wrapper, #footer .wrapper, #content { width: 760px; margin: 0 auto; text-align: left; }

#header { height: 130px; background: #059 url('../images/bg_header.gif') repeat-x top; }
	#banner { height: 80px; }
	#header h1 { width: 260px; height: 55px; float: left; margin-top: 12px; 
		background: url('../images/logo_header.gif') no-repeat; text-indent: -9999em; }
	#header h1 a { display: block; width: 260px; height: 55px; }
	#slogan { width: 450px; height: 25px; float: left; margin-top: 30px; 
		background: url('../images/slogan.gif') no-repeat; text-indent: -9999em; }

	#mainnav { height: 30px; margin-left: 36px; }
		#mainnav li { float: left; text-indent: -9999em; }
		#mainnav li, #mainnav li a { display: block; height: 30px; }
		#mainnav li.residential { width: 106px; }
		#mainnav li.rural { width: 61px; }
		#mainnav li.commercial { width: 112px; }
		#mainnav li.auctions { width: 86px; }
		#mainnav li.clearingsales { width: 128px; }
		#mainnav li.aboutus { width: 90px; }
		#mainnav li.contactus { width: 105px; }
		#mainnav li.residential a { background: url('../images/n_residential.gif') no-repeat; }
		#mainnav li.rural a { background: url('../images/n_rural.gif') no-repeat; }
		#mainnav li.commercial a { background: url('../images/n_commercial.gif') no-repeat; }
		#mainnav li.auctions a { background: url('../images/n_auctions.gif') no-repeat; }
		#mainnav li.clearingsales a { background: url('../images/n_clearingsales.gif') no-repeat; }
		#mainnav li.aboutus a { background: url('../images/n_aboutus.gif') no-repeat; }
		#mainnav li.contactus a { background: url('../images/n_contactus.gif') no-repeat; }
		#mainnav li a:hover { background-position: 0px -30px; }
	#subnav { height: 20px; }
		#subnav ul { height: 20px; text-align: center; display: none; }
		#subnav ul li { display: inline; padding: 0 10px; font-size: 1.1em; }
		#subnav ul li a { color: #fff; text-decoration: none; } 
		#subnav ul li a:hover { color: #ccc; } 

#intro { background: #e1e4ec url('../images/bg_intro_top.gif') repeat-x top; line-height: 1.8em; margin-bottom: 15px; }
	.intro_wrap { background: url('../images/bg_intro_bottom.gif') repeat-x bottom; padding-bottom: 5px; }
	#home #intro .wrapper { height: 170px; background: url('../images/keys.jpg') no-repeat top left; }
	#home #intro .wrapper h2, #home #intro .wrapper p { margin-left: 260px; }
	#home #intro .wrapper h2 { width: 480px; height: 30px; padding-top: 22px; text-indent: -9999em; margin-bottom: 5px;
		background: url('../images/h_outstanding.gif') no-repeat bottom; }
	#sub #intro .wrapper { text-align: left; height: 30px; padding: 10px 0; }
	#sub #intro .wrapper h2 { margin: 0; font: bold 2em Arial, Helvetica, sans-serif; color: #004273; letter-spacing: -0.05em; }
		#sub #intro .wrapper h2 small { font-size: 0.5em; font-weight: normal; letter-spacing: 0em; }
		h2.residential { background: url('../images/h_residential.gif') no-repeat left; text-indent: -9999em; }
		h2.rural { background: url('../images/h_rural.gif') no-repeat left; text-indent: -9999em; }
		h2.commercial { background: url('../images/h_commercial.gif') no-repeat left; text-indent: -9999em; }
		h2.auctions { background: url('../images/h_auctions.gif') no-repeat left; text-indent: -9999em; }
		h2.clearingsales { background: url('../images/h_clearingsales.gif') no-repeat left; text-indent: -9999em; }
		h2.aboutus { background: url('../images/h_aboutus.gif') no-repeat left; text-indent: -9999em; }
		h2.contactus { background: url('../images/h_contactus.gif') no-repeat left; text-indent: -9999em; }
		h2.potw { background: url('../images/h_potw.gif') no-repeat left; text-indent: -9999em; }
		h2.rpotw { background: url('../images/h_rpotw .gif') no-repeat left; text-indent: -9999em; }
		h2.estate { background: url('../images/h_estate.gif') no-repeat left; text-indent: -9999em; }
		h2.appraisal { background: url('../images/h_appraisal.gif') no-repeat left; text-indent: -9999em; }
		h2.advertising { background: url('../images/h_advertising.gif') no-repeat left; text-indent: -9999em; }
	#intro ul { font-size: 0.95em; }
	#intro ul li { padding-left: 14px; background: url('../images/bullet_intro.gif') no-repeat left;  }

h3.potw { width: 240px; height: 20px; text-indent: -9999em; margin-bottom: 5px;
	background: url('../images/h_potw_small.gif') no-repeat bottom; }
h3.rpotw { width: 240px; height: 20px; text-indent: -9999em; margin-bottom: 5px;
	background: url('../images/h_rpotw_small.gif') no-repeat bottom; }
h3.estate { width: 240px; height: 20px; text-indent: -9999em; margin-bottom: 5px;
	background: url('../images/h_estate_small.gif') no-repeat bottom; }
h3.landlords { width: 300px; height: 20px; text-indent: -9999em; 
	background: url('../images/h_landlords.gif') no-repeat bottom; }
h3.plant { width: 300px; height: 20px; text-indent: -9999em; 
	background: url('../images/h_plant.gif') no-repeat bottom; }

#content { margin-bottom: 20px; }
	p { margin: 0 0 0.9em 0; }
	h3 { margin: 0 0 0.3em 0; font: 1.6em Arial, Helvetica, sans-serif; color: #0063AD; }
	h4 { margin: 0 0 0.3em 0; font: bold 1.3em Arial, Helvetica, sans-serif; color: #D3222A; text-transform: uppercase; }
	table.contacts { width: 100%; }
		th { font: bold 1.3em Arial, Helvetica, sans-serif; color: #D3222A; text-transform: uppercase; }
		th, td { padding: 5px 0; }
		td { border-top: 1px solid #ccc; }
	.main { width: 500px; float: left; }
	.sidebar { width: 240px; float: right; }
	
	.estate_home, .estate_sub { clear: both; }
	.estate_home img, .estate_sub img { float: left; clear: left; padding-bottom: 10px; }
	.estate_home_summary { float: right; width: 170px; padding-bottom: 10px; font-size: 0.95em; line-height: 1.2em; }
	.estate_sub_summary { float: right; width: 680px; padding-bottom: 10px; line-height: 1.2em; }
	.estate_sub_summary a { font: bold 1.3em Arial, Helvetica, sans-serif; color: #D3222A; text-transform: uppercase; }

	
	#accordion {} 
		h4.toggler { height: 25px; padding: 2px 8px; background: url('../images/bg_toggler.gif') no-repeat; color: #666;  
			cursor: hand; cursor: pointer; }
		h4.active { background: url('../images/bg_toggler_active.gif') no-repeat; color: #D3222A; cursor: default; }
		div.fold { }
			div.fold img.portrait { float: right; padding: 3px; border: 1px solid #E1E4EC; background: #fff; margin: 0 0 20px 20px; }
	
	.vcard { margin-bottom: 1em; }
		.vcard .org { display: none; }
		.vcard .fn { font: bold 1.3em Arial, Helvetica, sans-serif; color: #D3222A; }

#footer { clear: both; height: 80px; background: url('../images/bg_footer.gif') repeat-x 0px 20px; line-height: 1.2em; }
	#footer .column_third { margin-top: 25px; color: #fff; }
	#footer .logo { margin-top: 0; text-align: center; }
	#footer .last { text-align: right; }
	#footer a { color: #fff; }
	

/* CONTENT  
------------------------------------------------*/

a { color: #d3222a; text-decoration: none; }
a:hover, a:active, a:focus { color: #004274; text-decoration: underline; }

dt { clear: both; float: left; margin: 0.3em 0 0.6em 0; }
dd { float: left; width: 170px; font-size: 0.95em; line-height: 1.2em; }
dl.full dd { float: right; width: 680px; font-size: 1em; line-height: 1.3em; margin: 0 0 0.8em 0; }
dl.full dd a { font: bold 1.3em Arial, Helvetica, sans-serif; color: #D3222A; text-transform: uppercase; }
iframe { border: none; }

.column_third { display: inline; width: 240px; float: left; margin-right: 20px; }
.column_half { display: inline; width: 370px; float: left; margin-right: 20px; }

.column_half.box { background: #e2e5ed url('../images/box_top.gif') no-repeat top; 
	line-height: 1.2em; padding-top: 8px; margin-top: 20px; }
	.column_half.box .wrapper { background: url('../images/box_bottom.gif') no-repeat bottom; padding: 0 10px 8px 10px; }

.clear { clear: both; }
.last { margin-right: 0; }

#content ul { list-style: circle; margin: 0 0 1em 3em; }

.photos { text-align: center; margin-top: 20px; }
	.photo { white-space: nowrap; }
	.photos a img { padding: 10px; margin: 5px; background: url('../images/gallery_img.gif'); vertical-align: middle; }
	.photos a:hover img { background: url('../images/gallery_img_over.gif');  }

.clearingsalesummary { clear: left; }
	.clearingsalesummary img { float: left; padding: 10px; margin: 0 20px 0 0; background: url('../images/gallery_img.gif'); }
	.clearingsalesummary .title { padding-top: 15px; font: 1.5em Arial, Helvetica, sans-serif; }
	.clearingsalesummary .detail { color: #558CB6; }
	.clearingsale .detail { color: #558CB6; }

#content 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; } 
#content 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; } 
.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; }