html{}
body {
	margin: 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	background-image: url(../images/background.gif); 
	background-repeat: repeat-x;
	background-position: center top;
	background-color:#e9e9e9;
}

p.phone_number {
	color: #32476d;
	margin-top:16px;
	margin-bottom:-27px;
	margin-left:403px;
}

* html p.phone_number {
	margin-left:373px;
	margin-bottom:-21px;
	display:block;
}

*+html p.phone_number {
	margin-top:0px;
}

/*image borders, firefox dotline removal*/

a {outline: none;}

img, a   { border-style : none; border-width : 0px; }

img, area { border: 0px;}



/*main headings*/

h1 {  
font-size: 3.5em;
padding:0px; /* top right down left- */
margin:0px 0px 10px 0px;
color:#004687;
font-weight: bold;
}
h2 {  
color:#32476d;
font-size:1.75em;
line-height:1em;
font-family: Times New Roman,Times,serif;
padding:0px;
margin:0px 0px 5px 0px; /* top right down left- */
font-weight: normal;
}
h3{  
font-size: 2em;
margin:0px 0px 10px 0px;; 
padding:0px;
color:#31466c;
}
h4 {  
font-size: 1.3em;
padding:0px; /* top right down left- */
margin:0px 0px 10px 0px;; 
color:#31466c;
}


/*centers the whole lot*/

#center{
	margin-left: auto;
	margin-right: auto;
	width: 830px;
	}

* html #center #middle{

}

/*white top lozenge background*/

#topback{
background-image: url(../images/top_back.gif);
background-repeat: no-repeat;
background-position: top center;
height:290px;
padding:0px;
margin:0px;}


/*logo position block*/
#logobox{
float:left;
width:285px;
height:123px;}


/*H1 logo replace*/

h1#logo{
background-image: url(../images/hague_logo.gif);
background-repeat: no-repeat;
background-position: top left;
padding:0px;
margin-top:27px;
margin-left:35px;
}

h1#logo a{
width:223px;
height:60px;
display: block;
text-indent: -9000px;

}


/*utility nav top right*/
#utilnavback {
float:left;
display: inline;
background-color:#253653;
height:27px;
width:350px;
background-image: url(images/utilnav_back.gif); 
background-repeat: no-repeat;
background-position: center top;
margin-left:170px;
}
ul#utilnav  {  
	margin-left:18px; 
	margin-top:3px;
	margin-bottom:0px;
	padding:0px;
	background-color:#22304a;
	}
ul#utilnav li{
    display : inline;
    list-style : none;
    color:#FFFfff; 
    margin:0px;
    padding:0px;
    }                                     

ul#utilnav li a:link, ul#utilnav li a:visited {
color: #FFFFFF; 
	text-decoration: none; 
	padding:0px;
	margin-right:5px;
	margin-left:5px;
	font-size:0.9em;
	}
	
ul#utilnav li a:active, ul#utilnav li a:hover {
	color: #ff9901; 
	text-decoration: underline;
	}

ul#utilnav li a#recruitment {
	display:none;
}

ul#utilnav li a.selected {
	color: #999999; 
	text-decoration: none;
	margin-top:5px;
}
	
/*searchbox*/
#searchbox{float:left;display : inline;margin-left:303px;margin-top:0px;padding:0px;}
#search {color:#a0aabc;
font-size: 1.1em;
font-weight:bold;
 background-color: #ffffff;
 border: 1px solid #22304a;
 width: 154px;
height: 19px;
float:left;}
#submit{width:58px;height:23px;margin:0px;padding:0px;float:left;}


/*top nav*/

ul#topnav {
float:left;display : inline;
    color:#273858; 
    margin:0px 0px 0px 10px;
    padding:0px;
    }
ul#topnav li{
    display : inline;
    list-style : none;
    color:#273858; 
    margin-right:0px;
    padding:0px;
    }

ul#topnav li a:link,  ul#topnav li a:visited {
color: #273858; 
	text-decoration: none; 
	padding: 0px 0px 0px 2px;
	margin:0px;
	}

ul#topnav li a:active, ul#topnav li a:hover {
	color: #ff9901; 
	text-decoration: underline;
	}


#topnavhome {text-decoration: none;font-size:0.9em;line-height:3em;float: left;width: 60px;height: 32px;margin:0px;background-image: url(../images/button_top_1_o.gif);background-repeat: no-repeat;background-position: left top;text-align: center;}

#topnavabout {text-decoration: none;font-size:0.9em;line-height:3em;float: left;width: 60px;height: 32px;margin:0px;background-image: url(../images/button_top_1_o.gif);background-repeat: no-repeat;background-position: left top;text-align: center;}

#topnavservice {text-decoration: none;font-size:0.9em;line-height:3em;float: left;width: 60px;height: 32px;margin:0px;background-image: url(../images/button_top_1_o.gif);background-repeat: no-repeat;background-position: left top;text-align: center;}

#topnavenquire {text-decoration: none;font-size:0.9em;line-height:3em;float: left;width: 60px;height: 32px;margin:0px;background-image: url(../images/button_top_1_o.gif);background-repeat: no-repeat;background-position: left top;text-align: center;}

#topnavcase {text-decoration: none;font-size:0.9em;line-height:3em;float: left;width: 89px;height: 32px;margin:0px;background-image: url(../images/button_top_2_o.gif);background-repeat: no-repeat;background-position: left top;text-align: center;}

#topnavnews {text-decoration: none;font-size:0.9em;line-height:3em;float: left;width: 60px;height: 32px;margin:0px;background-image: url(../images/button_top_1_o.gif);background-repeat: no-repeat;background-position: left top;text-align: center;}

#topnavorder {text-decoration: none;font-size:0.9em;line-height:3em;float: left;width: 107px;height: 32px;margin:0px;background-image: url(../images/button_top_3_o.gif);background-repeat: no-repeat;background-position: left top;text-align: center;}

/* ----------higlights current page in top nav based on body id.--------------*/
body#home .button a#topnavhome,
body#about .button a#topnavabout,
body#service .button a#topnavservice,
body#enquire .button a#topnavenquire,
body#case .button a#topnavcase,
body#news .button a#topnavnews
{background-image: url(../images/button_top_1_x.gif);color:#ffffff;
}
body#case .button a#topnavcase
{background-image: url(../images/button_top_2_x.gif);color:#ffffff;
}
body#order .button a#topnavorder
{background-image: url(../images/button_top_3_x.gif);color:#ffffff;
}

/*mudges in everything */
.shift {
float:left;display: inline;
margin-left:20px;}



/* newsletter signup */


#newsbox{
float:left;
display:inline;
width:187px;height:45px;
background-image: url(../images/newsletter_back_top.jpg);
background-repeat: no-repeat;
background-position: top left;
margin-top:0px;
padding:0px;
padding-left:10px;
color:#31466c;
font-size:0.9em;
font-family: Times New Roman,Times,serif;
line-height:1.8em;
position: absolute;
top: 119px;
left: 0;
}

#signup {
color:#a0aabc;
font-size: 1.1em;
font-weight:bold;
background-color: #ffffff;
border: 1px solid #22304a;
width: 133px;
height: 19px;
float:left;
}

#signupsubmit{width:32px;height:23px;margin:0px;padding:0px;float:left;}


#callbox {color:#32476d;
font-size:1.1em;
font-weight:bold;
float:left;
display:inline;
background-image: url(../images/banner_overlay.png);
background-repeat: repeat;
background-position: top right;
padding:0px;
margin-left:183px;
width:414px;
height:45px;
text-align:right;
position: absolute;
right: 0;
bottom: 0;
}

#callbox a:link {color:#fd9800;font-weight:bold;text-decoration:none;}
#callbox a:visited {color:#fd9800;font-weight:bold;text-decoration:none;}
#callbox a:hover {text-decoration:underline;}

#callbox p {margin-right:10px;margin-top:5px;padding:0px;}


/*does the middle section background image mainly*/

#middle{
background-image: url(../images/middle_back.gif);
background-repeat: repeat-y;
background-position: top center;
padding:0px;
margin:0px;
width:100%;
float:left;
}

#middle .main_content {
	float:left;
	display:inline;
	margin-left:10px;
	background-image:url(../images/main_back_fade.gif);
	background-repeat: repeat-x;
	background-position: center top;
	width:596px;
}

* html #middle .main_content {
	float:left;
	display:inline;
	margin-left:0px;
	background-image:url(../images/main_back_fade.gif);
	background-repeat: repeat-x;
	background-position: center top;
	width:596px;
	height:auto;
}

* html #middle .keyline {
	margin-left:-20px;
}

.service_pod {
	background-repeat: no-repeat;
	background-position: left top;
	width:193px;
	height:140px;	
	float:left;
	display:inline;
	margin:1px;
}

ul#bread  {
	margin: 0px;
	padding: 0px;
	display: inline;
	border: none;
	color:#32476d;
	} 

ul#bread li {
	margin-left: 0;
	padding-right: 2px;
	border: none;
	list-style: none;
	display: inline;
	}




#bottom{
padding:0px;
margin:0px;}

	
.line{border-style: solid;
border-width: 0px 1px 0px 0px;
border-color: #ffffff;}


.main{
float:left;
display:inline;
margin-left:10px;
margin-right:10px;
margin-top:8px;
margin-bottom:5px;
width:575px;
/*color:#31466c;*/
color:#202E46;  /*This line required by client*/
}
.main a:link {color:#fd9800;font-weight:bold;text-decoration:none;}
.main a:visited {color:#fd9800;font-weight:bold;text-decoration:none;}
.main a:hover {text-decoration:underline;}

.home_main{
float:left;
display:inline;
margin-left:10px;
margin-right:10px;
margin-top:8px;
margin-bottom:-20px;
/*color:#31466c;*/
color:#202E46;  /*This line required by client*/
}
* html .home_main{
float:left;
display:inline;
margin-left:10px;
margin-right:10px;
margin-top:8px;
margin-bottom:-40px;
/*color:#31466c;*/
color:#202E46;  /*This line required by client*/
}
*+html .home_main{
float:left;
display:inline;
margin-left:10px;
margin-right:10px;
margin-top:8px;
margin-bottom:-40px;
/*color:#31466c;*/
color:#202E46;  /*This line required by client*/
}

.home_main a:link {color:#fd9800;font-weight:bold;text-decoration:none;}
.home_main a:visited {color:#fd9800;font-weight:bold;text-decoration:none;}
.home_main a:hover {text-decoration:underline;}



.keyline{
display:inline;
float:left;
border: none 0;
border-top: 1px solid #dfe2e8;
height: 1px;
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
margin-right:0px;
padding:0px;
width:578px;
}

#copyright{display:inline;
float:left;margin-left:20px;margin-top:0px;font-size:0.75em;color:#31466c;padding:0px;}

/* design homepage */

.boxtitles{color:#1e3473;font-family: Times New Roman,Times,serif;padding:0px;margin-left:10px;margin-top:10px;margin-bottom:4px;line-height:1em;font-size:1.2em;font-weight:bold;}

.boxtitles a:link {color:#1e3473;font-family: Times New Roman,Times,serif;font-weight:bold;text-decoration:none;}
.boxtitles a:visited {color:#1e3473;font-weight:bold;text-decoration:none;}
.boxtitles a:hover {color:#ff9901;text-decoration:underline;}

/*
#boxtitles {
padding:0px;
margin-left:10px;
margin-top:10px;
margin-bottom:4px;
}

.boxtitles{
color:#1e3473;
font-family: Times New Roman,Times,serif;
line-height:1em;
font-size:1.2em;
font-weight:bold;
}

a.boxtitles {
color:#1e3473;
font-family: Times New Roman,Times,serif;
line-height:1em;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
}
*/

.boxcopy{color:#000000;font-size:0.9em;padding:0px;margin-left:10px;width:185px;}

/*case listing*/


.thumbox{float:left;display:inline;margin-right:10px;}
.thumbox_right{float:right;display:inline;margin-right:10px;}
.caseblock{float:left;display:inline;margin-right:10px;}
.caseblock_right{float:left;display:inline;margin-left:10px;margin-right:20px;}
.casetitle{color:#1e3473;padding:0px;margin-top:10px;margin-bottom:4px;line-height:1em;font-size:1.2em;font-weight:bold;}

/*case page*/

.quotebox{
	display:inline;
	float:left;
	font-size:1.2em;
	margin-left:9px;
	text-align:left;
	width:198px;
}


/*news listing */

.newsthumbbox{float:left;display:inline;margin-right:10px;}
.newsthumbbox_right{float:right;display:inline;margin-right:10px;}
.newsblock{float:left;display:inline;margin-top:5px;margin-bottom:4px;margin-right:10px;width:auto;}
.newsblock_right{float:right;display:inline;margin-top:5px;margin-bottom:4px;margin-right:10px;}
.newstitle{color:#1e3473;padding:0px;line-height:1em;font-size:1.2em;font-weight:bold;}

/*enquire page*/

.label{width:120px;float:left;display:inline;}
.formbox{width:200px;float:left;display:inline;}


/*services page*/

#subtitle{color:#32476d;
font-size:1.75em;
line-height:1em;
font-family: Times New Roman,Times,serif;
padding:0px;
margin:0px 0px 5px 0px; /* top right down left- */
font-weight: normal;}

.price{color:#fd9800;
font-size:2em;
line-height:1em;}


.dotline{
display:inline;
float:left;
border: none 0;
border-top: 1px dashed #999999;
height: 1px;
line-height:0px;
margin:0px;
padding:0px;
width:578px;
}
.servtitle{color:#1e3473;padding:0px;margin-top:10px;margin-bottom:4px;line-height:1em;font-size:1.2em;font-weight:bold;}

/*contentpage*/

.imagebox{float:left;display:inline;margin-right:15px;margin-bottom:20px;}
.imagebox_right{float:right;display:inline;margin-right:15px;margin-bottom:20px;}

* html .imagebox{float:left;display:inline;margin-right:15px;margin-bottom:25px;}
.imagebox_right{float:right;display:inline;margin-right:15px;margin-bottom:25px;}

*+html .imagebox{float:left;display:inline;margin-right:15px;margin-bottom:25px;}
.imagebox_right{float:right;display:inline;margin-right:15px;margin-bottom:25px;}
/*dynamic drop shadow box*/

.shadowbox_left{
float:left;display:inline;
background-image: url(../images/dropshadow_left.gif);
background-repeat: no-repeat;
background-position: left top;}

.shadowbox_right{
float:left;display:inline;
background-image: url(../images/dropshadow_right.gif);
background-repeat: no-repeat;
background-position: right bottom;}


.shadowbox_tright{
float:left;display:inline;
background-image: url(../images/dropshadow_topright.gif);
background-repeat: no-repeat;
background-position: right top;}

.shadowbox_bleft{
float:left;display:inline;
background-image: url(../images/dropshadow_bottomleft.gif);
background-repeat: no-repeat;
background-position: left bottom;}

.shadowbox_image{margin:14px;padding:0px;}


/* top main banner*/

#topbanner{
background-repeat: no-repeat;
background-position: top center;
width:794px;
height:163px;
float:left;
display:inline;
position: relative;
}

/*case panel stuff */
.leftnavhead{float:left;display:inline;width:187px;height:28px;background-image: url(../images/case_panel_header.gif); 
	background-repeat: no-repeat;
	background-position: top left;text-indent: 15px;color:#eaeef6;padding:0px;line-height:25px;font-weight:bold;font-family: Times New Roman,Times,serif;font-size:1.2em;
	}
.leftnavhead a:link, .leftnavhead a:visited {
	color:#eaeef6;padding:0px;line-height:25px;font-weight:bold;font-family: Times New Roman,Times,serif;
	text-decoration: none;
	}
	
.leftnavhead a:active, .leftnavhead a:hover {
	color: #ff9901; 
	text-decoration: underline;
	}

/*changes display for currently selected page */
body#service .leftnavhead a {
	color:#ff9901;
}

body #general_page_id #utilnav li.line a {
	display:none;
}


.caseheader{float:left;display:inline;width:187px;height:28px;background-image: url(../images/case_panel_header.gif); 
	background-repeat: no-repeat;
	background-position: top left;text-indent: 15px;color:#eaeef6;padding:0px;line-height:25px;font-weight:bold;font-family: Times New Roman,Times,serif;font-size:1.2em;
	}
.caseheader a:link, .caseheader a:visited {
	color:#eaeef6;padding:0px;line-height:25px;font-weight:bold;font-family: Times New Roman,Times,serif;
	text-decoration: none;
	}
	
.caseheader a:active, .caseheader a:hover {
	color: #ff9901; 
	text-decoration: underline;
	}

.casepanel{float:left;display:inline;width:185px;background-image: url(../images/case_panel_back.gif); 
	background-repeat: no-repeat;
	background-position: top left;color:#333333;border: 1px solid #a7a7a7;font-size:0.95em;}
	
.casepanelcopy{float:left;display:inline;padding:5px 0px 5px 15px;}

.casepanelimage{float:left;display:inline;padding:0px;margin:0px;}
/* misc*/

.float_right{
	float:right;
}
.float_left{
	float:left;
}

.hide{
display:none;
}

.show{
display: block;
}

.featureHeader
{
	background-color:#999999;	
	color:White;
	font-weight:bold;
	text-align:left;
	font-size:14px;
	padding:10px 10px 10px 10px;
}
.featureHeaderPDF
{
	background-color:#999999;	
	color:White;
	font-weight:bold;
	text-align:left;
	font-size:11px;
	padding:10px 10px 10px 10px;
}

.no-img-flash {
	background-image: url(../../../files/banners/worldwide_solutions.jpg); 
	height:160px;
}

#extra-logos img {
	margin-top:10px;
}