html, body, #wrapper {
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #666;
	height:100%;
}

ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	color: #060;
}

li {
	background: url(../images/bullet.jpg) no-repeat left top;
	padding-left: 30px;
	margin-bottom: 5px;
	font-size: 12px;
	color: #666;
}

#wrapper {
	background-color: #F1F1E9;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	width: 770px;
}

#left_border{
	background-image: url(../images/left_border.jpg);
	background-repeat: repeat-y;
	width: 10px;
}

#right_border{
	background-image: url(../images/right_border.jpg);
	background-repeat: repeat-y;
	width: 10px;
}

#logo{
	background-color: #F1F1E9;
	height: 105px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 750px;
}

#info_bar{
	background-color: #DCD1BF;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #a2a2a2;
	font-size: 9px;
	color: #666;
	padding-left: 30px;
	text-align: left;
	height: 20px;
	padding-top: 5px;
}

#main_image{
	height: 180px;
	width: 750px;
	background-image: url(../images/main_image.jpg);
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: top;
}

#nav{
	height: 42px;
	width: 750px;
	background-color: #000;
}

#nav2{
	height: 42px;
	width: 750px;
	background-color: #000;
	background-image: url(../images/nav_bkgrnd.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.nav_div{
	padding-right: 1px;
	padding-left: 1px;
}

a.nav2:link {
	font-family: "Gill Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

a.nav2:visited {
	font-family: "Gill Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}

a.nav2:hover {
	font-family: "Gill Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC9;
	text-decoration: none;
}

a.nav2:active {
	font-family: "Gill Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}

/* ----- Footer styles ----- */

#footer{
	height: 60px;
	width: 750px;
	background-color: #DCD1BF;
	font-size: 9px;
	padding-top: 10px;
}

.footerColumn {
	float: left;
	width: 140px;
	text-align: left;
	margin-right: 0px;
	margin-left: 7px;
}

.footerColumn ul li {
	list-style: url(none) none;
	background: url(none);
	margin: 0px 0px 5px;
	padding: 0px;
	}

#footer .footerColumn h3 {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #B6B6B6;
	font-size: 9px;
	}

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

#news_cell{
	background-color: #F3EDE1;
	width: 230px;
	border: thin solid #C6C6C6;
}

#welcome_cell{
	background-color: #F1F1E9;
	width: 496px;
	text-align: left;
}

#spacer, #spacer2{
	width: 10px;
	background-color: #F1F1E9;
}

#top_spacer{
	background-color: #F1F1E9;
	height: 20px;
}

a.footer:link, .footerColumn a:link {
	font-size: 9px;
	color: #86827F;
	text-decoration: none;
}

a.footer:visited, .footerColumn a:visited {
	font-size: 9px;
	color: #86827F;
	text-decoration: none;
}

a.footer:hover, .footerColumn a:hover {
	font-size: 9px;
	color: #141413;
	text-decoration: none;
}

a.footer:active, .footerColumn a:active {
	font-size: 9px;
	color: #86827F;
	text-decoration: none;
}

.image_left {
	float:left;
	border:solid 1px silver;
	padding:2px;
	margin-right:0;
	margin-left: 5px;
}

.floatleftstack{
	float: left;
	border:solid 1px silver;
	margin-left: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
	clear: left;
}

.floatleftstack_top{
	float: left;
	border: thin solid silver;
	margin-left: 5px;
	margin-right: 10px;
	margin-top: 10px;
	clear: left
} 

.air_nav {
	float:left;
	padding-right: 20px;
	padding-bottom: 10px;
} 

.image_right {
  float:right;
  border:solid 1px silver;
  padding:5px;
  margin-right:10px;
  margin-left: 10px;
}

.image_centre {
	border:solid 1px silver;
	padding:5px;
	margin-top:10px;
	margin-bottom: 10px;
}

.image_frame {
	border:solid 1px silver;
	padding:0;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 0;
}

.movie {
	float:left;
	border:solid 1px silver;
	padding:5px;
	margin-right:10px;
	margin-left: 50px;
}

.movie_right {
	float:right;
	border:solid 1px silver;
	padding:5px;
	margin-right:10px;
}

#main_cell{
	width: 750px;
	text-align: left;
	vertical-align: top;
	/*height: 100%;*/
}

#admin_cell{
	width: 750px;
	height: 100%;
	text-align: left;
}

.body_copy{
	font-size: 12px;
	line-height: 19px;
	color: #666;
	margin-right: 30px;
}

.interior_copy{
	font-size: 11px;
	line-height: 19px;
	color: #666;
	margin-right: 10px;
	margin-left: 245px;
	margin-top: 0px;
	padding-right: 0px;
}

.bullets{
	font-size: 12px;
	color: #666;
	margin-left: 50px;
	margin-right: 50px;
}

.interior_sub, h2.event {
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	margin-right: 10px;
	margin-left: 245px;
	font-weight: bold;
}

h2.event {
	margin-left: 0;}

.interior_sub3{
	font-size: 14px;
	color: #333;
	margin-right: 10px;
	margin-left: 245px;
	font-weight: bold;
}

.interior_sub2{
	font-size: 12px;
	line-height: 18px;
	color: #333;
	margin-right: 10px;
	margin-left: 245px;
	font-weight: bold;
}

.homepage_sub{
	font-size: 13px;
	line-height: 18px;
	color: #333;
	margin-right: 50px;
}  

.error_text{
	font-size: 10px;
	font-weight: bold;
	color: #C00;
}

#news_head, .news_head {
	font-size: 14px;
	color: #333;
	background-color: #DCD1BF;
	padding-left: 10px;
	padding-bottom: 5px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFCC66;
	padding-top: 5px;
}

#news_sub{
	font-size: 10px;
	background-color: #c6beaf;
	padding-left: 10px;
}
#news_body, .news_body{
	font-size: 10px;
	color: #666;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#news_link{
	font-size: 10px;
	padding-left: 10px;
}
#table, .table{
	margin-left: 50px;
}

#news_wrapper {
	background-color: #F3EDE1;
	margin: 0 0px;
	text-align: left;
	padding: 0px;
	width: 230px;
}

#headline_date, .headline_date{
	padding-left: 5px;
	color: #09C;
	margin: 0px;
}

#headline_head, .headline_head{
	padding-left: 5px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #BDB073;
	border-right-color: #BDB073;
	border-bottom-color: #BDB073;
	border-left-color: #BDB073;
}

#headline_body, .headline_body {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}

#headline_link, .headline_link{
	text-align: right;
	padding-right: 10px;
	background-color: #D8D1BE;
}

.header_inset{
	margin-left: 10px;
}

.header_maint{
	margin-left: -10px;
}
.flash_inset{
	float: left;
	padding-bottom: 20px;
}

.contact_us_inset{
	margin-left: 175px;
}

a.internal_link:link, .event a:link, .event a:visited, .event a:active {
	font-size: 11px;
	line-height: 19px;
	color: #C90;
	text-decoration: none;
}

a.internal_link:visited {
	font-size: 11px;
	line-height: 19px;
	color: #C90;
	text-decoration: none;
}

a.internal_link:hover, .event a:hover {
	font-size: 11px;
	line-height: 19px;
	color: #CC6600;
	text-decoration: underline;
}

a.internal_link:active {
	font-size: 11px;
	line-height: 19px;
	color: #C90;
	text-decoration: none;
}

#homepage a.internal_link {
	font-size: 12px;
}

#contactus{
	margin-left: 80px;
}

.header{
	padding-bottom: 10px;
}

.header2{
	margin-left: 10px;
}

.super{
	font-size:70%;
	position:relative;
	bottom: 0.5em;
	left: -1px;
}

.sub {
  font-size:70%;
  position:relative;
  bottom:-0.5em;
}

.pdflink{
	margin-left: 250px;
	position:relative;
	bottom: 8px;
}

.pdficon{
	padding-right: 12px;
	position:relative;
	bottom: -2px;
}

.table_image_frame {
	border:solid 1px silver;
	padding:0px;
	margin-left: 0px;
	float: left;
	clear: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.news_header{
	margin-left: 50px;
}

#table_inset{
	margin-left: 250px;
}

.success_header{
	margin-left: 50px;
}
.result{
	margin-left: 50px;
}

ul.event li {
	font-size: 11px;
}

/*---- Contact form ----*/

form#contact

 {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	margin: 0 0 20px 175px;
	padding: 0;
	/*min-width: 500px;*/
	max-width: 100%;
	width: 550px;
	font-size: 11px;
}
form#contact fieldset {
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
	border: 2px solid #DCD1BF;
}

form#contact label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form#contact fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
	color: #666;
	letter-spacing: 1px;                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form#contact input, form#contact textarea, form#contact select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form#contact input#reset {
	margin-left:0; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form#contact small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form#contact .required {
	font-weight:bold;} /* uses class instead of div, more efficient */

form#contact br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.morepadding {
	padding-top: 40px;
}

.morepadding2 {
	padding-top: 20px;
}

.moremargin {
	margin-top: 75px;
	margin-left: 20px;
}

.fleft {
	float: left;
	width: 250px;
	margin-right: 20px;
}
.fright {
	float: right;
	margin-left: 10px;
	margin-right: 5px;
}


.clearleft {
	clear: left;
}
.tborder {
	border-top: 1px solid #DCD1BF;
	padding-top: 5px;
}

/*---- New horizontal navigation bar ----*/

#nav {
	padding: 0;
	}

#nav-menu {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	}

#nav-menu li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 90%;
	height: 45px;
	display: block;
	}

#nav-menu a {
	float: left;
	display: block;
	margin: 0;
	padding: 8px 2px 0px;
	color: #F4F4F4;
	text-decoration: none;
	border-bottom: 1px none #999;
	background: #000 url(../images/top-off-bg.jpg) repeat-x left top;
	border-top: 1px none #999;
	border-right: 1px none #999;
	border-left: 1px solid #999;
	height: 45px;
	width: 70px;
	line-height: 1.5;
	}

#nav-menu li#home a {
	border-left: none;
	padding-right: 0px;
	padding-left: 0px;
}

#nav-menu li#maintenance a {
	width:75px;
}

/* Different padding and height for 'single line' menu items*/
#nav-menu li#home a, #nav-menu li#about a, #nav-menu li#maintenance a, #nav-menu li#consultancy a, #nav-menu li#contact-us a {
	padding-top: 15px;
	height: 38px;}

#nav-menu a:hover {
	color: #333;
	padding-bottom: 0px;
	border-color: #727377;
	background: #DCD1BF url(../images/top-over-bg.jpg) repeat-x left top;
	}

#nav {
	height: 50px;
}

/*---- Vertical navigation menu ----*/

#side-nav {
	margin: 0 0 3px;
	padding: 0;
	background: #010101;
	list-style-type: none;
	width: 230px;
	float: left; /* Contain floated list items */
}

#side-nav li {
	margin: 0;
	padding: 0;
	float: left; /* This corrects the */
	width: 100%; /* IE whitespace bug */
	background: url(../images/side-bg.jpg) repeat-x left top;
	font-size: 11px;
}

#side-nav a {
	display: block;  /* to increase clickable area as a's default to inline */
	color: #F4F4F4;
	text-decoration: none;
	padding: 0 15px;
	line-height: 2.5;
	border-bottom: 1px solid #999;
	height: 30px;
}

#side-nav a:hover, #v-stripping li.strip a, #v-scrubbing li.scrub a, #v-pilot li.pilot a, #v-license li.license a, #v-case li.case a, #v-how li.how a, #v-fuel li.fuel a, #a-chem li.chempharm a, #a-general li.general a, #a-metal li.metal a, #a-micro li.micro a, #o-drymedia li.drymedia a, #o-drycat li.drycat a, #o-bio li.bio a, #o-bioscrub li.bioscrub a, #o-chemscrub li.chemscrub a, #o-municipal li.municipal a, #news-page li.news-item a, #pdfs li.pdf a, #information li.information a, #archive li.archive a, #white-paper li.white-paper a, #presentations li.presentation a, #case-studies li.case-study a, #newsletter li.newsletter a, #vacancies li.vacancies a, #events-page li.events-exhibitions a {
	background: #CACA98 url(../images/side-bg-over.jpg) repeat-x left top;
	color: #444;
}
/*---- Headings ----*/

h1 , h2{
	font: normal 24px "Trebuchet MS", sans-serif;
	}

h2 {
	font-size: 20px;
	font-weight: bold;
}
#news #news_body {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 0px;
}

.mleft {
	margin-left: 245px;
}

.mleft2 {
	margin-left: 50px;
}

.mleft3 {
	margin-left: 175px;
}

#side_Content {
	float: left;
	width: 240px;
}

li.pdf {
	background: url(../images/pdficon_small.gif) no-repeat left center;
}

li.ppt {
	background: url(../images/ppicon.gif) no-repeat left center;
}

.center {
	text-align: center; }
	
.fl-none {
	float: none;}

sup {
	font-size: 12px;
}

.body-para {
	margin-right: 15px;
	}

.quote {
	font-style: italic;
}