/* Resetting the borders, margins and padding on all items, then setting up font sizes ***********************/
* { margin: 0; padding: 0; text-decoration: none; font-size: 100%; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; font-family:inherit; }
body, div, h1, h2, h3, h4, p, dl, dt, dd, img, form, fieldset, blockquote { margin: 0px; padding: 0px; border: 0px; }
ul								{ padding:0em; margin:0em; margin-left:2em;  }
li								{ padding:0em; margin:0em; margin-left:0.5em; }
body                            { font-size:0.625em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;  }
html, body, canvas				{ width:100%; height:100%; }
HTML, input, select, textarea   { font-size: 100%; }
input, select					{ font-size:1.2em; }

/* Generic Elements *********************************************/
h1                  { font-size:1.6em; color:#FFFFFF; }
h2                  { font-size:1.1em; line-height:1em; }
h3                  { font-size:1.1em; text-decoration:underline; }

.errortext			{ color:#FF0000; font-weight:bold; }
.requiredstar		{ color:#000000; }
.requiredstarerror	{ color:#FF0000; font-weight:bold; }

a,
a:hover,
a:visited,
a:active							{ color:#FFFFFF; }
a:hover								{ text-decoration:none; }

/* Main Elements ************************************************/
html									{ background-color:#000000; }
html>body #canvas 						{ height:auto; }
#canvas 								{ position:absolute; top:0; width:100%; height: 100%; min-height:100%; background:url(../Images/background.jpg) repeat-x #CD3333; }
.content                 				{ width:100%; margin:0px; }

/* Header Elements ************************************************/
#headercontent                 			{ }
#headerphonenumber						{ width:24.3em; height:2.6em; float:left; }

#header-topnav-container				{ width:76.2em; margin: 0pt auto; }
#header-topnav							{ height:2.6em; background:#000000 url(../images/topnav-background.jpg) repeat-x; }

#header-topflash						{ background:url(../images/topflash-background.jpg) repeat-x;  }
#flashbanner							{ width:762px; margin: 0pt auto; }
#flashbanner img						{ margin:0px; padding:0px; display:block; }

/* Subnav Elements ************************************************/

.subnavbar								{ width:762px; height:87px; margin:0px auto 0px auto; padding-left:2em; }
#header-subnav							{ width:100%; background:url(../../../../../images/subnavbackground.jpg) repeat-x #000000; }

.subnavbar a							{ height:87px; margin: 0px 1px 0px 1px; display:inline-block; float:left; text-indent:-5000px;  }

.subnavbar #iso-9001							{ width: 143px; background:url(../../../../../images/iso9001-btn.jpg) 0 0 no-repeat; }
.subnavbar #iso-9001:hover						{ width: 143px; background-position: 0 -87px; } 
.subnavon  #iso-9001						{ background-position: 0 -87px;}

.subnavbar #iso-14001								{ width: 116px; background:url(../../../../../images/iso14001-btn.jpg) 0 0 no-repeat; }
.subnavbar #iso-14001:hover							{ width: 116px; background-position: 0 -87px; }
.subnavon #iso-14001								{ background-position: 0 -87px;}

.subnavbar #qpulse									{ width: 124px; background:url(../../../../../images/qpulse-btn.jpg) 0 0 no-repeat; }
.subnavbar #qpulse:hover							{ width: 124px; background-position: 0 -87px; }
.subnavon #qpulse									{ background-position: 0 -87px;}

.subnavbar #health-and-safety						{ width: 171px; background:url(../../../../../images/hands-btn.jpg) 0 0 no-repeat; }
.subnavbar #health-and-safety:hover					{ width: 171px; background-position: 0 -87px; }
.subnavon #health-and-safety						{ background-position: 0 -87px;}

.subnavbar #process-re-engineering					{ width: 187px; background:url(../../../../../images/process-btn.jpg) 0 0 no-repeat;}
.subnavbar #process-re-engineering:hover			{ width: 187px; background-position: 0 -87px; }
.subnavon #process-re-engineering					{ background-position: 0 -87px;}


.greyline								{ width: 1px; height: 87px; background:url(../../../../../images/grey-line.jpg) no-repeat; float:left;}

/* TOPNAVBAR ********************************************/
.topnavbar								{ width: 24em; height: 2.6em; float:right; text-align:right; }
/*.topnavbar								{ width: 36em; height: 2.6em; float:right; text-align:right; } - Activate when testimonials goes live*/

.topnavbar a,
.topnavbar a:active,
.topnavbar a:hover,
.topnavbar a:visited					{ color:#FFFFFF; text-decoration:none; float:left; display:inline-block; height:2em; padding:0.5em 2em 0em 2em;}
.topnavbar a:hover						{ color:#CC3333; text-decoration:none; }
.topnavbar a:active						{ color:#FFFFFF; text-decoration:none; float:left; }
.topnavon a:active,
.topnavon a:hover,
.topnavon a:visited,
.topnavon a								{ color:#CC3333; text-decoration:none; }

/* Middle Elements ************************************************/
#maincontent                 			{ }
#main									{ width:76.2em; margin:0px auto 0px auto; padding:0.5em; margin-bottom:6em; }
#main a,                   	
#main a:hover,             
#main a:active,            
#main a:visited 			          	{ color:#FFFFFF; text-decoration:underline; }

.textbox								{ width:35em; float:left; padding:0em 5.5em 1.5em 3.5em; }
.textbox2								{ width:27em; float:left; padding:0em 0em 1.5em 0em; }
#featuredimage							{ float:right; }

#sitecontent							{ }
#sitecontent p							{ font-size:1.2em;  }
#sitecontent li							{ font-size:1.2em; padding-bottom:1em; }
#left									{ float:left; margin-bottom:6em; width:16em; padding:0px; margin-top:3em; }
#left ul								{ list-style-type:none; }
#left li a								{ display:block; width:100%; border-bottom:1px solid #FFFFFF; margin-bottom:0.4em; font-size:0.85em; padding-bottom:0.5em; padding-top:0.3em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
#left li a, 
#left li a:hover, 
#left li a:visited, 
#left li a:active						{ text-decoration:none; }
#left li a:hover						{ color:#000000; }
#left li, ul 							{ margin-left:0px; }
.level0									{ display:none; }

#leftmenu .on,
#leftmenu .on:hover,
#leftmenu .on:active,
#leftmenu .on:visited						{ color:#000000; background:url(../Images/rollover.gif) right no-repeat;}

#right									{ float:left; margin-bottom:6em; width:57em; padding:0px; margin-left:3em; text-align:justify; }
#right ul								{ margin-left:2em; margin-top:1em; margin-bottom:1em; }
#both									{ display:inline-block; width:76.2em; }

#leftmenulist							{ font-size:1.4em;  }
#pagetitle								{ }


/* Breadcrumb Elements ************************************************/
#breadcrumbs							{ margin-bottom:2em; font-size:1.1em; }
#breadcrumbs a,
#breadcrumbs a:active,
#breadcrumbs a:visited					{ text-decoration:none; }
#breadcrumbs a:hover					{ text-decoration:underline; }
#nobreadcrumbs							{ margin-bottom:3em; }

/* Footer Elements ************************************************/
#footercontent                 			{ background:#000000 repeat-x url(../../../../../images/footer-background.jpg) center top; position:absolute; padding-top:0.5em; bottom:0px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; }
#footer									{ width:76.2em; margin:0px auto 0px auto; height:2.5em; text-align:center; padding-top:0.5em; line-height:1.7em; }
#footer a,
#footer a:hover,
#footer a:visited,
#footer a:active						{ color:#FFFFFF; font-weight:normal; text-decoration:none; }
.footerlinkseperator					{ display:inline-block; padding-left:0.5em; padding-right:0.5em; }
#footer a:hover							{ text-decoration:underline; }

/* Other Elements ************************************************/
.clearer								{ clear:both; }

/* Portfolio Elements ************************************************/

.portfolio								{ padding:15px 0px 0px 0px ; float: left;}
.portfolioimage							{ width:263px; padding-right:10px; float:left;}
.portfoliotext							{ }
.portfoliolink							{ text-align:right; }

/* Sitemap ************************************************/
.sitemap									{ margin-left:3em; }
.sitemap ul									{ font-size:11px; }
.sitemap li									{ font-size:1em; }

.indent									{ padding-left:25px; }