@charset "utf-8";

/****************************************************/
/******************** PAGE LAYOUT *******************/
/****************************************************/

div {margin:0; padding:0;}
body {text-align:center; background:url(style_images/gray_stripes.jpg) repeat; height: 100%; padding:0; margin:0;}
#container {width:933px; margin:0 auto; height:100%; border:0; text-align:left; padding-bottom:10px;}
#page {width:100%; height:100%;}
#mainContent {width:898px; border-left:1px #999999 solid; border-right:1px #999999 solid; background:#FFFFFF;}
#content_rightshadow {width:33px; background:url(style_images/content_side.png) repeat-y;}
#mainContent_bottom {height:33px; width:900px; background:url(style_images/content_bottom.png) no-repeat;}
#mainContent_br_corner {width:33px; background:url(style_images/content_br_corner.png) no-repeat top left;}

/****************************************************/
/****************** GENERAL STYLES ******************/
/****************************************************/

body {font-family:Helvetica, sans-serif; color:#333333; cursor:default;}
*:focus {outline:0;}
table {border-collapse:collapse; margin:0; padding:0;}
a {cursor:pointer; text-decoration:underline; color:#666666;}
a:hover {color:#111111}
a.auction-cal-link {text-decoration:none;}
a.overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:url(style_images/clear.png) no-repeat;}
p {font-size:14px; text-align:justify; margin:0 0 15px 0;}
p.about_us {margin:5px 15px 15px 15px;}
.titlebar {padding:10px 10px 10px 15px; border:1px #F4F4F4 solid; border-bottom:1px #CCCCCC solid; height:20px; margin:3px; background:url(style_images/page_title_bg.gif) repeat-x;}
.banner {padding:0 5px;}
.banner #logo {float:left;}
.banner #rightimg {float:right;}
.title {font-size:14px; font-weight:900; color:#990000; margin-bottom:10px; text-decoration:none;}
img.right {border:1px #990000 solid; float:right; margin:0 0 10px 15px;}
img.left {border:1px #990000 solid; float:left; margin:5px 15px 10px 0;}
.middleColumn {border-left:1px dashed #F9CA7C; width:205px; text-align:center; float:left;}
.rightColumn {width:215px; float:right;}
.leftColumn {float:left; clear:left; width:680px;}
.home {padding:5px 10px 0 10px; width:455px;}
.home-left {float:left; clear:left;}
.home-left hr {width: 425px; border:0; border-top:1px #999999 dotted; color:#FFFFFF; margin:5px auto;}
.not-available {margin:15px; font-size:16px; font-weight:bold;}
.page-heading {float:left; font-size:18px; font-weight:700; color: #990000; display:inline-block;}
.email-img {margin-left:50px;}

/****************************************************/
/******************* TOP NAV MENU *******************/
/****************************************************/

#main_menu {padding:0; margin:0; height:32px; clear:both;}
a.menu_links {display:block; float:left; height:32px; padding:0 18px; background:url(style_images/main-menu-sprite.gif) repeat-x top; border-left:1px #FDCE60 solid; border-top:1px #FDCE60 solid;border-right:1px #EA9515 solid; color:#990000; font-size:14px; font-weight:bold; line-height:32px; text-decoration:none;}
a.menu_links:hover {padding:0 18px 0 17px; background:url(style_images/main-menu-sprite.gif) repeat-x bottom; border-left:2px #990000 solid; border-top:1px #990000 solid; color:#F5F5F5;}
.fill {height:32px; clear:none; background:url(style_images/main-menu-sprite.gif) repeat-x top; border-left:1px #FDCE60 solid; border-top:1px #FDCE60 solid; border-right:1px #EA9515 solid;}
.shadow {width:100%; height:5px; background:url(style_images/shadow.jpg) repeat-x;}

/****************************************************/
/********************* SUB MENU *********************/
/****************************************************/

.submenu {float:left; margin:0 2px; padding:0; height:45px; width:670px; background:url(style_images/link_box.jpg) no-repeat bottom;}
.buttons {float:left; clear:none;}

/****************************************************/
/******************* BOTTOM MENU ********************/
/****************************************************/

.bottom_menu {clear:both; text-align:center; color:#999999;}
a.bottom_link {font-size:11px; text-decoration:none;}
a.bottom_link:hover {color:#333333;}

/****************************************************/
/********************* FOOTER ***********************/
/****************************************************/

#footer {width:725px; margin:10px 0 20px 115px; text-align:center; font-size:small; color:#666666;}
#footer img#eho {float:left;}
#footer img#mls {float:right;}

/****************************************************/
/**************** FEATURED PROPERTY *****************/
/****************************************************/

.featured_property {position:relative; padding:5px; margin:0 5px;}
.featured_property:hover {background: url(style_images/gold_stripes.jpg) repeat;}
.featured_property img {border:1px #990000 solid; margin-bottom:5px;}
.featured_property_copy {font-size:11px;}

/****************************************************/
/******************* NEW LISTING ********************/
/****************************************************/

.new-listings {text-align:center; margin:10px 0;}
.new-listings ul {display:block; width:175px; margin:auto; padding:0; border-bottom:1px #999999 dotted;}
.new-listings ul li {width:175px; font-size:10px; border-top:1px #999999 dotted; list-style:none; line-height:1.5em; margin:0; padding:3px 0;}
.new-listings ul a {display:block; background-color:#F0F0F0; text-decoration:none;}
.new-listings ul a:hover {background:url(style_images/gold_stripes.jpg) repeat;}
.new-listings-title {font-weight:700;}

/****************************************************/
/****************** MEET AN AGENT *******************/
/****************************************************/

.meet_agent {position:relative; display:block; padding:5px; width:455px; margin:5px; min-height:130px;}
.meet_agent p {font-size:13px;}
.meet_agent:hover {background:url(style_images/gold_stripes.jpg) repeat;}

/****************************************************/
/********************* CALENDAR *********************/
/****************************************************/

.cal_box {background:url(style_images/cal_box.jpg) no-repeat center bottom; padding:5px 20px 35px 20px; text-align:center;}

/****************************************************/
/********************** QUOTES **********************/
/****************************************************/

.quote {padding:15px;}
.quote span {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; line-height:2.2em; position:relative; z-index:50;}
.quote img.opening-quotation {vertical-align:middle; margin:0 -25px -10px 0;}
.quote img.closing-quotation {vertical-align:middle; margin:0 0 -10px -15px;}
.signature {text-align:right; display:block; font-size:18px;}

/****************************************************/
/************* PROPERTY AND AGENT LIST **************/
/****************************************************/

.property-list, .agent-list {clear:left; width:673px; margin:0 20px 20px 3px; padding:0; display:block; font-size:14px;}
.property-list li, .agent-list li {display:block; position:relative; list-style:none; min-height:80px; padding:10px; border-bottom:1px #999999 dotted;}
.agent-list p {min-height:125px; line-height:1.5em;}
.agent-list .agent-name {font-size:1.2em; font-weight:bold;}
.agent-list .agent-title {font-weight:550;}
.property-list li:hover {background:url(style_images/gold_stripes.jpg) repeat;}
.property-list li .property-img-wrapper {width:150px; float:left;}
.property-img-wrapper img {border:1px #990000 solid; max-height:75px; max-width:175px; margin:2px 20px 0 0;}
.property-list li .property-copy {width:495px; vertical-align:top; float:left;}
.prop-heading {font-size:14px; font-weight:700; color:#990000; line-height:20px;}
.prop-sub-heading {line-height:20px;}

/****************************************************/
/************* AUCTION & LISTING DETAIL *************/
/****************************************************/

.detail-container {padding:5px 5px 15px 15px; font-size:14px; line-height:1.3em;}
.top-block {margin:5px 0 10px 0;}
.detail-img-wrapper {margin:0 10px 0 0; background:#990000; width:305px; padding:2px; position:relative;}
.detail-img-wrapper .tag {color:#FFFFFF; line-height:1.2em;}
.detail-img-wrapper img.prop-image {width:305px;}
.agent-info {width:335px; vertical-align:top; float:right;}
.agent-info img {height:125px; border:0; float:right; margin:5px 0 0 0;}
.agent-name {font-weight:bold; line-height:1.5em;}
.detail-container h3 {color:#990000; margin:0 0 15px 0; font-size:16px;}
.auction-date {font-weight:900; color:#990000; margin-top:0; font-size:16px; line-height:1.5em;}
.prop-status {font-weight:900; color:#FF0000; margin-top:0; font-size:16px; line-height:1.5em;}
.calculator-link {display:inline-block; margin:0; font-weight:300; font-size:10px; zoom:1 *display:inline;}/*zoom is IE7 fix for inline-block*/
.calculator-img {vertical-align:top; width:30px; border:none;}
.auction-site {font-weight:900; color:#990000; margin:5px 0;}
.under-contract {color:##CC0000; font-weight:bold;}

/****************************************************/
/***************** IMAGE GALLERY ********************/
/****************************************************/

#screen {position:fixed; top:0; left:0; width:100%; height:100%; background:url(style_images/white_screen.png) repeat; z-index:10000; display:none;}
#gallery {position:fixed; top:6%; left:8%; width:84%; min-width:463px; height:88%; background:url(style_images/dark_gray_stripes.png) repeat; border:8px #333333 solid;}
#close {position:absolute; width:25px; height:25px; top:-15px; right:-15px; background:url(style_images/close.png) no-repeat; cursor:pointer;}
.thumb-box {float:left; width:30%; min-width:135px; height:100%; background:#FFFFFF; overflow-y:scroll;}
.thumb-wrapper {float:left; width:65px; height:65px; margin:5px; text-align:center; overflow:hidden;}
.thumb {height:65px; margin:auto;}
.thumb-over {opacity:0.75; filter:alpha(opacity=75); cursor:pointer;}
.gallery-title {background-color:#FFFFFF; padding:3px; font-weight:bold; color:#990000; text-align:left;}
#description {font-weight:300; font-size:.8em;}
.description-copy {display:none;}
.full-img-box {width:70%; min-width:325px; height:100%; text-align:center; overflow-y:scroll;}
.full-img {max-width:85%; min-width:255px; margin:20px auto; border:10px #FFFFFF solid; -moz-box-shadow:#222222 4px 4px 25px; -webkit-box-shadow:#222222 4px 4px 25px;}