/*
Colours:
-------------------------
Dark Blue: #00355f;
Light Blue: #00b9f1;

*/


* 
{
    font-family: Arial, Helvetica, sans-serif;    
}

body 
{
    background: url('../../Images/background_body.gif') repeat-x 50% top;
    font-size: 12px;
    line-height:1.4em;
    color:#00355f;
    margin-top:0;
}

/* HTML tag Styling ----------------------------------- */
a 
{
    color:#00355f;
}

a:hover
{
  color:#00b9f1;
}

h1,h2,h3,h4
{
 font-weight:normal;
}

input, textarea{
font-size:12px;
}


h1
{
font-size:24px;
letter-spacing:1px;
}

h2
{
font-size:18px;
}

h3
{
font-size:16px;

}

h4{
font-size:1em;
margin:0px;
}

h5
{
    margin:0px;
    line-height:13px;
}

h5 a
{
    text-decoration:none;
}


/* ------------------------------------------------ */


.HolderOuter
{
    background: #ffffff url('../../Images/background_inner.gif') no-repeat 50% top;
    overflow:auto;
    width:960px;
    margin:auto;
}


.Header
{
    margin:24px 0px 0px 0px;
    padding:40px 0px 0px 0px;
    overflow:auto;    
    width:920px; 
    margin:auto;  
    
}

.Header .Logo
{
    float:right;
}

.Header .Flash
{
   float:left;
}


.Header .BlueBar
{
    background:#00355f;
    display:block;
    height:20px;
    clear:both; 
}

.MainNav
{
    float:left;        
    margin-left:15px;
    width:658px;
}

.MainNav td{
padding:0px;
margin:0px;
}


.MainNav a
{
    line-height:46px;
    text-align:center;
    display:block;
    float:left;
    width:108px;
    height:46px;   
    text-decoration:none;      
    font-size:1.4em;    
}

.MainNav a:hover
{
color:#ffffff; 
}

.MainNavStaticMenuItemStyle{
color:#00355f;   
background: url('../../Images/tabs.gif') no-repeat top;
}

.MainNavStaticSelectedStyle{
    background-position: 0px -46px;  
    color:#ffffff; 
}


.MainNavStaticHoverStyle{
    background-position: 0px -46px;  
    color:#ffffff; 
}


/*
.MainNav2 a
{
    line-height:46px;
    text-align:center;
    display:block;
    float:left;
    width:108px;
    height:46px;
    background: url(../Images/tabs.gif) no-repeat top;
    text-decoration:none; 
    color:#00355f;    
    font-size:1.2em;  
}

.MainNav2 a:hover, .over
{    
    background-position: 0px -46px;  
    color:#ffffff; 
}
*/

.GrayContent
{
    
    padding:35px;   
    margin:auto;
    width:920px;
    overflow:auto;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width:850px;     
}

.GrayContent.BackgroundHome{
background: url('../../Images/gray_bg_home.jpg') no-repeat left bottom;
}
.GrayContent.BackgroundWho{
background: url('../../Images/gray_bg_who.jpg') no-repeat left bottom;
}
.GrayContent.BackgroundWhat{
background: url('../../Images/gray_bg_what.jpg') no-repeat left bottom;
}
.GrayContent.BackgroundHow{
background: url('../../Images/gray_bg_how.jpg') no-repeat left bottom;
}
.GrayContent.BackgroundTalk{
background: url('../../Images/gray_bg_talk.jpg') no-repeat left bottom;
}
.GrayContent.BackgroundPlain{
background: url('../../Images/gray_bg_plain.jpg') no-repeat left bottom;
}

.MainContent
{
    padding:35px 15px 35px 35px;   
    margin:auto;
    width:920px;
    overflow:auto;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width:870px; 

}


.ColWidth1{
    
    width:850px;
}

.ColWidth2
{
    width:560px;
}

.ColWidth3
{
    width:270px;
}

.ColWidth4
{
    
}

.ColWidthHalf{
    width:400px;
}




.Footer
{
    background:#ffffff; 
    margin-top:30px;   
}

.Footer .BlueBar
{
    overflow:auto;
    
    background:#00b9f1;
    color:#ffffff;
    padding:10px;    
    width:960px; 
    voice-family: "\"}\""; 
    voice-family:inherit;
    width:940px;
}

.Footer .TextContent
{
    font-size:.8em;
    padding:10px;
    color:#999999;
    width:960px; 
    voice-family: "\"}\""; 
    voice-family:inherit;
    width:940px;
}




.FloatLeft
{
    float:left;
}

.FloatRight
{
    float:right;
}

/* Buttons ----------------------- */
a.ButtonLarge
{
  display:block;
  width:270px;
  height:140px;

}

a.ButtonLarge.OurPeople
{
    background: url('../../Images/button_bg_our_people_large.gif') no-repeat 0 0;
}

a.ButtonLarge:hover
{
    background-position: 0px -140px;   
}


a.ButtonSmall
{
  display:block;
  width:156px;
  height:157px;
}

a.ButtonSmall.OurPeople
{
    background: url('../../Images/button_bg_our_people_small.gif') no-repeat 0 0;
}

a.ButtonSmall.OnlineTools
{
    background: url('../../Images/button_bg_online_tools_small.gif') no-repeat 0 0;
}

a.ButtonSmall:hover
{
    background-position: 0px -157px;   
}

a.button-brochure{
	display:block;
	background:url('../../images/button_company_rapport_pageflip.jpg') 0 0 no-repeat;
	width:354px;
	height:130px;
}

a.button-brochure:hover{
	background-position:0 -140px;
}

/* ------------------------------------------------ */

.ListSteps
{
    width:100%;
}

.ListSteps dl
{    
    width:100%;
    margin:0px auto 20px auto;
    overflow:auto;  
}

.ListSteps dl dt
{
    width:12%;
    float:left;
}

.ListSteps dd
{
    margin:0px;
    float:right;
    width:84%;
}

.ListBullets
{
    margin:auto;
    
}

.ListBullets dl
{    
    width:780px;    
    margin:10px auto 10px auto;
    overflow:auto;    
}

.ListBullets dl dt
{
    width:50px;
    float:left;
}

.ListBullets dd
{
    margin:0px;
    float:right;
    width:700px;
}

.NewsList {

}

.NewsList dl{
margin:0 0 10px 0;
}

.NewsList dt{
margin:0;
padding:0;
font-weight:bold;
}

.NewsList dt a{
text-decoration:none;
}


.NewsList dd{
margin:0;
padding:0;
}

.NewsList dd p{
margin:0px;
}

.NewsList dd.date{
font-size:.9em;
color:#00b9f1;
}


.NewsList dd.category{
font-size:.9em;
color:#cccccc;
}

.NewsList dd.category a{
color:#cccccc;
text-decoration:none;
}

.NewsList dd.category a:hover{
color:#00355f;
}


.NewsList dd.description{
}

.NewsList ul{
list-style:square;
margin:0px 0px 0px 20px;
padding:0px;

}

.NewsList li{
margin:0px;
}

.NewsList li a{
text-decoration:none;
}


.NewsListCol {

}

.NewsListCol dl{
margin:0 0 10px 0;

}

.NewsListCol dt{
margin:0;
padding:0;
font-weight:bold;
}

.NewsListCol dt a{
text-decoration:none;
}


.NewsListCol dd{
margin:0;
padding:0;
font-size:.9em;
}

.NewsListCol dd p{
margin:0px;
}

.NewsListCol dd.date{
color:#00b9f1;
}

.NewsListCol dd.category{
color:#cccccc;
}


.NewsListCol ul{
list-style:square;
margin:0px 0px 0px 20px;
padding:0px;

}

.NewsListCol li{
margin:0px;
}

.NewsListCol li a{
text-decoration:none;
}
.Quotes
{
 margin:0px 20px 0px 20px;
}

.Quotes dl
{
    float:left;
}

.Quotes dd
{
    padding:10px;
    float:left;
    margin:0px;
}

.Quotes dt
{
    float:left;
    width:34px;
    height:34px;
}

.Quotes dt.open
{
    background: url('../../Images/quotes_open.gif') no-repeat 0 0;
}

.Quotes dt.closed
{
     background: url('../../Images/quotes_closed.gif') no-repeat 0 0;
}

.hr
{
    margin:20px 0px 20px 0px;
    border-top:dashed 4px #00b9f1;
}

.hr_thin
{
    margin:10px 0px 10px 0px;
    border-top:dashed 1px #00b9f1;
}

.loading{
    background: url('../../Images/loading.gif') no-repeat left;
    line-height:40px;  
    text-align:left;
    padding-left:50px;
}

.text_xsmall{
font-size:.9em;
}

.ColourDarkBlue{
color:#00355f;
}

.ColourLightBlue{
color:#00b9f1;
}


a.MoreLink{
    color:#00b9f1;
    text-decoration:none;    
    font-size:.8em;
}

a.MoreLink:hover{
    color:#00355f;
   
}


/* Form elements ------------------------------ */
.FormTable{
}

.FormTable th{
    text-align:left;
}

.FormTable td{

}

.FormTable .FormTextfield{
    border:solid 1px #cccccc;
    padding:2px;
}



.FormTextfield{
    width:240px;
}

.FormButton{
    background: url('../../Images/form_button_bg.gif') repeat-x;
    border:none;
    color:White;
    padding:5px;
    cursor:pointer;

}

/* ------------------------------------------------ */