/*////////////////////////////////////////////////////////////////////////////////////////////////////
// BODY
////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
body{
	background-color:#192226;
	background-image:url(../../images/body_bg.gif);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#fff;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////
// MAIN NAVIGATION
////////////////////////////////////////////////////////////////////////////////////////////////////*/

#banner{
	position:relative;
	width:100%;
	overflow:hidden;
	margin:0px;
}


#banner #navigation{

	list-style:none;
	margin:0px;
	
	position:relative;
	
	background-image:url(../../images/banner_bg.jpg);
	background-repeat:repeat-x;
	
	height:209px;
	margin-left:50%;
	padding-left:100px;
	left:-428px;
	width:2000px;
}

#banner #navigation li{
	float:left;
	margin:0px;
	padding:0px;
}
#banner #navigation li a{
	height:66px;
	display:block;
	text-indent:-5000px;
}

#banner #navigation .nav-profile a{background-image:url(../../images/nav_profile.gif);width:122px;}
#banner #navigation .nav-profile a:hover{background-image:url(../../images/nav_profile_f2.gif);}

#banner #navigation .nav-services a{background-image:url(../../images/nav_services.gif);width:80px;}
#banner #navigation .nav-services a:hover{background-image:url(../../images/nav_services_f2.gif);}

#banner #navigation .nav-quality a{background-image:url(../../images/nav_quality.gif);width:76px;}
#banner #navigation .nav-quality a:hover{background-image:url(../../images/nav_quality_f2.gif);}

#banner #navigation .nav-faqs a{background-image:url(../../images/nav_faqs.gif);width:64px;}
#banner #navigation .nav-faqs a:hover{background-image:url(../../images/nav_faqs_f2.gif);}

#banner #navigation .nav-references a{background-image:url(../../images/nav_references.gif);width:93px;}
#banner #navigation .nav-references a:hover{background-image:url(../../images/nav_references_f2.gif);}

#banner #navigation .nav-vacancies a{background-image:url(../../images/nav_vacancies.gif);width:84px;}
#banner #navigation .nav-vacancies a:hover{background-image:url(../../images/nav_vacancies_f2.gif);}

#banner #navigation .nav-contactus a{background-image:url(../../images/nav_contactus.gif);width:134px;}
#banner #navigation .nav-contactus a:hover{background-image:url(../../images/nav_contactus_f2.gif);}


/*////////////////////////////////////////////////////////////////////////////////////////////////////
// HEADINGS
////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* main logo */
h1{
	position:relative;
	margin:0px;
	width:656px;
	height:54px;
	line-height:54px;
	margin:0px auto;
	text-indent:-5000px;
	margin-bottom:5px;
}

h1 a{
	
	border:0px;
	display:block;
	
	background-image:url(../../images/header_logo.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	
	position:relative;
}

/* page title - the text to the left of the main banner image */
h2{
	
	background-image:url(../../images/page_title_home.gif);
	background-repeat:no-repeat;
	background-position:3px center;
	
	position:absolute;
	
	text-indent:-5000px;
	z-index:1;	
	
	margin-top:164px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:50%;
	
	text-align:left;
	left:-428px;
	width:2000px;
	padding:0px;
	
}

/* page subtitle - the text that looks like part of the page header eg: 'Services' in Dudley Associates Services */
h3{
	margin:0px;
	border:0px;
	position:absolute;
	top:210px;
	z-index:15;
	width:650px;
	height:60px;
	line-height:60px;
	text-indent:-5000px;
	background-image:url(../../images/page_header_home.gif);
	background-repeat:no-repeat;
	background-position:225px 15px;
	z-index:31;
}
	

/* page header - the text underneath the main banner image ie: Dudley Associates*/
h4{
	position:absolute;
	top:210px;
	left:20px;
	width:217px;
	height:37px;
	background-image:url(../../images/page_header_generic.gif);
	background-repeat:no-repeat;
	z-index:30;
	text-indent:-5000px;
}

/* page headings - textual headings */
h5{
	color:#FFC322;
	font-weight:bold;
	font-style:normal;
	font-size:14px;
	margin-bottom:10px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////
// HEADER AREA
////////////////////////////////////////////////////////////////////////////////////////////////////*/

#header img{

	padding:0px 3px 0px 3px;
	background-image:url(../../images/main_image_bg.gif);
	background-repeat:no-repeat;

}


/*////////////////////////////////////////////////////////////////////////////////////////////////////
// FORMATTING
////////////////////////////////////////////////////////////////////////////////////////////////////*/

a{
	color:#FFC322;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
a:hover{
	color:#fff;
}

p{
	margin:0px 0px 12px 0px;
}
p, li{	
	line-height:15px;
}

/* leading paragraphs */
.lead{
	color:#FFC322;
	font-weight:normal;
}
#content ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	list-style-image:url(../../images/bullet.gif);
}
#content ul li{
	margin-bottom:15px;
}

strong{
	color:#fff;
	font-weight:bold;
	font-style:normal;
}
em{
	color:#FFC322;
	font-weight:normal;
	font-style:normal;
}
.note{
	color:#999999;
	font-style:italic;
}
.quote{
	color:#fff;
	font-style:italic;
	font-size:12px;
}
.quoteCredit{
	color:#999;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////
// LANGUAGE TABS
////////////////////////////////////////////////////////////////////////////////////////////////////*/

#languages{
	position:absolute;
	margin:0px auto 0px 50%;
	padding:0px;
	width:100px;
	height:206px;
	left:-431px;
	z-index:20;
	top:53px;
	list-style:none;
	background-image:url(../../images/banner_bg_left.gif);
	background-repeat:no-repeat;

}
#languages li{
	float:left;
}
#languages li a{
	text-indent:-50000px;
	display:block;
	height:15px;
	width:20px;
}
#languages .english a{
	height:15px;
	margin-left:28px;
	background-image:url(../../images/flag_gb_f2.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#languages .german a{
	height:15px;
	margin-left:5px;
	background-image:url(../../images/flag_de.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////
// CONTENT AREA
////////////////////////////////////////////////////////////////////////////////////////////////////*/

#content{
	position:relative;
	width:656px;
	height:300px;
	margin:0px auto;
	top:-143px;
	
}

#content #page{
	position:absolute;
	top:210px;
	width:650px;
	padding-top:61px;
	z-index:10;
	margin-left:3px;
	margin-right:3px;
	padding-bottom:50px;
	background-image:url(../../images/page_header_bg.gif);
	background-repeat:repeat-x;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////
// CONTENT AREAS (where used)
////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* the content styles are included in specific template css files */


/*////////////////////////////////////////////////////////////////////////////////////////////////////
// FOOTER
////////////////////////////////////////////////////////////////////////////////////////////////////*/


#footer{
/* 
HIDE FOOTER SO IT DOESN'T INTERFERE IN WYSIWYG MODE 
THIS IS SHOWN AGAIN BY STYLES ECHOED ON THE PAGE BY PHP
*/
	display:none;
	position:fixed;
	z-index:1000;
	width:100%;
	height:40px;
	bottom:0px;
	margin:0px;
	background-color:#10161A;
	background-image:url(../../images/footer_bg.gif);
	background-repeat:repeat-x;
	text-align:center;
	
}

/* 

AUTOMATICALLY POSITIONED FOOTER 

TRICKY: IE has to position the footer based on the scroll values 
but other browsers can easily position it at the bottom 

*/
* html div#footer {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+(documentElement.clientHeight-this.clientHeight) 
	: document.body.scrollTop
	+(document.body.clientHeight-this.clientHeight));
}

#footer #navigation{
	position:relative;
	list-style:none;
	margin:0px;
	padding:0px;
	width:400px;
	margin:0px auto;
	height:39px;
	top:1px; /* to show the dotted line underneath */
	background-color:#10161A; /* this is so that other footer elements are hidden underneath when the page is too narrow */
}


#footer #navigation li{
	display:inline;
	margin:0px;
	padding:0px;
}
#footer #navigation li a{
	float:left;
	height:38px;
	line-height:38px;
	display:block;
	padding-left:2px;
	padding-right:6px;
	background-image:url(../../images/footer_nav_slash.gif);
	background-repeat:no-repeat;
	background-position:right;
	font-size:10px;
	color:#666;
	text-decoration:none;
}
#footer #navigation li a:hover{
	color:#FFCC00;
}
#footer #navigation .nav-contactus a{
	background-image:none;	
}

#copyright{
	position:absolute;
	left:0px;
	line-height:40px;
	margin-left:15px;
	font-size:10px;
	color:#666;
}
#credit{
	position:absolute;
	right:0px;
	line-height:40px;
	margin-right:15px;
	font-size:10px;
	color:#666;
}
#credit a{
	color:#666;
	text-decoration:none