/**********************************************************************************
=Global Reset
**********************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html, body
{
	height:100%;
}

body 
{
    color:#000000;
    background: #FFFFFF;
	font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center;
	line-height: 1;
}

/**********************************************************************************
=Useful Classes
**********************************************************************************/
.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

	/* WinIE7 only */
	*:first-child+html .clearfix 	{ height:1%; }
	
	/* WinIE6 and below */
	/*¥*/
	* html .clearfix { height:1%;}

	/**/
	/* MacIE only */
	/*¥*//*/
	.clearfix { display:inline-table; }
	/**/

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }

.b , strong, b { font-weight:bold; }
.i , em, i { font-style:italic; }

.nobrk  { white-space : nowrap; }
.upper {text-transform:uppercase;}

/**********************************************************************************
=Common Elements
**********************************************************************************/
h1
{
	font-size:2.1em;
	font-weight:bold;
	color:#E35937;
	text-transform:uppercase;
	display:inline;
}

h2, #popcontent_title span
{
	font-size:1.1em;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
}
  
h3
{
	font-size:1.4em;
	font-weight:normal;
	padding:10px 0 5px;
	color:#FFC438;
}
    h3 span
    {
	    color:#CAC6C5;
	    display:block;
    }
h4
{
	font-size:1.2em;
	font-weight:bold;
}

h5
{
    font-size:1.2em;
    font-weight:bold;
}

p
{
	padding:0 0 1em 0;
	font-size:1em;
}

u
{
    display:block;
    padding:0 0 0.5em 0;
}

sup {vertical-align:top;}

ul, ol
{
	padding:0 0 20px 20px;
}

img {border:none;}
a:active, a:focus {outline: 0;}

del {text-decoration: line-through;}

/**********************************************************************************
=Text
**********************************************************************************/

.label{color:#FFC438;}

/**********************************************************************************
=Links
**********************************************************************************/

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

a.button, a.button_big
{
    display:block;
    background:url(../images/b_button_bg.gif) no-repeat top left;
    height:42px;
    width:185px;
    text-decoration:none;
    text-transform:uppercase;
    text-align:right;
    font-size:1.21em;
    padding:5px 25px 0 0;
    cursor:pointer;
    clear:right;
    margin-bottom:10px;
}
    a.button_big{height:52px;background:url(../images/b_button_bg_tall.gif) no-repeat top left;}
    
    a.button span, a.button_big span
    {
        display:block;
        font-weight:bold;
        font-size:0.75em;
    }

/**********************************************************************************
=Forms 
**********************************************************************************/

form
{
	margin:0;
	padding:0;
}

input, select, textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
}

.validation
{
    padding:10px 5px!important;
    margin:5px 0!important;
    border:1px solid #AF0C00!important;
    background:#FFE1DF!important;
    text-align:left!important;
}
    .validation ul, .validation li
    {
        padding:0!important;
        margin:0!important;
        color:#AF0C00!important;
    }
    .validation ul{margin-left:15px!important;}

/**********************************************************************************
=Tables 
**********************************************************************************/
table
{
	font-size: 100%;
	border:0;
	margin:0;
	padding:0;
	border-collapse: separate;
	border-spacing: 0;
}
	caption, th, td
	{
		text-align: left;
		font-weight: normal;
	}
	
/*****************************************************************
=Infoboxes
*****************************************************************/
.info, .alert, .error {
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin:0 0 5px 0;
	display:block;
	}

.info {
	background: #F8FAFC url(../images/info.png) center  no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
	}

.alert {
	background: #FFF9CF url(../images/alert.gif) center no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #FED626;
	border-bottom: 2px solid #FED626;
	}

.error {
	background: #FFD0CF url(../images/error.gif) center no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #FF443F;
	border-bottom: 2px solid #FF443F;
	}

/**********************************************************************************
=Layout
**********************************************************************************/
#container
{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:970px;
}
	
#header
{
    padding:25px 0 0 0;
}

    #nav
    {
        float:right;
        list-style-type:none;
        padding:0;
        margin:0;
    }
        #nav li
        {
            float:left;
            width:100px;
            height:124px;
            text-align:right;
            margin-right:10px;
            background: #C9320A url(../images/bg_nav.gif) center no-repeat;
            font-size:11px;
        }
        #nav li a
        {
            float:left;
            width:90px;
            height:30px;
            padding:64px 5px 6px;
            text-decoration:none;
            color:#FFFFFF;
            text-transform:uppercase;
            position:relative;
            font-size:11px;
        }
            #nav li#ctl00_nav1 a{background: #C9320A url(../images/bg_nav_1.gif) top center no-repeat;}
            #nav li#ctl00_nav2 a{background: #C9320A url(../images/bg_nav_2.gif) top center no-repeat;}
            #nav li#ctl00_nav3 a{background: #C9320A url(../images/bg_nav_3.gif) top center no-repeat;}
            #nav li#ctl00_nav4 a{background: #C9320A url(../images/bg_nav_4.gif) top center no-repeat;}
            #nav li#ctl00_nav5 a{background: #C9320A url(../images/bg_nav_5.gif) top center no-repeat;}
            #nav li#ctl00_nav6 a{background: #C9320A url(../images/bg_nav_6.gif) top center no-repeat;}
            
            #nav li#ctl00_nav1 a:hover{background: #C9320A url(../images/bg_nav_1-1.gif) top center no-repeat;}
            #nav li#ctl00_nav2 a:hover{background: #C9320A url(../images/bg_nav_2-1.gif) top center no-repeat;}
            #nav li#ctl00_nav3 a:hover{background: #C9320A url(../images/bg_nav_3-1.gif) top center no-repeat;}
            #nav li#ctl00_nav4 a:hover{background: #C9320A url(../images/bg_nav_4-1.gif) top center no-repeat;}
            #nav li#ctl00_nav5 a:hover{background: #C9320A url(../images/bg_nav_5-1.gif) top center no-repeat;}
            #nav li#ctl00_nav6 a:hover{background: #C9320A url(../images/bg_nav_6-1.gif) top center no-repeat;}
            
            #nav li#ctl00_nav1.selected a{background: #C9320A url(../images/bg_nav_1-2.gif) top center no-repeat;}
            #nav li#ctl00_nav2.selected a{background: #C9320A url(../images/bg_nav_2-2.gif) top center no-repeat;}
            #nav li#ctl00_nav3.selected a{background: #C9320A url(../images/bg_nav_3-2.gif) top center no-repeat;}
            #nav li#ctl00_nav4.selected a{background: #C9320A url(../images/bg_nav_4-2.gif) top center no-repeat;}
            #nav li#ctl00_nav5.selected a{background: #C9320A url(../images/bg_nav_5-2.gif) top center no-repeat;}
            #nav li#ctl00_nav6.selected a{background: #C9320A url(../images/bg_nav_6-2.gif) top center no-repeat;}
            
            #nav li a span
            {
                position:absolute;
                bottom:5px;
                right:5px;
            }
            
.breadcrumbs
{
    color:#292726;
    margin:30px 0 0 5px;
    font-size:11px;
} 
    .breadcrumbs a
    {
        color:#292726;
    }
    
    .breadcrumbs .current
    {
        color:#AD210F;
    } 
    
#content_container
{
    margin:10px 0 0 0;
    position:relative;
    clear:both;
    float:left;
}

        #content
        {
 	        background: #FFFFFF url(../images/bg_content.gif) top left no-repeat;
            padding:7px;
            height:358px;
            width:956px;
        }
                    
#footer
{
    padding:10px 0 0 0;
    clear:both;
}
    #footer #footertext
    {
        border-top:2px dashed #E9E7E4;
        padding:10px 0 0 0;
        margin:10px 0 0 0;
    }
    
    #footer a
    {
        text-transform:uppercase;
        color:#000000;
    }
    
    #footer .n2
    {
        color:#878483;
        margin:0 0 0 250px;
        text-transform:none;
    }
    
/**********************************************************************************
=Casestudy List
**********************************************************************************/
#casestudies
{
    width:100%;
}

#casestudies img
{
    border:4px solid #FFFFFF;
    margin-right:10px;
    margin-bottom:10px;
    width:112px;
    height:112px
}

#casestudies #list
{
    height:260px;
    width:930px;
    overflow:hidden;
    position:relative;
}
    
    #casestudies #list a
    {
        display:block;
        float:left;
        text-decoration:none;
        font-size:11px;
    }

    #casestudies #list a span.label
    {
        background:#000000;
        color:#FFFFFF;
        display:block;
        float:left;
        height:100px;
        width:160px;
        padding:10px;
        text-align:right;
    }
        * html #casestudies #list a span.label{ width:155px; }
        
        #casestudies #list a span.label span
        {
            float:right;
            width:160px;
            line-height:1.09em;
        }
        * html #casestudies #list a span.label span{ width:155px; }
        
        #casestudies #list a span.cstitle
        {
            float:right;
            font-size:1.2em;
            color:#FFC438;
            margin:5px 0;
        }
        
        
    #list_scroll
    {
        position:absolute;
        left:0;
        top:0;
    }
        #list_pagnation a
        {
            background:#000000;
            color:#FFFFFF;
            display:block;
            padding:8px 10px;
        }
        
        a#list_prev
        {
            float:left;
        }
        
        a#list_next
        {
            float:right;
            margin-right:20px;
        }

#list a{cursor:pointer;}

#homelist
{
    position:absolute;
    bottom:-50px;
    right:30px;
    z-index:50;
    height:124px;
}
    #homelist img
    {
        margin-right:10px;
    }
    
    #homelist #listcontainer
    {
        overflow:hidden;
        width:590px;
    }
        #homelist #list
        {
            overflow:hidden;
            width:525px;
            height:124px;
            left:30px;
            position:relative;
        }
        
        #homelist #list div
        {
            overflow:hidden;
            width:5000px;
            position:absolute;
            left:0;
        }
        
        #homelist #list a
        {
            cursor:default;
        }
            
            #homelist #bLeft
            {
                position:absolute;
                left:0; 
                top:77px;
                margin:0;
                cursor:pointer;
            }
            
            #homelist #bRight
            {
                position:absolute;
                right:0; 
                top:77px;
                margin:0;
                cursor:pointer;
            }
/**********************************************************************************
=HomePage
**********************************************************************************/
#homeimg
{
    position:relative;
    width:956px;
    height:358px;
}
    #homeimg img
    {
        position:absolute;
        top:0;
        left:0;
    }


#contentwrapper
{
    position:relative;
    height:358px;
    width:956px;
}

#contentwrapper #top
{
    background: url(../images/bg_casestudy_top.png) top left no-repeat;
    height:126px;
    width:956px;
    position:absolute;
    top:0;
    left:0;
    z-index:40;
    color:#FFFFFF;
    text-transform:uppercase;
    font-size:2.5em;
    text-align:right;
}
    #contentwrapper #top span{position:absolute;bottom:10px;right:46px;}
    
#bottom
{
    background: url(../images/bg_casestudy_btm.png) top left no-repeat;
    height:35px;
    width:956px;
    padding:6px 0 0 0;
    position:absolute;
    bottom:0;
    left:0;
    z-index:41;
}
    #bottom h2
    {
        text-align:right;
        width:250px;
        text-transform:uppercase;
        color:#FFFFFF;
        font-weight:normal;
        font-size:1.4em;
    }
         #bottom h2 span
         {
            color:#FFC438;
            display:block;
            font-size:0.8em;
         }
         
/**********************************************************************************
=Content Pages
**********************************************************************************/
.slidepanel
{
    overflow:hidden;
    height:358px;
    position:relative;
}
.slidecontent
{
    height:298px!important;
    width:894px!important;
    padding:30px;
    overflow:hidden;
    position:absolute;
}

.text_content
{
    background:#000000;
    border:2px solid #FFFFFF;
    color:#FFFFFF;
    float:left;
    font-size:1.2em;
    height:197px;
    margin:7px 0 0 0;
    opacity:0.8;
    padding:15px;
    width:400px;
}

#page
{
    position:absolute;
    top:30px;
    z-index:145;
    width:970px;
    left:50%;
    margin-left:-480px;
    text-align:left;
}
    .innercontent
    {
        background: url(../images/bg_innercontent.png) repeat top left;
        border:3px solid #FFFFFF;
        padding:30px;
        color:#FFFFFF;
        font-size:1.2em;
    }
        .title 
        {
            
            float:left;
            margin:0 0 10px 0;
            width:100%;
            height:106px;
            position:relative;
        }
            .title img.titleimg
            {
                border:3px solid #FFFFFF;
            }
            
            #title_text
            {
                position:absolute;
                bottom:0;
                left:116px;
            }
            
                .title h2
                {
                    color:#FFC438;
                    font-size:19px;
                    font-weight:normal;
                    margin:90px 0 0 0;
                }
                .title h3
                {
                    color:#FFC438;
                    font-size:19px;
                    font-weight:normal;
                    margin:63px 0 0 0;
                    text-transform:uppercase;
                }
                    .title h3 span{font-size:0.9em;}
               
                .title .location
                {
                    clear:both;
                    margin:0;
                    color:#CAC6C5;
                    text-transform:uppercase;
                }
            
        .innercontent ul
        {
            clear:both;
            list-style-type:none;
            margin:0 0 0.5em 0;
            padding:0;
        }
            .innercontent ul li
            {
                background:url(../images/bullet.gif) no-repeat 0 13px;
                padding:8px 0 0 12px;
                margin:0;
            }
            
            .innercontent ul ul li
            {
                background:url(../images/bullet.gif) no-repeat 0 8px;
                padding:3px 0 0 12px;
                margin:0;
            }
            
        .innercontent ul.sitemap
        {
            float:left;
            margin-right:20px;
            clear:none;
        }
        
            .innercontent ul.sitemap li
            {
                background:url(../images/bullet.gif) no-repeat 0 8px;
                padding:2px 0 0 12px;
            }
            
    #page_images, #page_sidebar_content
    {
        font-size:13px;
        float:left;
        display:inline;
        margin:0 20px 0 15px;
        padding:30px;
        width:152px;
        height:472px;
        overflow:hidden;
    }
        #page_sidebar_content
        {
            padding:30px 15px;
            width:182px;
        }
    
    #page_content
    {
        padding:30px;
        width:635px;
        height:472px;
        float:left;
        overflow:hidden;
    }
        #page_content_wrapper
        {
            width:635px;
            height:472px; 
            position:relative;
        }
    
        #page_content_content, #page_content_image
        {
            position:absolute;
            top:0;
            left:0;
            width:635px;
            height:472px; 
            z-index:97;
        }
        
        #page_content_image{z-index:98;}
            #imgBig{border:3px solid #FFFFFF;}
        
        a.close
        {
            position:absolute;
            top:0;
            right:0;
            z-index:99;
        }
        
        a.previous
        {
            cursor:pointer;
            background:url(../images/spacer.gif);
            position:absolute;
            top:0;
            left:0;
            z-index:98;
            height:472px;
            width:40%;
        }
            a.previous img{margin-top:220px;display:none;} 
            a.previous:hover img,  a.previous img.hover{display:block;}
        
        a.next
        {
            cursor:pointer;
            background:url(../images/spacer.gif);
            position:absolute;
            top:0;
            right:0;
            z-index:98;
            height:472px;
            width:40%;
        }
            a.next img{float:right;margin-top:220px;display:none;} 
            a.next:hover img,  a.next img.hover{display:block;}
        
#overlay
{
    height:100%;
    width:100%;
    z-index:55;
    background:#000000;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    position:fixed;
    top:0;
    left:0;
}
     
#images
{
    width:800px;
}
         
.thumbs
{
    text-align:center;
    float:left;
    width:152px;
    margin:0 30px 0 0;
}
    .thumbs a.disabled
    {
        cursor:default;
    }
         
    #thumbUp
    {
        display:block;
        margin:0 auto 10px;
    }
    
    #thumbDown
    {
        display:block;
        margin:10px auto 0;
    }
    
    .thumbs div
    {
        height:373px;
        overflow:hidden;
        position:relative;
    }
    
        .thumbs ul
        {
            list-style-type:none;
            padding:0;
            margin:0;
            background:0;
            position:absolute;
            top:0;
            left:0;
        }
         
        .thumbs ul li
        {
            padding:0;
            height:128px;
            background:0;
        }
            .thumbs ul li img
            {
                border:3px solid #FFFFFF;
                cursor:pointer;
            }
            
            .thumbs ul li.current img
            {
                border:3px solid #EE3B33;
            }
            
#images #imgBig
{
    float:left;
    border:3px solid #FFFFFF;
    margin-top:26px;
}
 
#caption{padding-top:10px;clear:both;}       
  
/**********************************************************************************
=List Pages
**********************************************************************************/   
#casestudy_buttons
{
    margin-left:8px;
}     
    .buttons a
    {
        width:100px;
        height:28px;
        line-height:28px;
        float:left;
        background-color:#FFFFFF;
        background-position:top left;
        background-repeat:no-repeat;
        color:#5C5553;
        text-align:center;
        padding:198px 0 0 0;
        margin:7px 6px 0 0;
        border:2px solid #FFFFFF;
        font-size:11px;
        text-transform:uppercase;
        font-weight:bold;
    }
       .buttons a:hover
        {
            color:#EE3B33;
            text-decoration:none;
        }
        
    #casestudy_buttons a.industrial{background-image:url(/images/casestudies/b_industrial.gif);}
    #casestudy_buttons a.commercial{background-image:url(/images/casestudies/b_commercial.gif);}
    #casestudy_buttons a.publicsector{background-image:url(/images/casestudies/b_public.gif);}
    #casestudy_buttons a.residential{background-image:url(/images/casestudies/b_residential.gif);}
    #casestudy_buttons a.healthcare{background-image:url(/images/casestudies/b_healthcare.gif);}
    #casestudy_buttons a.education{background-image:url(/images/casestudies//b_education.gif);}
    #casestudy_buttons a.infrastructure{background-image:url(/images/casestudies/b_infrastructure.gif);}
    #casestudy_buttons a.retail{background-image:url(/images/casestudies/b_retail.gif);}
    #casestudy_buttons a.accommodation{background-image:url(/images/casestudies/b_accommodation.gif);}
    
    #casestudy_buttons a.industrial_selected {background-image:url(/images/casestudies/b_industrial-1.gif);}
    #casestudy_buttons a.commercial_selected {background-image:url(/images/casestudies/b_commercial-1.gif);}
    #casestudy_buttons a.publicsector_selected {background-image:url(/images/casestudies/b_public-1.gif);}
    #casestudy_buttons a.residential_selected {background-image:url(/images/casestudies/b_residential-1.gif);}
    #casestudy_buttons a.healthcare_selected {background-image:url(/images/casestudies/b_healthcare-1.gif);}
    #casestudy_buttons a.education_selected {background-image:url(/images/casestudies/b_education-1.gif);}
    #casestudy_buttons a.infrastructure_selected {background-image:url(/images/casestudies/b_infrastructure-1.gif);}
    #casestudy_buttons a.accommodation_selected {background-image:url(/images/casestudies/b_accommodation-1.gif);}
    
    #casestudy_buttons a.distribution{background-image:url(/images/casestudies/b_industrial_distribution.gif);}
    #casestudy_buttons a.fitout{background-image:url(/images/casestudies/b_industrial_fitout.gif);}
    #casestudy_buttons a.food{background-image:url(/images/casestudies/b_industrial_food.gif);}
    #casestudy_buttons a.temperature{line-height:1em;background-image:url(/images/casestudies/b_industrial_temperature.gif);}
    #casestudy_buttons a.pharmaceutical{background-image:url(/images/casestudies/b_industrial_pharmaceutical.gif);}
    
    #casestudy_buttons a.distribution_selected {background-image:url(/images/casestudies/b_industrial_distribution-1.gif);}
    #casestudy_buttons a.fitout_selected {background-image:url(/images/casestudies/b_industrial_fitout-1.gif);}
    #casestudy_buttons a.food_selected {background-image:url(/images/casestudies/b_industrial_food-1.gif);}
    #casestudy_buttons a.temperature_selected {line-height:1em;background-image:url(/images/casestudies/b_industrial_temperature-1.gif);}
    #casestudy_buttons a.pharmaceutical_selected {background-image:url(/images/casestudies/b_industrial_pharmaceutical-1.gif);}
    
#profile_buttons
{
    float:right;
    margin-right:8px;
    width:550px;
}
    
    #profile_buttons a#construction{background-image:url(/images/profile/b_construction.gif);}
    #profile_buttons a#build{background-image:url(/images/profile/b_build.gif);}
    #profile_buttons a#fitout{background-image:url(/images/profile/b_fitout.gif);}
    #profile_buttons a#civils{background-image:url(/images/profile/b_civils.gif);}
    #profile_buttons a#facilities{line-height:1em;background-image:url(/images/profile/b_facilities.gif);}
    #profile_buttons a#accreditations{background-image:url(/images/profile/b_accreditations.gif);}
    
    #profile_buttons a#construction.selected {background-image:url(/images/profile/b_construction-1.gif);}
    #profile_buttons a#build.selected {background-image:url(/images/profile/b_build-1.gif);}
    #profile_buttons a#fitout.selected {background-image:url(/images/profile/b_fitout-1.gif);}
    #profile_buttons a#civils.selected {background-image:url(/images/profile/b_civils-1.gif);}
    #profile_buttons a#facilities.selected {line-height:1em;background-image:url(/images/profile/b_facilities-1.gif);}
    #profile_buttons a#accreditations.selected{background-image:url(/images/profile/b_accreditations-1.gif);}
    
#news_buttons
{
    float:right;
    margin-right:8px;
}
    
    #news_buttons a#current{background-image:url(/images/news/b_news.gif);}
    #news_buttons a#current.selected{background-image:url(/images/news/b_news-1.gif);}
    #news_buttons a#webcams{background-image:url(/images/news/b_webcams.gif);line-height:1em;}
    #news_buttons a#webcams.selected{background-image:url(/images/news/b_webcams-1.gif);}
    #news_buttons a#newsletter{line-height:1em;background-image:url(/images/news/b_newsletter.gif);}
    
#responsibility_buttons
{
    float:right;
    margin-right:8px;
}
    #responsibility_buttons a#people{background-image:url(/images/responsibility/b_people.gif);}
    #responsibility_buttons a#environment{background-image:url(/images/responsibility/b_environment.gif);}
    #responsibility_buttons a#economic{background-image:url(/images/responsibility/b_economic.gif);}
        
    #responsibility_buttons a#investorspeople{line-height:1em;background-image:url(/images/responsibility/b_people_investors.gif);}
    #responsibility_buttons a#healthsafety{line-height:1em;background-image:url(/images/responsibility/b_people_healthsafety.gif);}
    #responsibility_buttons a#training{background-image:url(/images/responsibility/b_people_training.gif);}
    #responsibility_buttons a#retention{background-image:url(/images/responsibility/b_people_retention.gif);}
   
    #responsibility_buttons a#investorspeople.selected{line-height:1em;background-image:url(/images/responsibility/b_people_investors-1.gif);}
    #responsibility_buttons a#healthsafety.selected {background-image:url(/images/responsibility/b_people_healthsafety-1.gif);}
    #responsibility_buttons a#training.selected {background-image:url(/images/responsibility/b_people_training-1.gif);}
    #responsibility_buttons a#retention.selected{background-image:url(/images/responsibility/b_people_retention-1.gif);}
    
    #responsibility_buttons a#carbon{line-height:1em;background-image:url(/images/responsibility/b_environment_carbon.gif);}
    #responsibility_buttons a#sustainability{line-height:1em;background-image:url(/images/responsibility/b_environment_sustainability.gif);}
    #responsibility_buttons a#considerate{line-height:1em;background-image:url(/images/responsibility/b_environment_considerate.gif);}
    
    #responsibility_buttons a#carbon.selected {background-image:url(/images/responsibility/b_environment_carbon-1.gif);}
    #responsibility_buttons a#sustainability.selected {background-image:url(/images/responsibility/b_environment_sustainability-1.gif);}  
    #responsibility_buttons a#considerate.selected {background-image:url(/images/responsibility/b_environment_considerate-1.gif);}  
    
    #responsibility_buttons a#community{background-image:url(/images/responsibility/b_economic_community.gif);}
    #responsibility_buttons a#supply{background-image:url(/images/responsibility/b_economic_supply.gif);}
    #responsibility_buttons a#satisfaction{line-height:1em;background-image:url(/images/responsibility/b_economic_satisfaction.gif);}
    #responsibility_buttons a#kpis{background-image:url(/images/responsibility/b_economic_kpis.gif);}

    #responsibility_buttons a#community.selected{background-image:url(/images/responsibility/b_economic_community-1.gif);}
    #responsibility_buttons a#supply.selected{line-height:1em;background-image:url(/images/responsibility/b_economic_supply-1.gif);}
    #responsibility_buttons a#satisfaction.selected{background-image:url(/images/responsibility/b_economic_satisfaction-1.gif);}
    #responsibility_buttons a#kpis.selected{background-image:url(/images/responsibility/b_economic_kpis-1.gif);}

#construction_buttons
{
    float:right;
    margin-right:8px;
}
    
    #construction_buttons a#innovation{line-height:1em;background-image:url(/images/construction/b_innovation.gif);}
    #construction_buttons a#sustainability {background-image:url(/images/construction/b_sustainability.gif);}  
    #construction_buttons a#renewable{line-height:1em;background-image:url(/images/construction/b_renewenergy.gif);}
    #construction_buttons a#technical{line-height:1em;background-image:url(/images/construction/b_success.gif);}
    
    #construction_buttons a#innovation.selected{line-height:1em;background-image:url(/images/construction/b_innovation-1.gif);}
    #construction_buttons a#sustainability.selected{background-image:url(/images/construction/b_sustainability-1.gif);}  
    #construction_buttons a#renewable.selected{line-height:1em;background-image:url(/images/construction/b_renewenergy-1.gif);}
    #construction_buttons a#technical.selectedl{line-height:1em;background-image:url(/images/construction/b_success-1.gif);}
    
/**********************************************************************************
=News
**********************************************************************************/     
#pages 
{
    position:relative;
    clear:both;
    width:210px;
    height:320px;
    overflow:hidden;
}
    #pages #pages_inner
    {
        position:absolute;
        width:210px;
    }

#news_list
{
    list-style-type:none;
    padding:0;
    margin:0 0 20px 0;
    font-size:13px;
}
    #news_list li
    {
        background:none;
        padding:8px 0;
        border-bottom: 2px dashed #7E7573;
        
    }
    #news_list li a
    {
        color:#CAC6C5;
        font-size:1em;
    }
    #news_list li a span
    {
        color:#FFC438;
        font-size:1.2em;
        display:block;
    }
    
#news_article h3
{
    float:left;
    width:514px;
}
    
#paging
{
    text-transform:uppercase;
    color:#CAC6C5;
}
      
#map_downloads
{
    line-height:1.5em;
    text-align:right;
    text-transform:uppercase;
}

#route
{
    overflow:auto;
    height:390px;
}

/**********************************************************************************
=jScroll
**********************************************************************************/  
.scroll-pane
{
    clear:both;
    height:365px;
    overflow:auto;
    padding-right:10px;
    line-height:1.2em;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}