/*********************************************************
General css
*********************************************************/

a img {border:0px;}

input {font:100% Arial, Helvetica, Verdana;}
textarea {font:100% Arial, Helvetica, Verdana;}

body {
    margin:0px;
    padding:0px;
    background-color:#f8f5f0;
	/*background-image:url("gfx/BodyBg.gif");*/
	background-repeat:repeat-x;
	background-position:center top;
	font:100% Arial, Helvetica, Verdana;
	}
	
#MainContainer {
	width:992px;
	margin:auto;
	font-size:0.68em;
	}

/*********************************************************
Top
*********************************************************/
	
#Top {
	width:992px;
	height:91px;
	background-image:url(gfx/TopBg1.gif);
	background-repeat:no-repeat;
	}
	
#Top h1 {
	margin:36px 0px 0px 56px;
	width:304px;
	height:32px;
	cursor:pointer;
	float:left;
	}
	
#Top h1.Red {
	background-image:url(gfx/Logo.gif);
	background-repeat:no-repeat;
	}

#Top h1.Green {
	background-image:url(gfx/Logo-lightgreen.gif);
	background-repeat:no-repeat;
	}
	
#Top h1.DeepGreen {
	background-image:url(gfx/Logo-deepgreen.gif);
	background-repeat:no-repeat;
	}
	
#Top h1.Blue {
	background-image:url(gfx/Logo-blue.gif);
	background-repeat:no-repeat;
	}	
	
#Top h1.Turquoise {
	background-image:url(gfx/Logo-turquoise.gif);
	background-repeat:no-repeat;
	}	

#Top h1 a {
	width:304px;
	height:32px;
	display:block;
	}
	
#Top h1 a span {
	display:none;
	}
	
#Top ul {
	list-style:none;	
	margin:75px 0px 0px 0px;
	padding:0px;
	width:120px;
	float:right;
	}

#Top ul li {
	float:right;
	text-align:right;
	padding:0px;
	}
	
#Top ul li a		{text-decoration:none; color:#a59a78; font-size:0.8em; text-transform:uppercase;}
#Top ul li a:hover	{text-decoration:none; color:#000000; font-size:0.8em; text-transform:uppercase;}
				
/*********************************************************
ContentContainer
*********************************************************/

#ContentContainer {
	width:992px;
	/*background-color:Yellow;*/
	}
	
#ContentContainer #Block1 {
	width:425px;
	border-right:solid 1px #d4cdb8;
	float:left;
	/*background-color:Red;*/
	}
	
#ContentContainer #Block2 {
	width:566px;
	margin-left:-1px;
	border-left:solid 1px #d4cdb8;
	float:right;
	background-image:url(gfx/NavigationBg.gif);
	background-repeat:no-repeat;
	/*background-color:Fuchsia;*/
	}
	
#ContentContainer #Block3 {
	width:992px;
	border-top:solid 1px #d4cdb8;
	clear:both;
	/*background-color:Yellow;*/
	}

/*********************************************************
Navigation
*********************************************************/

#Navigation {
	margin:0px;
	padding:15px 0px 10px 15px;
	width:551px;
	}
	
#Navigation ul {
	background-color:#000000;
	list-style:none;	
	margin:0px;
	padding:16px;
	width:519px;
	height:28px;
	font-size:1.1em;
	}

#Navigation ul li {
	float:left;
	/*padding:6px 17px 0px 18px;*/
	padding:6px 18px 0;
	margin:0px;
	}
	
#Navigation ul li a	{text-decoration:none; color:White;}
#Navigation ul li a:hover{text-decoration:none;}
#Navigation ul li a#N1:hover{color:#ffc955;}
#Navigation ul li a#N1.Selected {color:#ffc955;}
#Navigation ul li a#N2:hover{color:#95c33c;}
#Navigation ul li a#N2.Selected {color:#95c33c;}
#Navigation ul li a#N3:hover{color:#ffa524;}
#Navigation ul li a#N3.Selected{color:#ffa524;}
#Navigation ul li a#N4:hover{color:#7ac6f1;}

/*#Navigation ul li a#N4.Selected{color:#7ac6f1;}*/





#Navigation ul li a#N5:hover{color:#34be9d;}
#Navigation ul li a#N5.Selected{color:#34be9d;}
#Navigation ul li a#N6:hover{color:#8fb4c9;}
#Navigation ul li a#N6.Selected{color:#8fb4c9;}


/*Extra*/
#Navigation ul li a.N4.Selected{color:#7ac6f1;}
#Navigation ul li a.N2.Selected{color:#95c33c;}

#Navigation ul li a.N1:hover{color:#ffc955;}
#Navigation ul li a.N2:hover{color:#95c33c;}
#Navigation ul li a.N3:hover{color:#ffa524;}
#Navigation ul li a.N4:hover{color:#7ac6f1;}
#Navigation ul li a.N5:hover{color:#34be9d;}
#Navigation ul li a.N6:hover{color:#8fb4c9;}
/*Extra*/

#Navigation ul#SubMenu {
	
	background-color:Transparent;
	list-style:none;	
	padding:0px;
	font-size:1.0em;
	z-index:100;
	}
	
#Navigation ul#SubMenu li {
	margin:0px 8px 0px 0px;
	padding:0;
	font-size:1.0em;
	float:left;
	}
	
#Navigation ul#SubMenu li a {
	display:block;
	padding:8px 6px 8px 6px;
	margin:0px;
	}
	
#Navigation ul#SubMenu.About {
	margin:-10px 0px 0px 20px;
	}
	
#Navigation ul#SubMenu.About li a {background-color:#ffb922; color:Black;}	
#Navigation ul#SubMenu.About li a:hover {background-color:#ff7c24; color:Black;}	
#Navigation ul#SubMenu.About li a.Selected {background-color:#ff7c24; color:White;}

#Navigation ul#SubMenu.News {
	margin:-10px 0px 0px 20px;
	}
	
#Navigation ul#SubMenu.News li a {background-color:#95c33c; color:Black;}	
#Navigation ul#SubMenu.News li a:hover {background-color:#60831c; color:Black;}	
#Navigation ul#SubMenu.News li a.Selected {background-color:#60831c; color:White;}

#Navigation ul#SubMenu.Jobs {
	margin:-10px 0px 0px 250px;
	width:401px;
	}
#Navigation ul#SubMenu.Jobs li a {background-color:#53ae98; color:Black;}	
#Navigation ul#SubMenu.Jobs li a:hover {background-color:#1e856c; color:Black;}	
#Navigation ul#SubMenu.Jobs li a.Selected {background-color:#1e856c; color:White;}

#Navigation ul#SubMenu.WhatWeDo {
	margin:-10px 0px 0px 20px;
	width:570px;
	}
#Navigation ul#SubMenu.WhatWeDo li a {background-color:#ff7c24; color:Black;}	
#Navigation ul#SubMenu.WhatWeDo li a:hover {background-color:#ffa524; color:Black;}	
#Navigation ul#SubMenu.WhatWeDo li a.Selected {background-color:#ffa524; color:White;}

#Navigation ul#SubMenu.ContactTeam {
	margin:-10px 0px 0px 298px;
	}
#Navigation ul#SubMenu.ContactTeam li a {background-color:#4d88aa; color:Black;}	
#Navigation ul#SubMenu.ContactTeam li a:hover {background-color:#096498; color:Black;}	
#Navigation ul#SubMenu.ContactTeam li a.Selected {background-color:#096498; color:White;}

#Navigation ul#SubMenu.Contact {
	margin:-10px 0px 0px 330px;
	width:250px;
	}
#Navigation ul#SubMenu.Contact li a {background-color:#4d88aa; color:Black;}	
#Navigation ul#SubMenu.Contact li a:hover {background-color:#096498; color:Black;}	
#Navigation ul#SubMenu.Contact li a.Selected {background-color:#096498; color:White;}

#Navigation ul#SubMenu.ContactTeam {
	margin:-10px 0px 0px 300px;
	width:300px;
	}
#Navigation ul#SubMenu.ContactTeam li a {background-color:#4d88aa; color:Black;}	
#Navigation ul#SubMenu.ContactTeam li a:hover {background-color:#096498; color:Black;}	
#Navigation ul#SubMenu.ContactTeam li a.Selected {background-color:#096498; color:White;}


#Navigation ul#SubMenu.Customers {
	margin:-10px 0px 0px 270px;
	width:230px;
	}
#Navigation ul#SubMenu.Customers li a {background-color:#2a92cd; color:white;}	
#Navigation ul#SubMenu.Customers li a:hover {background-color:#096498; color:white;}	
#Navigation ul#SubMenu.Customers li a.Selected {background-color:#096498; color:white;}

#Navigation ul#SubMenu.CustomersExamples {
	margin:-10px 0px 0px 240px;
	width:250px;
	}
#Navigation ul#SubMenu.CustomersExamples li a {background-color:#2a92cd; color:white;}	
#Navigation ul#SubMenu.CustomersExamples li a:hover {background-color:#096498; color:white;}	
#Navigation ul#SubMenu.CustomersExamples li a.Selected {background-color:#096498; color:white;}
  
/*********************************************************
Footer
*********************************************************/
	
#Footer {
	/*background-image:url("gfx/BottomLine.png");*/
	background-repeat:no-repeat;
	background-position:right bottom;
	text-align:right;
	width:992px;
	padding:10px 0px 5px 0px;
	clear:both;
	font-weight:bold;
	border-top:solid 1px #d4cdb8;
	color:#a59a78;
	}
	
#Footer address {
	font-weight:normal;
	font-style:normal;
	display:inline;
	color:#a59a78;
	}
	
#Footer address span {
	margin:0px 0px 0px 25px;
	}
	
#Footer address	a {text-decoration:underline; color:#a59a78; margin-left:5px;}
#Footer address	a:hover {text-decoration:underline; color:Black; margin-left:5px;}

/*********************************************************
Exstra css
*********************************************************/
	
/* Generic CSS Classes */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

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