/**********************************************************************************
=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:#0069AA;
    background: #FFFFFF;
	font-family : Trebuchet MS, 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:2em;
	font-weight:bold;
}

h2
{
	font-size:1.2em;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 8px 0;
}
  
h3
{
	font-size:1.5em;
	font-weight:bold;
	color:#0069AA;
	margin:0 0 0 0;
	font-style:italic;
}

h4
{
	font-size:1.5em;
	font-weight:bold;
	color:#00A160;
	margin:0 0 0 0;
	font-style:italic;
}

h5{font-weight:bold;}

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

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

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

del {text-decoration: line-through;}

/**********************************************************************************
=Text
**********************************************************************************/
.quote
{
    color:#00A160;
    font-weight:bold;
    font-size:1.1em;
    font-style:italic;
    font-family:Arial, Helvetica, Sans-Serif;
}

p strong
{
   font-family:Arial Black, Arial, Helvetica, Sans-Serif;
   font-weight:normal;
   font-style:italic;
}

ul.list
{
    list-style-type:none;
    margin:10px 0;
    padding:0 0 0 15px;
}
    ul.list li
    {
        background:url(../images/bullet.gif) no-repeat 0 2px;
        padding:0 0 8px 15px;
    }
    ul.list li a
    {
        color:#00A160;
        font-weight:bold;
        text-decoration:none;
        font-size:1.1em;
        font-style:italic;
    }
    
ul.section_list, ul.section_list_wide
{
    list-style-type:none;
    margin:10px 0;
    padding:0 0 0 15px;
}

 ul.section_list_wide li span
    {
        font-size:0.9em;
        color:#00A160;
        display:block;
        padding:5px 0 0 9px;
    }
    
    ul.section_list li, ul.section_list_wide li
    {
        padding:0;
        margin:0;
        background:url(../images/bg_subnav_shadow.png) no-repeat 0 0;
        height:auto!important;
        height:50px;
        min-height:50px;
        width:314px;
    }
        * html ul.section_list_wide{padding:0;}
        
    ul.section_list_wide li{background:url(../images/bg_subnav_shadow.png) no-repeat 0 12px;margin:0 0 14px 0;}
    * html ul.section_list li,  * html ul.section_list_wide li{background:none;}
    
    ul.section_list li a, ul.section_list_wide li a
    {
        background:url(../images/bg_subnav.gif) no-repeat 0 0;
        display:block;
        width:282px;
        height:32px;
        line-height:27px;
        padding:0 9px;
        color:#FFFFFF;
        font-weight:bold;
        text-decoration:none;
        font-size:1em;
    }
    ul.section_list_wide li a
    {
        background:url(../images/bg_subnav_wide.gif) no-repeat 0 0;
        height:28px;
        line-height:28px;
        padding:6px 9px;
    }
    
     ul.section_list li span
    {
        font-size:0.9em;
        color:#00A160;
        display:block;
        padding:0 0 10px 9px;
    }
    
.required
{
    color:#CF3339;
}

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

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

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

form
{
	margin:0;
	padding:0;
}

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

/**********************************************************************************
=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;
	}

/**********************************************************************************
=Layout
**********************************************************************************/
div.container
{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:994px;
}
	
#header
{
    margin:0 0 10px 0;
    float:left;
    width:100%;
}
    #header h1
    {
        float:left;
        font-size:2.3em;
        font-weight:normal;
        padding:1.3em 0 0 25px;
        line-height:1.6em;
        font-family: Arial Black, Arial, Helvetica, sans-serif;
    }
    #header .logo
    {
        margin:2.5em 0 0 35px;
        float:left;
    }
    #logo
    {
        float:right;
        margin:0 40px 0 0;
    }
    
#content
{
    background:#D9E3F1 url(../images/bg_content.gif) no-repeat top right ;
    float:left;
    width:585px;
    height:auto!important;
    height:300px;
    min-height:300px;
    padding:20px 20px 10px 20px;
    color:#0069AA;
    font-size:1.178em;
	line-height: 1.2em;
}
    #column_left
    {
        float:left;
        width:340px;
        padding:0 20px 0 0;
    }
    
    #column_right
    {
        float:left;
        width:225px;
    }
    
#right
{
    float:left;
    width:378px;
}

#footer
{
    clear:both;
    padding:10px;
    text-align:right;
    border-bottom:2px solid #0069AA;
}
    #footer a{color:#0069AA;}

#search
{
    float:right;
    background:url(../images/bg_search.gif) no-repeat top left;
    width:225px;
    height:36px;
    line-height:36px;
    color:#FFFFFF;
    margin:10px 16px 0 0;
    padding:0 10px;
    font-size:1.3em;
    font-style:italic;
    font-weight:bold;
    display:inline;
}
    #search label
    {
        float:left;
    }
    #search input
    {
        color:#9D9FA2;
        font-size:1em;
        font-style:italic;
        font-weight:bold;
        width:165px;
        float:left;
        margin:6px 0 0 4px;
    }
    * html #search
    {
        padding:4px 10px 0;
        height:30px;   
    } 
    * html #search input{margin:4px 0 0 4px;}
/**********************************************************************************
=Navigation
**********************************************************************************/

#nav { /* nav list */
	padding: 0;
	margin: 0;
	list-style: none;
	clear:both;
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#nav li { /* nav list items */
	float: left;
}
#nav li a {
	display:block;
	width:121px;
	height:16px;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	padding:50px 5px 0 0;
}

#nav li ul
{
	position: absolute;
	width:252px;
	left: -999em;
	z-index:9999;
}
		
#nav li:hover ul, #nav li.sfHover ul
{
	left: auto;
}

#nav li li{margin:0;}

#nav li ul li a
{
    width:220px!important;
	display:block;
	height:18px!important;
	line-height:18px!important;
	padding:6px 6px 6px 26px!important;
	background:url(../images/bg_nav.gif) no-repeat 5px 50%!important;
	color:#FFFFFF!important;
	text-decoration:none;
	text-align:left!important;
}	
	#nav li#about ul li a.sub, #nav li#about ul li a.sub{background:url(../images/n_arrow.gif) no-repeat 96% 50%!important;}
		

	#nav li#foodchain ul li:hover a, #nav li#foodchain ul li.sfHover a{background:#9AB849!important;}
	#nav li#biogen ul li:hover a, #nav li#biogen ul li.sfHover a{background:#A7AD4E!important;}
	#nav li#enviromental ul li:hover a, #nav li#enviromental ul li.sfHover a{background:#F2782F!important;}
	#nav li#biotech ul li:hover a, #nav li#biotech ul li.sfHover a{background:#5593C4!important;}
	#nav li#about ul li:hover a.sub, #nav li#about ul li.sfHover a.sub{background:url(../images/n_arrow.gif) no-repeat 96% 50% #7B3029!important;}
	#nav li#about ul li:hover a, #nav li#about ul li.sfHover a{background:#7B3029!important;}
		#nav li#about ul li ul li:hover a, #nav li#about ul li ul li.sfHover a{background-color:#945049!important;}
	
	#nav li ul li ul{margin: -30px 0 0 252px;}
	#nav li:hover ul ul, #nav li.sfHover ul ul{	left: -999em;}
		#nav li:hover ul, #nav li li:hover ul, #nav li.sfHover ul, #nav li li.sfHover ul{left: auto;}
		
    /*Home*/
    #nav li#home{width:120px;}
    #nav li#home a{width:115px;background:url(../images/nav_home.gif) no-repeat top right;color:#0069AA;}

    /*Services*/		
    #nav li#home{width:120px;}	
    #nav li#services a{width:115px;background:url(../images/nav_services.gif) no-repeat top left;color:#0069AA;}
    #nav li#services ul{background:#167CB7;}
    #nav li#services ul li:hover a, #nav li#services ul li.sfHover a{background:#0069AA url(../images/bg_nav.gif) no-repeat 5px 50%!important;}
    #nav li#services ul{width:247px!important;}
    #nav li#services ul li a{width:215px!important;}
    #nav li#services ul li ul{margin: -30px 0 0 247px;}
    #nav li#services ul li:hover ul li a:hover, #nav li#services ul li.sfHover ul li a:hover{background:#5C93C6 url(../images/bg_nav.gif) no-repeat 5px 50%!important;}

        
    /*History*/			
    #nav li#history a{background:url(../images/nav_history.gif) no-repeat top left;color:#0069AA;}
    #nav li#history ul{background:#5C93C6;}
    #nav li#history ul li:hover a, #nav li#history ul li.sfHover a{background:#8DAFD6 url(../images/bg_nav.gif) no-repeat 5px 50%!important;}
    #nav li#history ul{width:257px!important;}
    #nav li#history ul li a{width:225px!important;}
    
    /*Clients*/			
    #nav li#clients a{background:url(../images/nav_history.gif) no-repeat top left;color:#0069AA;}
    #nav li#clients ul{background:#5C93C6;}
    #nav li#clients ul li:hover a, #nav li#clients ul li.sfHover a{background:#8DAFD6 url(../images/bg_nav.gif) no-repeat 5px 50%!important;}
    #nav li#clients ul{width:257px!important;}
    #nav li#clients ul li a{width:225px!important;}

    /*Case Studies*/
    #nav li#casestudies{width:132px;}		
    #nav li#casestudies a{width:122px;background:url(../images/nav_clients.gif) no-repeat top left;color:#0069AA;padding:50px 10px 0 0;}
    #nav li#casestudies ul{background:#8DAFD6;}
    #nav li#casestudies ul li:hover a, #nav li#casestudies ul li.sfHover a{background:#B3D0EF url(../images/bg_nav.gif) no-repeat 5px 50%!important;}
    #nav li#casestudies ul{width:260px!important;}
    #nav li#casestudies ul li a{width:228px!important;}
    
    /*News*/		
    #nav li#news{width:130px;}			
    #nav li#news a{width:125px;background:url(../images/nav_news.gif) no-repeat top left;color:#00A160;text-align:right;padding:50px 5px 0 0;}
    #nav li#news ul{background:#97D0B5;}
    #nav li#news ul li:hover a, #nav li#news ul li.sfHover a{background:#62BD96 url(../images/bg_nav.gif) no-repeat 5px 50%!important;}
    #nav li#news ul{width:250px!important;}
    #nav li#news ul li a{width:218px!important;}
    
    /*Renewables*/	
    #nav li#renewables{width:120px;}			
    #nav li#renewables a{width:115px;background:url(../images/nav_renewables.gif) no-repeat top left;color:#00A160;padding:50px 0 0 5px;}
    #nav li#renewables ul{background:#62BD96;}
    #nav li#renewables ul li:hover a, #nav li#renewables ul li.sfHover a{background:#00AE7C url(../images/bg_nav.gif) no-repeat 5px 50%!important;}
    #nav li#renewables ul{width:246px!important;}
    #nav li#renewables ul li a{width:213px!important;}
    
    /*Careers*/			
    #nav li#careers a{background:url(../images/nav_careers.gif) no-repeat top left;color:#00A160;padding:50px 0 0 5px;}
    	
    /*Contact*/		
    #nav li#home{width:120px;}	
    #nav li#contact a{width:115px;background:url(../images/nav_contact.gif) no-repeat top left;color:#008F53;padding:50px 0 0 5px;}
    
/**********************************************************************************
=home
**********************************************************************************/
#home_left
{
    float:left;
    display:inline;
    margin:0;
    padding:15px 0 0 0;
    background:#0069AA;
    width:498px;
    color:#FFFFFF;
}
    #home_text
    {
        margin:60px 20px 60px 35px;
        font-size:1.4em;
        line-height:1.2em;
    }
    #home_text h2
    {
        text-transform:none;
        font-size:1.8em;
        font-weight:bold;
        line-height:1.2em;
        margin:0 0 20px 0;
    }
    #home_text p{margin:0;padding:0;}
    
    #home_left #logos
    {
        padding:0 0 0 34px
    }
        #home_left img
        {
            margin-right:6px;
        }

#home_right
{
    float:left;
    width:496px;
}
            
    #quotes
    {
        clear:both;
        background-color:#00A160;
        width:443px;
        height:92px;
        margin:0 0 10px 0;
        padding:10px 20px 10px 35px;
        color:#97D0B5;
        font-size:2.4em;
        font-weight:bold;
        font-style:italic;
        font-family:Arial, Helvetica, Sans-Serif
    }
        #quotes p
        {
            background-color:#00A160;
        }
        
        #quotes p.top
        {
            background-color:transparent;
            color:#FFFFFF;
            font-size:0.8em;
            padding:0 0 10px;
        }
        
     
        
   .home_text
   {
        color:#00A160;
        font-size:1.3em;
        margin:8px 0;
   } 
       .home_text strong
       {
            font-weight:bold;
            font-style:italic;
       }
    
/**********************************************************************************
=LayoutElements
**********************************************************************************/
#details .column_1
{
    float:left;
    width:542px;
    padding:20px 10px 10px 35px;
    background:#D9E3F1;
    font-size:1.178em;
	line-height: 1.2em;
}

#details .column_2
{
    float:left;
    width:370px;
    padding:20px 16px 10px 20px;
    position:relative;
    background:#D9E3F1 url(../images/bg_content.gif) no-repeat top right ;
    font-size:1.178em;
	line-height: 1.2em;
}

    #details p
    {
        margin:0 0 10px 0;
    }

    #details img
    {
        position:absolute;
        bottom:10px;
        right:10px;
    }

    #details a.download
    {
        float:right;
        font-size:1.2em;
    }

    #details .date, h3.date
    {
        color:#00A160;
        font-size:1.2em;
        font-weight:bold;
        padding-top:5px;
        clear:both;
        float:left;
    }
    
#details.job
{
    clear:both;
    width:565px;
    font-size:1.178em;
	line-height: 1.2em;
	float:left;
	margin:0 15px 0 30px;
}
    
    #details.job h3
    {
        background:#0069AA;
        color:#FFFFFF;
        font-size:1.6em;
        padding:6px 20px;
        margin:0 0 10px 0;
    }
    
    #job_body
    {
         background:#C0D1E8;
         padding:10px 20px;
    }
    
    #job_contact
    {
         background:#EFF6FF;
         padding:10px 20px;
         margin:10px 0 0 0;
    }
   
h3.date
{
    float:none;
    margin:0 0 5px 0;
}

div.list
{
    clear:both;
    padding:0 0 10px 0;
    margin:0 0 10px 0;
    border-bottom:1px dashed #5D91C4;
    float:left;
    width:100%;
}

    div.list .date
    {
        color:#00A160;
        font-size:1em;
        font-weight:bold;
    }

    div.list a.image
    {
        float:left;
        border:2px solid #0069AA;/*check frontend page for width*/
        padding:3px;
        margin:0;
    }

    div.list div.image
    {
        float:left;
        width:460px;
        margin:0 0 0 10px;
    }

    div.list .title
    {
        font-size:1.1em;
        font-weight:bold;
        display:block;
        padding:0 0 4px 0;
        color:#0069AA;
    }
    
#news_image
{
    float:left;
    width:316px;
    padding:0 25px 25px;
}

.news_date
{
    color:#5C93C6;
    float:right;
    font-size:2.9em;
    font-style:italic;
    font-weight:bold;
    padding:1em 0 0 25px;
    line-height:1.5em;
}
    
#news_list
{
    margin:0 25px;
    width:560px;
    float:left;
    font-size:1.178em;
    line-height: 1.2em;
    display:inline;
}

    #news_list .tickercontainer { /* the outer div with the black border */
        background-color:#0069AA;
        width: 560px; 
        height:1em;
        margin: 0;
        padding:5px 0;
        font-size:1.1em;
        font-style:italic;
        font-weight:bold;
        text-transform:uppercase;

        overflow: hidden; 
    }
    #news_list .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
        position: relative;
        left: 10px;
        width: 540px;
        overflow: hidden;
    }

    .ticker
    {
        position: relative;
        left: 560px;
        height:1em;
        line-height:1em;
        list-style-type:none;
        display:block;
    }
        .ticker li{float:left;}
        .ticker a
        {
            color:#FFFFFF;
            margin-right:50px;
            white-space: nowrap;
        }
    
    div.list_blue, div.list_green
    {
        margin:5px 0 0 0;
        padding:5px;
        width:550px;
        background:#C0D1E8;
        border:0;
        float:left;
    }
        div.list_green{background:#C9E5D6;}
    
    div.list_blue .date, div.list_green .date
    {
        color:#00A162;
        float:left;
        font-size:1.1em;
        font-weight:bold;
        width:140px;
    }
    
    div.list_blue div, div.list_green div
    {
        float:left;
        width:400px;
    }
    
    div.list_blue h3, div.list_green h3
    {
        text-transform:uppercase;
        font-size:1.1em;
        font-style:italic;
    }
    div.list_blue h3 a, div.list_green h3 a{color:#0069AA;}
     
    div.list_blue a.more, div.list_green a.more
    {
        clear:both;
        float:right;
    }
    
#job_details
{
    padding:10px 0 0 0;
    line-height:1.2em;
    color:#00A160;
}

#tblApply td
{
    vertical-align:top;
    padding:2px 0;
}

    #tblApply td table td
    {
        padding:3px 3px;
    }

#address
{
    color:#0069AA;
    font-size:1.1em;
    line-height:1.2em;
}
    #address a{
        color:#0069AA;
        text-decoration:none;
    }
     #address a:hover{text-decoration:underline;}   
     
.highlight{color:#00A160;}
.highlight a 
{
    color:#00A160!important;
}

.person
{
    text-align:center;
    float:left;
    width:127px;
    height:22px;
    line-height:22px;
    font-size:1.2em;
    font-weight:bold;
}
    a#p1{ background:#5C93C6;
        color:#00598F!important;}
    a#p2{ background:#8DAFD6;
        color:#0069AA!important;}
    a#p3{ background:#97D0B5;
        color:#00A364!important;}
    a#p4{ background:#DFF0E7;
        color:#00A86F!important;}
    a#p5{ background:#D9E3F1;
        color:#237FB9!important;}

#people_details
{
    line-height:1em;
    margin:0 0 10px 40px;
    float:left;
    width:238px;
    padding:20px 0 0 0;
}
      
    h2.name
    {
        font-size:1.5em;
        font-weight:bold;
        text-transform:none;
        font-style:italic;
    }
    .job_title
    {
        font-size:1.5em;
        font-weight:bold;
        text-transform:none;
        font-style:italic;
        display:block;
    }
    .post_nominals
    {
        margin:10px 0 0 0;
        font-size:1.2em;
        text-transform:none;
        font-style:italic;
        display:block;
    }
    
#people_list
{
    float:left;
}
    #people_list img
    {
        margin-right:2px;
    }
    
img.people
{
    float:left;
    margin-right:20px;
    border:4px solid #FFFFFF;
}

#client_scroller
{
    background:#FFFFFF;
    margin:10px 0px;
    padding:10px 10px;
    width:924px;
}

#imgcont {
	border: black medium solid;
	height: 60px;
}
#imgcont img {
	display: none;
}