html, body { margin:0; padding:0; color:#000; font-family:Arial, sans-serif; font-size:62.5%; overflow-x:hidden }
body { background:#003a63; text-align:center; font-size:1.3em; line-height:1.3em }
form { margin:0; padding:0 }
h1 { clear:both; margin:2px 0 10px 0; padding:0; font-size:1.4em; font-weight:bold; font-style:italic; color:#003a63; }
h3 { clear:both; margin:2px 0 10px 0; padding:0; font-size:1.2em; font-weight:bold; font-style:italic; color:#000000; }
hr {color:#003a63; size:1px; height:1px;}
a { color:#003A63; text-decoration:none }
a:hover { text-decoration:underline; color:#8d2929 }
img { border:0; }
p { margin-top:0 }
ul { list-style-image:url(../images/bullet.gif); }

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* generic classes */
.padding { padding:10px; }
.center { text-align:center; }
.right { text-align:right }
.left { text-align:left }
.bold { font-weight:bold }
.separator { color:#000; padding:0 5px; font-weight:bold; }
.required { font-size:1.4em; position:relative; top:3px; color:#ff0000; font-weight:bold }
.small { font-size:0.85em }
.icon { background-position:left; background-repeat:no-repeat; padding:2px 0 2px 20px; }
.house { background-image:url(../images/icons/house.png) }
.tool { background-image:url(../images/icons/wrench.png) }
.phone { background-image:url(../images/icons/phone.png) }
.group { background-image:url(../images/icons/group.png) }
.email { background-image:url(../images/icons/email.png) }
.view { background-image:url(../images/icons/magnifier.png) }
.money { background-image:url(../images/icons/money.png) }
.calc { background-image:url(../images/icons/calculator.png) }
.weather { background-image:url(../images/icons/weather.png) }

/* message styles */
.message { padding:10px; margin: 0px 0px 15px 0px; display:block; }
.message-title { font-weight:bold; font-size:1.25em; }
.message-body { margin-top:4px; }
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; text-decoration:underline }
.notice a {color:#514721; text-decoration:underline }
.success a {color:#264409; text-decoration:underline }

#header {  margin:0 auto; width:1035px; height:220px; background:url(../images/header.png) top center no-repeat; text-align:left }

/* top navigation */
#nav { float:left; position:relative; z-index:10; left:3.5em; top:4px;  }
#nav,
#nav ul { padding:0; margin:0; list-style: none; text-align:center; }
#nav a { display:block; }
#nav a.active { font-weight:bold }
#nav li a { font:italic 0.9em Georgia, Times, sans-serif; color:#003a63; text-shadow:0 2px 3px #fff; }
#nav ul li a { padding:3px; border-bottom:1px solid #ccc; font:normal 0.85em arial;  }
#nav ul li a:hover { background:#efefef; }
#nav ul li { width:125px }
#nav li { float:left; width:118px; position:relative; z-index:11; }
#nav li ul { position:absolute; background:#fff; line-height:1em; border:1px solid #777; width:125px; left:-999em; }
#nav li:hover ul, 
#nav li.sfhover ul { left: 0; }

#logo { height:108px; position:relative; left:50px; left:75px; line-height:normal; }
#logo #me { float:left; }
#logo h1 { clear:none; margin:0; float:left; position:relative; top:20px; text-align:center; color:#fff; font:bold 40px Georgia, Times, serif; text-shadow: #000 0 1px 1px; filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1); }
#logo h1 span { display:block; font-size:18px; font-style:italic; font-weight:normal;  }
#kinlin { float:right; position:relative; top:30px; right:120px }

#splash { background:url(../images/beach.png) center no-repeat; margin:0 auto; width:1035px; height:231px; z-index:1; margin-bottom:-28px }
#container { position:relative; margin-top:-115px; }
#body { text-align:left; width:936px; margin:0 auto; z-index:3; }
#body h1 span { color:#000; font-style:normal }
#content { width:525px; float:left; margin-left:5px; background:#fff; }
#content.wide { width:723px; margin-left:1px }

/* left sidebar */
#sidebar-left { width:193px; float:left; background:#fff; }
#sidebar-left .block { clear:both; margin-bottom:2em; }
#sidebar-left .block h3 { margin:0 0 5px 0; background:#d7e0e6; padding:5px; font-size:1em; text-align:left; text-shadow:0 2px 3px #fff; }
#sidebar-left .block ul { margin:0; padding-left:25px; }

/* right sidebar */
#sidebar { width:200px; float:right; color:#fff; }
#sidebar .block { clear:both; background:url(../images/sidebar.png) top right no-repeat; margin-bottom:3em; }
#sidebar .block.last { margin-bottom:0; }
#sidebar .block h3 { color:#fff; margin:0 0 8px 0; padding:7px 7px 0 0; font-size:1em; font-style:italic; text-align:right; text-shadow:0 1px 2px #000 }
#sidebar .block p { color:#e4eaef; margin-bottom:5px }
#sidebar .block form { text-align:center; }
#sidebar .block select { width:195px; margin-bottom:2px }

/* quick search */
#quicksearch { margin:0; padding:0; list-style-type:none; list-style-image:none; width:97%; line-height:normal }
#quicksearch li { height:28px /* fixes an IE6 spacing bug */ } 
#quicksearch li a { display:block; background:#d7e0e6; text-align:center; padding:4px 0; border:1px solid #fff; }
#quicksearch li a:hover { color:#000; background:#fff }
#quicksearch li.spacer { height:10px }

/* home page featured */
#featured { float:left; margin-bottom:10px; }
#featured .featured { float:left; margin-right:14px }
#featured .featured.last { margin-right:0 }
#featured img { width:245px; height:175px }
#featured p { text-align:center }
#featured a { text-align:center; display:block; font-weight:bold; font-size:1.1em; margin:3px 0 }

/* in body previous/next nav */
.prevnext { padding:4px 6px; background:#efefef; margin:1em 0; font-size:0.90em }
.prevnext .prev { float:left; }
.prevnext .next { float:right }

/* footer */
#footer { clear:both; background:url(../images/footer.jpg); width:987px; height:189px; margin:0 auto; padding:10px 0; text-align:center }
#footer #footer-body { position:relative; top:4em }
#footer p { margin-bottom:3px; }


#town { margin-top:2em }
#town-header { }
	#town-header h2 { float:left; margin:0 4em 0 0 }
	#town-header p { float:left; width:500px }
	
#town table { clear:both; width:100% }
#town table td { vertical-align:top }
#town table td.header { width:100px }
#town ul { list-style:none; list-style-image:none; margin-top:0 }
#town-photos { text-align:center; margin-bottom:20px }
#town-photos table { width:500px; margin:0 auto }


/* listings list page */
#listings {}
#listings .listing { float:left; clear:both; margin-bottom:20px }
#listings .listing img { float:left; width:300px }
#listings .listing-detail { float:left; text-align:center; width:400px }
#listings .listing-detail h2 { margin:2em auto 5px auto; font-size:1.2em }

/* listing detail page */
#listing { }
#listing #photo { width:350px; float:left; }
#listing #photos { clear:both; padding-top:6px; }
#listing #photos img { width:100px; margin:0 5px 5px 0 }
#listing #details { float:left; margin:1px 0 0 10px; border-width:0 0 1px 1px; border-style: solid; border-color:#ccc; border-collapse: collapse; width:325px }
#listing #details td { padding:3px 6px; border:1px solid #ccc; border-color: #ccc; border-width: 1px 1px 0 0;  border-style: solid; }
#listing #details td.category { font-weight:bold; background:#efefef; width:100px; }