/* CSS document for Grosvenor Office Lettings
build: P.Robelou 11/04/2008 


----------------------=layout styles
=defaults to normalise settings cross-browser
=wrapper
=flash wrapper
=page title wrapper
=content wrapper
=left navigation wrapper
=content wrapper
=content outer wrapper full
=upper content wrapper
=content wrapper middle
=content holder
=quote wrapper
=property description wrapper
=contact description wrapper
=general description wrapper
=map legend wrapper
=website link module outer wrapper
=poi wrapper
=right hand modules wrapper
=footer wrapper

----------------------=content styles
=header
=h1
=h2
=h3
=p
=a
=span
=border
=images
=lists
=forms
=footer

----------------------=navigation styles
=top navigation
=header navigation
=breadcrumb navigation
=left navigation
=overview navigation

----------------------=right hand modules styles
=rhm links

----------------------=tool styles
=utility styles
=debug styles


--------------------------------------------------------------------------------------------------=layout styles
---------------=defaults to normalise settings cross-browser */
h1, h2, h3, h4, h5, h6
{
    margin: 0px 0px 5px 0px;
    padding: 0px;
    font-size: 100%;
}

p
{
    margin: 0px 0px 13px 0px;
    padding: 0px;
    font-size: 100%;
    line-height: 120%;
}

a
{
    text-decoration: none;
    color: #ffffff;
}

a:hover
{
    text-decoration: underline;
    color: #ffffff;
}

img
{
    border: 0px;
    vertical-align: text-bottom;
}

hr
{
    display: none;
    padding: 0px;
    margin: 0px;
    height: 0px;
}

ul, ol
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: relative;
}

ul li, ol li
{
    margin: 0px;
    padding: 0px;
    font-size: 100%;
    line-height: 140%;
}

form
{
    margin: 0px;
    padding: 0px;
}

fieldset
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

input
{
    margin: 0px;
    padding: 0px;
    font-family: arial, sans-serif;
}


/*-----------------------------------------=wrapper */
html, body
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

body
{
    background: #383838  url(../images/bg_main_gradient.jpg) repeat-x 0px 0px;
    font-family: arial ,sans-serif;
    font-size: 70%; /* 11px */
    font-weight: normal;
    color: #ffffff;
    text-align: center; /* for IE */
}

div#wrapper
{
    position: relative;
    text-align: left; /* reset text alignment */
    width: 100%; /* or a percentage, or whatever */
    margin: 0px auto; /* for the rest */
    padding: 0px;
}

/*-----------------------------------------=flash wrapper */
#flash_wrapper
{
    position: relative;
    width: 968px;
}

#flash_required_container
{
    position:absolute;
    top:90px;
    right:15px;
    background:url(../images/bg_flash_required.png);
    padding:5px 10px 0px 18px;
    width:120px;
}

/*-----------------------------------------=page title wrapper */
#page_title_wrapper
{
    border-top: 1px solid #000000;
    background: #2a2a2a;
    padding: 5px 0px 2px 15px;
}

/*-----------------------------------------=left navigation wrapper */
#left_navigation_wrapper
{
display: none;
}

#left_navigation_inner_wrapper
{
    width: 212px; /* width 222px */
    background: #181818;
    padding: 5px;
}

/*-----------------------------------------=content wrapper */
#content_wrapper
{
    padding-top: 10px;
}

#content_wrapper_home
{
    padding: 0px;
}

.content_wrapper_wide
{        
    width: 726px;
    margin-bottom: 5px;
}

.content_wrapper_wide_no_nav
{        
    width: 607px;
    margin-bottom: 5px;
}

.content_wrapper_narrow
{        
    width: 319px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.content_inner_wrapper
{
    background: #181818;
    padding: 5px;
}

.content_inner_wrapper_text
{
    background: #181818;
    padding: 13px;
}

.content_inner_wrapper_introduction
{
    background: #181818;
    padding: 22px 26px 21px 26px; 
    min-height: 172px; /* height 215px */
}

.content_inner_wrapper_property_list 
{
    float: right;
    width: 484px; 
}

.outer_stripe
{
    background: url(../images/bg_stripes.gif) repeat 0px 0px;
    padding:5px 0;
}

.outer_stripe .content_inner_wrapper
{
    margin:0 5px;
}

.outer_stripe .content_inner_wrapper_text
{
    margin:0 5px;
}

.overview_description .content_inner_wrapper_text
{
    float: right;       
    width: 457px;
    margin-top: 5px;
}

/*-----------------------------------------=content outer wrapper full */
#content_outer_wrapper_full
{        
    width: 958px; /* 968px */
    background: url(../images/bg_stripes.gif) repeat 0px 0px;
    padding: 5px;
}

/*-----------------------------------------=upper content wrapper */
.upper_content_wrapper
{
    padding-bottom: 15px;
}

/*-----------------------------------------=content wrapper middle */
.content_wrapper_middle
{
    float: left;
    width: 484px;
    margin-left: 10px;
}

.content_wrapper_middle .inner_wrapper_left
{
    float: left;
    width: 266px; /* 300px */
    background: #181818;
    padding: 13px 17px 15px 17px;
    margin-top: 5px;
}

.content_wrapper_middle .inner_wrapper_right
{
    float: right;
    padding: 13px 15px 15px 10px; 
    width: 149px; /* width 174px */
    margin-top: 5px;
}

.content_wrapper_middle .inner_wrapper_middle
{
    background: #181818;
    padding: 10px 5px 10px 5px;
    margin: 5px 5px 0px 5px;
}

.content_wrapper_middle .inner_wrapper_middle_wide
{
    background: #181818;
    padding: 10px 5px 10px 5px;
    margin-top: 6px;
}

.image_gallery .inner_wrapper_middle_wide
{
    background: #181818;
    padding: 10px 0px 10px 6px;
    margin-top: 5px;
}

.plugin_description .inner_wrapper_middle
{
    padding: 13px;
}

.property_description .inner_wrapper_middle_wide
{
    padding: 13px;
}

/*-----------------------------------------=content holder */
.content_holder_property
{
    padding-bottom: 10px;
}

.content_holder_property_list
{
    padding-top: 5px;
}

.content_holder_property_list .content_inner_wrapper
{
    margin-top: 5px;
}

.content_holder_contact
{
    padding-top: 5px;
}

.content_holder_contact .content_inner_wrapper
{
    margin-top: 5px;
}

.content_holder_home 
{
    margin-top: 5px;
}

.content_holder_home .outer_stripe
{
    padding: 0px 0px 5px 0px;
}

.content_holder_home .last
{        
    margin-right: 0px;
}

/*-----------------------------------------=quote wrapper */
.quote_wrapper
{
    float: left;
    width: 215px; /* width 240px */
    padding: 8px 20px 0px 5px;
}

/*-----------------------------------------=property description wrapper */
.property_description_wrapper_wide
{
    float: right;
    width: 464px; /* width 464px */
    padding: 8px 0px 0px 0px;
}

.property_description_wrapper
{
    float: right;
    width: 303px;
    padding: 5px 0px 0px 0px;
}

.property_highlight_wrapper
{ 
    float: left;
    width: 192px; /* width 233px */
    padding: 10px 25px 0px 16px;
    margin-top: 5px;
}

/*-----------------------------------------=contact description wrapper */
.contact_description_wrapper
{
    float: right;
    width: 424px;
    padding-top: 4px;
}

/*-----------------------------------------=general description wrapper */
.general_description_wrapper_wide
{
    float: right;
    width: 460px; /* width 486px */
    padding: 13px;
    background: #181818;
}

.general_text_wrapper_wide
{
    float: left;
    width: 494px; /* 597px */
    padding: 19px 90px 5px 13px;
    background: #181818;
}

/*-----------------------------------------=map legend wrapper */
.map_legend_wrapper
{
    width: 702px; /* 716px */
    background: #181818;
    padding: 7px;
    margin: 0 5px;
}

/*-----------------------------------------=website link module outer wrapper */
.website_link_module_outer_wrapper
{
    float: right;
    width: 350px;
}

.website_link_module_wrapper
{
    margin-top: 15px;
}

.website_description_wrapper
{
    float: left;
    width: 170px; /* width 248px */
    margin-left: 10px;
    padding-right: 68px; 
}

/*-----------------------------------------=poi wrapper */
.poi_category_wrapper
{
    float: left;
    padding: 8px 10px 0px 15px;
    width: 135px; /* width 160px */
    margin-top: 5px;
}

.poi_subcategory_wrapper
{
    float: left;
    padding: 8px 0px 8px 19px;
    background: #181818;
    width: 225px; /* width 244px */
    margin-top: 5px;
}

.poi_results_wrapper
{
    float: left;
    padding: 8px 13px 15px 14px;
    width: 285px; /* width 312px */
    margin-top: 5px;
}

/*-----------------------------------------=right hand modules wrapper */
#rhm_wrapper
{
display: none;
}

#rhm_links_wrapper
{
    width: 222px; /* width 232px */
    padding: 5px;
    background: url(../images/bg_stripes.gif) repeat 0px 0px;
}

#rhm_links_inner_wrapper
{
    width: 212px; /* width 222px */
    background: #181818;
    padding: 5px;
}

#rhm_wrapper .read_more_wrapper
{
    margin-left: 19px;
    margin-bottom: 40px;
}

/*-----------------------------------------=footer wrapper */
#footer_wrapper
{
   display: none;
}

/*--------------------------------------------------------------------------------------------------=content styles */
/*-----------------------------------------=header */
#header
{
    background: #000000;
}

#header #grosvenor_logo
{
    padding: 27px 0px 14px 27px;
}

/*-----------------------------------------=h1 */
h1
{
    text-transform: uppercase;
    color: #ffffff;
    font-size: 198%;
    font-weight: normal;
}

/*-----------------------------------------=h2 */
h2
{
    text-transform: uppercase;
    font-size: 198%;
    font-weight: normal;
    color: #ffffff;
}

.property_description_wrapper_wide h2
{
    color: #b8fff7;
    margin-bottom: 0px;
}

.property_highlight_wrapper h2
{
    color: #b8fff7;
    margin-bottom: 8px;
}


h2.content_header
{
    text-transform: uppercase;
    color: #b8fff7;
    font-size: 126%;
    font-weight: normal;
    margin: 8px 0px 8px 16px;
    width: 325px;
}

.wide h2.content_header
{
    width: 587px;
}

h2.left_nav
{
    text-transform: uppercase;
    color: #ffffff;
    font-size: 126%;
    font-weight: normal;
    padding-left: 5px;
}

#left_navigation_wrapper .lower
{
    margin-top: 13px;
}

h2.read_more
{
    text-transform: uppercase;
    color: #b8fff7;
    font-size: 198%;
    font-weight: normal;
    margin-top: 22px;
}

h2.website_link
{
    text-transform: uppercase;
    color: #b8fff7;
    font-size: 198%;
    font-weight: normal;
}

h2.rhm
{
    text-transform: uppercase;
    color: #ffffff;
    font-size: 126%;
    font-weight: normal;
    margin: 13px 0px 5px 0px;
    padding: 0px 0px 0px 9px;
}

.read_more_wrapper h2.rhm
{
    color: #b8fff7;
    margin: 12px 0px 10px 0px;
    padding: 0px;
}

h2.general_text
{
    text-transform: uppercase;
    color: #b8fff7;
    font-size: 126%;
    font-weight: normal;
    width: 325px;
    margin: 8px 0px 8px 11px;
}

/*-----------------------------------------=h3 */
h3
{
    text-transform: uppercase;
    color: #cecece;
    margin-bottom: 8px;
}

.content_inner_wrapper_introduction h3
{
    text-transform: uppercase;
    color: #09efd5;
    font-size: 126%;
    font-weight: normal;
}

h3.poi_header
{
    text-transform: uppercase;
    color: #ffffff;
    font-size: 108%;
    font-weight: normal;
    margin-bottom: 14px;
}

h3.general_text_body
{
    text-transform: uppercase;
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
    margin: 28px 0px 1px 0px;
}

.property_description_wrapper_wide h3
{
    color: #b8fff7;
    font-size: 126%;
    font-weight: normal;
}

h3.property_description_header
{
    text-transform: uppercase;
    color: #ffffff;
    font-size: 108%;
    font-weight: bold;
}

/*-----------------------------------------=p */
p.currently_available
{
    margin: 14px 0px 4px 5px;
    padding-left: 15px;
    background: url(../images/bg_left_nav_available02.gif) no-repeat 0px 2px;
    position: relative; /* IE to fix background img position */
    text-transform: uppercase;
}

p.click_thumbnails
{
    margin-left: 11px;
    margin-bottom: 0px;
}

p.intro
{
    font-weight: bold;
}

p.tour
{
    width: 250px;
    margin-bottom: 10px;
}

p.quote
{
    color: #a5a5a5;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #404040;
    text-transform: uppercase;
}

/*-----------------------------------------=a */
a.body_link
{
    color: #acefe8;
}

a.body_link:hover
{
    color: #ffffff;
    text-decoration: underline;
}

a.arrow
{
    text-transform: uppercase;
    color: #acefe8;
    background: url(../images/bg_left_nav_bluearr.gif) no-repeat 0px 3px;
    padding-left: 12px;
    display: block;
}

a.arrow:hover
{
    color: #ffffff;
    background-position: 0px -37px;
    text-decoration: none;
}

a.arrow_lcase
{
    text-transform: none;
    color: #acefe8;
    background: url(../images/bg_left_nav_bluearr.gif) no-repeat 0px 3px;
    padding-left: 12px;
    display: block;
}

a.arrow_lcase:hover
{
    color: #ffffff;
    background-position: 0px -37px;
    text-decoration: none;
}

a.arrow_active_lcase
{
    text-transform: none;
    color: #ffffff;
    background: url(../images/bg_left_nav_whitearr.gif) no-repeat 0px 3px;
    padding-left: 12px;
    display: block;
}

a.arrow_active_lcase:hover
{
    color: #ffffff;
    text-decoration: none;
}

a.email_link
{
    padding: 0px !important;
    display: inline !important;
    text-transform: none !important;
    color: #ffffff !important;
}

a.email_link:hover
{
    color: #acefe8 !important;
    text-decoration: underline;
}

/*-----------------------------------------=span */
span.grosvenor_office
{
    background: url(../images/map_icon_grosvenor_office.gif) no-repeat 0px 0px; 
    padding: 0px 0px 4px 20px;
}

span.amenities
{
    background: url(../images/map_icon_amenities.gif) no-repeat 0px 0px; 
    padding: 0px 0px 4px 20px;
    margin-left: 15px;
}

/*-----------------------------------------=border */
.outer_stripe .image_border
{
    border: 1px solid #000000;
    margin: 0 5px;
}

.outer_stripe .image_border_no_top
{
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin: 0 5px;
}

/*-----------------------------------------=images */
.images_thumbnail
{
    float: left; 
    border: 1px solid #5a5a5a; 
    width: 152px;
    margin-bottom: 5px;
    margin-right: 5px;
    display: inline; /* IE6 double margin fix */
}

.images_thumbnail_current
{
    float: left; 
    border: 1px solid #ffffff; 
    width: 152px;
    margin-bottom: 5px;
    margin-right: 5px;
    display: inline; /* IE6 double margin fix */
}

.get_flash_player
{
    margin-bottom: 34px;
}


/*-----------------------------------------=lists */
ul.general li
{
    line-height: 120%;
}

ul.general li.text
{
    padding-right: 20px;
}

ul.general li.border
{
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #404040;
}

ul.general li.link
{
    margin-bottom: 8px;
}

ul.bullet 
{ 
    color: #ffffff;
    margin-bottom: 12px;
}

ul.bullet li
{ 
    background: url(../images/bg_list_white_bullet.gif) no-repeat 0px 6px;
    padding-left: 8px;
    margin-bottom: 2px;
}

ul.results li
{
    padding: 0px 36px 4px 25px;
    margin-bottom: 8px;
}

ul.results li.one
{
    background: url(../images/results_icon_01_off.gif) no-repeat 2px 2px;
}
ul.results li.one_active
{
    background: #4e4e4e url(../images/results_icon_01_on.gif) no-repeat 2px 2px;
}

ul.results li.two
{
    background: url(../images/results_icon_02_off.gif) no-repeat 2px 2px;
}
ul.results li.two_active
{
    background: #4e4e4e url(../images/results_icon_02_on.gif) no-repeat 2px 2px;
}

ul.results li.three
{
    background: url(../images/results_icon_03_off.gif) no-repeat 2px 2px;
}
ul.results li.three_active
{
    background: #4e4e4e url(../images/results_icon_03_on.gif) no-repeat 2px 2px;
}

ul.results li.four
{
    background: url(../images/results_icon_04_off.gif) no-repeat 2px 2px;
}
ul.results li.four_active
{
    background: #4e4e4e url(../images/results_icon_04_on.gif) no-repeat 2px 2px;
}

ul.results li.five
{
    background: url(../images/results_icon_05_off.gif) no-repeat 2px 2px;
}
ul.results li.five_active
{
    background: #4e4e4e url(../images/results_icon_05_on.gif) no-repeat 2px 2px;
}

ul.results li.six
{
    background: url(../images/results_icon_06_off.gif) no-repeat 2px 2px;
}
ul.results li.six_active
{
    background: #4e4e4e url(../images/results_icon_06_on.gif) no-repeat 2px 2px;
}

ul.results li.seven
{
    background: url(../images/results_icon_07_off.gif) no-repeat 2px 2px;
}
ul.results li.seven_active
{
    background: #4e4e4e url(../images/results_icon_07_on.gif) no-repeat 2px 2px;
}

ul.results li.eight
{
    background: url(../images/results_icon_08_off.gif) no-repeat 2px 2px;
}
ul.results li.eight_active
{
    background: #4e4e4e url(../images/results_icon_08_on.gif) no-repeat 2px 2px;
}

ul.results li.nine
{
    background: url(../images/results_icon_09_off.gif) no-repeat 2px 2px;
}
ul.results li.nine_active
{
    background: #4e4e4e url(../images/results_icon_09_on.gif) no-repeat 2px 2px;
}

ul.results li.ten
{
    background: url(../images/results_icon_10_off.gif) no-repeat 2px 2px;
}
ul.results li.ten_active
{
    background: #4e4e4e url(../images/results_icon_10_on.gif) no-repeat 2px 2px;
}

ul.results li a
{
    font-weight: bold;
    display: block;
}

ul.contact li.name
{
    color: #ffffff;
    font-size: 108%;
    font-weight: bold;
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #404040;
    text-transform: uppercase;
}

ul.contact li span
{
    margin-right: 8px;
}

ul.nav_hz
{
    margin: 4px;
}

ul.nav_hz li
{
    display: inline;
    color: #ffffff;
    text-transform: uppercase;
    margin-right: 9px;
}

ul.nav_hz li a
{
    color: #acefe8;
    text-decoration: underline;
}

ul.nav_hz li a:hover
{
    color: #ffffff;
    text-decoration: underline;
}

ul.next_prev li
{
    display: inline;
    color: #acefe8;
    text-transform: uppercase;
}

ul.next_prev li a
{ 
    color: #acefe8;
}

ul.next_prev li a:hover
{ 
    text-decoration: none;
    color: #ffffff;
}

ul.next_prev li a.previous
{ 
    padding-left: 12px;
    padding-right: 5px;
    background: url(../images/bg_left_nav_bluearr_left.gif) no-repeat left 3px;
}
ul.next_prev li a.previous:hover
{
    background-position: left -37px;
}

ul.next_prev li a.next
{ 
    border-left: 1px solid #acefe8;
    padding-left: 8px;
    padding-right: 12px;
    background: url(../images/bg_left_nav_bluearr.gif) no-repeat right 3px;
}
ul.next_prev li a.next:hover
{
    background-position: right -37px;
}

/*-----------------------------------------=forms */
form.subcategory
{
    margin-bottom: 10px;
}

form.subcategory input
{
    float: left;
    width: 35px;
    margin-left: 11px;
}

form.subcategory select
{
    float: left;
    width: 160px;
    font-family: arial ,sans-serif;
    font-size: 100%; /* 11px */
    font-weight: normal;
    color: #726565;
}

form.propertysearch
{
    padding-top: 16px;
}

form.propertysearch label
{
    display: block;
    text-transform: uppercase;
    color: #b8fff7;
    font-size: 100%;
    font-weight: normal;
    margin-bottom: 7px;
}

form.propertysearch input
{
    font-family: arial ,sans-serif;
    font-size: 100%; /* 11px */
    font-weight: normal;
    color: #726565;
    width: 334px;
    padding: 1px;
    /*display: block;*/
    margin-bottom: 19px;    
}

form.propertysearch select
{
    width: 340px;
    font-family: arial ,sans-serif;
    font-size: 100%; /* 11px */
    font-weight: normal;
    color: #726565;
    display: block;
    margin-bottom: 10px;
}

form.propertysearch input.checkbox
{
    float: left;
    width: 13px;  
    margin-bottom: 35px;  
    padding: 0px; 
}

form.propertysearch label.checkbox_label
{
    width: 317px; /* width 327px */
    float: left; 
    margin-left: 10px;  
    text-transform: none;
    color: #ffffff;  
}

form.propertysearch label.email_label
{
    padding-top: 24px;
}

form.propertysearch input.submit
{
    color: #acefe8;
    background: url(../images/bg_left_nav_bluearr.gif) no-repeat 0px 4px;
    padding: 0px 0px 0px 12px;
    border: 0px;
    width: 87px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 10px;
}

form.propertysearch input.submit:hover
{
    color: #ffffff;
    background-position: 0px -36px;
    text-decoration: none;
    cursor: pointer;
}

/*-----------------------------------------=footer */
#footer_wrapper ul li
{
   display: inline;
   margin-left: 9px;
}

#footer_wrapper ul li a
{
    color: #b8fff7;
    font-size: 90%; /* 10px */
}

#footer_wrapper ul li a:hover, #footer_wrapper ul li a.current
{
    color: #ffffff;
    text-decoration: underline;
    font-size: 90%; /* 10px */
}


/*--------------------------------------------------------------------------------------------------=navigation styles */
/*-----------------------------------------=top navigation */
#header #top_navigation
{
display: none;
}

#header #top_navigation ul li
{
    display: inline;
   margin-left: 9px;
}

#header #top_navigation ul li a
{
    color: #b8fff7;
    font-size: 90%; /* 10px */
}

#header #top_navigation ul li a:hover, #header #top_navigation ul li a.current
{
    color: #ffffff;
    text-decoration: underline;
    font-size: 90%; /* 10px */
}


/*-----------------------------------------=header navigation */
#main_navigation
{
display: none;
}

#main_navigation ul li
{
    display: inline; 
    color: #fff;
}

#main_navigation ul li a
{
    background: url(../images/bg_hdr_nav_spacer.gif) no-repeat 0px 3px;
    padding: 0px 10px 0px 12px;
    color: #09efd5;
    font-size: 108%; /* 12px */
    text-transform: uppercase;
}

#main_navigation ul li a:hover, #main_navigation ul li a.current
{
    color: #ffffff;
    text-decoration: none;
}

#main_navigation ul li.left a
{
    background: none;
}

#main_navigation ul li.right a
{
    padding-right: 0px;
}

/*-----------------------------------------=breadcrumb navigation */
#breadcrumb
{
    display: none;
}

#breadcrumb li
{
    display: inline;
    padding-right: 3px;
}

#breadcrumb li a
{
    color: #09efd5;
    padding-right: 3px;
}

/*-----------------------------------------=left navigation */
#left_navigation_inner_wrapper .left_navigation_border
{
    border: 1px solid #000000;
    background: #2a2a2a;
}

#left_navigation_inner_wrapper ul li
{
    border-top: 1px solid #404040;
}

#left_navigation_inner_wrapper ul li.top
{
    border-top: 1px solid #000000;    
}

#left_navigation_inner_wrapper ul li.top_noborder
{
    border-top: 0px;
}

#left_navigation_inner_wrapper ul li a
{
    padding: 2px 0px 2px 17px;
    color: #acefe8;
    text-transform: uppercase;
    display: block;
    background: #2a2a2a url(../images/bg_left_nav_bluearr.gif) no-repeat 5px 6px;
    width: 193px; /* width 210px */
}

#left_navigation_inner_wrapper ul li a:hover, #left_navigation_inner_wrapper ul li a.current
{
    color: #ffffff;
    text-decoration: none;
    background: #181818 url(../images/bg_left_nav_bluearr.gif) no-repeat 5px -34px;
}

#left_navigation_inner_wrapper ul#office_space li
{
    border-top: 1px solid #404040;
    background: #2a2a2a url(../images/bg_left_nav_unavailable.gif) no-repeat top right;
}

#left_navigation_inner_wrapper ul#office_space li.top
{
    border-top: 1px solid #000000;
}

#left_navigation_inner_wrapper ul#office_space li.top_noborder
{
    border-top: 0px;
}

#left_navigation_inner_wrapper ul#office_space li.bottom
{
    border-bottom: 1px solid #404040;
}

#left_navigation_inner_wrapper ul#office_space li.available
{
    background: #2a2a2a url(../images/bg_left_nav_available01.gif) no-repeat top right;
    padding-top: 1px;
    padding-bottom: 1px;
}

#left_navigation_inner_wrapper ul#office_space li a
{
    padding: 2px 0px 2px 17px;
    color: #acefe8;
    text-transform: uppercase;
    display: block;
    background: #2a2a2a url(../images/bg_left_nav_bluearr.gif) no-repeat 5px 6px;
    width: 173px; /* width 210px */
}

#left_navigation_inner_wrapper ul#office_space li a:hover, #left_navigation_inner_wrapper ul#office_space li a.current
{
    color: #ffffff;
    text-decoration: none;
    background: #181818 url(../images/bg_left_nav_bluearr.gif) no-repeat 5px -34px;
}

#left_navigation_inner_wrapper ul#office_space li.available a
{
    padding: 1px 0px 1px 17px;
    background: #4e4e4e url(../images/bg_left_nav_bluearr.gif) no-repeat 5px 5px;
}

#left_navigation_inner_wrapper ul#office_space li.available a:hover, #left_navigation_inner_wrapper ul#office_space li.available a.current
{
    padding: 1px 0px 1px 17px;
    background: #4e4e4e url(../images/bg_left_nav_bluearr.gif) no-repeat 5px -35px;
}

/*-----------------------------------------=overview navigation */
#overview_navigation
{
    border: 1px solid #000000;
    background: #2a2a2a url(../images/bg_overview_nav_greyline.gif) repeat-x 0px 0px;
    height: 25px;
    margin: 0 5px;
}

#overview_navigation ul li
{
    float: left;
    width: 1px;
    height: 25px;  
    background: url(../images/bg_overview_nav_greyline_vert.gif) no-repeat 0px 0px;
}

#overview_navigation ul li a
{
    display: block;
    height: 21px; /* height 25px */
    border-right: 1px solid #000000;
    color: #acefe8;
    text-transform: uppercase;
    padding: 4px 0px 0px 24px;
}

#overview_navigation ul li a:hover
{
    text-decoration: none;
    background: #ffffff;
    color: #1f1f1f;
}

#overview_navigation ul li.description
{
    width: 110px;
}

#overview_navigation ul li.description a
{
    background: url(../images/bg_overview_nav_desc.gif) no-repeat 8px 6px;
}

#overview_navigation ul li.description a:hover, #overview_navigation ul li.description a.current
{
    background: #ffffff url(../images/bg_overview_nav_desc.gif) no-repeat 8px -34px;
    color: #1f1f1f;
}

#overview_navigation ul li.overview
{
    width: 95px;
}

#overview_navigation ul li.overview a
{
    background: url(../images/bg_overview_nav_overv.gif) no-repeat 8px 6px;
}

#overview_navigation ul li.overview a:hover, #overview_navigation ul li.overview a.current
{
    background: #ffffff url(../images/bg_overview_nav_overv.gif) no-repeat 8px -34px;
    color: #1f1f1f;
}

#overview_navigation ul li.images
{
    width: 78px;
}

#overview_navigation ul li.images a
{
    background: url(../images/bg_overview_nav_imgs.gif) no-repeat 8px 6px;
}

#overview_navigation ul li.images a:hover, #overview_navigation ul li.images a.current
{
    background: #ffffff url(../images/bg_overview_nav_imgs.gif) no-repeat 8px -34px;
    color: #1f1f1f;
}

#overview_navigation ul li.tour
{
    width: 92px;
}

#overview_navigation ul li.tour a
{
    background: url(../images/bg_overview_nav_tour.gif) no-repeat 8px 6px;
}

#overview_navigation ul li.tour a:hover, #overview_navigation ul li.tour a.current
{
    background: #ffffff url(../images/bg_overview_nav_tour.gif) no-repeat 8px -34px;
    color: #1f1f1f;
}

#overview_navigation ul li.floor
{
    width: 105px;
}

#overview_navigation ul li.floor a
{
    background: url(../images/bg_overview_nav_floor.gif) no-repeat 8px 6px;
}

#overview_navigation ul li.floor a:hover, #overview_navigation ul li.floor a.current
{
    background: #ffffff url(../images/bg_overview_nav_floor.gif) no-repeat 8px -34px;
    color: #1f1f1f;
}

#overview_navigation ul li.local_area_map
{
    width: 130px;
}

#overview_navigation ul li.local_area_map a
{
    background: url(../images/bg_overview_nav_loc_map.gif) no-repeat 8px 6px;
}

#overview_navigation ul li.local_area_map a:hover, #overview_navigation ul li.local_area_map a.current
{
    background: #ffffff url(../images/bg_overview_nav_loc_map.gif) no-repeat 8px -34px;
    color: #1f1f1f;
}

#overview_navigation ul li.hotels
{
    width: 80px;
}

#overview_navigation ul li.hotels a
{
    background: url(../images/bg_overview_nav_hotels.gif) no-repeat 8px 6px;
}

#overview_navigation ul li.hotels a:hover, #overview_navigation ul li.hotels a.current
{
    background: #ffffff url(../images/bg_overview_nav_hotels.gif) no-repeat 8px -34px;
    color: #1f1f1f;
}

#overview_navigation ul li.restaurants
{
    width: 118px;
}

#overview_navigation ul li.restaurants a
{
    background: url(../images/bg_overview_nav_restaurants.gif) no-repeat 8px 7px;
}

#overview_navigation ul li.restaurants a:hover, #overview_navigation ul li.restaurants a.current
{
    background: #ffffff url(../images/bg_overview_nav_restaurants.gif) no-repeat 8px -33px;
    color: #1f1f1f;
}

#overview_navigation ul li.stations
{
    width: 185px;
}

#overview_navigation ul li.stations a
{
    background: url(../images/bg_overview_nav_stations.gif) no-repeat 8px 7px;
}

#overview_navigation ul li.stations a:hover, #overview_navigation ul li.stations a.current
{
    background: #ffffff url(../images/bg_overview_nav_stations.gif) no-repeat 8px -33px;
    color: #1f1f1f;
}


/*--------------------------------------------------------------------------------------------------=right hand modules styles */
/*-----------------------------------------=rhm links */
#rhm_links_inner_wrapper .rhm_links_border
{
    border: 1px solid #000000;
    background: #2a2a2a;
}

#rhm_links_inner_wrapper ul li
{
    border-top: 1px solid #404040;
}

#rhm_links_inner_wrapper ul li.top
{
    border-top: 1px solid #000000;    
}

#rhm_links_inner_wrapper ul li.top_noborder
{
    border-top: 0px;
}

#rhm_links_inner_wrapper ul li a
{
    padding: 2px 5px 2px 22px;
    color: #acefe8;
    text-transform: uppercase;
    display: block;
    width: 183px; /* width 210px */
}

#rhm_links_inner_wrapper ul li a:hover
{
    color: #ffffff;
    text-decoration: none;
}

#rhm_links_inner_wrapper ul li.print a
{
    background: url(../images/bg_rhm_links_blueprint.gif) no-repeat 5px 5px;
}

#rhm_links_inner_wrapper ul li.print a:hover
{
    background-position: 5px -35px;
}

#rhm_links_inner_wrapper ul li.subscribe a
{
    background: url(../images/bg_rhm_links_bluesubscribe.gif) no-repeat 5px 4px;
}

#rhm_links_inner_wrapper ul li.subscribe a:hover
{
    background-position: 5px -36px;
}

#rhm_links_inner_wrapper ul li.download_pdf a
{
    background: url(../images/bg_rhm_links_bluedownload.gif) no-repeat 5px 4px;
}

#rhm_links_inner_wrapper ul li.download_pdf a:hover
{
    background-position: 5px -36px;
}

#rhm_links_inner_wrapper ul#contact_us li
{
    padding: 2px 4px 2px 9px;
}

#rhm_links_inner_wrapper ul#contact_us li.top_noborder
{
    height: auto;
    border-top: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#rhm_links_inner_wrapper ul#contact_us li span
{
    margin-right: 8px;
}


/*--------------------------------------------------------------------------------------------------=tools styles */
/*-----------------------------------------=utility */
.floatleft
{
    float: left;
    /*width: auto;*/
}

.floatright
{
    float: right;
    /*width: auto;*/
}

.clearer
{
    clear: both;
    height: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.spacer
{
    clear: both;
    height: 8px;
    line-height: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.clearfix:after
{
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

.clearfix
{
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}
/* End hide from IE-mac */


/*-----------------------------------------=debug */
.debug
{
    border: 1px solid red;
}