/*---------------------------------------------
[Main CSS Stylesheet]

Project:          Casita
Primary Use:      Screen
Version:          1.0
Date:             31.08.2009.
Last Change:      02.09.2009.
Author:           Dimedia
---------------------------------------------*/
@import url("reset.css");

/******************************************************************************/
/******* TYPO *****************************************************************/
/******************************************************************************/
body  { font-family: Arial, sans-serif; background:#777777 url(../images/body-bg.png) repeat-x; }

/* HEADER TYPO */
#top-bar .lang a          { font-size: 13px; color: #303030; text-decoration: none; font-weight: bold; }
#top-bar .lang .active a  { color: #fff; background:url(../images/top-bar-lang-on-bkg.gif) no-repeat; }
#top-bar .top-nav a       { font-size: 11px; font-weight: bold; color: #303030; text-decoration: none; }
#top-bar .top-nav .active a       { color: #ed1c24; }

#header #main-nav li a       { font-weight:bold; text-transform:uppercase; font-size: 13px; color: #231f20; text-decoration: none; }
#header #main-nav li.active a,
#header #main-nav li a:hover { color: #ed1c24; background:url(../images/bg-main-nav-link.gif) repeat-x; }

/* SUB NAVIGATION */
#sub-nav a        { font-size: 12px; color: #565555; text-decoration: none; font-weight:bold; }
#sub-nav a span   { color: #939598; }
#sub-nav ul a   { display: block; _display:inline-block; overflow:hidden; line-height:21px; }
#sub-nav ul a span   { color:#565555; float:left; margin-left:6px; padding-right:6px; display:inline; }

#sub-nav ul .active a, #sub-nav ul a:hover   { background:url(../images/sub-nav-link.png) no-repeat 0 0; }
#sub-nav ul .active a span, #sub-nav ul a:hover span   { color:#000; background:url(../images/sub-nav-link.png) no-repeat 100% 0; cursor:pointer; }

/* GALLERY BOX TYPO */
#gallery-box .list li a { font-size: 13px; font-weight: bold; color: #d9dbd7; }

#gallery-box .text-block    { font-size: 12px; line-height: 18px; color: #fff; }
#gallery-box .text-block h2 { font-size: 14px; line-height: 16px; color: #a78c8b; }
#gallery-box .text-block h3 { font-size: 22px; font-weight: normal; line-height: 26px;  color: #fff; }

/* TEXT TYPO */
h2,
.home .text h2    { font-size: 22px; font-weight: normal; line-height: 26px; color: #323531; }
h2 a,
.home .text h2 a  { text-decoration: none; color: #323531; }

.text h1  { font-size: 22px; font-weight: normal; line-height: 26px; color: #323531; }
.text h2  { font-size: 18px; font-weight: normal; line-height: 22px; color: #323531; }
.text     { font-size: 12px; line-height: 17px; color: #323531; }
.text a   { color: #ed1c24; }

.empty-note { font-size: 12px; padding:20px; }

/* HOME TYPO */
#special-realestates a            { text-decoration: none; }
#special-realestates span         { color: #333; font-size: 11px; line-height: 14px; }
#special-realestates span em      { color: #666; font-style: normal; }
#special-realestates strong       { font-size: 18px; color: #ed1c24; font-weight: normal; }
#special-realestates strong b     { font-size: 12px; font-weight: normal; }

/* BREADCRUMBS TYPO */
.breadcrumbs a { font-size: 14px; font-weight:bold; color: #4e4e4e; }

/* HIGHLIGHT BOX TYPO */
.highlight-box h2       { font-size: 20px; line-height: 20px; }
.highlight-box h2 span  { color: #939598; }

.pagination a   { color: #4f4f4f; font-size: 12px; padding:1px 3px; font-weight: bold; text-decoration: none; }
.pagination a[href] { text-decoration:underline; }
.pagination a[href]:hover,
.pagination .active { color: #fff; background:#ec3b42;  }
.pagination .prev a,
.pagination .next a { background:none !important; }

.highlight-box .controls a  { font-size: 11px; line-height: 12px; color: #686868; text-decoration: none; }

.highlight-box label  { font-size: 12px; color: #333333; font-weight: bold; }
.highlight-box select { font-size: 11px; line-height: 12px; color: #686868; }

/* TABLES TYPO */
.table-type-1 h3 a      { font-size: 15px; color: #ed1c24; font-weight: normal; text-decoration: none; }
.table-type-1 h3 a span { font-size: 12px; font-weight: normal; }
.table-type-1 ul        { font-size: 12px; line-height: 15px; color: #333; }
.table-type-1 ul p,
.table-type-1 ul strong { font-weight: normal; color: #666; }

/* DETAIL TYPO */
.detail-box .left dt  { font-size: 12px; font-weight: bold; color: #686868; }

.detail-box .text h1        { font-size: 18px; font-weight: normal; line-height: 24px; color:#353535; }
.detail-box .text h2        { font-size: 16px; font-weight: bold; line-height: 18px; color: #2a2a2a; }
.detail-box .text h2.first  { font-size: 13px; font-weight: bold;  line-height: 20px; color:#353535; }
.detail-box .text           { line-height: 18px; }
.detail-box .text ul   { color: #6a6a6a; }
.detail-box .text ul span   { font-weight: bold; color: #000; }

/* SIDE NAV BOX TYPO */
.side-nav-box a { font-size: 12px; line-height: 14px; font-weight: bold; color: #626469; text-decoration: none; }

/* SEARCH BOX TYPO */
#search-box strong  { font-size: 22px; font-weight: normal; line-height: 22px; color: #ed1c24; }
#search-box label,
#search-box span,
#search-box select,
#search-box .txt    { font-size: 11px; line-height: 12px; color: #686868; }

/* QUERY FORM */
#query-form .input_text,
#query-form select  { font-family:"Arial",sans-serif; font-size: 12px; line-height: 12px; color: #686868; }
#query-form em      { font-size: 12px; line-height: 11px; font-style:italic; color:red; }
#query-form .note   { color:#777; }
#query-form .error  { color: red; }

/* QUERY POPUP TYPO */
#queryPopup .title          { font-size: 22px; font-weight: normal; line-height: 22px; color: #ed1c24; }
#queryPopup blockquote h2   { font-size: 20px; font-weight: normal; line-height: 24px; color: #083449; }
#queryPopup .note           { font-size: 12px; }
#queryPopup label           { font-size: 11px; }
#queryPopup input,
#queryPopup textarea        { font-size: 11px; line-height: 12px; color: #686868; font-family: Arial, sans-serif; }

/* FOOTER TYPO */

#footer .text   { font-size:11px; color: #7f7f7f; text-decoration: none; }

#footer .sign       { color: black; font-size: 11px; text-decoration: none; }
#footer .sign span,
#footer .sign:hover { color: red; }
#footer .note { color: #fff; font-size: 11px; }

/******************************************************************************/
/******* LAYOUT ***************************************************************/
/******************************************************************************/

.clear  { clear: both; display: block; height: 0; line-height: 0; font-size: 0px; }

#container { position:relative; width:910px; margin:0 auto; }

/* HEADER */
#top-bar     { position:absolute; right:10px; top:0; overflow: hidden; zoom: 1; margin: 0px auto; }
#top-bar ul     { float: right; }
#top-bar ul li  { float: left; }
#top-bar ul a   { display: block; float: left; }
#top-bar .lang   { margin-left:10px; }

#top-bar .top-nav li { padding: 9px 14px 9px 10px; background: url(../images/top-bar-separator.gif) right 10px no-repeat; }
#top-bar .lang li    { padding: 6px 0px 6px 0px; }
#top-bar .lang a  { width:25px; line-height:18px; text-align:center; }

#header     { margin-bottom:30px; position:relative; height:217px; overflow: hidden; zoom: 1; background:url(../images/header-bg.png) no-repeat;  }

#header h1    { position:absolute; left:36px; top:43px; }
#header h1 a  { display: block; width: 192px; height: 132px; background: url(../images/logo.gif); text-indent: -9999px; overflow:hidden; }

#header #main-nav    { position:absolute; left:20px; bottom:5px; }
#header #main-nav li { float: left; }
#header #main-nav a { _white-space:nowrap; _width:1%; display:block; padding:0 15px; line-height:34px; }

/* SUB NAVIGATION */
#sub-nav     { position:absolute; left:0; top:217px; width:910px; }
#sub-nav ul     { overflow: hidden; zoom: 1; padding:4px 0 8px 30px; }
#sub-nav ul #sub-nav-first  { padding-left:0; background:none; }
#sub-nav ul li  { float: left; padding:0 6px; background: url(../images/top-bar-separator.gif) left 6px no-repeat; }


/* GALLERY BOX */
#gallery-box        { background: url(../images/gallery-box-bkg-2.jpg); border-top: 1px solid #f4f3ea; }
#gallery-box .inner { width: 933px; height: 322px; margin: 0px auto; position: relative; }

#gallery-box .wrapp             { background: url(../images/gallery-box-bkg.jpg) top left no-repeat; width: 933px; height: 322px; margin-left: -90px; padding-left: 90px; position: absolute; z-index: 1; }
#gallery-box .wrapp div         { display: none; }
#gallery-box .wrapp .active     { display: block; }
#gallery-box .wrapp img         { float: left; width: 709px; height: 322px; background: url(../images/ajax-loader.gif) center center no-repeat; }

#gallery-box .wrapp .text-block    { float: right; display: block; width: 185px; padding: 30px 5px 0 0; position: relative; z-index: 2; text-align: justify; }
#gallery-box .wrapp .text-block h2 { margin: 0; }
#gallery-box .wrapp .text-block h3 { margin-bottom: 15px; }

#gallery-box .list        { position: absolute; bottom: 0; left: 11px; z-index: 2; display: none; }
.js #gallery-box .list    { display: block; }
#gallery-box .list li     { background: url(../images/gallery-box-item-bkg.png); padding: 5px 6px 0; width: 210px; height: 68px; float: left; cursor: pointer; margin-right: 11px; }
#gallery-box .list li img { float: left; border: 3px solid #000; background: #000; display: block; }
#gallery-box .list li a   { float: right; width: 104px; margin-top: 20px; }

#gallery-box .list li:hover img,
#gallery-box .list li.active img { opacity: 0.5; filter:alpha(opacity=50); }

/* CONTENT */
#content-wrapp  { zoom:1; background: url(../images/content-wrap-bg.png) repeat-y; }
#content        { background: url(../images/content-bg.png) no-repeat; }

#column-1         { width: 652px; float: left; padding: 24px 0 0 0; margin-left:20px; display:inline; }
.home #column-1   { padding: 48px 0 0 0; }
#column-1.text    { width: 632px; padding-right: 20px; }
#column-2         { width: 208px; float: right; margin-right:20px; margin-top:48px; display:inline; }

#column-1.alt-column-1 { margin-top:45px; background:url(../images/bg-alt-column-1-bottom.png) no-repeat 0 100%; padding-top:0;  }
#column-1.alt-column-1 .inner { zoom:1; position:relative; background:url(../images/bg-alt-column-1.png) 0 0 no-repeat; margin-right:-20px; padding:50px 20px 0;  }
#column-1.alt-column-1 .inner p { margin-bottom:25px;  }
#main-heading { position:absolute; left:0; top:0; background:url(../images/bg-main-heading.png) no-repeat; font-size:15px; font-weight:bold; padding:0 13px; line-height:33px; }

/* TEXT*/
h2  { margin-bottom: 13px; }

.text h1,
.text h2  { margin-bottom: 10px; }

#google-map         { float: right; width: 436px; height:346px; border: 1px solid #e0e0e0; margin-left: 20px; margin-bottom:20px; }

/* HOME */
#content.home .text     { width: 520px; margin-bottom: 25px; text-align: justify; }
#content.home .text h2,
#content.home .text p   { display: inline; margin: 0; }
#content.home .text h2  { margin-right: 10px; }

#project-list-wrapper { zoom:1; overflow:hidden; background:url(../images/bg-alt-column-1-bottom.png) 0 100%; padding-top:0; padding-bottom:20px;  }
#project-list-wrapper .inner { zoom:1; overflow:hidden; position:relative; background:url(../images/bg-alt-column-1.png) 0 0 no-repeat; padding:50px 20px 0;  }
#project-list-wrapper h2 { position:absolute; left:0; top:0; background:url(../images/bg-main-heading.png) no-repeat; font-size:15px; font-weight:bold; padding:0 13px; line-height:33px; }
#project-list	               { float:right; position:relative; left:-4px; }
#project-list #slide-inner,
#project-list ul    { width:604px; height:198px; position:relative; overflow:hidden; }
#project-list ul    { overflow:auto; }
#project-list ul li { float:left; width:188px; height:198px; margin:0 6px 0; display:inline; }
#project-list ul li a { zoom:1; text-decoration:none; display:block; border:1px solid #d6d6d6; padding:2px; position:relative; }
#project-list ul li img { vertical-align:top; }
#project-list ul li a span { margin-bottom:0; font-size:13px; font-weight:bold; color:#0c0b0b; padding-left:7px; width:175px; position:absolute; left:2px; bottom:2px; line-height:22px; background:#fff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity:.6;  }
#project-list ul li span { display:block; font-size:11px; margin:3px 0; }
#project-list ul li strong { font-weight:bold; }
#project-list .next,
#project-list .prev  { position:absolute; top:30px; }
#project-list .next  { right:-20px; background-position:0 -463px; }
#project-list .prev  { left:-20px; background-position:0 0; }
#project-list .next span,
#project-list .prev span  { display:block; width:20px; height:104px; cursor:pointer; text-indent:-9999px; overflow:hidden; }
#project-list .next span  { background:url(../images/project-list-forward.gif); }
#project-list .prev span  { background:url(../images/project-list-back.gif); }
#project-list .disabled span  { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:.5; cursor:default; }

#special-realestates { overflow:hidden; margin-top:5px; background:url(../images/bg-alt-column-1-bottom.png) 0 100%; padding-top:0; padding-bottom:20px;  }
#special-realestates .inner { zoom:1; position:relative; background:url(../images/bg-alt-column-1.png) 0 0 no-repeat; margin-right:-20px; padding:50px 20px 0;  }
#special-realestates h2 { position:absolute; left:0; top:0; background:url(../images/bg-main-heading.png) no-repeat; font-size:15px; font-weight:bold; padding:0 13px; line-height:33px; }
#special-realestates ul       { overflow: hidden; zoom: 1; }
#special-realestates li       { position:relative; padding-top:5px; float: left; margin-bottom: 7px; }
#special-realestates li.first { margin-left: 0; }
#special-realestates li a        { font-size:11px; display: block; width: 292px; height: 103px; padding: 0 4px 0 13px; zoom: 1; }
#special-realestates li img      { border:1px solid #e3e3e3; padding:1px; float:left; width: 136px; height: 102px; margin-right:10px; }
#special-realestates li strong   { margin-bottom: 7px; }
#special-realestates li strong,
#special-realestates li strong b { display: block; font-size:14px; }
#special-realestates li strong b { margin-top: 3px; font-size:11px; font-weight:bold; }
#special-realestates li span     { color:#000; font-weight:bold; display: block; overflow: hidden; zoom: 1; text-align: right; }
#special-realestates li span em  { font-weight:normal; float: left; text-align: left; }
#special-realestates .link-more  { width:auto; height:auto; padding:0; position:absolute; right:0; bottom:10px; font-size:11px; color:#ed1c24; font-weight:bold; background:url(../images/side-nav-top-bkg.gif) no-repeat left 3px; text-decoration:none; padding-left:10px; float: right; margin-right: 15px; }
#special-realestates dl.first  { margin-right:20px; }
#special-realestates dl  { margin-top:20px; font-size:12px; color:#000; float:left; width:299px; background:url(../images/special-realestates-dl.gif) no-repeat 0 0; }
#special-realestates dl a  { display:block; font-size:11px; color:#000; background:url(../images/more-bkg-3.gif) no-repeat left 8px; padding:4px 0 4px 14px; }
#special-realestates dl a strong  { font-size:12px; color:#000; font-weight:bold; }
#special-realestates dl dt  { font-weight:bold; line-height:27px; padding-left:9px; }
#special-realestates dl dt span  { font-size:12px; color:#767676; }
#special-realestates dl dd span  { font-size:12px; color:#767676; font-weight:bold; }

/* BREADCRUMBS */
.breadcrumbs        { zoom: 1; margin-bottom: 10px; margin-left:11px; }
.breadcrumbs:after  { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.breadcrumbs        { *min-height:0; _height:1%; }
.breadcrumbs li         { float: left; margin-right: 10px; }
.breadcrumbs li a       { float: left; padding-right: 15px; line-height:16px; background: url(../images/more-bkg-1.gif) right center no-repeat; }
.breadcrumbs li.last    { margin: 0; }
.breadcrumbs li.last a  { padding: 0; background: none; }

/* HIGHLIGHT BOX */
.highlight-box      { background: url(../images/highlight-box-top-bkg.gif) top left no-repeat; }
.highlight-box div  { height:24px; padding: 10px 13px 10px 13px; overflow: hidden; zoom: 1; }

.highlight-bottom   { background: url(../images/highlight-box-bottom-bkg.gif) top left no-repeat; height:44px; padding: 8px 13px 12px 13px; overflow: hidden; zoom: 1; margin: -15px 0 15px 0; }

.highlight-box h2         { float: left; margin: 0; }
.highlight-box .more      { float: right; }
.highlight-box .more img  { display: block; }

.pagination         { float: left;  }
.pagination li      { float: left; zoom: 1; }
.pagination li.last { margin-right: 0; }
.pagination a       { float: left; line-height: 18px; }
.pagination img     { display: block; }

.sendQuery       { float: left; cursor: pointer; }
.sendQueryFirst  { float: right; margin-bottom:10px; }

.clearRight { clear:right; }

.highlight-box .controls        { float: right; }
.highlight-box .controls li     { float: left; border-left:1px solid #cacaca; height:29px; padding:0 8px; }
.highlight-box .controls a,
.highlight-box .controls span      { float:left; line-height:29px; }
.highlight-box .controls img      { vertical-align:top; }
.highlight-box .controls .pag-controls a      {  }
.highlight-box .controls .pag-controls img      { padding-top:4px; }
.highlight-box .controls .pag-controls span      { color:#767676; font-size:10px; }
.highlight-box .controls .pag-controls span span      { color:#000; }
.highlight-box .controls .print,
.highlight-box .controls .first { border:none; }
.highlight-box .controls .first { margin-right:40px; }
.highlight-box .controls .print a { padding: 0 0 0 23px; background: url(../images/icon-print.gif) left 3px no-repeat; }

.highlight-box form   { float: right; }
.highlight-box label,
.highlight-box select,
.highlight-box input  { float: left; }
.highlight-box label  { margin: 5px 8px 0 0; }
.highlight-box select { padding: 1px; margin: 2px 10px 0 0; }

/* TABLES */
.table-type-1     { background:url(../images/table-type-01-bg.gif) repeat-y; margin-bottom: 15px; }
.table-type-1 td  { width: 150px; border:1px solid #dcdcdd; border-width:0 1px 1px 0; padding: 16px 4px 15px 12px; }
.table-type-1 .no-border  { border-right:none; }

.table-type-1 .imgWrapper       { display: block; position: relative; margin-bottom: 15px; }
.table-type-1 .imgWrapper img   { display: block; border: 1px solid #dedede; }
.table-type-1 .imgWrapper .sold { position: absolute; top: 0; left: 0; border: none; }

.table-type-1 h3          { margin-bottom: 10px; }
.table-type-1 h3 span     { display: block; margin-top: 3px; }
.table-type-1 ul          { margin-bottom: 10px; }
.table-type-1 ul p,
.table-type-1 ul li       { overflow: hidden; zoom: 1; }
.table-type-1 ul .label   { float: left; margin-right: 4px; }
.table-type-1 ul .price p { text-align: right; padding-right: 10px; }
.table-type-1 .link-more  { font-size:11px; color:#ed1c24; font-weight:bold; background:url(../images/side-nav-top-bkg.gif) no-repeat left 3px; text-decoration:none; padding-left:10px; float: right; margin-right: 15px; }

/* DETAIL */
.detail-box { background:url(../images/table-type-01-bg.gif) repeat-y; padding: 24px 14px; overflow: hidden; zoom: 1; margin-bottom: 15px; }

.detail-box .left           { float: left; width: 242px; }

.detail-box .left div       { position: relative; width: 240px; margin-bottom: 15px; }
.detail-box .left div a,
.detail-box .left div img   { display: block; }
.detail-box .left div img   { border:1px solid #dcdcdd; padding:1px; }
.detail-box .left div .sold { display: block; position: absolute; top: 0; left: 0; }

.detail-box .left dl        { overflow: hidden; zoom: 1; background: #f5f5f6; border:1px solid #eeeeee; padding: 0 0 19px 10px; margin-bottom:10px; }
.detail-box .left dl dt     { color:#333333; padding: 9px 0 10px 0; }
.detail-box .left dl dd     { float: left; margin: 0 4px 5px 0; }
.detail-box .left dl dd img { display: block; }

.detail-box .left .files            { font-size:11px; padding: 0 10px 19px; }
.detail-box .left .files dd         { min-height:29px; _height:29px; width:180px; overflow:hidden; border-top:1px solid #cdcdcd; padding:5px 0 0 40px; background:url(../images/ICONfile.gif) no-repeat 0 50%; }
.detail-box .left .files dd a       { text-decoration:none; cursor:pointer; }
.detail-box .left .files dd .title  { float:left; font-weight:bold; border-left:none; padding:0 30px 0 0; color:#ed1c24; }
.detail-box .left .files dd span    { float:right; padding-left:5px; border-left:1px solid #cdcdcd; color:#666; }

.detail-box .left .files .video   { background:url(../images/ICONvideo.gif) no-repeat 0 50%; }
.detail-box .left .files .pdf     { background:url(../images/ICONpdf.gif) no-repeat 0 50%; }
.detail-box .left .files .zip     { background:url(../images/ICONzip.gif) no-repeat 0 50%; }

.detail-box .text  { float: left; width: 344px; margin-left:17px; display:inline; }

.detail-box .text h1,
.detail-box .text h2  { margin-bottom: 0; }
.detail-box .text h2  { margin-bottom: 15px; }
.detail-box .text h2.description  { margin-top:42px; margin-bottom: 15px; }
.detail-box .text ul  { margin-bottom: 15px; }
.detail-box .text li  { border-bottom:1px dotted #b8b1b6; padding:3px 0; }
.detail-box .text table { margin: 0; }
.detail-box .text td,
.detail-box .text th { color:#686868; background: #f3f4f4; border-bottom: 5px solid #fff; padding: 3px 15px; }
.detail-box .text td { width:200px; }
.detail-box .text th { width:200px; }

.detail-box .left .mapBoxWrapper    { height: 205px; width:242px; position: relative; margin-bottom: 15px; }

.broj-pregleda { color:#686868; font-size:10px; padding:0 0 10px; text-align:right; }

.detail-box .text .single-detail ul { width:100%; margin:0; padding:0 0 10px 0; color:#333; position:relative; }
.detail-box .text .single-detail ul li { border:none; color:#686868; background:#f3f4f4; line-height:16px; margin-bottom:6px; padding:2px 0 1px 8px; list-style:none; }
.detail-box .text .single-detail ul li span { font-weight:normal; }
.detail-box .text .single-detail ul li div.a { width:160px; float:left; padding:0 4px 0px 0px;  }
.detail-box .text .single-detail ul li div.b { width:168px; float:left; padding:0 4px 0px 0px;  }
.cb { clear:both; height:0px; }


.mapBox strong  { font-size: 12px; font-weight: bold; color: #686868; }
.mapBox a       { font-size: 11px; color: #ed1c24; }
.mapBox           { width:222px; height: 163px; background: #f5f5f6; border:1px solid #eeeeee; padding: 9px 10px 31px 10px; margin-bottom:10px; position: absolute; top: 0; left: 0; }
.mapBox #gMap     { clear:left; border:1px solid #a4a4a5; width: 100%; height: 100%; overflow: hidden; zoom: 1; }
.mapBox #gMap a   { display: none; }
.mapBox .title    { float: left; margin-bottom: 6px; }
.mapBox a.button  { float: right; cursor: pointer; background: url(../images/ICONplus.gif) top right no-repeat; padding-right: 17px; }
.mapBox a.close   { background: url(../images/ICONminus.gif) top right no-repeat; }

/* SIDE NAV BOX */
.side-nav-box       { zoom:1; padding-bottom:15px; background:url(../images/column-2-bg.gif) no-repeat 0 100%; }
.side-nav-box ul    { padding-top:5px; background:url(../images/column-2-bg.gif) repeat-y 100% 0; }
.side-nav-box h2    { line-height:43px; font-size: 14px; font-weight:bold; color:#4f4f4f; margin: 0; padding-left:15px; background:url(../images/column-2-bg.gif) no-repeat 0 0; }
.side-nav-box h2 span    { display:block; margin:7px 0; padding:0 10px 0 0; font-size:12px; line-height:18px; }
.side-nav-box li    { border-bottom:1px solid #dedede; margin:0 10px; }
.side-nav-box li a  { font-size:11px; color:#ed1c24; display: block; background: url(../images/side-nav-top-bkg.gif) 4px center no-repeat; padding: 3px 18px 6px 16px; }

#side-accordion { background:url(../images/column-2-bg.gif) no-repeat 0 100%; overflow: hidden; zoom: 1; }
#side-accordion dt { cursor:pointer; line-height:43px; font-size: 14px; font-weight:bold; color:#4f4f4f; margin: 0; padding-left:15px; background:url(../images/column-2-bg.gif) no-repeat 0 0; }
#side-accordion dt.last { background:url(../images/side-accordion-bottom.gif) no-repeat 0 0; }
#side-accordion dd { overflow: hidden; zoom: 1; }
#side-accordion .scroll { overflow:hidden; height: 435px; }
#side-accordion dd ul { font-size:11px; padding: 0 4px; }
#side-accordion dd li { border-bottom:1px solid #dedede; margin:0 10px; overflow: hidden; zoom: 1; padding: 9px 0px 10px 1px; }
#side-accordion dd li img { float: left; display: block; }
#side-accordion dd li div { overflow: hidden; zoom: 1; padding-left: 4px; line-height: 13px; }
#side-accordion dd li div a { text-decoration: none; color:#ed1c24; text-decoration:none; font-weight: normal; }
#side-accordion dd li div a span { display: block; font-weight: bold; }

#search-real-estate { position: absolute; top: 35px; right: 55px; font-size:11px; width: 500px; }
#search-real-estate form fieldset { padding:0 0px 0 18px; float: left; }
#search-real-estate form fieldset.second  { padding-top: 12px; *padding-top: 22px; }
#search-real-estate form fieldset legend { *margin-left:-7px; color:#333; font-size:14px; font-weight:bold; margin-bottom: 5px; line-height:15px; }
#search-real-estate form fieldset div { margin:5px 0; overflow:hidden; }
#search-real-estate form fieldset label { position:absolute; left:-9999px; top:-9999px; }
#search-real-estate form #seafront { position:absolute; left:251px; top:122px; width:150px; }
#search-real-estate form #seafront input { border:none; position:relative; top:0px; left:0px; }
#search-real-estate form #seafront label { position:relative; left:-19px; top:-3px; }
#search-real-estate form fieldset .query-limiter { color:#686868; }
#search-real-estate form fieldset .query-limiter.first { color:#686868; margin-top:13px; }
#search-real-estate form fieldset .query-limiter sup { vertical-align:super; font-size:9px; }
#search-real-estate form fieldset .query-limiter label { position:static; float:left; line-height:20px; width:46px; }
#search-real-estate form fieldset select, 
#search-real-estate form fieldset input { font-size:1em; border:1px solid #dcdcdc; padding: 2px; color:#686868; }
#search-real-estate form fieldset select { width:180px; }
#search-real-estate form fieldset input { width:52px; padding: 3px 2px; *padding: 2px; }
#search-real-estate form fieldset .submit-form label.check  { position:static; left:0; top:0; *position:relative; *top:4px; cursor:auto; padding: 0 15px 0 4px; float: left; }
#search-real-estate form fieldset .submit-form input.check  { width: auto; padding: 0; border: none; float: left; }
#search-real-estate form fieldset .submit-form              { margin:8px 0 0 45px; }
#search-real-estate form fieldset .submit-form .submit-button       { width:56px; height:24px; border:none; padding:0; }

#search-real-estate select  { display: none; }

#search-real-estate .sel-replaced { background: url(../images/select-bkg.gif) no-repeat; display: block; width: 159px; padding: 6px 20px 5px 10px; margin: 0 0 5px 0; float: none; cursor: pointer; }
#search-real-estate .single .sel-replaced { margin: 0; }
#search-real-estate .off          { opacity: 0.4; filter:alpha(opacity=40); }

#select-drop          { margin-top: 2px; background: #fff; position: absolute; display: none; z-index: 1000; padding: 0 2px 4px 0; border: 1px solid #dbdbdb; border-right: 1px solid #e9e9e9; border-top: none; }
#select-drop .inner   { padding: 10px 0 10px 5px; overflow: hidden; zoom: 1; }
#select-drop .col1    { margin-right: 5px; }
#select-drop h2       { font-weight: normal; font-size: 18px; line-height: 20px; color: #ed1c24; border-bottom: 1px dotted #838384; padding: 0 3px 4px; margin-bottom: 5px; cursor: pointer; }
#select-drop .col2    { margin-right: 5px; }
#select-drop .close   { float: right; cursor: pointer; }

#select-drop ul                   { overflow: auto; max-height: 252px; position: relative; }
#select-drop ul li                { font-size: 12px; font-weight: bold; color: #686868; padding: 2px 2px 4px 6px; }
#select-drop ul li a              { color: #686868; }
#select-drop .col1 li             { cursor: pointer; }
#select-drop .col1 li.highlight   { background: #e0e0e0; color: #1d2123; }
#select-drop .col1 li.highlight a { color: #1d2123; }
#select-drop .col1 li.on,
#select-drop .col1 li:hover       { background: #e0e0e0; color: #1d2123; }
#select-drop .col1 li.on a,
#select-drop .col1 li:hover a     { color: #1d2123; }

#select-drop input  { float: left; margin: 1px 5px 0 0; }


/* BANNERS */
#banners li { position:relative; }
#banners h3 { position:absolute; width:208px; height:207px; }
#banners h3 a { font-weight:normal; font-size:12px; line-height:17px; text-decoration:none; color:#fff; display:block; width:198px; height:47px; padding:160px 0 0 10px; background:url(../images/banner-bg.png) no-repeat; }
#banners h3 span { display:block; font-weight:bold; }

/* QUERY FORM */
#query-form                             { margin-bottom: 20px; }
#query-form fieldset                    { margin-bottom: 15px; }
#query-form ul                          { overflow: hidden; zoom: 1; }
#query-form ul li                       { float: left; width: 250px; padding-right:30px; margin: 0 0 10px 0; position: relative; }
#query-form ul li.clear                 { clear: left; }
#query-form label                       { display: block; }
#query-form .input_text                 { width: 244px; padding: 2px 2px; border: 1px solid #dcdcdc; display: block; background: #fff; }
#query-form .alt-input                  { width: 174px; float: left; }
#query-form ul li div                   { float: left; }
#query-form ul li div .input_text       { width: 174px; }
#query-form ul li div.small             { float: right; }
#query-form ul li div.small .input_text { width: 54px; }
#query-form select                      { width: 250px; padding: 1px; display: block; border: 1px solid #dcdcdc; }
#query-form .alt-sel                    { width: 60px; float: right; }
#query-form textarea                    { width: 244px; padding: 1px 2px; border: 1px solid #dcdcdc; display: block; }
#query-form .icon-info                  { display: block; position: absolute; bottom: 1px; right: 6px; cursor: help; }
#query-form  p                          { margin-bottom: 10px; }
#query-form .captcha                    { margin-bottom: 15px; }
#query-form .submit-form                { overflow:hidden; }
#query-form .submit-form input          { float:right; }

.info-popup-wrapper         { font-size: 11px; line-height: 14px; }
.info-popup-wrapper span    { font-weight: bold; }
.info-popup                 { display: none; }
.info-popup-wrapper         { display: none; position: absolute; width: 150px; z-index: 1000; padding-bottom: 9px; background: url(../images/BKGinfo_box_bottom_small.gif) bottom left no-repeat; }
.info-popup-wrapper .bkg-1  { background: url(../images/BKGinfo_box_top_small.gif) top left no-repeat; padding-top: 9px; width: 150px; }
.info-popup-wrapper .bkg-2  { background: url(../images/BKGinfo_box_middle_small.gif) top left repeat-y; padding: 0 7px; width: 136px; }
.info-popup-wrapper span    { display: block; }

/* QUERY POPUP */
#queryPopup         { position:absolute; display:none; top:0; left:0; padding-top:8px; background:url(../images/queryPopupBkgTop.gif) no-repeat top left; z-index: 50; }
#queryPopup .inner  { padding-bottom:8px; background:url(../images/queryPopupBkgBottom.gif) no-repeat bottom left; }
#queryPopup form    { width:470px; background:url(../images/queryPopupBkgMiddle.gif) repeat-y top left; padding:15px; }

#queryPopup fieldset        { border: none; }
#queryPopup blockquote      { margin: 10px 0 5px 0; padding: 7px 0; overflow: hidden; zoom: 1; border-bottom: 2px solid #c6cad2; border-top: 2px solid #c6cad2; }
#queryPopup blockquote img  { display: block; float: left; margin-right: 17px; }
#queryPopup blockquote .text{ float: left; }
#queryPopup .note           { display: block; padding: 10px 0 15px 0; }
#queryPopup fieldset.left   { float: left; width: 221px; }
#queryPopup label           { display: block;float: none;  margin: 10px 0 3px 0; }
#queryPopup label.small     { display: inline; float: none; margin: 0 15px 0 6px;  }
#queryPopup .radio          { margin-bottom: -3px; }
#queryPopup .txt,
#queryPopup textarea        { width: 194px; border: 1px solid #cdcdcd; padding: 2px; }
#queryPopup textarea        { width: 210px; height: 141px; margin-bottom: 28px;  }
#queryPopup .error          { background: #fbc8ac; }
#queryPopup .button         { float: right; margin: 0 35px 0 -15px; }

/* FOOTER */
#footer         { position:relative; height:89px; background: url(../images/footer-bkg.png) 0 0 no-repeat; }
#footer .text   { text-align:center; padding-top:12px; }
#footer .bottom { position:absolute; left:0; bottom:25px; width:910px; clear: both; overflow: hidden; zoom: 1; }
#footer .sign   { float: left; margin-left:20px; }
#footer .note   { float:right; margin-right:20px; }


/************************ VIDEO POPUP ***/
#video-popup-overlay  { position: absolute; top: 0; left: 0; z-index: 1000; background: #000; cursor: pointer; }
#video-popup          { position: absolute; top: 0; left: 0; z-index: 1001; background: #fff; padding: 10px 10px 40px 10px; width: 480px; height: 384px; display: none; }
#video-popup .close   { position: absolute; bottom: 9px; right: 10px; cursor: pointer; }

/************************ LIGHTBOX ***/
#jquery-overlay               { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px; }
#jquery-lightbox              { position: absolute; top: 0; left: 0; width: 100%; z-index: 1001; text-align: center; line-height: 0; }
#jquery-lightbox a img        { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image     { padding: 10px; }
#lightbox-loading             { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#lightbox-container-image-data-box                      { font-family:Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data                          { padding: 0; line-height: 16px; color: #1e2d3b; font-size: 14px; }
#lightbox-container-image-data #lightbox-image-details  { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption                         { font-weight: bold; }
#lightbox-image-details-currentNumber                   { display: block; clear: left; padding-bottom: 1.0em; font-size: 10px; line-height: 12px; color: #656565; }			
#lightbox-secNav-btnClose                               { width: 66px; float: right; padding: 0 3px 0.7em 0; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; color: #656565; text-decoration: none; background: url(../images/lightbox-btn-close.gif) right 2px no-repeat; }
#lightbox-buttons                                       { float: right; clear: right; padding-bottom: 5px; }
#lightbox-buttons img                                   { margin-left: 5px; cursor: pointer; }