@charset "UTF-8";
/*
 * Basic Styles
 */
body {font-family:arial, helvetica, sans-serif;font-size:12px}
body * {margin:0;padding:0;}
img, a img, fieldset {border:none;}
a {color:#75ca00;text-decoration:none;font-weight:normal;}
a:hover {color:#339900;text-decoration:none;}
h1, h2, h3, h4, h5, h6, legend {margin:0;padding:0;color:#333;font-size:12px;font-weight:normal;font-family:arial,helvetica,sans-serif;}
ul {list-style-type:none;}
@media print {
    body {background-color:#fff;color:#000}
    h2, h3, h4, h5, h6, legend {color:#000}
}
@media screen, tv, projection {
    body {background-color:#f7f7f7;color:#999;margin:0;padding:0;}
}

.block {display:block;}
@media screen, print, tv, projection {
    .hide {display:none;}
    .hidden {display:none;}
}
span.cost {color:#75ca00;}

/*
 * Content Wrapper - holds all other elements
 */
@media screen, tv, projection {
    div#content {margin:0 auto;padding:0 8px;width:800px;background:url('../img/content_bg.png') top left repeat-y #fff}
}

/*
 * Masthead
 */
div#masthead {width:800px;height:201px;margin-bottom:2px;background:url('../img/masthead.png') top left no-repeat;overflow:hidden;}
div#masthead h1 img {position:relative;top:25px;left:30px;}
div#masthead img {position:relative;top:30px;left:206px;}
@media print {
    div#masthead {height:100px;}
}

/*
 * Primary Menu
 */
div#primarymenu {width:760px;height:14px;padding:16px 20px;background-color:#5c5c5c;}
div#primarymenu a {color:#999;}
div#primarymenu a:hover, div#primarymenu a.current {color:#fff;}
div#primarymenu ul {height:14px;}
div#primarymenu ul.menu li {float:left;height:14px;margin-right:20px;}
div#primarymenu ul.login {float:right;margin-top:-14px;}
div#primarymenu ul.login li {margin:0 0 0 20px;}
@media print {
    div#primarymenu {display:none;}
}

/*
 * Left Hand Column
 */
div#leftcol {float:left;clear:left;margin-right:-1px;width:199px;min-height:200px;margin-top:44px;border-right:1px solid #eaeaea}
div#leftcol h2, div#leftcol h3, div#leftcol legend {font-family:"arial narrow",arial,helvetica,sans-serif;font-size:16px;margin:0 20px 10px 20px}
@media screen, projection, print, tv {
    div#leftcol h2.search {display:none;}
}
@media print {
    div#leftcol {display:none;}
}
body.pages div#leftcol h2.search {display:block;color:#75ca00;}
div#leftcol legend {margin:0;padding-bottom:13px;}

div#leftcol ul.menu {border-top:1px solid #eaeaea;margin-bottom:35px;}
div#leftcol ul.menu li {display:block;border-bottom:1px solid #eaeaea;padding:10px 0 10px 20px;}
div#leftcol ul.menu a.current {color:#5c5c5c;}

div#leftcol ul.search, div#leftcol form, div#leftcol p {border:none;margin:0 20px 35px 20px;font-size:12px;}
div#leftcol ul.search li {margin-bottom:3px;}
div#leftcol ul.search a {color:#999;}
div#leftcol ul.search a:hover {color:#666;}
div#leftcol ul.search a.current, div#lefcol a.current:hover {color:#75ca00;}
div#leftcol input {margin:13px 0;}
div#leftcol input[type=text] {width:121px;}
div#leftcol label {margin:13px 0;}

/**************************************************
 *                                                *
 *   Main - styles for the main area of content   *
 *          (Contains several sub-sections)       *
 *                                                *
 **************************************************/
div#main {float:left;clear:right;min-height:200px;padding:44px 20px 20px 20px}
@media screen, tv, projection {
    div#main {width:560px;min-height:200px;padding:44px 20px 20px 20px;border-left:1px solid #eaeaea}
}

div#main h2, body.pages.contact div#main h3 {border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;margin-bottom:20px;padding:8px 0;font-size:12px;}
div#main p, div#main h3 {margin-bottom:20px;}
div#main p.last-child {padding-bottom:20px;border-bottom:1px solid #eaeaea;}
div#main h2.name {margin-bottom:0;} 
div#main p.location {border-bottom:1px solid #eaeaea;margin-bottom:29px;padding:8px 0;font-size:12px;}
div#main img {padding-bottom:20px;margin-bottom:20px; border-bottom:1px solid #eaeaea;}
div#main a.block {border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;padding:8px 0;}
@media print {
    div#main a.block {display:none;}
}
@media screen, tv, projection, print {
    body.pages.contact div#main h2 {display:none;}
}
body.pages.home div#main h2 {border:none;width:380px;font-size:16px;padding:0;margin-bottom:10px;}
body.pages.home div#main p {border:none;width:380px;margin:0;padding:0;}

div#main div.noresults {padding:50px 0;}

div#main ul.slash li {padding-right:14px;background:url('../img/slash.png') right no-repeat;}

/*
 * Breadcrums menu
 */
div#main div.breadcrumbs {border-top:1px solid #eaeaea;padding:8px 0;font-size:12px;clear:both;width:560px;height:12px;}
div#main div.breadcrumbs h2 {display:block;float:left;clear:left;border:none;color:#75ca00;margin:0;padding:0;width:105px}
div#main div.breadcrumbs ul {list-style-type:none;display:block;float:left;clear:right;margin:0;padding:0;width:450px;}
div#main div.breadcrumbs li {display:block;float:left;margin:0 4px;}

/*
 * Paging menu
 */
div#main div.paging {position:relative;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;padding:8px 0;font-size:12px;clear:both;width:560px;height:12px;}
div#main div.paging h2 {display:block;float:left;clear:left;border:none;color:#75ca00;margin:0;padding:0;width:45px}
div#main div.paging ul {list-style-type:none;display:block;float:left;clear:right;margin:0;padding:0;width:450px;}
div#main div.paging li {display:block;float:left;margin:0 4px}
div#main div.paging a {color:#999;}
div#main div.paging a.current, div#main div.paging a.current:hover{color:#75ca00;}
div#main div.paging a:hover {color:#666;}

/*
 * Display Order-By menu
 */
div#main div.orderby {position:relative;border-top:1px solid #eaeaea;padding:8px 0;font-size:12px;clear:both;width:560px;height:12px;}
div#main div.orderby h2 {display:block;float:left;clear:left;border:none;color:#75ca00;margin:0;padding:0;width:65px}
div#main div.orderby ul {list-style-type:none;display:block;float:left;clear:right;margin:0;padding:0;width:450px;}
div#main div.orderby li {display:block;float:left;margin:0 4px}
div#main div.orderby a {color:#999;}
div#main div.orderby a.current, div#main div.orderby a.current:hover{color:#75ca00;}
div#main div.orderby a:hover {color:#666;}

/*
 * Image Selector
 */
div#imageviewer {width:360px;height:260px;border-bottom:1px solid #eaeaea;margin-bottom:20px;}
div#imageviewer img {border:none;}
div#imageselector {width:360px;border-bottom:1px solid #eaeaea;overflow:hidden;}
div#imageselector img {display:block;float:left;border:none;margin:0 0 20px 0;padding:0;cursor:pointer;}

/* 
 * property summary blocks 
 */
div#main div.property {width:560px;border-bottom:1px solid #eaeaea;float:left;clear:left}
div#main div.property img {border:none;float:left;margin-top:20px;padding:0;}
div#main div.property div {width:360px;min-height:108px;margin-bottom:-1px;padding:20px;border-bottom:1px solid #fff;float:left}
div#main div.property h3 {color:#666;margin:0;}
div#main div.property p.location {color:#666;margin:0  0 10px 0;padding:0;border:none;}
div#main div.property ul {margin-bottom:10px}
/* property summary blocks for the home page (these sit inside div#main>div#mainleft) */
body.pages div#main div.property {width:380px;}
body.pages div#main div.property div {width:180px;}
body.pages div#main div.property div p {width:180px;}

/*
 * Main's Left Column (Sits inside div#main)
 */
div#mainleft {width:360px;float:left;clear:left;}
body.properties div#mainleft {width:379px;border-right:1px solid #eaeaea;margin-right:-1px;}
body.properties div#mainleft p, body.properties div#mainleft a.block {width:360px;border-bottom:1px solid #eaeaea;}
body.properties div#mainleft p {padding-bottom:20px;margin:0;}
body.properties div#mainleft h3 {margin:20px 0 12px 0;}
div#mainleft p.last-child {padding-bottom:20px;border-bottom:1px solid #eaeaea;}
body.pages.home div#mainleft p {width:340px;margin-bottom:20px;}

/*
 * Main's Right Hand Column (Sits inside div#main)
 */
div#mainright {float:right;clear:right;width:200px;margin:0 -20px 0 0}
div#mainright img, div#mainright h2, div#mainright h3, div#mainright h4, div#mainright p {margin:0 20px 12px 20px;border:none;}
div#mainright h2, div#main div#mainright h3, div#main div#mainright h4, div#main div#mainright p {margin:0 20px 12px 20px;width:160px}
div#main div#mainright h3.greenfacts {font-size:14px;padding-top:20px;}
div#main div#mainright h4.greenfacts {margin-bottom:0;}
div#main div#mainright ul.greenfacts {margin-bottom:10px;}
div#mainright h2 {font-family:"arial narrow",arial,helvetica,sans-serif;font-size:16px;}
div#mainright div.featuredpage {margin-bottom:29px}
div#mainright div.featuredpage h2 {font-family:arial,helvetica,sans-serif;font-size:12px;}
div#mainright a {margin:0 20px 29px 20px}
body.pages div#mainright {background:url('../img/right_col_bg.png') top left repeat-y;}
body.pages.home div#main {background:url('../img/right_col_bg.png') 400px 0 repeat-y;}
body.properties div#mainright {border-left:1px solid #eaeaea}
body.properties div#mainright ul {margin:0 20px 29px 20px;}
body.properties div#mainright ul a {margin:0;}
div#mainright li.email, div#mainright li.website {margin-top:5px;}
div#mainright ul.links {margin-bottom:29px}
div#mainright ul.links a {color:#999;}
div#mainright ul.links a:hover {color:#666;}
div#mainright ul.menu {border-top:1px solid #eaeaea;margin-bottom:37px;}
div#mainright ul.menu li {border-bottom:1px solid #eaeaea;padding:10px 0 10px;}
div#mainright ul.menu a {margin-right:0;}
div#mainright ul.menu a.current {color:#5c5c5c}
div#mainright ul#bookmark {display:none;list-style-image:url('../img/paperclip.gif');list-style-position:inside}

/* 
 * Form styling for forms in the main content area 
 */
div#main form input {margin-left:186px;}
div#main legend {font-size:12px;color:#75ca00;width:560px;padding:0 0 16px}
div#main legend.required {background:url('../img/required.png') 175px 2px no-repeat}
div#main legend.required span {visibility:hidden;display:block;float:left;width:190px}
div#main legend.required span.show {visibility:visible;}
/* NOTE: display:inline-block is valid in msie and safari, for mozilla we have to use a little bit of javascript */
div#main label {font-size:12px;color:#999;display:inline-block;width:186px;line-height:1.8;vertical-align:top}
div#main textarea {height:48px;}
div#main fieldset {margin-bottom:10px;}
div#main fieldset input, div#main fieldset textarea, div#main fieldset select {width:367px;margin:0;background-color:#f1ffed}
div#main fieldset input.warning, div#main fieldset textarea.warning, div#main fieldset select.warning {background-color:#ff9fae}
div#main fieldset input.checkbox {width:auto;}
div#main fieldset a {margin-left:186px;color:#999;}
div#main fieldset label a {margin:0;color:#75ca00;}
div#main fieldset label a:hover {cursor:pointer;color:#339900;text-decoration:none;}
div#main fieldset a:hover {color:#666;}
div#main form li {list-style:none;padding:5px 0}
div#main form li.required {background:url('../img/required.png') 175px 8px no-repeat}
div#main label span {display:block;width:186px;}
div#main form ul li {margin-top:3px;margin-bottom:10px}
div#main input[type=submit] {border:none;color:#fff;background-color:#75ca00;padding:5px 16px;}
div#main input[type=submit]:hover {background-color:#339900;cursor:pointer;}
div#main input[type=checkbox] {width:12px}
div#main form input#submit {margin-left:186px;width:auto;}

/*******************************************************
 *                                                     *
 *   END: Main - styles for the main area of content   *
 *                                                     *
 *******************************************************/
 
/*
 * Footer Menu
 */
div#footer {clear:both}
@media screen, tv, projection {
    div#footer {background-color:#5c5c5c;width:760px;height:16px;padding:8px 20px;}
    div#footer a {color:#999;}
    div#footer a:hover, div#footer   a.current {color:#fff;}
    div#footer ul {height:14px;}
    div#footer ul.menu li {float:left;height:14px;margin-right:20px;}
    div#hum {float:right;position:relative;margin-top:-14px;}
}
@media print {
    div#footer ul {display:none;}
    div#footer a {color:#000;}
    div#hum {float:left;clear:both;}
}