/*
    COLORS
    ------------------
    link: 595959
    link hover: rgb(9, 53, 122);

    WIDTHS
    ---------------
    site width 70em
*/


/* IMPORT YAHOO UI RESET STYLES */
@import url("yui/reset.css");


/* TUNING DEFAULT STYLES */
BODY    { font-size: 76%; font-family: arial, sans-serif; }
H1      { font-size: 1.9em; margin-bottom: 0.6em; font-weight: normal; }
H2      { text-transform: uppercase; letter-spacing: 1px; font-size: .85em; }
H3      { margin-top: 0.4em; }
A       { color: #595959; }
A:hover { color: rgb(9, 53, 122); }
ADDRESS { display: inline; }
P       { margin-bottom: 1em; }
UL      { list-style-type: square; padding-left: 1.1em; }
TABLE   { margin-bottom: 1em; }
TD      { border: 1px solid #ddd6cf; padding: .3em; background: #f8f6f4; }
TH      { background: #b5ada0 url(../img/menuBackground.jpg) repeat-x bottom right; color: white; padding: .3em; font-weight: bold; vertical-align: bottom; }
TR:hover TD { background: white; }
CAPTION { caption-side: top; margin-bottom: 0.2em; }
P SPAN  { font-weight: bold; }
FIELDSET{ border: 1px solid #ddd6cf; padding: .5em 1em 1em 1em; margin-bottom: 1em; overflow: hidden; }
LABEL   { display: block; font-weight: bold; }
INPUT.searchButton { width: auto !important; margin-bottom: 0 !important; }
STRONG  { font-weight: bold; }
EM      { font-style: italic; }
U       { text-decoration: underline; }

SPAN.rev-email { unicode-bidi:bidi-override; direction: rtl; }
SPAN.description { display: block; }

/* LAYOUT */
DIV#body {
     width: 70em;
     min-height: 22em;
     margin: 0 auto;
     background: #f0ebe6 url(../img/bodyBackground.jpg) repeat-x left top;
     padding: 5em 0 4em 0;
     border-bottom: 1px solid #c9c1b8;
}

div#body:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
} /* adds content after the id 'body'. Clears the float and renders #body at full height of it's inline elements. */

DIV#header {
    background: #f2eeea url(../img/headerBackground.jpg) repeat-x bottom center;
    overflow: hidden;
    padding: .7em 1.4px 1px 1.4px;
}
DIV#header DIV {
    width: 70em;
    margin: 0 auto;
    position: relative;
}
DIV#header P#branch {
    font-size: 1.2em;
    color: black;
    margin-bottom: 0;
    text-align: left;
    position: relative;
    padding: 1.1em 1em 1em 4.5em;
}
DIV#header P#branch SPAN {
    display: block;
    font-weight: normal;
    position: absolute;
    top: 1em;
    right: 0;
    margin: 0;
}
DIV#header DIV P#branch A {
    font-size: 10px;
}
DIV#header DIV A#home {
    float: left;
}
DIV#navigation {
    width: 20em;
    float: left;
}





DIV#content {
    width: 49em;
    float: left;
    line-height: 1.3;
}
DIV#content H2 {
    line-height: 1.4;
    margin-bottom: .1em;
}
DIV#col2 UL {
    padding-bottom: 1em;
    /*border-bottom: 1px solid #ddd6cf;*/
}
/* hAtom */
.hentry ABBR {
    font-size: .8em;
    border: 0;
}




/* GENERAL STUFF */
.hide {
    display: none;
}
P.caption {
    font-size: .8em;
    margin-bottom: 1em;
}
P.lead {
    font-weight: bold;
}
DIV#content UL {
    margin-bottom: 1em;
}
H2.list {
    color: #595959;
    padding: 5px 0 4px 0;
    border-top: 1px solid #ddd6cf;
    border-bottom: 1px solid #ddd6cf;
    font-weight: normal;
    margin-bottom: .8em !important;
}
DIV#col2 UL LI {
    color: #595959;
}
DIV.image {
    margin-bottom: 1em;
}
DIV.image P {
    margin-bottom: 0;
}
DIV.pageTools {
    clear: both;
    color: #595959;
    margin: 1.4em 0 .2em 0;
}
DIV.pageTools A {
    padding: 2px 0px 2px 20px;
    background: url(../img/icon_print.gif) 0px 2px no-repeat;
}


/* BOXES */
DIV.box {
    padding: .8em;
    background: white;
    border: 1px solid #f1eee9;
    overflow: hidden;
    margin-bottom: 1em;
}
DIV.box.dark {
    background: #f0ebe7;
}
DIV.box ADDRESS {
    margin-bottom: 1em;
    display: block;
}
DIV.box ADDRESS + ADDRESS {
    margin-bottom: 0;
}
DIV.box ADDRESS SPAN.title {
    font-weight: bold;
}
DIV.box H2 {
    margin-bottom: .5em !important;
}
DIV.box.cols2 {
    padding: .8em;
    background: transparent url(../img/2colBox_background.gif) top center;
    border: 0;
}
DIV.box.cols2 DIV {
    width: 20.5em;
    margin-right: 3em;
    float: left;
}
DIV.box.cols2 DIV.last {
    margin-right: 0;
}
DIV.box.cols1 {
    padding: 0;
    background: transparent none;
    border: 0;
}
DIV.box.cols1 DIV {
    padding: .8em 1em .8em .8em;
    background: transparent url(../img/2colBox_background.gif) top left;
    width: 20.8em;
}


/* CONTACT LIST */
UL.contactList {
    list-style: none;
    padding: 0;
}
UL.contactList n {
    font-weight: bold;
}
UL.contactList LI {
    overflow: hidden;
    margin-top: 10px;
}
UL.contactList LI IMG {
    float: left;
    margin-right: 10px;
}


/* FOOTER */
DIV#footer {
    text-align: center;
    padding: .7em;
    color: #595959;
    width: 70em;
    margin: 0 auto 4em auto;
}


/* GROUP START */
BODY.start DIV.box.dark UL LI {
    padding-bottom: 0 !important;
}
BODY.group DIV#col1 DIV.box {
    margin-bottom: 0;
}


/* NAVIGATION */
DIV#navigation UL {
    padding: 0 2em 1em 0;
    list-style-type: none;
}
DIV#navigation LI {
    border-top: 1px solid #ddd6cf;
}
DIV#navigation LI A {
    color: #595959;
    padding: .5em 1em;
    display: block;
    text-decoration: none;
}
DIV#navigation LI A:hover {
    color: rgb(9, 53, 122);
}
DIV#navigation LI.current {
    background: #eae4de url(../img/navigationBackground.jpg) repeat-x;
    font-weight: bold;
}
DIV#navigation LI.opened {
    background: #eae4de url(../img/navigationBackground.jpg) repeat-x;
}
DIV#navigation LI UL {
    list-style-type: square !important;
    padding-left: 2em;
}
DIV#navigation LI UL LI {
    border: 0;
    color: #595959;
    font-weight: normal;
}
DIV#navigation LI UL LI A {
    padding: .2em .9em .2em 0;
}
DIV#navigation LI UL LI.current {
    font-weight: bold;
    background: none;
}


/* HEADER */
A#home IMG {
    margin-bottom: .7em;
}


/* TOP MENU */
DIV#header UL {
    background: white url(../img/searchBarBackground.jpg) repeat-x bottom right;
    overflow: hidden;
    list-style-type: none;
    padding: 0;
    clear: left;
    width: 100%;
}
DIV#header UL LI {
    float: left;
}
DIV#header UL LI P {
    margin: 0;
}
DIV#header UL LI A {
    color: white;
    text-decoration: none;
    padding: .5em 1.4em;
    background: #b5ada0 url(../img/menuBackground.jpg) repeat-x bottom right;
    display: block;
}
DIV#header UL LI A:hover,
DIV#header UL LI.current A {
    background-position: top right;
}
DIV#header UL LI.language A {
    color: #595959;
    text-decoration: underline;
    background: white url(../img/searchBarBackground.jpg) repeat-x bottom right;
}
DIV#header LI#searchBar {
    color: #9d9282;
    padding-top: .2em;
    float: right;
    margin-right: .2em;
}
DIV#header INPUT {
    border: 1px solid #9d9282;
    width: 120px;
    padding: .1em;
}
DIV#header INPUT.submit {
    width: auto;
    border: 0;
    background: #b5ada0 url(../img/menuBackground.jpg) repeat-x left bottom;
    color: white;
}
DIV#header INPUT.submit:hover {
    background: rgb(9, 53, 122);
}


/* START PAGE */
BODY.start DIV#body {
    background: #f0ebe6 url(../img/bodyBackground.jpg) repeat-x left -50px;
}
BODY.start DIV#content {
    width: auto;
    float: none;
    padding: 0 1em;
}
BODY.start DIV#body {
    padding-top: 2em;
}
BODY.start DIV#mainContent DIV.col1,
BODY.start DIV#mainContent DIV.col2,
BODY.start DIV#mainContent DIV.col3,
BODY.start DIV#letting DIV.col1,
BODY.start DIV#letting DIV.col2,
BODY.start DIV#letting DIV.col3 {
    width: 19.5em;
    margin-right: 2em;
    padding-right: 2em;
    float: left;
    border-right: 1px solid #E5E0Db;
}
BODY.start DIV#letting DIV {
    border: 0 !important;
}
BODY.start DIV#mainContent DIV.col3,
BODY.start DIV#letting DIV.col3 {
    margin-right: 0 !important;
    padding-right: 0 !important;
    border-right: 0 !important;
}
BODY.start DIV#mainContent DIV.col3 DIV.box {
    margin: 0;
    padding-bottom: 0;
}
BODY.start DIV#groupLink {
	clear: both;
	text-align: center;
	padding-top: 2em;
}
BODY.start DIV#groupLink A {
	color: #903749;
}
BODY.start DIV#body { padding-bottom: .2em;}
BODY.start H1 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .85em;
    color: #595959;
    margin-bottom: 1.4em;
}
BODY.start DIV#mainContent DIV.col1 A.more {
    padding-left: 1em;
}
BODY.start DIV#content LI {
    padding-bottom: .8em;
    color: #595959;
}
BODY.start DIV#content UL {
    margin-bottom: 0;
}
BODY.start .lead {
	font-weight: normal !important;
}
BODY.start DIV#mainContent {
    overflow: hidden;
}
BODY.start DIV#letting {
    border-top: 1px solid #E5E0Db;
    padding-top: 1.2em;
    margin-top: 1.4em;
    overflow: hidden;
}
BODY.start DIV#topNews {
    border-bottom: 1px solid #E5E0Db;
    padding-bottom: 1.2em;
    margin-bottom: 1.4em;
    overflow: hidden;
}
BODY.start DIV#topNews > DIV {
    width: 30.9em;
    float: left;
    margin-right: 2em;
}
BODY.start DIV#topNews IMG.small,
BODY.start DIV#letting IMG.small {
    float: left;
    margin-right: .8em;
}
BODY.start DIV#topNews DIV.col2 {
    border-left: 1px solid #E5E0Db;
    float: left;
    padding-left: 2em;
    margin-right: 0;
}
BODY.start DIV#topNews H1 {
    text-transform: none;
    font-size: 1.7em;
    letter-spacing: 0;
    margin-bottom: 3px;
    line-height: 1.2;
}
BODY.start DIV#topNews P {
    margin-bottom: 3px;
}
BODY.start DIV#topNews SPAN.date {
    font-size: .8em;
    border: 0;
    color: #595959;
}
BODY.start DIV#letting A.more {
    color: #903749;
}
BODY.start DIV#illustration IMG {
    width: 100%;
    display: block;
}
BODY.start DIV#illustration {
    width: 70em;
    margin: 0 auto;
}

/* Finnish letting teaser animation */
.jcarousel-clip {
    overflow: hidden;
    width: 389px;
    padding-left: 2px;
}

BODY.start ul.lettingTeasers {
    list-style: none;
    padding: 0;
}

BODY.start ul.lettingTeasers.preInit li {
    display: none;
}

BODY.start ul.lettingTeasers.preInit li:first-child {
    display: block;
}

BODY.start ul.lettingTeasers li {
    display: block;
    position: relative;
    margin-right: 20px;
    margin-top: 10px;
}

BODY.start ul.lettingTeasers a {
    display: block;
    background: #fff;
    height: 95px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    vertical-align: middle;
    overflow: hidden;
    width: 359px;
    padding: 10px;
    border: 1px solid #e5e0db;
    
}

BODY.start ul.lettingTeasers span.info {
    float: left;
    padding-right: 15px;
    display: table;
    height: 100%;
    max-width: 240px;
}

BODY.start ul.lettingTeasers span.info > * {
    /*float: left;*/
    display: table-cell;
    vertical-align: middle;
}

BODY.start ul.lettingTeasers span.info > *:last-child {
    width: 200px;
}

BODY.start ul.lettingTeasers span.type {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .85em;
    display: block;
}

BODY.start ul.lettingTeasers span.name {
    font-size: 1.5em;
}


BODY.start ul.lettingTeasers span.info img {
   margin-right: 10px;
   display: block;
}

BODY.start ul.lettingTeasers span.sqm {
    display: block;
    color: #fff;
    line-height: 38px;
    position: absolute;
    right: -7px;
    top: 39px;
    z-index: 5;
    font-size: 1.5em;
    height: 43px;
}

BODY.start ul.lettingTeasers span.sqm span:first-child {
    float: left;
    display: block;
    height: 43px;
    background: url("../img/flag-back.png") center left no-repeat;
    padding-left: 28px;
    padding-right: 8px;
    
}

BODY.start ul.lettingTeasers span.sqm span.end {
    float: right;
    display: block;
    height: 43px;
    width: 7px;
    background: url("../img/flag-back.png") center right no-repeat;  
}

/* TOMBSTONES */
BODY.references DIV#content {
     width: 70em;
     padding: 0 0 3em 0;
}
BODY.references DIV#content P {
    padding: 0 0 1em 1em;
}
BODY.references DIV#content H1 {
    margin: 0 0 0 0.5em;
}
BODY.references DIV#body {
    background: #bfe3ee url(../img/bodyBackground_references.jpg) repeat-x center bottom !important;
    padding-top: 0em;
}
UL.tombStones {
    padding: 0.2em 1em 1em 1em !important;
    list-style-type: none;
    border: 0 !important;
}
UL.tombStones LI {
    width: 15.4em;
    border: 1px solid #ddd6cf;
    background: white;
    padding: .8em .2em .15em .2em;
    text-align: center;
    margin: 0 1em 1em 0 !important;
    float: left;
}
UL.tombStones SPAN.tombstoneLogo {
    display: block;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
}
UL.tombStones LI.last {
    margin-right: 0;
}
UL.tombStones LI SPAN {
    display: block !important;
    font-size: .9em;
    margin-bottom: .2em;
}
UL.tombStones LI P {
    margin-bottom: .2em;
    font-size: .9em;
    padding: 0 1em !important;
    height: 5.5em;
    overflow: hidden;
}
UL.tombStones LI IMG {
    margin-bottom: .2em;
}
UL.tombStones LI SPAN.sum {
    padding: .3em;
    background: #f1eee9;
}
UL.tombStones LI SPAN.date {
    text-transform: uppercase;
}
DIV#controls {
    background: url(../img/blueBar.jpg) repeat-x;
    height: 3em;
    padding: 1em 1em;
}
BODY.references DIV.pageNavigationContainer {
    width: 257px;
}
BODY.references UL.pageNavigation.opened LI.current A,
BODY.references UL.pageNavigation.closed LI.current A {
    width: 186px;
}
BODY.references UL.pageNavigation.opened LI A {
    width: 196px;
}
DIV#col2 UL.tombStones {
    padding: 0 !important;
}


/* LIST PAGE */
BODY.list DIV#content UL {
    list-style-type: none;
    padding: 0;
}
BODY.list DIV#content UL LI {
    margin-bottom: .8em;
}
BODY.list DIV#content UL {
    margin-bottom: 2em;
}
BODY.list DIV#content P.lead {
    margin-bottom: 2em;
}
BODY.list DIV#content H2.list {
    margin-bottom: .8em !important;
}
BODY.list DIV#content UL P SPAN {
    font-weight: normal;
    color: #595959;
    text-transform: uppercase;
    font-size: .8em;
}
BODY.list DIV#content UL,
BODY.list DIV#content P {
    clear: both;
}
BODY.list DIV#content UL P ABBR {
    display: block;
}


/* VACANCY */
BODY.vacancy DIV#content ADDRESS {
    margin-bottom: 1em;
    display: block;
    overflow: hidden;
}
BODY.vacancy DIV#content {
    width: 28.5em;
}



/* PAGE NAVIGATION DROP DOWNS */
DIV.pageNavigationContainer {
    position: relative;
    height: 23px;
    width: 167px;
    margin-bottom: 2em;
    float: left;
}
UL.pageNavigation {
    margin-bottom: 0 !important;
    clear: none !important;
    position: relative;
    z-index: 2;
}
UL.pageNavigation {
    position: absolute;
    top: 0;
    left: 0;
}
UL.pageNavigation LI A {
    text-decoration: none;
}
UL.pageNavigation LI.current {
    background: url(../img/dropdown_left.gif) no-repeat top left;
    padding-left: 10px !important;
}
UL.pageNavigation.closed LI {
    display: none;
}
UL.pageNavigation.opened LI.current A,
UL.pageNavigation.closed LI.current A {
	overflow: hidden;
    display: block;
    height: 20px;
	line-height: 1.5;
    background: url(../img/dropdown_right.gif) no-repeat top right;
    padding: 4px 50px 0 0;
    width: 96px;
    border: 0;
}
UL.pageNavigation.opened LI.current A:hover,
UL.pageNavigation.closed LI.current A:hover {
    background: url(../img/dropdown_right_over.gif) no-repeat top right;
}
UL.pageNavigation.opened LI.current A,
UL.pageNavigation.opened LI.current A:hover {
    background: url(../img/dropdown_right_active.gif) no-repeat top right !important;
    color: white;
}
UL.pageNavigation.opened LI.current {
    background: url(../img/dropdown_left_active.gif) no-repeat top left;
}

UL.pageNavigation.opened LI.current,
UL.pageNavigation.closed LI.current {
    display: block;
}
UL.pageNavigation.opened LI {
    margin: 0 !important;
    padding-left: 5px;
}
UL.pageNavigation.opened LI A {
    width: 136px;
    display: block;
    background: white;
    border: 1px solid #ddd6cf;
    border-top: 0;
    margin: 0 !important;
    padding: 3px;
}
UL.pageNavigation.opened LI A:hover,
UL.pageNavigation.opened LI.shadow A {
    background: #eae4de url(../img/navigationBackground.jpg) repeat-x;
}


/* FOR THE MEDIA */
BODY.media H1 {
     margin-bottom: 1em;
}
BODY.media DIV#content UL {
     list-style-type: none;
     padding: 0;
}
BODY.media DIV#content UL LI {
     overflow: hidden;
     margin-bottom: 3em;
}
BODY.media DIV#content UL LI IMG {
     float: left;
     margin-right: 1em;
}
BODY.media DIV#content UL LI P {
     margin-bottom: 0;
}


/* SERVICES */
BODY.services DIV#content {
    width: 28.5em;
}
BODY.services P.lead {
    margin-bottom: 1.5em;
}
BODY.services H2 {
    font-size: 1.2em;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 0em !important;
}
BODY.services H2 A {
    text-decoration: none;
}
BODY.services DIV.box P {
    margin-bottom: 0;
}


/* 404 */
BODY.site404 DIV#content {
    padding-left: 1em;
}
BODY.site404 DIV#body {
    background: none;
}
BODY.site404 DIV#content DIV.box UL {
    margin-bottom: 0;
}
BODY.site404 DIV#content H1 {
    margin-top: .4em;
}


/* PUBLICATIONS LIST */
BODY.list.publications LI.hentry DIV {
    padding-left: 70px;
}
BODY.list.publications LI.hentry A.image {
    float: left;
    padding: 3px;
    width: 55px;
    height: 40px;
    background: #eeeae6;
    text-align: center;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center;
}
BODY.list.publications LI P {
    clear: none !important;
}

/* SEARCH */
BODY.search DIV#content {
    padding-left: 1em;
}
BODY.search DIV#content DIV.box UL {
    list-style-type: square;
    padding-left: 1em;
    margin-bottom: 0;
}
BODY.search DIV#content DIV.box UL LI {
    margin-bottom: 0;
}


/* STANDARD */
BODY.standard DIV#col2 {
    width: 18em;
    float: left;
}
BODY.standard DIV#col1 {
    float: left;
    width: 28.5em;
    margin-right: 2em;
}

/* OFFICE */
BODY.office .contactList LI {
    float: left;
    margin: 0 0 1.7em 10%;
    overflow: visible;
    width: 45%;
}

BODY.office .contactList LI.odd {
    clear: left;
    margin-left: 0;
}

BODY.office DIV#col2 {
    clear: both;
    overflow: hidden;
}

BODY.office .map img {
    float: right;
}

BODY.office DIV#col2 h2.list {
    width: 356px;
}

BODY.office DIV#col2 ul {
    width: 343px;
}

BODY.office .box address {
    /*float: left; */
    /*margin-left: 58px;*/
    width: 100%; 
    overflow: hidden;
}

BODY.office .box address:first-child {
    margin-bottom: 24px !important;     
}

BODY.office .box address > div {
    float: left;
    width: 200px;
    margin-right: 24px;
}

BODY.office .box address:first-child {
    margin-left: 0;
}

BODY.office .box > br {
    display: none;
}

BODY.office DIV#col0 .box {
    background: none;
    border: none;
    padding: 0;
}

/* PROPERTY */
BODY.property FIELDSET {
    margin-top: 3em;
}
BODY.property FIELDSET INPUT {
    margin-bottom: .7em;
    width: 100%;
}
BODY.property FIELDSET TEXTAREA {
    margin-bottom: .7em;
    width: 100%;
}


/* CONTACT */
BODY.contact IMG.roadMap {
    margin-top: 0.7em;
}
BODY.contact H1 {
    margin-bottom: 1em;
}
BODY.contact DIV#content ADDRESS {
    margin-bottom: 0;
}
BODY.contact DIV#content DIV.box SPAN.fn {
    font-weight: bold;
}
BODY.contact DIV#content DIV.box {
    margin-bottom: 1.6em;
}
BODY.contact DIV#content UL.contactList ADDRESS {
    display:block;
    margin-bottom: 1em;
}
BODY.contact DIV#content DIV#col1 UL.contactList {
    margin-bottom: 2em;
}
BODY.contact DIV#content DIV#col2 IMG {
    margin-bottom: 2em;
}


/* PROPERTY SEARCH */
BODY.propertySearch  br
{
	display: none;
}

BODY.propertySearch FIELDSET DIV.col1,
BODY.propertySearch FIELDSET DIV.col2 {
    width: 20em;
    float: left;
    margin-right: 3em;
}
BODY.propertySearch FIELDSET DIV.col2 {
    margin-right: 0em;
}
BODY.propertySearch FIELDSET {
    background: #f6f4f4;
}
BODY.propertySearch SELECT {
    padding: .1em;
    background: #ddf0f6;
    width: 50%;
}
BODY.propertySearch DIV.col1 SELECT,
BODY.propertySearch DIV.col2 SELECT {
    width: 100%;
}
BODY.propertySearch FIELDSET IMG {
    display: block;
    margin-bottom: .7em;
}
BODY.propertySearch DIV.box .searchButton {
    float:right;
}
BODY.propertySearch TABLE {
    width: 100%;
}
BODY.propertySearch TABLE .number{
    text-align: right;
}
BODY.propertySearch TABLE TD SPAN {
    font-weight: normal;
    color: #595959;
    text-transform: uppercase;
    font-size: .8em;
}
BODY.propertySearch TABLE TH A {
    color: white;
    font-weight: normal;
}
DIV.checkboxes LABEL {
    display: inline;
}
DIV#cityArea {
    margin-top: 1em;
}
DIV#cityArea LABEL SPAN {
    float: left;
    margin-left: 0.3em;
}
DIV#cityArea INPUT {
    float: left;
    margin-bottom: .1em;
}
DIV#cityArea LABEL {
    text-align: right;
    display: block;
    margin-bottom: .4em;
    height: 16px;
}