/* CSS Reset */
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, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/* Basic styles */
body { background: #241604 url('../images/bg.jpg') top center no-repeat; color: #000; font: 14px "Trebuchet MS", verdana, arial, helvetica, sans-serif; letter-spacing: 0.05px; min-width: 960px; }
h1, h2, h3 { color: #372004;}
h1 { font-size: 28px; line-height: 32px; font-weight: bold; margin: 10px 0 24px 0; letter-spacing: 0.5px; }
h2 { font-size: 20px; line-height: 24px; letter-spacing: 0.15px; font-weight: bold;  margin: 14px 0 0 0 ;}
h3, h4 { font-size: 14px; font-weight: bold; margin: 10px 0;}
h4 { font-size: 12px; text-decoration: underline; }

a { color: #6c490b; }
p { margin-bottom: 12pt; }
p.single-space { margin-bottom: 0;}

.center { margin: 0 auto; }
.center-text { text-align: center; }
.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right }

.clear-both { clear: both;}
.image-caption { font-size: 14pt; }
.alert { font-size: 11pt; color: #04CB00; }

/* Typography */
.light { color: #9C9C9C;}
#header #contact { font-size: 20px; }
.uline { text-decoration: underline;}

/* Page structure */
#wrapper, #wrapper, #body-wrapper, #top-header { width: 960px; }
#wrapper { margin: 0 auto; }
#header { position: absolute; top: 0; left: 0; height: 175px;  }
#body-wrapper { width: 100%; margin-top: 163px;  }

/* Header */
#header { width: 100%; background: url('../images/header_bg.png') bottom repeat-x;}
#header .inner, #header .outer { position: relative; margin: 0 auto; width: 960px; }
#header .inner { margin-top: 43px;  height: 114px;  background: url('../images/header_honeycombs.png')  no-repeat; z-index: 1000;} 
#header .outer { top: 0px; height: 0px; z-index: 90;}
#logo, #qualifications, #contact { position: absolute;}
#logo { top: -40px; }
#qualifications { top: 82px; left: 210px; color: #ca9805; font-family: "Myriad Pro"; font-size: 20px; }
#contact { top: 10px; right: 30px;  text-align: center; color: #6c490b; line-height: 28px;}


/* Main nav bar. */
 /* (this method uses a lot of CSS markup, but allows to use 1 png for everything, and no JS) */
#nav { position: absolute; top: 6px; left: 225px; width: 720px; height: 30px; }
#nav li { padding-left: 10px; float: left;}

#nav a, #nav samp { display: block; background: url("../images/nav_sprites.png") no-repeat; }
#nav a { position: absolute; display: block; color: #000; margin: 1px 0 0 0px; text-decoration: none; padding-top: 6px; height: 30px;  }
#nav .t1 a {z-index: 59; background-position: 0px 0px; width: 133px; left: 0px; }
#nav .t2 a {z-index: 58; background-position: 0px -39px; width: 160px; left: 108px; }
#nav .t3 a {z-index: 57; background-position: 0px -78px; width: 149px; left: 235px; }
#nav .t4 a {z-index: 56; background-position: 0px -117px; width: 177px; left: 354px; }
#nav .t5 a {z-index: 55; background-position: 0px -156px; width: 126px; left: 503px; }
#nav .t6 a {z-index: 54; background-position: 0px -195px; width: 142px; left: 603px; }

#nav  a:hover, #nav li.selected a { padding-top: 12px; height: 37px; color: #8c4d02; }
#nav .t1 a:hover, #nav li.selected.t1 a {z-index: 69; background-position: 0px -498px; }
#nav .t2 a:hover, #nav li.selected.t2 a {z-index: 68; background-position: 0px -548px; }
#nav .t3 a:hover, #nav li.selected.t3 a {z-index: 67; background-position: 0px -598px; }
#nav .t4 a:hover, #nav li.selected.t4 a {z-index: 66; background-position: 0px -648px; }
#nav .t5 a:hover, #nav li.selected.t5 a {z-index: 65; background-position: 0px -698px; }
#nav .t6 a:hover, #nav li.selected.t6 a {z-index: 64; background-position: 0px -748px; }

#nav span { padding-left: 30px; cursor: pointer; }
#nav .t1 span { padding-left: 24px; }
#nav .t2 span { padding-left: 28px; }
#nav .t3 span { padding-left: 30px; }
#nav .t4 span { padding-left: 30px; }
#nav .t5 span { padding-left: 28px; }
#nav .t6 span { padding-left: 28px; }

#nav samp { height: 42px; left: 16px; display: none; background-position: -8px 10000px; }
#nav a:hover samp, #nav li.selected samp { display: block; position: absolute; top: -7px; }
#nav .t1 a:hover samp, #nav li.selected.t1 a samp { background-position: -8px -234px; width: 104px; }
#nav .t2 a:hover samp, #nav li.selected.t2 a samp { background-position: -8px -276px; width: 125px; }
#nav .t3 a:hover samp, #nav li.selected.t3 a samp { background-position: -8px -318px; width: 118px; }
#nav .t4 a:hover samp, #nav li.selected.t4 a samp { background-position: -8px -360px; width: 145px; }
#nav .t5 a:hover samp, #nav li.selected.t5 a samp { background-position: -8px -402px; width: 96px; }
#nav .t6 a:hover samp, #nav li.selected.t6 a samp { background-position: -8px -444px; width: 112px; }

#nav-spacer { height: 33px; background-color: #fff3a9;}

.popup { background: #291806; width: 170px; position: absolute; top: 50px; -webkit-box-shadow: #0B0B0B 1px 1px 12px; -moz-box-shadow: #0B0B0B 1px 1px 12px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 1px 0; z-index: 10000; opacity: 0.97;}
.popup li {  margin: 1px 2px; padding: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.popup li:hover, .popup li.selected { background-color: #4E2C06;}
.popup li.last { border: none;}
.popup li a { padding: 8px 0; width: 150px; color: #B57910; text-decoration: none; }
.popup li a:hover { text-decoration: underline;}

#relocation-popup { left: 588px; } 
#neighborhood-popup { left: 455px; }

.horiz-nav { }
.horiz-nav li { display: inline; padding: 5px 0px 0 0 ; }
.horiz-nav li.selected { font-weight: bold; }


/* Sidebar */
#sidebar { width: 226px; float: left; background: #241604 url('../images/bg.jpg') -146px -161px; z-index: 10000;} 
#sidebar img { display: block;}
#sidebar ul li { height: 19px; background:  url("../images/sidebar_item_bg.png");padding: 4px 0 0 48px; }
#sidebar ul li a { text-decoration: none; color: #000; }
#sidebar ul li a:hover { text-decoration: underline; }

/* Content */
#content { padding: 10px 10px; background-color: #fff3a9; line-height: 1.4em; }
#content a { text-decoration: underline; }
#content a:hover { text-decoration: none; }
.narrowize { padding-left: 25px; padding-right: 25px;}
#content .intro {padding-top: 0px;}
#content .intro.top { padding-left: 260px;}
#content .intro.top.pic { padding-top: 0; }
#content .narration {  color: #6c490b; font-style: italic; line-height: 1.6em; }
#content h1 { margin-left: 260px;}

#content .columnize { }
#content .columnize .col1 { float: left; width: 245px; }
#content .columnize .col2 { margin-left: 245px; padding-left: 25px; border-left: 1px solid #FBCB00; }
#content .columnize .end { clear: both; }

/* Footer */
#footer {  width: 100%; height: 77px; padding-top: 8px; background: #002199 url("../images/footer_bg.png"); line-height: 14pt;}
#footer .inner { margin: 0 auto; padding-top: 12px; height: 65px; width: 960px; text-align: center; background: url("../images/footer_honeycombs.png"); }
#footer, #footer a { color: #a47106; font-size: 11px;} 

/* List styling */
ul.bulleted  { padding-left: 40px; margin-bottom: 12px; }
ul.bulleted li { list-style-type: disc; padding-left: 2px; }

/* Form styling */	
fieldset { border: 1px solid #9F9F9F; background-color: #FCFCFC; margin: 0 auto; padding: 10px; width:525px;}
input[type="text"], input[type="password"], textarea { border: 1px solid #D3C66C; padding: 2px; font-size: 10.5pt; }
.aligned-form { line-height: 24pt; }
.aligned-form label { float: left; width: 120px; text-align: right; padding-right:10px; font-weight: bold; }
.aligned-form input { display: inline; }

.aligned-form br { clear: left; }
.aligned-form .r label { float: none; width: auto; padding: none; }
.aligned-form .r input { width: auto; border: auto;}

.square-form { margin-top: 25px; line-height: 13px; margin-left: 150px;}
.square-form.section { margin: 0 0 5px 0px; }
.square-form .w350 { width: 350px; }
.square-form .w430, .square-form.w430 { width: 430px; }
 
.square-form input { float: right; }
.square-form br { clear: right;  }
.square-form label { display: block; margin: 4px 3px 0 0; color: #6c490b; }
.square-form input { margin-top: 0px; }
.square-form input.first { margin-top: -3px;}
.square-form .w350 textarea { width: 346px; margin-top: 5px;}
.square-form.w430 textarea { width: 426px; margin-top: 5px;}
.square-form .submit { float: none; }
.square-form .w350 .submit{ margin: 10px 0 0 125px;}

.checkbox-array { line-height: 22px;}
.website-link { display: none;}
.stacked-form input { margin-bottom: 10px;  }


/* Dividers */
.divider {  text-align: center; margin: 10px auto; height: 20px;}
.divider img { position: relative;}
.divider .line { width: 100%; height: 1px; position: relative; top: 10px; background-color: #f7cd20; }

/* Things */
.featured-property { color: #cdaf42; }
.featured-property img { border: 2px solid #a87609;}
.featured-property.tall { width: 222px;/*237*/ height: 263px;/*297*/ background: url("../images/featured_property_tall_bg.png"); padding: 34px 0 0 15px; }
.featured-property.short { width: 182px;/*237*/ height: 159px;/*247*/ background: url("../images/featured_property_short_bg.png"); padding: 44px 27px; }

.photo-gallery { width: 632px; /*682*/ height: 131px; /*236*/ background: url("../images/gallery_bg.png"); margin: -25px 0 10px -4px; padding: 75px 30px 30px 20px;}
.photo-gallery .arrow, .photo-gallery .content { float: left; }
.photo-gallery .arrow { padding-top: 36px; }
.photo-gallery .content { margin: 0 10px; height: 125px; width: 531px; overflow: hidden; }
.photo-gallery .images { width: 10000px; height: 50px; }
.photo-gallery .images img { border: 2px solid #a87609;}

.faq .question { background: url("../images/faq_bullet.png") no-repeat left center; padding-left: 20px; cursor: pointer; }
.faq .answer { padding-left: 42px; }


/* Page-specific selectors: */

#body-wrapper.index #content { margin-top: 0; padding-top: 45px;}
#body-wrapper.index #content .welcome { margin-left: 65px;}
#body-wrapper.index #nav-spacer { background: none;}
#body-wrapper.index #splash { height: 250px; }

#market-analysis-form { margin-left: 80px;}
#market-analysis-form label, #market-analysis-form .field-label { color: #6c490b;}
#market-analysis-form .section { margin: 5px 0 10px 35px; line-height: 12px; }
#market-analysis-form .submit { margin-left: 170px;}






/* Lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }