﻿/* CSS document for Grosvenor Public Realm
build: P.Robelou 12/03/2008 


--------------- default styles 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: 126%;
}

a
{
    text-decoration: none;
    color: #000000;
}

a:hover
{
    text-decoration: underline;
    color: #000000;
}

img
{
    border: 0px;
    vertical-align: text-bottom;
}

hr
{
    display: none;
    padding: 0px;
    margin: 0px;
    height: 0px;
}

ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: relative;
}

ul 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 styles */
html, body
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

body
{
    background-color: #5ab0a4;
    font-family: arial ,sans-serif;
    font-size: 70%;
    font-weight: normal;
    /*letter-spacing:1px;*/
    color: #726565;
    text-align: center; /* for IE */
}

div#wrapper
{
    position: relative;
    text-align: left; /* reset text alignment */
    width: 960px; /* or a percentage, or whatever */
    margin: 0px auto; /* for the rest */
    background: #ffffff url(../images/bg_wrapper.gif) repeat-y top left;
    padding: 0px 26px 0px 26px;
}


/*----------------------------------------- basic styles */
.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;
}

.clearer_right
{
    clear: right;
    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 */


/*----------------------------------------- header styles */
#header
{
    padding-top:10px;
    padding-bottom:8px;
    border-bottom:1px solid #ffca09;
}

#header #logo
{
    float:left;
    width:auto;
    padding-top:4px;
}

#header #top_navigation
{
    float:right;
    width:auto;
}

#header #top_navigation ul li
{
    display:inline;
    padding-left:8px;
}

#header #top_navigation ul li a
{
    text-transform:uppercase;
    color:#b2b2b2;
    font-size:82%;
}

#header #top_navigation ul li a:hover, #header #top_navigation ul li a.topnav_on
{
    color:#8bcbc2;
    text-decoration:underline;
}

#header #bottom_navigation
{
    padding-left:0px;
    padding-top:50px;
}

#header #bottom_navigation ul li
{
    display:inline;
    padding-right:8px;
}

#header #bottom_navigation ul li a
{
    text-transform:uppercase;
    color:#76b5ad;
    font-size:108%;
    background: url(../images/bg_link_yellowdot.gif) no-repeat 0px 4px;
    padding-left:8px;
}

#header #bottom_navigation ul li a:hover, #header #bottom_navigation ul li a.bottomnav_on
{
    color:#f8a511;
    text-decoration:none;
}


/*----------------------------------------- home page styles */
.quotetext
{
    width:187px;
}

.current_proj_text
{
    width:291px;
    padding-left:16px;
    padding-right:11px;
    padding-top:11px;
}

.blockheading
{
    width:308px;
}

.middlebox
{ 
    margin-left:18px; 
    margin-right:18px;
}

#quote_module 
{
    float:left;
    width:308px;
    margin-top:16px;
    padding-bottom:10px;
    border-bottom:1px solid #ffca09;
}

#quote_module .quote
{
    background: url(../images/ldquot.gif) no-repeat left 5px;
    margin-bottom:18px;
    width:170px;
}

#quote_module .quote .quote_content
{
    color:#f8a511;
    font-size:155%;
    background: url(../images/rdquot.gif) no-repeat bottom right;
    padding-left:25px; 
    padding-right:25px;   
}

#quote_module .link
{
    padding-left: 25px;
    padding-right: 25px;
}

#quote_module .link ul
{
    margin-top: 0px;
}

#quote_module .link ul li
{
    margin-bottom: 6px;
}

#quote_module .link ul li a
{
    text-transform: uppercase;
    font-size:90%;
    color:#76b5ad;
    padding-left:8px;    
    background: url(../images/bg_link_yellowdot.gif) no-repeat 0px 5px;
    display:block;
}

#quote_module .link ul li a:hover
{
    color:#f8a511;
    text-decoration:none;
}

#quote_module ul
{
    margin-top:14px;
    color: #76b5ad;
}

#quote_module ul li.faded
{
    color: #cccccc;
}

#current_projects 
{
    float:left;
    width:641px;
    margin-top:16px;
    margin-left:11px;
    background: url(../images/bg_home_dshadow_top.gif) no-repeat top left;
    padding-top:4px;
}

#current_projects_wrapper
{
    padding:0px 4px 0px 4px; 
    background: url(../images/bg_home_dshadow_sides.gif) repeat-y top left;
}

#current_projects_bottom
{
    background: url(../images/bg_home_dshadow_bottom.gif) no-repeat top left;
    height: 4px;
}

#current_projects .header
{
    background: #f8a819 url(../images/bg_home_big_header.gif) repeat-x top left;
    color:#ffffff;
    border-left:1px solid #f8a819;
    border-right:1px solid #f8a819;
    position:relative;
    /*height:31px;*/
    text-transform:uppercase;
    font-size:205%;
    padding:6px 70px 5px 7px;
}

#current_projects .header_img
{
    position:absolute; 
    top:-11px; 
    right:4px;
}

#current_projects .content
{   
    border:1px solid #b7b7b7;
    border-top:0px;
}

#current_projects p
{
    font-size:108%;
    line-height: 18px;
}

#current_projects p.caption
{
    font-size:100%;
    text-align:center;
}

#current_projects a
{
    color:#76b5ad;
}

#current_projects a:hover
{
    color:#f8a511;
    text-decoration:none;
}

#current_projects ul
{
    margin-top:5px;
    margin-bottom:8px;
    width:225px;
}

#current_projects ul li
{
    margin-bottom:6px;
}

#current_projects ul li a
{
    text-transform: uppercase;
    font-size:90%;
    color:#76b5ad;
    padding-left:8px;    
    background: url(../images/bg_link_yellowdot.gif) no-repeat 0px 5px;
    display:block;
}

#current_projects ul li a:hover
{
    color:#f8a511;
    text-decoration:none;
}

#feature_boxes
{
    margin-top:26px;
}

#feature_boxes .header
{
    background: #f8a819 url(../images/bg_home_feature_header.gif) repeat-x top left;
    color:#ffffff;
    border-left:1px solid #f8a819;
    border-right:1px solid #f8a819;
    position:relative;
    /*height:22px;*/
    text-transform:uppercase;
    font-size:136%;
    padding:5px 112px 5px 7px;
}

#feature_boxes .header_img
{
    position:absolute; 
    top:-9px; 
    right:8px;
}

#feature_boxes .content
{
    padding:18px 8px 18px 8px;    
    border-bottom:1px solid #ffca09;
    font-size:108%;
    line-height:18px;
}

#feature_boxes .link
{
    padding:3px 8px 3px 8px;    
    border-bottom:1px dotted #ffca09;
}

#feature_boxes .link a
{
    font-size:90%;
    text-transform: uppercase;
    color:#76b5ad;
    padding-left:8px;    
    background: url(../images/bg_link_yellowdot.gif) no-repeat 0px 4px;
    display:block;
}

#feature_boxes .link a:hover
{
    color:#f8a511;
    text-decoration:none;
}


/*----------------------------------------- left column styles */
#left_column
{
    float:left;
    width:248px;
    padding-top:38px;    
}

/*----------------------------------------- left column / navigation styles */
#left_column #left_column_navigation
{
    padding-left:8px;
    width:200px;
}

#left_column #left_column_navigation ul li
{
    margin-bottom:8px;
}

#left_column #left_column_navigation ul li a
{
    text-transform:uppercase;
    color:#76b5ad;
    font-size:90%;
    background: url(../images/bg_link_yellowdot.gif) no-repeat 0px 5px;
    padding-left:8px;
    display:block;
    width:auto;
}

#left_column #left_column_navigation ul li ul.left_column_navigation_sub
{
    margin-top:8px;
    margin-left:10px;
}

#left_column #left_column_navigation ul li ul.left_column_navigation_sub li
{
    margin-bottom:0px;
}

#left_column #left_column_navigation ul li a:hover, #left_column #left_column_navigation ul li a.leftnav_on
{
    color:#f8a511;
    text-decoration:none;
}


/*----------------------------------------- left column / left hand modules styles */
#left_hand_modules
{
    float:left;
    width:232px;
    margin-top:2px;
    display:inline; /* ie6 fix - prevents ie6 from doubling margin */
}

#left_hand_modules .lhm_header
{
    background: #f8a819 url(../images/bg_rhm_header.gif) repeat-x top left;
    color:#ffffff;
    border-left:1px solid #f8a819;
    border-right:1px solid #f8a819;
    position:relative;
    min-height:15px; /* sets height for firefox, ie7+, safari */
    text-transform:uppercase;
    font-size:108%;
    padding:3px 0px 3px 7px; /* bottom padding used to set height of header in ie6 as min-height not supported */
}


/*----------------------------------------- left column / left hand modules / contact us styles */
#left_hand_modules .contact_us .lhm_content
{
    padding:1px;    
    border:1px solid #ffca09;
    border-top:0px;
}

#left_hand_modules .contact_us .lhm_content .lhm_text
{
    float:left;
    width:135px;
    padding-top:19px;
    padding-bottom:14px;
    margin-left:8px;
    border-bottom:1px dotted #ffca09;
    font-size:90%;
    display:inline; /* ie6 fix - prevents ie6 from doubling margin */
}

#left_hand_modules .contact_us .lhm_content .lhm_text .contact_initial
{
    color:#f8a511;
}

#left_hand_modules .contact_us .lhm_content .lhm_text ul li
{
    line-height:12px;
}

#left_hand_modules .contact_us .lhm_content .lhm_text ul li a
{
    color:#76b5ad;
}

#left_hand_modules .contact_us .lhm_content .lhm_text ul li a:hover
{
    color:#f8a511;
    text-decoration:none;
}

#left_hand_modules .contact_us .lhm_content .lhm_image
{
    float:right;
    width:auto;
}



/*----------------------------------------- right column styles */
#right_column
{
    float:right;
    width:712px;
}

#right_column .subcontent
{
    width:290px;
    padding-right:15px;
}

#right_column .subcontent_list
{
    width:145px;
}

#right_column .case_image
{
    width:240px;
}

#right_column .case_intro
{
    width:210px;
}


/*----------------------------------------- right column / main content styles */
#main_content
{
    float:left;
    width:450px;
    padding-right:30px;
}

#main_content_full
{
    float:left;
    width:584px;
}

.hr
{
    border-top: 1px solid #ffca09;
    margin: 15px 0px 0px 0px;
}

.hr_dotted
{
    border-top: 1px dotted #ffca09;
    margin: 5px 0px 6px 0px;
}


/*----------------------------------------- right column / sitemap styles */
#breadcrumb
{
    padding-top:12px;
    padding-bottom:12px;
    color:#b2b2b2;
    font-size:82%;
}

#breadcrumb ul li
{
    display:inline;
    
}

#breadcrumb ul li a
{
    color:#cccccc;
}

#breadcrumb ul li a:hover, #breadcrumb ul li a.breadcrumb_on
{
    color:#76b5ad;
    text-decoration:none;
}


/*----------------------------------------- right column / header styles */
h1 
{
    font-size:180%;
    color:#76b5ad;
    text-transform:uppercase;
    margin-bottom:12px;
}

h1.img_below 
{
    margin-bottom:0px;
}


/*----------------------------------------- right column / main content / main content navigation styles */
.main_content_navigation
{
    margin-bottom:20px;
}

.main_content_navigation li
{ 
    float:left;
    width:auto;
}

.main_content_navigation li a
{   
    float:left;
    width:auto;
    display:block;
    background: #f8a819 url(../images/bg_rhm_header.gif) repeat-x top left;
    color:#ffffff;
    border-left:1px solid #f8a819;
    border-right:1px solid #f8a819;
    height:18px; 
    text-transform:uppercase;
    font-size:108%;
    padding:3px 7px 0px 7px; 
}

.main_content_navigation li a:hover, .main_content_navigation li a.mcn_on
{
    background: url(../images/bg_mcn_hover.gif) repeat-x top left;
    color:#76b5ad;
    text-decoration:none;
}

.main_content_navigation li.mcn_spacer
{ 
    width:1px;
    height:21px;
    background: url(../images/mcn_spacer.gif) no-repeat bottom left;
}

.main_content_navigation li.mcn_left
{ 
    width:16px;
    border-bottom:1px solid #f8a819;
    height:20px;
}

.main_content_navigation li.mcn_right
{ 
    width:16px;
    border-bottom:1px solid #f8a819;
    height:20px;
}

/*----------------------------------------- right column / text styles */
p.intro 
{
    font-size:126%;
    margin-bottom:28px;
}

p.intro_highlight 
{
    color:#76b5ad;
    font-size:126%;
    margin-bottom:28px
}

p.intro_highlight_upper 
{
    color:#76b5ad;
    font-size:100%;
    margin-bottom:8px;
    text-transform: uppercase;
}

p.img_above 
{
    margin-top:10px;
}

p.large_img_above 
{
    margin-top:20px;
}

p.intro_reduce
{
    margin-bottom:15px;
}

p.nomargin
{
    margin-bottom:0px !important;
}

p.text_to_image
{
    width:225px;
}

p.alignright
{
    text-align:right;
    margin-top:8px;
    padding-right:14px;
}


/*----------------------------------------- right column / list styles */
#right_column .subcontent_list ul li
{
    font-size:90%;
    margin-bottom:3px;
    color:#76b5ad;
    background: url(../images/bg_list_bluedot.gif) no-repeat left 5px;
    padding-left:6px;
}

#right_column ul#faqs li.question
{
    color:#76b5ad;
    font-size:126%;
}

#right_column ul#faqs li.answer
{
    margin-bottom:14px;
}

#right_column ul#sitemap
{
    padding-left:25px;
}

#right_column ul#sitemap li
{
    margin-bottom:8px;
}

#right_column ul#sitemap li a
{
    text-transform:uppercase;
    color:#76b5ad;
    font-size:90%;
    background: url(../images/bg_link_yellowdot.gif) no-repeat 0px 5px;
    padding-left:8px;
    display:block;
    width:auto;
}

#right_column ul#sitemap li ul.sitemap_sub
{
    margin-top:8px;
    margin-left:15px;
}

#right_column ul#sitemap li ul.sitemap_sub li
{
    margin-bottom:0px;
}

#right_column ul#sitemap li ul.sitemap_sub2
{
    margin-top:8px;
    margin-bottom:8px;
    margin-left:15px;
}

#right_column ul#sitemap li ul.sitemap_sub2 li
{
    margin-bottom:0px;
}

#right_column ul#sitemap li a:hover
{
    color:#f8a511;
    text-decoration:none;
}


/*----------------------------------------- right column / two column layout styles */
#right_column .two_column_layout
{
    margin-top:20px;
    margin-bottom:13px;
}


/*----------------------------------------- right column / content boxes styles */
#content_boxes .left
{
    float:left;
    width:217px;
    margin-right:16px;
    margin-bottom:18px;
    border-bottom:1px dotted #ffca09;
}

#content_boxes .right
{
    float:left;
    width:217px;
    margin-bottom:18px;
    border-bottom:1px dotted #ffca09;
}

#content_boxes .header
{
    background: #f8a819 url(../images/bg_rhm_header.gif) repeat-x top left;
    color:#ffffff;
    border-left:1px solid #f8a819;
    border-right:1px solid #f8a819;
    position:relative;
    min-height:15px; /* sets height for firefox, ie7+, safari */
    text-transform:uppercase;
    font-size:108%;
    padding:3px 0px 3px 7px; /* bottom padding used to set height of header in ie6 as min-height not supported */
}

#content_boxes p
{
    margin-top:6px;
    margin-bottom:25px;
    color:#76b5ad;
}


/*----------------------------------------- right column / content boxes wide styles */
#content_boxes_wide .cbw_wrapper
{
    margin-bottom:20px;
}

#content_boxes_wide .header
{
    background: #f8a819 url(../images/bg_rhm_header.gif) repeat-x top left;
    color:#ffffff;
    border-left:1px solid #f8a819;
    border-right:1px solid #f8a819;
    position:relative;
    min-height:15px; /* sets height for firefox, ie7+, safari */
    text-transform:uppercase;
    font-size:108%;
    padding:3px 0px 3px 7px; /* bottom padding used to set height of header in ie6 as min-height not supported */
}

#content_boxes_wide .right
{
    float:left;    
    width:352px;
    padding-top:10px;
    padding-left:15px;
    position:relative;
    height:70px;
}

#content_boxes_wide .cbw_link
{
    padding:3px 8px 2px 8px;
    border-top:1px solid #ffca09;    
    border-bottom:1px dotted #ffca09;
    position:absolute;
    width:337px;
    bottom:0px;
    left:15px;
}

#content_boxes_wide .cbw_link a
{
    font-size:90%;
    color:#76b5ad;
    padding-left:8px;    
    background: url(../images/bg_link_yellowdot.gif) no-repeat 0px 4px;
    display:block;
}

#content_boxes_wide .cbw_link a:hover
{
    color:#f8a511;
    text-decoration:none;
}

#content_boxes_wide .right_cta
{
    float:left;    
    width:331px;
    padding-top:0px;
    padding-left:15px;
    position:relative;
    height:104px;
}


#content_boxes_wide .central_cta
{
    padding:3px 8px 2px 8px;
    border-top:1px solid #ffca09;    
    border-bottom:1px dotted #ffca09;
    position:absolute;
    width:316px;
    bottom:0px;
    left:15px;
}

#content_boxes_wide .central_cta a
{
    font-size:90%;
    color:#76b5ad;
    padding-left:8px;    
    background: url(../images/bg_link_yellowdot.gif) no-repeat 0px 4px;
    display:block;
}

#content_boxes_wide .central_cta a:hover
{
    color:#f8a511;
    text-decoration:none;
}


/*----------------------------------------- right column / content boxes small image styles */
#content_boxes_small_image .left
{
    float:left;
    width:217px;
    margin-right:16px;
    margin-bottom:10px;
    border-bottom:1px dotted #ffca09;
}

#content_boxes_small_image .right
{
    float:left;
    width:217px;
    margin-bottom:10px;
    border-bottom:1px dotted #ffca09;
}

#content_boxes_small_image .header
{
    background: #f8a819 url(../images/bg_rhm_header.gif) repeat-x top left;
    color:#ffffff;
    border-left:1px solid #f8a819;
    border-right:1px solid #f8a819;
    position:relative;
    min-height:15px; /* sets height for firefox, ie7+, safari */
    text-transform:uppercase;
    font-size:108%;
    padding:3px 0px 3px 7px; /* bottom padding used to set height of header in ie6 as min-height not supported */
}

#content_boxes_small_image p
{
    margin-top:6px;
    margin-bottom:12px;
    color:#76b5ad;
}


/*----------------------------------------- right column / content boxes wide list styles */
.content_boxes_wide_list
{
    margin-bottom: 30px;   
}

.content_boxes_wide_list .header
{
    background: #f8a819 url(../images/bg_rhm_header.gif) repeat-x top left;
    color:#ffffff;
    border-left:1px solid #f8a819;
    border-right:1px solid #f8a819;
    position:relative;
    min-height:15px; /* sets height for firefox, ie7+, safari */
    text-transform:uppercase;
    font-size:108%;
    padding:3px 0px 3px 7px; /* bottom padding used to set height of header in ie6 as min-height not supported */
}

.content_boxes_wide_list .content
{   
    border:1px solid #ffca09;
    border-top:0px;
    padding:8px 12px 8px 12px;
}

.content_boxes_wide_list ul li.title
{
    color: #76b5ad;
}

.content_boxes_wide_list ul li span
{
    padding-left: 15px;
}

.content_boxes_wide_list .feedback
{
    float: right;
    width: auto;
    text-align: right;
}

.content_boxes_wide_list .feedback ul li a
{
    color: #76b5ad;
    text-decoration: underline;
}

.content_boxes_wide_list .feedback ul li a:hover
{
    color: #f8a511;
    text-decoration: underline;
}


/*----------------------------------------- right column / question_form styles */
#question_form .header
{
    background: #f8a819 url(../images/bg_rhm_header.gif) repeat-x top left;
    color:#ffffff;
    border-left:1px solid #f8a819;
    border-right:1px solid #f8a819;
    position:relative;
    min-height:15px; /* sets height for firefox, ie7+, safari */
    text-transform:uppercase;
    font-size:108%;
    padding:3px 0px 3px 7px; /* bottom padding used to set height of header in ie6 as min-height not supported */
}

#question_form .content
{   
    border:1px solid #ffca09;
    border-top:0px;
    padding:6px 12px 0px 12px;
}

#question_form p
{
    font-size:90%;
    display:block;
    text-transform: uppercase;
    margin-top:10px;
    margin-bottom:4px;
}

#question_form select
{
    width:424px;
    font-family: arial ,sans-serif;
    font-size:100%;
    color: #726565;
    border:1px solid #abadb3;
}

#question_form input
{
    width:417px;
    color: #726565;
    border:1px solid #abadb3;
    padding:2px;
    font-size:100%;
}

#question_form input.short
{
    width:230px;
}

#question_form select.short
{
    width:237px;
}

#question_form textarea
{
    width:417px;
    font-family: arial ,sans-serif;
    color: #726565;
    border:1px solid #abadb3;
    padding:2px;
    font-size:100%;
    overflow:auto;
    height:80px;
}

#question_form #submit
{    
    color:#76b5ad;
    width:172px;
    border:0px;
    background: url(../images/bg_link_yellowdot.gif) no-repeat 0px 7px;
    margin-bottom: 5px;
    padding:3px 0px 3px 3px;
    font-size:90%;
}


/*----------------------------------------- right column / right hand modules styles */
#right_hand_modules
{
    float:right;
    width:232px;
}

#right_hand_modules .rhm_header
{
    background: #f8a819 url(../images/bg_rhm_header.gif) repeat-x top left;
    color:#ffffff;
    border-left:1px solid #f8a819;
    border-right:1px solid #f8a819;
    position:relative;
    min-height:15px; /* sets height for firefox, ie7+, safari */
    text-transform:uppercase;
    font-size:108%;
    padding:3px 50px 3px 7px; /* bottom padding used to set height of header in ie6 as min-height not supported */
}

#right_hand_modules .rhm_header_img
{
    position:absolute; 
    top:-11px; 
    right:1px;
}


/*-------------------- right column / right hand modules / have your say styles */
#right_hand_modules .have_your_say .rhm_header
{
    padding-right: 80px;
}

#right_hand_modules .have_your_say
{
    margin-bottom:30px;
}

#right_hand_modules .have_your_say .rhm_content
{
    padding:12px 8px 12px 8px;    
    border-bottom:1px solid #ffca09;
}

#right_hand_modules .have_your_say .rhm_link
{
    padding:3px 8px 6px 8px;    
    border-bottom:1px dotted #ffca09;
}

#right_hand_modules .have_your_say .rhm_link a
{
    font-size:90%;
    color:#76b5ad;
    padding-left:8px;    
    background: url(../images/bg_link_yellowdot.gif) no-repeat 0px 4px;
    display:block;
}

#right_hand_modules .have_your_say .rhm_link a:hover
{
    color:#f8a511;
    text-decoration:none;
}


/*-------------------- right column / right hand modules / supporting documents styles */
#right_hand_modules .supporting_documents
{
    margin-bottom:30px;
}

#right_hand_modules .supporting_documents .rhm_content
{
    padding:15px 8px 10px 8px;    
    border:1px solid #ffca09;
    border-top:0px;
}

#right_hand_modules .supporting_documents .rhm_content ul li.rhm_pdf
{
    border-bottom:1px dotted #ffca09;
    padding-bottom:6px;
    margin-bottom:4px;
}

#right_hand_modules .supporting_documents .rhm_content ul li.rhm_pdf a
{
    text-transform: uppercase;
    color:#76b5ad;
}

#right_hand_modules .supporting_documents .rhm_content ul li.rhm_pdf a:hover
{
    text-decoration: none;
    color:#f8a511;
}


/*-------------------- right column / right hand modules / location styles */
#right_hand_modules .location
{
    margin-bottom:30px;
}

#right_hand_modules .location .rhm_photo
{
    padding:12px 0px 0px 0px;
}

#right_hand_modules .location .rhm_content
{
    padding:12px 0px 12px 0px;    
    border-bottom:1px solid #ffca09;
}

#right_hand_modules .location .rhm_link
{
    padding:3px 8px 6px 8px;    
    border-bottom:1px dotted #ffca09;
}

#right_hand_modules .location .rhm_link a
{
    font-size:90%;
    color:#76b5ad;
    padding-left:8px;    
    background: url(../images/bg_link_yellowdot.gif) no-repeat 0px 4px;
    display:block;
}

#right_hand_modules .location .rhm_link a:hover
{
    color:#f8a511;
    text-decoration:none;
}


/*-------------------- right column / right hand modules / quote styles */
#right_hand_modules .quote
{
    background: url(../images/ldquot.gif) no-repeat left 5px;
    margin-left:16px;
    margin-bottom:30px;
    width:200px;
}

#right_hand_modules .quote .rhm_content
{
    color:#f8a511;
    font-size:180%;
    background: url(../images/rdquot.gif) no-repeat bottom right;
    padding-left:25px; 
    padding-right:25px;   
}


/*-------------------- right column / right hand modules / similar projects styles */
#right_hand_modules .similiar_projects .rhm_header
{
    padding-right: 7px;
}

#right_hand_modules .similiar_projects
{
    margin-bottom:30px;
}

#right_hand_modules .similiar_projects .rhm_content
{
    padding:12px 0px 12px 0px;
}

#right_hand_modules .similiar_projects .rhm_content ul li
{   
    border-bottom:1px dotted #ffca09;
    padding-bottom:8px;
    margin-bottom:8px;
    padding-left:8px;
}

#right_hand_modules .similiar_projects .rhm_content ul li a
{
    font-size:90%;
    color:#76b5ad;
    padding-left:8px;    
    background: url(../images/bg_link_yellowdot.gif) no-repeat 0px 5px;
    display:block;
}

#right_hand_modules .similiar_projects .rhm_content ul li a:hover
{
    color:#f8a511;
    text-decoration:none;
}


/*-------------------- right column / right hand modules / contact us styles */
#right_hand_modules .contact_us
{
    margin-bottom:30px;
}

#right_hand_modules .contact_us .rhm_content
{
    padding:1px;    
    border:1px solid #ffca09;
    border-top:0px;
}

#right_hand_modules .contact_us .rhm_content .rhm_text
{
    float:left;
    width:135px;
    padding-top:19px;
    padding-bottom:14px;
    margin-left:8px;
    border-bottom:1px dotted #ffca09;
    font-size:90%;
    display:inline; /* ie6 fix - prevents ie6 from doubling margin */
}

#right_hand_modules .contact_us .rhm_content .rhm_text .contact_initial
{
    color:#f8a511;
}

#right_hand_modules .contact_us .rhm_content .rhm_text ul li
{
    line-height:12px;
}

#right_hand_modules .contact_us .rhm_content .rhm_text ul li a
{
    color:#76b5ad;
}

#right_hand_modules .contact_us .rhm_content .rhm_text ul li a:hover
{
    color:#f8a511;
    text-decoration:none;
}

#right_hand_modules .contact_us .rhm_content .rhm_image
{
    float:right;
    width:auto;
}


/*-------------------- right column / right hand modules / photos list styles */
#right_hand_modules .photos_list
{
    margin-top: 72px;
}


/*----------------------------------------- footer styles */
#footer
{
    text-transform:uppercase;    
    color:#b2b2b2;
    font-size:82%;
    padding-top:40px;
    padding-bottom:15px;
}

#footer ul li
{
    display:inline;
    padding-right:8px;
}

#footer ul li a 
{
    color:#b2b2b2;
}

#footer ul li a:hover, #footer ul li a.footer_nav_on 
{
    color:#8bcbc2;
    text-decoration: underline;
}


/*----------------------------------------- debug styles */
.debug
{
    border: 1px solid red;
}
