/* FONT FACES */
@font-face {
    font-family: 'Delicious';
    src: url('../fonts/delicious-roman-webfont.eot');
    src: url('../fonts/delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/delicious-roman-webfont.woff') format('woff'),
         url('../fonts/delicious-roman-webfont.ttf') format('truetype'),
         url('../fonts/delicious-roman-webfont.svg#DeliciousRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Delicious';
    src: url('../fonts/delicious-italic-webfont.eot');
    src: url('../fonts/delicious-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/delicious-italic-webfont.woff') format('woff'),
         url('../fonts/delicious-italic-webfont.ttf') format('truetype'),
         url('../fonts/delicious-italic-webfont.svg#DeliciousRoman') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Delicious';
    src: url('../fonts/delicious-bold-webfont.eot');
    src: url('../fonts/delicious-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/delicious-bold-webfont.woff') format('woff'),
         url('../fonts/delicious-bold-webfont.ttf') format('truetype'),
         url('../fonts/delicious-bold-webfont.svg#DeliciousBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Delicious';
    src: url('../fonts/delicious-bolditalic-webfont.eot');
    src: url('../fonts/delicious-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/delicious-bolditalic-webfont.woff') format('woff'),
         url('../fonts/delicious-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/delicious-bolditalic-webfont.svg#DeliciousBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'HansHand';
    src: url('../fonts/hanshand-webfont.eot');
    src: url('../fonts/hanshand-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hanshand-webfont.woff') format('woff'),
         url('../fonts/hanshand-webfont.ttf') format('truetype'),
         url('../fonts/hanshand-webfont.svg#DeliciousBoldItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

body { background-color: #ccdfef; background-image: url(../img/clouds.jpg), url(../img/page_top_gradient.jpg); background-repeat: no-repeat, repeat-x; background-position: center top, left top; color: #444; font: normal 12px/20px Arial, Helvetica, sans-serif; }

/* TYPOGRAPHY */
h2 { font: italic bold 22px/30px Delicious, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #005aa5; }
h2 small { display: block; font: normal 12px/16px Arial, Helvetica, sans-serif; text-transform: none; color: #888; }
h3 { font: normal 16px/24px Delicious, Arial, Helvetica, sans-serif; color: #555; margin-bottom: 10px; }
h4 { font: bold 13px/20px Arial, Helvetica, sans-serif; color: #444; margin-bottom: 5px; }
h4 small { font-weight: normal; font-size: 10px; line-height: 15px; display: block; }

/* HYPERLINKS */
a { color: #005aa5; text-decoration: underline; }
a:hover { text-decoration: none; color: #449ee9; }
h2 a, h3 a { text-decoration: none; }

/* ADDRESS FIELDS */
address { font-style: normal; }
address span { display: inline-block; width: 60px; }

/* BUTTONS */
.buttons { min-height: 30px; }
.buttons .left { float: left; }
.buttons .right { float: right; }
.button.blue { color: #fff; border: none; cursor: pointer; text-decoration: none; font-weight: bold; display: inline-block; padding: 0px 20px; height: 30px; line-height: 30px; text-shadow: 0px 1px 2px rgba(0,0,0,0.3); background: url(../img/button_blue_sprite.png) repeat-x left top; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.button.blue:hover { background-position: left bottom; }

/* FORM STYLES */
form p.field { margin-bottom: 10px; }
form p.field label { display: block; margin-bottom: 5px; font-size: 12px; color: #555; }
form label[for] { cursor: pointer; }
form input[type="text"], form select, form textarea { width: 280px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #888; padding: 5px 5px 5px 15px; background: #fff; border: 1px solid #aaa; border-color: #b1cadf #b1cadf #dde9f3 #dde9f3;  }
form input[type="text"]:focus, form textarea:focus { color: #005AA5; }
form p.field.long input[type="text"], form p.field.long textarea { width: 628px; }

/* FORM ERROR BOX */
form div.errors { padding: 20px; background: #fdd; border: 1px solid #daa; margin-bottom: 20px; }
form div.errors p { margin-bottom: 5px; }

/* READMORE HYPERLINKS */
a.readmore { font-weight: bold; text-decoration: none; }
a.readmore:hover { color: #449ee9;; }

.sidebox a.readmore:hover { opacity: 1; }

/* READMORE BUTTON */
a.readmore_button { display: inline-block; text-align: center; color: #004a87; font: normal 11px/17px Arial, Helvetica, sans-serif; text-shadow: 0px 1px 0px #fff; width: 92px; height: 17px; background: url(../img/readmore_button.png) no-repeat left top; text-decoration: none; }
a.readmore_button:hover { background-position: left bottom; }

span.help { color: #005aa5; cursor: help; }

/* FLOAT HELPER */
.left { float: left; }
.right { float: right; }
.clearfix { clear: both; }

/* TABLES */
table {  }
table[align=center] { margin: 0px auto; }
table thead { border-bottom: 2px solid #005AA5; }
table thead th { padding: 7px; text-align: left; font-size: 13px; font-weight: bold; color: #005aa5; }
table tbody td { padding: 3px 7px; border-bottom: 1px solid #E5EFF7; color: #555; background: #e5eff7; }
table.nostyle tbody td { background: none; border: none; }
table tbody tr:nth-child(2n+2) td { background: none; }

/* 960 GRID */
.page_wrapper { width: 972px; margin: 25px auto; }

/* PAGE TOP */
.page_top { padding: 10px 40px; height: 92px; }
.page_top .top_logo { float: left; }
.page_top .top_claim { padding: 30px 0; font: italic normal 24px/24px Delicious, Arial, Helvetica, sans-serif; color: #005aa5; float: right; margin: 0px; }

/* MAIN PAGE CONTAINER */
.page_container { padding: 10px; background: #e5eff7; border: 1px solid #bdcad5; -moz-border-radius: 5px; -webkit-border-radius: 5px; biorder-radius: 5px; }

/* TOP NAVIGATION */
.top_navigation { position: relative; margin-bottom: 10px; height: 76px; background: url(../img/page_nav_bg.gif) no-repeat bottom left; }

.top_navigation .menu_slider { position: absolute; background: url(../img/page_nav_active_bg.png) repeat-x left top; height: 47px; min-width: 20px; z-index: 0; }
.top_navigation .menu_slider .left { position: absolute; left: -5px; width: 5px; height: 47px; background: url(../img/page_nav_active_left.png); }
.top_navigation .menu_slider .right { position: absolute; right: -5px; width: 5px; height: 47px; background: url(../img/page_nav_active_right.png); }

.top_navigation ul { position: absolute; margin: 0px; padding: 0px; list-style: none; z-index: 1; width: 100%; }
.top_navigation ul li { display: inline-block; float: left; height: 76px; margin: 0px; }
.top_navigation ul li a { display: inline-block; font: bold 12px/20px Arial, Helvetica, sans-serif; color: #005aa5; text-decoration: none;  height: 42px; padding: 5px 20px 0px; }

.top_navigation ul li span { float: left; display: inline-block; width: 5px; height: 47px;  }

.top_navigation ul li.active a, .top_navigation ul li:hover a { float: left; }
.top_navigation ul li.active span:first-child, .top_navigation ul li:hover span:first-child { background: url(../img/page_nav_active_left.png) left top; }
.top_navigation ul li.active span, .top_navigation ul li:hover span { background: url(../img/page_nav_active_right.png) left top; }

.top_navigation ul li:first-child[class='active'] span:first-child { background: url(../img/page_nav_active_left_first.png) no-repeat left top; }

.top_navigation ul li ul.submenu { display: none; width: 100%; position: absolute; margin: 0px; padding: 0px; height: 40px; top: 35px; left: 0px; }
.top_navigation ul li ul.submenu li { background: none; padding: none; display: inline-block; float: left; }
.top_navigation ul li ul.submenu li a { display: inline-block; padding: 0px 20px; font: normal 12px/40px Arial, Helvetica,  sans-serif; background: none; opacity: 0.75; }
.top_navigation ul li ul.submenu li:hover a { opacity: 1; }
.top_navigation ul li ul.submenu li.active a { font-weight: bold; opacity: 1; }

.top_navigation ul li.active ul.submenu { display: block; }
.top_navigation ul li:hover ul.submenu { }

/* CONTENT */
.content.left, .content.right { position: relative; }
.content.left { float: left; width: 710px; }
.content.right { float: right; width: 230px; }

.box { margin: 0px 0px 10px; padding: 20px 30px; background: #fff; border: 1px solid #dde9f3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.box.small { padding: 10px 30px; }
.box.half { width: 288px; }
.img { display: inline-block; padding: 3px; background: #fff; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); }

/* ERROR BOX */
.box.error { padding: 20px 30px; background: #fdd; border-color: #daa; }
.box.error h3 { margin-bottom: 10px; }
.box.error ul { margin: 0px; padding: 0px; }
.box.error ul li { margin-left: 20px; }

/* TEASER */
.teaser_top { position: relative; width: 710px; height: 230px; margin-bottom: 10px; overflow: hidden; -webkit-border-radius: 10px; }
.teaser_images { width: 710px; height: 230px; z-index: 2; -webkit-border-radius: 10px; }
.teaser_headline { position: absolute; font: italic normal 20px/35px Delicious, Arial, Helvetica, sans-serif; text-align: center; color: #005aa5; margin: 0px; width: 310px; height: 46px; background: url(../img/teaser_top_headline.png); top: 0px; right: 0px; z-index: 3; }

/* SMALLER TEASER */
.teaser_top.small { height: 190px; }
.teaser_top.small .teaser_images { height: 190px; }

/* BREADCRUMB */
.breadcrumb { height: 30px; padding: 0 20px; margin-bottom: 10px; background: url(../img/breadcrumb_bg.png) repeat-x left top; color: #fff; line-height: 30px; width: 670px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.breadcrumb span { margin-right: 10px; }
.breadcrumb a { margin: 0 10px; color: #fff; text-decoration: none; opacity: 0.7; }
.breadcrumb a:hover { opacity: 1; }

/* CONTENT SUMMARY OVERVIEW BOXES */
.content_summary {  }
.content_summary .box { margin: 0px 0px 10px; padding: 20px; width: 308px; min-height: 125px; background: #fff; border: 1px solid #dde9f3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.content_summary .box.left, .content_summary .ad.left { float: left; }
.content_summary .box.right, .content_summary .ad.right { float: right; }
.content_summary .img { display: inline-block; float: left; min-width: 100px; min-height: 110px; margin-right: 20px; padding: 3px; background: #fff; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); }
.content_summary h2 { margin: 0px; font: italic bold 18px/22px Delicious, Arial, Helvetica, sans-serif; color: #005aa5; }
.content_summary h2 a { text-decoration: none; }

.content_summary p { margin: 5px 0; font: normal 11px/16px Arial, Helvetica, sans-serif; }
.content_summary .ad { padding: 0px; border: none; width: 350px; }

/* MEMO MODULE RIGHT */
.memo { width: 175px; height: 122px; padding: 30px 35px 50px 40px; background: url(../img/memo.png); }
.memo h2 { margin: 0px 0px 7px; font: italic normal 22px/33px HansHand, Georgia, "Times New Roman"; text-transform: none; }
.memo p { font: normal 11px/16px Arial, Helvetica, sans-serif; margin-bottom: 7px; }

/* SIDEBAR MODULES */
.sidebox { margin: 0 0 10px; background: url(../img/sidebox_bg.png) no-repeat left top; }
.sidebox h3 { height: 30px; margin: 0px; padding: 0px 20px; display: block; font: bold 12px/30px Arial, Helvetica, sans-serif; color: #fff; }
.sidebox .content { padding: 15px 20px 0; color: #fff; }
.sidebox .content p:first-child { margin-top: 0px; }
.sidebox .bottom_corner { height: 20px; background: url(../img/sidebox_bg.png) left bottom; }
.sidebox a.readmore { color: #fff; opacity: 0.75; }

/* SIDEBAR COLLAPSABLE MODULES */
.sidebox.collapsable h3 { cursor: pointer; }
.sidebox.collapsable h3 span { float: right; font-size: 14px; }
.sidebox.collapsable.collapsed { background: none; }
.sidebox.collapsable.collapsed h3 { height: 30px; background: url(../img/sidebox_coll_headline_bg.png); }
.sidebox.collapsable.collapsed h3:hover { background-position: left bottom; }

/* JOURNAL */
.journal { padding: 170px 30px 0px 20px; width: 180px; height: 149px; background: url(../img/journal.jpg); }
.journal h3 { margin: 0px; width: 195px; height: 48px; background: url(../img/journal_headline.png) no-repeat left top; text-indent: -99999px; }
.journal p { margin-top: 0px; font: normal 11px/18px Arial, Helvetica, sans-serif; color: #fff; }

/* PAGINATION */
.pagination { text-align: center; }
.pagination a, .pagination strong { display: inline-block; padding: 1px 10px; border: 1px solid #ddd; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.pagination a.current { font-weight: bold; background: #E5EFF7; border-color: #BDCAD5; }

/* USER LIST */
.user { clear: both; margin-bottom: 10px; min-height: 110px; }
.user .img { float: left; margin-right: 40px; }
.user h3 { margin-top: 20px; width: 200px; float: left; }
.user h3 small { display: block; font: normal 12px/16px Arial, Helvetica, sans-serif; color: #777; }
.user address { margin-top: 20px; float: left; display: block; font: normal 12px/18px Arial, Helvetica, sans-serif; color: #444; }
.user address span { width: 65px; display: inline-block; }

/* EXPOSE SEARCH BOX */
.expose_search:after { content: '.'; display: block; visibility: hidden; height: 0px; clear: both; }
.expose_search h2 { margin-bottom: 10px; }
.expose_search p { margin-bottom: 15px; font: normal 11px/16px Arial, Helvetica, sans-serif; }
.expose_search label { display: inline-block; width: 80px; }

/* EXPOSE SORT BOX */
.expose_sort a { display: inline-block; margin: 0px 20px; text-decoration: none; }
.expose_sort a.active { font-weight: bold; padding-right: 15px; background: url(../img/asc_desc.png) no-repeat right -20px; }
.expose_sort a.active.desc { background-position: right top; }

/* APPARTMENT EXPOSE LIST */
.expose_list {}
.expose_list .box:after { content: '.'; clear: both; height: 0px; visibility: hidden; display: block; }
.expose_list .image { float: left; width: 120px; margin-right: 20px; }
.expose_list h2 { font: bold 12px/18px Arial, Helvetica, sans-serif; text-transform: none; margin-bottom: 10px; }
.expose_list .details { float: left; width: 180px;  }
.expose_list .details span { display: inline-block; width: 90px; }
.expose_list .actions { width: 140px; float: right; }
.expose_list .actions a { cursor: pointer; }
.expose_list .actions .button { margin-top: 10px; width: 100px; text-align: center; }

/* TOOLTIPS */
.expose_tooltip { min-width: 300px; min-height: 150px; padding: 10px; background: url(../img/loader.gif) no-repeat center center; }
.expose_tooltip .map { width: 300px; height: 300px; }

/* EXPOSE DETAIL PAGE */
.expose_actions a { display: inline-block; margin-right: 20px; text-decoration: none; }
.expose_actions a img { float: left; margin: 4px 10px 0 0; }
.expose .details { width: 320px; float: left; }
.expose .images { width: 290px; float: right; }
.expose .img { margin-bottom: 10px; }
.expose h3 { clear: both; }

/* DOWNLOAD LIST */
.downloads .item .img { width: 100px; height: 100px; float: left; margin-right: 40px; }
.downloads .item .left { width: 320px;  }
.downloads .item h3 { width: 320px; margin-bottom: 5px; }
.downloads .item p { margin-bottom: 10px; }
.downloads .item p span { display: inline-block; width: 50px; font-weight: bold; }
.downloads .item .button { float: right; }

/* FOOTER */
.footer { color: #005aa5; margin-top: 40px; margin-bottom: 40px; text-align: center; }
.footer a { color: #005aa5; text-decoration: underline; margin: 0px 7px; }
.footer a:hover { text-decoration: none; }