/*================================================== LAYOUT STYLES */
/*
    CSS Document for Savills
    Build: Julien Decaudin on behalf of SAS - 04/11/2008
*/

html, body
{
    margin: 0;
    padding: 0;
    border: 0;
    height: 100.1%;
}

body
{
    background-repeat: repeat-x;
    background-position: left top;
}

/*--------------------------------------------------=> HEADERS */
/* H1 */
#content h1
{
    padding-bottom: 20px;
}

.download_top
{
    padding-bottom: 0 !important;
}

/* H2 */
h2
{
    padding-bottom: 10px;
}

#content_home .module_feature_property h2
{
    padding-top: 19px;
    padding-bottom: 1px;
}

.module_feature_property h2
{
    margin-bottom: 1px;
}

#featured_module h2.large
{
    padding-top: 10px;
}

.image_third h2
{
    padding-bottom: 4px;
}

.module_biography h2
{
    padding-bottom: 0px;
}

.inline_module_dotted h2
{
    padding-left: 14px;
    background-repeat: no-repeat;
    background-position: 0px 12px;
}

.inline_module h2
{
    padding-left: 0px;
}

/* H3 */

/*--------------------------------------------------=> CONTENT ELEMENTS */
/*-------------> Global */
.content_holder
{
    padding: 20px 20px 20px 20px;
}

.content_modules_holder
{
    padding: 10px;
    padding-bottom: 40px;
}

.exp_module_holder
{
    padding: 0px 10px;
}

/*-------------> Paragraph */
p
{
    padding-bottom: 10px;
    margin: 0;
}

.bar_header p
{
    float: right;
    background-repeat: no-repeat;
    background-position: 100% 3px;
    padding-right: 20px;
    margin-top: 13px;
}

.module p
{
    padding-bottom: 8px;
}

.image_third p
{
    padding-bottom: 4px;
}

p.property_title
{
    padding-bottom: 10px;
}

p.sub_header
{
    padding-bottom: 0px;
}

p.caption
{
    padding-bottom: 4px;
}

.inline_module_dotted.left_padding p, .key_facts_holder .inline_module_dotted p, .key_facts_holder .inline_module p
{
    float: right;
    width: 86%;
    background-repeat: repeat-x;
    background-position: bottom left;
}


.case_study_item p
{
    width: 240px;
}

p.xsltsearch_result_description
{
    background-repeat: repeat-x;
    background-position: bottom left;
    margin-bottom: 10px;
}

#footer p
{
    padding: 0;
}

/*-------------> Links */

a, a span
{
    padding-bottom: 1px;
}

#logo
{
    display: block;
    width: 70px;
    height: 70px;
}

/* bulleted link */
a.bulleted_link
{
    background-repeat: no-repeat;
    background-position: left 6px;
    padding-left: 15px;
    padding-bottom: 10px;
}

.exp_module_container a
{
    background-repeat: no-repeat;
    background-position: right 0px;
    display: block;
    padding-bottom: 10px !important;
    width: 534px;
}

.two_thirds .exp_module_container a
{
    width: 425px;
}

.pm_link_container
{
    width: 140px;
}

/* back link */
.back_link_container
{
    margin-bottom: 20px;
}

/*-------------> Images */
.module img
{
    padding-bottom: 5px;
}

.image_third img
{
    padding-bottom: 4px;
}

.image_left
{
    float: left;
    padding: 10px 15px 10px 0;
}

.image_right
{
    float: right;
    padding: 10px 0px 10px 10px;
}

#case_study img
{
    margin-bottom: 16px;
    border: 10px solid #ded6bf;
    margin-left: -10px;
}

#image_download img
{
    float: left;
    padding-bottom: 10px;
    padding-top: 10px;
}

/*-------------> Lists */
/* simple list */
ul.simple_list li
{
    margin-bottom: 8px;
}

/* link list */
ul.link_list li
{
    margin-bottom: 5px;
}

ul.link_list li a
{
    background-repeat: no-repeat;
    background-position: left 6px;
    padding-left: 15px;
}

/* link list inline */
ul.link_list_inline li
{
    display: inline;
    padding-right: 32px;
}

.module ul.link_list_inline li
{
    padding-right: 9px;
}

ul.link_list_inline li a
{
    background-repeat: no-repeat;
    background-position: left 6px;
    padding-left: 15px;
}

/* bullet list */
ul.bullet_list
{
    list-style-type: square;
    padding-left: 25px;
}

ul.bullet_list li
{
    padding-bottom: 10px;
}

ul.bullet_list li ul
{
    padding-top: 10px;
    padding-left: 12px;
}

/* highlighted list (large font, large dots) */
ul.highlighted_list
{
    margin-bottom: 35px;
}

ul.highlighted_list li
{
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: left 8px;
    padding-left: 10px;
}

ul.highlighted_list li.link_item
{
    background: none;
    padding-left: 0;
}

ul.highlighted_list li.link_item a
{
    background-repeat: no-repeat;
    background-position: left 8px;
    padding-left: 22px;
}

/* Sitemap */
#sitemap
{
    padding-left: 5px;
    width: 529px;
}

#sitemap ul
{
    padding-top: 0px;
    padding-bottom: 1px;
}

#sitemap ul li
{
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 11px;
    margin-top: 15px;
}

#sitemap ul li ul
{
    padding-left: 10px;
    padding-top: 3px;
}

#sitemap ul li ul li
{
    padding-top: 4px;
    padding-left: 0px;
    margin-top: 0px;
}

/* definition list */
dl
{
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

dt, dd
{
    float: left;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

dt
{
    width: 45%;
}

dd
{
    width: 55%;
    background-repeat: repeat-x;
    background-position: left bottom;
}

/*-------------> Modules */
blockquote
{
    padding-bottom: 8px;
}

#featured_module blockquote
{
    padding-right: 15px;
    padding-top: 1px;
}

.home_inpage_module
{
}

.inpage_module
{
    margin: 0 10px 0 0;
}

.inpage_module_wide
{
    width: 100%;
    margin: 0 0 10px 0;
}

.inpage_module_wide .content_right
{
    float: right;
    width: 260px;
}

.two_thirds .inpage_module_wide .content_right
{
    width: 255px;
}

.module
{
    margin-bottom: 10px;
}

.inpage_module .content_holder, .inpage_module_wide .content_holder, .module .content_holder
{
    padding: 10px;
}

.inpage_module_wide .content_holder
{
    float: left;
    width: 534px;
}

.two_thirds .inpage_module_wide .content_holder
{
    width: 425px;
}

#featured_module
{
    position: relative;
    width: 100%;
}

#content_featured_module #featured_module
{
    margin-bottom: 0;
}

#featured_module .quote_arrow
{
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position: absolute;
    width: 39px;
    height: 33px;
    bottom: -33px;
    right: 50px;
}


#quote_arrow_featured
{
    width: 39px;
    height: 33px;
    float: right;
    margin-top: -10px;
    margin-right: 50px;
}


.inline_module_dotted.image_left div, .inline_module.image_left div
{
    float: left;
    width: 357px;
}

.inline_module_dotted.image_left div.image, .inline_module.image_left div.image
{
    width: 177px;
    padding-top: 8px;
    padding-bottom: 10px;
}

.inline_module_dotted.image_right div, .inline_module.image_right div
{
    float: left;
    width: 357px;
}

.inline_module_dotted.image_right div.image, .inline_module.image_right div.image
{
    width: 177px;
    padding-top: 8px;
    padding-bottom: 10px;
    text-align: right;
}

.inline_module_dotted div.clearer, .inline_module div.clearer
{
    float: none;
}

.exp_module_container
{
    width: 534px;
    padding: 10px 10px 0px 10px;
    margin-bottom: 10px;
}

.two_thirds .exp_module_container
{
    width: 425px;
}

.case_study_item
{
    margin-left: -10px !important;
    width: 445px !important;
}

.quote_box
{
    margin-top: 5px;
    padding: 10px 25px 10px 10px;
}

#case_study .quote_box
{
    margin-left: -10px;
    width: 411px;
}

.quote_box .title
{
    margin-top: -10px;
}

.quote_footer
{
    height: 23px;
    background-repeat: no-repeat !important;
    background-position: right top !important;
    padding: 18px 0 0 10px;
}

.press_release_item
{
    width: 404px;
    padding: 10px 10px 10px 10px;
}

.press_release_item .content
{
    width: 395px;
    padding-bottom: 12px;
    padding-right: 30px;
    background-repeat: repeat-x;
    background-position: left bottom;
}

#image_download
{
    padding: 0px 0 10px 10px;
}

#image_download .how_to
{
    width: 159px;
    float: right;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
}

#feed_links
{
    margin-top: 10px;
    background-repeat: no-repeat;
    background-position: 0 0px;
    padding-left: 18px;
}

#feed_links a.subscribe
{
    margin-right: 10px;
}

#feed_links span
{
    background-image: url(/images/bg_pipe_rss.gif);
    background-repeat: no-repeat;
    background-position: 0 0px;
    padding-right: 7px;
}

/* module grid layout control */
.home_module_grid
{
    display: inline-block;
    background-repeat: repeat-y;
    background-position: top left;
    margin-bottom: 20px;
}

.module_grid_third
{
    width: 100%;
    display: inline-block;
    background-repeat: repeat-y;
    background-position: top left;
    margin-bottom: 10px;
}

.module_grid_top
{
    margin-bottom: 25px;
}


/*-------------> Misc */
#header_tools
{
    float: right;
    padding: 10px;
}

.nodisplay
{
    display: none;
}

sup
{
    position: relative;
    top: -4px;
}

/* Property gallery */
#property_gallery
{
    margin-bottom: 20px;
}

/*--------------------------------------------------=> FORMS */
.input_text
{
    border-width: 1px;
    padding: 4px 10px 5px 10px;
    width: 123px;
}


div.content_holder textarea
{
    border-width: 1px;
    padding: 4px 10px 5px 10px;
    width: 123px;
}

fieldset label
{
    display: block;
    margin: 7px 0px 0px;
}

span.requfield
{
    /*display: block !important;*/
}

#form_search
{
    float: right;
}

#form_search .input_text
{
    width: 99px;
    float: left;
    margin-right: 2px;
    margin-top: 0;
}

/* Specific for feedback form page */
#content_main_holder textarea, #content_main_holder .input_text
{
    width: 262px;
}

/* Captcha layout */
.captcha_container
{
    padding-bottom: 10px;
    margin: -5px 0 0 -5px !important;
}

.captcha_container img, .captcha_container label, .captcha_container input
{
    padding: 0 !important;
    margin: 0px !important;
}

.captcha_container label
{
    padding-bottom: 2px !important;
}

#feedback_form .captcha_container img
{
    position: absolute;
}

#feedback_form .captcha_container label
{
    display: block;
    margin-top: 60px !important;
}

.captcha_container input
{
    border-width: 1px;
}

.captcha_container input, #feedback_form .captcha_container input
{
    padding: 2px 10px 4px 10px !important;
}

#feedback_form .captcha_container label, #feedback_form .captcha_container input
{
    margin-left: -10px !important;
}



/* Buttons */
.button_search
{
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: left -22px;
    padding: 5px 0 0 0 !important;
    margin: 0;
    margin-top: 1px;
    border: none;
}

.button_search:hover
{
    background-position: left 0;
}

.button_submit
{
    width: 75px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: left 0px;
    padding: 0px 0 0 0;
    margin: 0;
    border: none;
}

.button_submit:hover
{
    background-position: left -21px;
}

/*--------------------------------------------------=> CONTENT LAYOUT */
/*-------------> Columns */
/* unique */
#column_header_left
{
    float: left;
    width: 163px;
    padding: 20px 0 0 0px;
}

#column_header_right
{
    float: right;
    width: 747px;
}

/* utilities */
.column_half_left
{
    float: left;
    width: 49.1%;
}

.column_half_right
{
    float: right;
    width: 49.1%;
}

.column_third
{
    float: left;
    width: 32.1%;
}

.column_fourth
{
    float: left;
    width: 25%;
}

.column_last
{
    margin-right: 0;
}

/*--------------------------------------------------=> MASTER LAYOUT */
#page
{
    width: 940px;
    margin: 0 auto 40px auto;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left top;
}

#header
{
    height: 110px;
    width: 920px;
}

#header .content_holder
{
    padding: 22px 10px 0 20px;
}

#content, #content_home
{
    float: left;
    width: 747px;
    padding: 115px 0 0 10px;
}

.narrow #content_featured_module
{
    background-repeat: repeat-y;
}

.wide #main_copy
{
    background-repeat: repeat;
    background-position: top left;
}

.twothirds #main_copy
{
    background-repeat: repeat;
    background-position: top left;
    width: 465px;
}

#content_home
{
    padding-top: 170px;
}

#content_featured_module
{
    background-repeat: repeat-y;
    background-position: left top;
    width: 100%;
}

#content_featured_module_bottom
{
    background-repeat: no-repeat;
    background-position: left top;
    width: 100%;
    height: 10px;
}

#content_main
{
    float: left;
    width: 574px;
}

.two_thirds #content_main
{
    width: 465px;
}

#content_main_holder
{
    background-repeat: repeat;
    background-position: left top;
    margin-bottom: 10px;
    display: inline-block;
}



.two_thirds #content_main_holder
{
    width: 100%;
}

#intro_copy
{
    float: left;
    width: 465px;
}

#intro_copy .content_holder
{
    padding-bottom: 0;
}

#main_copy
{
    float: left;
    width: 465px; /*padding-bottom: 10px;*/
}

.wide #main_copy
{
    width: 574px;
}

#feature_module_column
{
    float: left;
    width: 282px;
}

.wide #feature_module_column
{
    width: 173px;
}

#main_copy_side
{
    margin-top: 0px;
    background-repeat: repeat-y;
    background-position: 0px 0px;
}

#featured_module_large_container
{
    float: right;
    width: 272px;
}

.wide #featured_module_large_container
{
    width: 163px;
}

.narrow #featured_module_large_container
{
    background-repeat: repeat-y;
}

#content_modules
{
    float: right;
    width: 163px;
}

.two_thirds #content_modules
{
    width: 272px;
}

.inline_module_dotted, .inline_module
{
    margin-bottom: 10px;
    background-repeat: repeat-x;
    background-position: bottom left;
    min-height: 10px; /* to fix disappearing background image in IE7 + */
}

.key_facts_holder
{
    padding-top: 20px;
}

.key_facts_holder .inline_module
{
    background: none;
}

.key_facts_holder .inline_module .download_list
{
    float: left;
    padding-top: 6px;
}

#footer
{
    width: 574px;
    margin: 0px 0 0 173px;
}

#footer .content_holder
{
    padding: 20px 0 20px 0px;
}

/*--------------------------------------------------=> NAVIGATION */
/* Breadcrumb */
#breadcrumb
{
    float: left;
    margin: 5px 50px 0 0;
}

#breadcrumb li
{
    float: left;
    margin-right: 7px;
    background-repeat: no-repeat;
    background-position: right 7px;
    padding-right: 17px;
}

#breadcrumb li.first, #breadcrumb li.last
{
    padding-right: 0;
}

#breadcrumb li.last
{
    margin-right: 0;
}

#breadcrumb a
{
    display: block;
    padding-bottom: 1px;
}

/* Main navigation */
#main_nav
{
    float: left;
    width: 163px;
    min-height: 322px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 20px;
}

#main_nav ul
{
    width: 136px;
    padding-left: 9px;
}

#main_nav li
{
    padding: 0;
    margin-bottom: 10px;
}

#main_nav a
{
    display: block;
    background-repeat: no-repeat;
    background-position: left 7px;
    padding-left: 10px;
    width: 124px;
    padding-bottom: 0;
}

/* level 2 */
#main_nav li ul
{
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 0;
    width: 125px;
}

#main_nav li.open
{
    background-repeat: no-repeat;
    background-position: 9px bottom;
    padding-bottom: 7px;
    margin-bottom: 15px;
}

#main_nav li.open ul
{
    margin-left: 9px;
}

#main_nav li ul li
{
    margin-bottom: 6px;
}

#main_nav li ul li a
{
    background-position: left 6px;
    padding-left: 7px;
    width: 118px;
}


/* Footer support navigation */
#footer ul
{
    float: left;
}

#footer li
{
    /*display: inline;*/
    float: left;
    padding-right: 21px;
}

#footer li a
{
    display: block;
}

#footer li.first a
{
    padding-left: 0;
}

/*--------------------------------------------------=> UTILITY CLASSES */
.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.halfwidth
{
    float: left;
    width: 50%;
}

.halfwidth_right
{
    float: right;
    width: 50%;
}

.thirdwidth
{
    float: left;
    width: 33%;
    padding: 3px 0 10px 0;
}

.nodisplay
{
    display: none;
}

.nopadding_top
{
    padding-top: 0;
}

.nopadding_bottom
{
    padding-bottom: 0;
}

.nopadding_vertical
{
    padding-top: 0;
    padding-bottom: 0;
}

.clearmargin
{
    margin: 0;
    padding: 0;
}

.clearer
{
    clear: both;
    height: 0;
    padding: 0;
    margin: 0;
}

.spacer
{
    clear: both;
    height: 25px;
    padding: 0;
    margin: 0;
}



/* ------ Search ------- */

p#xsltsearch_summary
{
    margin-top: 10px;
}

p.xsltsearch_result_title
{
    padding-bottom: 2px;
}

#content_modules.scaling
{
    width: 282px;
}

.slim_modules .module
{
    float: right;
    width: 163px;
}