/* CSS Documentsidenav */
html { margin:0; padding:0; }

body {
	color: #000000;
	margin:0; padding:0; 
	font-size:100%; line-height:150%; font-family:Arial, Helvetica, sans-serif;
	 padding-top:10px;
}


#wrapper {
	position:relative;
	margin: 0 auto;
	padding: 0;
	width: 800px;
	height: 700px;
	background-image: url(http://www.hudsonfoster.co.uk/images/back.jpg);
	background-repeat:no-repeat;
	
} 

#topbanner { height:96px; background: #FFFFFF url(http://www.hudsonfoster.co.uk/images/back.jpg) no-repeat 0 0;  }

div#clientLogin { position:absolute; top:96px; right:0px; background:#005366; float:right;  width:100px; height:20px; margin:0 0 0 50px; padding:0; line-height:20px; font-size:75%; text-align:center; color:#FFFFFF }
div#clientLogin a { color:#FFFFFF; }
Xdiv#clientLogin a { background:#90B0B5; }
Xdiv#clientLogin a:hover { background:#005366; }

div#nav { background:#90B0B5; width:750px; min-height:20px; clear:both; margin:0 0 0 50px; padding:0; line-height:20px; font-size:75% }
/* for Internet Explorer */
/*\*/
* html div#nav { height:21px; line-height:21px; }
/**/

hr { height:1px; background: none; 
	width:100%; border:none; border-top:1px solid #CCCCCC; margin:10px 10px 15px 0; }
* html hr { margin:5px 10px 8px 0; padding:0; width:100%;
 }


/* main links */
div#nav li {  list-style:none; margin:0; padding:0; display:inline; float:left; text-align:center; }
div#nav ul {margin:0; padding:0; }

div#nav a { padding:0 12px 0 12px; font-weight:bold; color:#FFFFFF;}
div#nav a#bHome { float:left; display:block; }
div#nav a#bCorporate { display:block; }
div#nav a#bPrivate { display:block; }
div#nav a#bNews { float:left; display:block; }
div#nav a#bContact { float:left; display:block; }

div#nav a#bHome:hover, body#home a#bHome, div#nav a#bCorporate:hover, body#corporate a#bCorporate, div#nav a#bPrivate:hover, body#private a#bPrivate, div#nav a#bNews:hover, body#news a#bNews, div#nav a#bContact:hover, body#contact a#bContact { background:#005366; }

/* drop down effect */
div#nav li ul { margin:0; padding:0; position:absolute; width:130px; left:-999em; }
div#nav li ul li { margin:0; padding:0; position:relative; width:130px; top:0; left:0; /* tells IE5 to align ignored by everting else */ voice-family:"\"}\""; voice-family:inherit; right:auto;  }
html>body div#nav li ul li { right:auto;  }
div#nav li ul li a { margin:0; padding:0; width:100px; line-height:2em; }

html>body div#nav { right:auto; }
div#nav li:hover ul { left:auto; } /* the :hover hides it from IE */
div#nav li:hover ul li { left:0; }
div#nav li.sfhover ul { left:auto; } /* the .sfhover shows it to IE */

div#nav ul.drop a { background-color:#60919B; margin:0; padding:0 2px 0 10px; width:170px; min-height:20px; display:block; text-align:left; opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85; border-bottom:1px solid #fff;}
div#nav ul.drop a:hover { margin:0; padding:0 2px 0 10px; background:#005366; }

/* RANGE RIGHT SIDE NAVIGATION */  /*
#leftcontent{float:left; width:160px; margin:0; padding: 0px 20px 0px 0px;}
div#leftcontent li {  list-style:none; margin: 0 0 10px 0; padding:0 0 10px 20px; text-align:right; border-bottom:1px solid #FFFFFF;  }
div#leftcontent ul li a#on {color:#6F6639; background: url(../images/side_button.gif) no-repeat 0px 2px;  }

*/
#leftcontent {
	float:left;
	width:160px;
	margin:0;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;

}
div#leftcontent ul {margin:0; padding:0; }
/* RANGE LEFT SIDE NAVIGATION */
div#leftcontent li {
	list-style:none;
	text-align:left;
	line-height:100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:0px;
	margin-left: 10px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0px;
	width:120px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #629886;
}
div#leftcontent ul li a {
	margin: 0 0 0px 0;
	padding:0 0 10px 0px;
	color:#FFFFFF;
	font-size: 14px;
	font-weight:normal;
	font
; 	line-height: 18px;
}
div#leftcontent ul li a:hover { color:#4D9669}
div#leftcontent ul li a#on { color:#60919B; }
.subsection { margin-top:30px; padding-top:30px }





#leftcontent2 {
	float:left;
	width:160px;
	margin:0;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;

}
div#leftcontent2 ul {margin:0; padding:0; }
/* RANGE LEFT SIDE NAVIGATION */
div#leftcontent2 li {
	list-style:none;
	text-align:left;
	line-height:100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:0px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	width:130px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #629886;
}
div#leftcontent2 ul li a {
	margin: 0 0 0px 0;
	padding:0 0 10px 0px;
	color:#FFFFFF;
	font-size: 14px;
	font-weight:normal;
	font
; 	line-height: 18px;
}
div#leftcontent2 ul li a:hover { color:#4D9669}
div#leftcontent2 ul li a#on { color:#60919B; }
.subsection { margin-top:30px; padding-top:30px }





/* CONTENT layout */
#content { width:800px; margin:0; padding:40px 0 0 0; 
		min-height:400px;
		font-size:80%; line-height:150%; }

* html #content { height:400px; }

#pageTitle {

	margin-top:-10px;
	padding-left:410px;
}



#bodyText {

	float:left;
	width:320px;
	margin-top:15px;

	padding-right: 15px;;
	padding-bottom: 15px;
	padding-left: 245px;
	height:300px;
	overflow: auto;

	
}


#bodyText2 {

	float:left;
	width:320px;
	margin-top:15px;

	padding-right: 15px;;
	padding-bottom: 15px;
	padding-left: 245px;
	height:230px;


	
}


body#news #content #bodyText { width:455px; }

#rightcontent { position:absolute;float:left; width:260px; margin:0 0 0 0; padding:0 0 0 0px; top:370px; left:530px; }

/* CONTENT style */
#content h1 { font-size:28px;; line-height:100%; color:#FFFFFF; margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
#content h2 { font-size:1.6em; color:#999999; font-weight:normal; margin:0; padding:0 0 20px 0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; } 
#content h3 { font-size:1.2em; color:#005366; fontfont-weight:bold; margin:0; padding:0px 0 10px 0; } 
#content h4 { font-size:100%; font-weight:bold; margin:0; padding:0 0 0px 0; } 
#content p {
	font-size:12px;
	margin:0;
	padding:0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: justify;
}

#bodyText ul { margin:0; padding:0 30px 12px 0px; }
#bodyText li { margin:0; padding:3px 30px 3px 15px; background: url(../images/side_button.gif) no-repeat 0px 8px; list-style-type:none; line-height:140%; }

/* SPECIAL BOX */
#specialBox { width:90%; margin:45px auto 0 auto; padding:0; border: #005366 1px solid; background:#ffffff;
}
#specialBox h3 { background:#005366; margin:0 0 10px 0; padding:4px 10px 6px 10px; color:#FFFFFF; font-size:1.1em; line-height:1.3em; }
#specialBox p { margin:0; padding:0px 10px 6px 10px; }

#footer { clear:both; margin:0; padding:0 0 0 0; background: url(../images/footer.png) no-repeat 180px 0; height:28px;   }







#content img { margin: 0 0 15px 0px;  }

/* PROJECTS */
body#projects #content img { margin: 0 0 15px 0px;}
/* backbutton on projects */
#caseStudy { color:#9966CC; margin:0; padding:0; text-decoration: none; }
img.floatleft { float:left; margin: 0 15px 4px 0px; }
/* general backbutton */


table#partnerList { margin:0 0 15px 0; padding:0; }
table#partnerList td { margin:0; padding:15px 15px 0 0; }
table#partnerList h2 {  padding:0; }
table#partnerList p {  padding:0; }

table#glossary { border-collapse:collapse; margin:0 0 20px 0; padding:0; }
table#glossary td { vertical-align:top; margin:0 0 0 0px; padding:10px 20px 0px 0px }
/*table#glossary td img { vertical-align:top; margin:0px; padding:10px 0 0px 0px } */

table.twoColumn { border-collapse:collapse; margin:0 0 15px 0; padding:0; }
table.twoColumn td { vertical-align:top; margin:0 0 0 0px; padding:0px 50px 0px 0px }

table#replyForm { border-collapse:collapse; margin:0 0 20px 0; padding:0; }
table#replyForm td { font-size:80%; vertical-align:top; margin:0 0 0 0px; padding:10px 10px 0px 0px }

.bulletList { margin:0 0 10px 17px; padding:0;  }
.bulletList li { margin:0; padding:3px 0 0 0;  }



#downloadSite { border:1px solid #ACB1E5; float:right; width:310px;  }
#downloadSite p { text-align:center; line-height:150%; padding:6px 4px 6px 4px;  }

/* LINK styles */
a:link {color:#005366; text-decoration: none;  font-weight:bold;}
a:visited {text-decoration:none; color:#005366; font-family:arial, sans-serif; font-weight:bold; }
a:hover { text-decoration: none; color:#005366;}

#linkButton { color:#757DD4; margin:0; padding:0; text-decoration: none; }
#downloadPDF { float:right; margin:0; padding:0; text-decoration: none; }

img#wagnerLogo { margin:0; padding:0; }

#iconPDF { color:#757DD4; margin:0; padding:6px 0 1px 24px; background: url(../images/article.gif) no-repeat 0 50%; }
#downloadSite #iconPDF { color:#757DD4; margin:0; padding:0px 0 1px 24px; background: url(../images/article.gif) no-repeat 0 0; }

.pageNav { font-size:0.55em; color:#000000; font-weight:normal }
.pageNav a { color:#757DD4; }
.caption { font-style:italic; margin:0; padding:0; }

#quote {
	position:absolute;
	float:right;
	width:183px;
	margin-left:170px;
	margin-top:80px;
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	color: #FFFFFF;
	line-height: 25px;
	font-weight: bold;
}

#quote2 {
	position:absolute;
	float:right;
	width:183px;
	margin-left:180px;
	margin-top:80px;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 25px;
	font-weight: bold;
}



#bottomimage {

	float:right;
	padding-right:49px;

}



#bottomimage2 {

	float:right;
	padding-right:49px;

}