body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {

	margin: 0; 

	padding: 0;

}

fieldset, img { border: 0; }

a:focus { outline: none; }

option { padding-left: 0.4em; }

ul, ol, dl { margin: 1em 0; padding-left: 30px }

dl { margin: 1em 0; }

dd { padding-left: 40px; }

p {	margin: 1em 0; }

td, th { padding: 1px; }

html {

	height: 100%;

	margin-bottom: 1px;

}

div.big {
text-align: center;
height: 250px;
}

/*

 * Page

 */

 

body {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 150%;

	color: #646464;

}



body#page {
	background-image: url('images/page_body_bg.png');
	background-repeat: repeat-y;
	background-position: center bottom;
}



/* set body font size (styleswitcher) */

body.font-small {

	font-size: 11px;

}



body.font-medium {

	font-size: 12px;

}



body.font-large {

	font-size: 13px;

}

p {
	font-size: 13px;

}

/* center page */

div.wrapper {
	margin: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	background-color: #FFFFFF;
	
	
}



/*

 * Layout

 */



div#absolute {

	position: absolute;

	z-index: 15;

	top: 0px;

	left: 0px;

	width: 100%;

}



div#page-body {

	background: url('images/page_body_bg.png') 0 0 repeat-x;

}



div#toolbar {

	width: auto;  

	height: 27px;

	padding: 3px 130px 0px 0px;

	clear: both;  

}



div#date {

	margin: 4px 10px 0px 0px;

	float: left;

	font-size: 85%;

	color: #ffffff;

}



div#styleswitcher {

	  

	height: 20px;

	margin: 3px 0px 0px 10px;

	float: right;

}



div#styleswitcher a {

	width: 15px;

	height: 20px;

	float: right;

	text-decoration: none;

	display: block;

	 

}



a#switchfontsmall {

	background: url(../images/styleswitcher_fontsmall.png) 0 0 no-repeat;

}



a:hover#switchfontsmall {

	background: url(../images/styleswitcher_fontsmall.png) 0 -20px no-repeat;

}



a#switchfontmedium {

	background: url(../images/styleswitcher_fontmedium.png) 0 0 no-repeat;

}



a:hover#switchfontmedium {

	background: url(../images/styleswitcher_fontmedium.png) 0 -20px no-repeat;

}



a#switchfontlarge {

	background: url(../images/styleswitcher_fontlarge.png) 0 0 no-repeat;

}



a:hover#switchfontlarge {

	background: url(../images/styleswitcher_fontlarge.png) 0 -20px no-repeat;

}



a#switchwidththin {

	background: url(../images/styleswitcher_widththin.png) 0 0 no-repeat;

}



a:hover#switchwidththin {

	background: url(../images/styleswitcher_widththin.png) 0 -20px no-repeat;

}



a#switchwidthwide {

	background: url(../images/styleswitcher_widthwide.png) 0 0 no-repeat;

}



a:hover#switchwidthwide {

	background: url(../images/styleswitcher_widthwide.png) 0 -20px no-repeat;

}



a#switchwidthfluid {

	background: url(../images/styleswitcher_widthfluid.png) 0 0 no-repeat;

}



a:hover#switchwidthfluid {

	background: url(../images/styleswitcher_widthfluid.png) 0 -20px no-repeat;

}



div.wrapper-t {

	margin: 10px;

}



div.wrapper-b {

	background: url(../images/wrapper_b.png) 0 100% repeat-x;

}



div.wrapper-l {

	background: url(../images/wrapper_l.png) 0 0 repeat-y;

}



div.wrapper-r {

	background: url(../images/wrapper_r.png) 100% 0 repeat-y;

}



div.wrapper-tl {

	background: url(../images/wrapper_tl.png) 0 0 no-repeat;

}



div.wrapper-tr {

	background: url(../images/wrapper_tr.png) 100% 0 no-repeat;

}



div.wrapper-bl {

	background: url(../images/wrapper_bl.png) 0 100% no-repeat;

}



div.wrapper-br {

	padding: 10px 10px 10px 10px;

	background: url(../images/wrapper_br.png) 100% 100% no-repeat;

}



div#header {
	width: auto;
	height: 205px;
	position: relative;
	z-index: 10;
	clear: both;
	background-image: url(../images/botmenubar.png);
	background-repeat: no-repeat;
	
}



div#headerbar {

	width: auto;  

	

	clear: both;  

}



div#headermodule {

	margin: 0px 0px 0px 0px;

	float: right;

}



div#topmenu {

	position: absolute;

	top: 0px;

	left: 0px;

}

.moduletopbar {
	height: 26px;
	width: 772px;
	

	
}




div#search {

	position: absolute;

	top: -34px;

	right: -10px;

	z-index: 20;

}



div#logo {

	position: absolute;

	top: 5px;

	left: 20px;

}



div#menu {

	position: absolute;

	bottom: 30px;

	left: 20px;

	height: 35px;

}

.submenu {
	position: absolute;
	bottom: 2px;
	left: 20px;
	height: 35px;

}



div#banner {

	position: absolute;

	top: -10px;

	right: -20px;

	width: 0px;

	z-index: 3;

}



div#top {
	width: auto;
	margin: 0px;
	padding-left: 10px;
	clear: both;
	padding-top: 10px;
	
	background-image:none;
	
}


/** these styles control the space between the sub menu and the content. The page suffix is creeated by the menu item **/
.about-us div#top, .philosophy div#top, .our-people div#top, .services div#top, .data-destruction div#top, .equipment-resale div#top, .recycling div#top, .collection div#top, .online-tracking div#top{

	padding-top: 0px;
	
}


.home div#top {
	width: auto;
	margin: 0px;
	padding-left: 10px;
	clear: both;
	padding-top: 10px;
	background-image: url(../images/modsback.png);
	background-repeat: no-repeat;
	background-position: 100% bottom;
}



div#top .topbox {

	

}



div#middle {
	width: auto;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
		
}



div#middle .background {

	min-height: 140px;

	 

	 

	 

	 

}



 

div#middle .background {

	padding: 0px 0px 0px 0px;

	background: none;

}



 

.left div#middle .background {

	padding: 0px 0px 0px 0px;

	background: none;

}



 

.right div#middle .background {

	padding: 0px 0px 0px 0px;

	background: none;

}



div#left {

	width: 190px;  

	 

}



.left div#middle div#left {

	float: left;

}



.right div#middle div#left {

	float: right;

}



div#main {

	width: auto;

	 

}



 

div#main {

	margin: 0px 0px 0px 0px;

	padding: 0px;
	padding-top: 20px;

}



 

.left div#main {

	margin: 0px 0px 0px 270px;  

}



 

.right div#main {

	margin: 0px 200px 0px 0px;  

}



div#maintop {

	padding: 0px 0px 10px 0px;

}



div#mainmiddle {

}



.showright div#mainmiddle {  

	

}



div#right {
	width: 255px;
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 28px;
	
}



div#content {

	width: 90%;

	 

}



 

div#content {
	margin-top: 0px;
	
	margin-bottom: 0px;
	margin-left: 0px;
	
	padding-right: 0px;
	padding-bottom: 10px;
	
}



 

.showright div#content {
	margin-top: 0px;
	margin-right: 180px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 45px;
}



div#contenttop {

	margin: 0px 0px 10px 0px;

}



div#breadcrumb {

	height: 19px;

	font-size: 85%;

}



div#contentbottom {

	margin: 10px 0px 0px 0px;

}



div#mainbottom {

	padding: 0px 0px 10px 0px;

}



div#bottom {
	width: auto;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}



div#bottom .bottomblock {

	margin-top: 10px;

	margin-bottom: -10px;

}



div#footer {
	width: auto;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	
}



div#footer .footer-b {

	

}



div#footer .footer-l {

	

}



div#footer .footer-r {

	

}



div#footer .footer-bl {

	

}



div#footer .footer-br {
	min-height: 20px;
	padding-right: 40px;
	padding-left: 20px;
	

	

	

}



div#footer a.anchor {

	margin: 10px 0px 0px 0px;

	width: 30px;

	height: 5px;

	background: url(../images/footer_anchor_white.png) 0 0 no-repeat;

	display: block;

	float: right;

	text-decoration: none;

}


#footer p {
float:right;

	
}

.modulebl {
height: 60px;
padding-left:20px;

	
}
.modulebl img {
padding-right: 65px;
padding-bottom:10px;
padding-left:10px;

	
}


.arrows li {
  list-style: none;
  background: url(../images/tickbox.png) no-repeat left top;
padding-left: 1.8em;
}

.arrows ul {
  margin: 1.3em;
  padding: 0;
}



/*

 * Clearing & Floating

 */



 

 

.clearfix:after {

	content: "."; 

	display: block; 

	height: 0;  

	clear: both; 

	visibility: hidden;

}

	

 

.clearfix { display: block; }



 

.floatbox { overflow:hidden; }



.float-left { float: left; overflow: hidden; }

.float-right { float: right; overflow: hidden; }



.width20 { width: 19.999%; }

.width25 { width: 24.999%; }

.width33 { width: 33.333%; }

.width50 { width: 49.999%; }

.width66 { width: 66.666%; }

.width75 { width: 74.999%; }

.width100 { width: 100%; }

body.width-thin div.wrapper { width: 550px; }body.width-wide div.wrapper { width: 776px; }body.width-fluid div.wrapper { width: 90%; }div#styleswitcher { width: 45px; }/*

 * YOOtheme CSS file

 *

 * @author yootheme.com

 * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved.

 */ 



/*

 * links

 */



a:link {

	color: #026630;

	text-decoration: none;

}

a:visited {

	color: #aa1428;

	text-decoration: none;

}

a:hover {

	color: #ff0000;

	text-decoration: underline;

}




/*

 * headings

 */



.componentheading, h1, h2, h3, h4, h5, h6 {

	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;

	font-weight: bold;

	padding-bottom: 0px;

	margin-bottom: 5px;

	line-height: 120%;

}



h1, .componentheading {

	font-size: 220%;

	font-weight: normal;

	color: #076735;
	padding-bottom: 10px;

}



h2, .blog h1 {

	font-size: 150%;

	color: #010165;

}



h3 {

	font-size: 200%;

	color: #646478;

}



h4 {

	font-size: 175%;

	font-weight: normal;

	color: #7887A0;

}



h5 {

	font-size: 150%;

	color: #878796;

}



h6 {

	font-size: 125%;

	color: #7887A0;

}


/*

 * forms

 */


fieldset { border: 1px solid #ccc; }

legend { background: #fff; }

textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }

textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }

textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; }

input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }

input[type='hidden'] { display:none; }



fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; }  

legend { padding: 0 .8em 0 .8em; }

legend+* { margin-top: 1em; }  

textarea, input[type='text'], input[type='password'] { padding: .1em 0 .1em .4em; }

option { padding: 0 .4em .1em; }

form div { margin-bottom: .8em; }

button, input[type='button'] { padding: .2em .3em .2em .1em; line-height: 100%; }


/*

 * menu

 */



 

div#menu ul {
	margin: 0px;
	list-style: none;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}



div#menu li {
	position: relative;
	margin: 0px;
	display: block;
	float: left;
	padding-top: 10px;
	
	padding-bottom: 0px;
	
}



div#menu li a, #menu li span.separator {
	height: 35px;
	display: block;
	float: left;
font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	color: #006633;
	font-weight: normal;
	text-transform: uppercase;
}



div#menu li span {  

	display: block;

}



div#menu li span {  

	background-repeat: no-repeat;

	background-position: 95% 0px;

}



div#menu li a.current {  

	color: #aa1428;

}



div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover, div#menu a.current:hover {  

	color: #003366;

}



div#menu li.active {  



}



div#menu li.active ul {  

	font-weight: normal;

}



div#menu li.parent span.separator {  

	cursor: pointer;

}



 

div#menu li.background {

	position: absolute;

	top: 26px;

	visibility: hidden;

	z-index: -1;

}

  

div#menu li.background .left {

	

}



body.green div#menu li.background .left { background: #9bc800; }

body.pink div#menu li.background .left { background: #d237cd; }

body.orange div#menu li.background .left { background: #ff7800; }

body.blue div#menu li.background .left { background: #00c8ff; }



 

div#menu ul.menu {

}



div#menu li.level1 {

}



div#menu a.level1, div#menu span.level1 {
	line-height: 20px;
	font-size: 110%;





}



div#menu a.level1 span, div#menu span.level1 span {
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.modulecl {
	text-align: right;
	padding-top: 20px;
	padding-right: 20px;

}


div#menu li.current a.level1 {  

	color: #646478;

}



div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 {  

	color: #646478;

}




 

div#menu ul.menu ul {

	position: absolute;

	top: 35px;

	left: -999em;  

	width: 165px;

	padding: 0px 0px 1px 0px;

	background: url(../images/menu_dropdown_bg.png) 0 100% no-repeat;

}



div#menu li:hover ul, div#menu li.sfhover ul {

	left: 0px;  

	z-index: 100;

}



div#menu li.level1 li {

   	width: 100%;  

	text-indent: 15px;

}



div#menu li.level1 li a, div#menu li.level1 li span.separator{

	height: 25px;

	padding: 0px;

	margin: 0px 1px 0px 1px;;

	background: #ffffff url(../images/menu_level2_item.png) 100% 0 no-repeat;

	float: none;  

	display: block;

	line-height: 25px;

}



div#menu li.level2 a.parent, div#menu li li.level2 span.parent {  

	background: #ffffff url(../images/menu_level2_item_parent.png) 100% 0 no-repeat;

}



 



 

div#menu li ul ul {

	margin: -36px 0 0 164px;  

}



div#menu li:hover ul ul, div#menu li.sfhover ul ul {

	border-top: 1px solid #C8C8C8;

}



 

div#menu li:hover ul ul, div#menu li.sfhover ul ul,  

div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul,  

div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul {  

	left: -999em;

}



 

div#menu li li:hover ul, div#menu li li.sfhover ul,  

div#menu li li li:hover ul, div#menu li li li.sfhover ul,  

div#menu li li li li:hover ul, div#menu li li li li.sfhover ul {  

	left: 0;

	z-index: 100;

}







/**** Footer menu styles - the acessibility menu ***********/

#footer ul.menubottom  {	
	float: left;

}


#footer ul.menubottom li {

	padding: 3px;
	display: inline;

}
#footer ul.menubottom li a {

	display: inline;
	text-transform: lowercase;
	color: #333333;
	text-decoration: none;
	
}

#footer ul.menubottom li a:hover {

	color: #990000;
	
}


.moduletagline {
padding-top: 20px;
padding-right: 20px;



}

div#page-body {
height:=100%;
	background: url('page_body_bg.png') 0 0 repeat-x;

}