html, body { 
	background-image: url('../img/body-background-tile.gif');
	margin: 0; 
	padding: 0; 
	text-align: center;
	letter-spacing: 1px;
	word-spacing: 2px;
	font-family: "arial narrow", arial, helvetica, sans-serif; } 
 
#pagewidth { 
	width: 948px; 
	text-align: left;  
	margin: 0px auto; } 
	
#header {
	clear: both;
	position: relative;
	height: 194px;
	width: 935px; }

		#navigation {
			overflow: hidden;
			clear: both;
			position: relative;
			text-align: right;
			height: 70px;
			width: 935px; }
			
		.aboutus { 
			width: 83px;
			background: url('../img/about-us-both.gif') bottom;
		}
		
		.ourvalues { 
			width: 158px;
			background: url('../img/our-values-both.gif') bottom;
		}
		
		.ourclients { 
			width: 99px;
			background: url('../img/our-clients-both.gif') bottom;
		}
		
		.ourproducts { 
			width: 111px;
			background: url('../img/our-products-both.gif') bottom;
		}
		
		.ourservices { 
			width: 110px;
			background: url('../img/our-services-both.gif') bottom;
		}
		
		.careers { 
			width: 83px;
			background: url('../img/careers-both.gif') bottom;
		}
		
		.contactus { 
			width: 100px;
			background: url('../img/contact-us-both.gif') bottom;
		}
		
		.aboutus:hover, .ourvalues:hover, .ourclients:hover, .ourproducts:hover, .ourservices:hover, .careers:hover, .contactus:hover {
			background-position: 0 0;
		}
		
		.active { 
			background-position: 0 0;
		}
			
#highlightRow {
	position: relative;
	overflow: hidden;
	background-color: #a61f38;
	color: #fff;
	margin-left: 1px;
	width: 934px;
	background: url('../img/highlight-bg.gif') repeat-y; }
		
		#highlight, #end {
			width: 233px;
			float: left;
			margin: 0;
			padding: 0; }
						
				#highlight h1, #end h1 {
					color: #fff;
					margin: 0;
					padding-right: 14px;
					padding-top: 8px;
					padding-left: 24px;
					font-family: arial, helvetica, sans-serif;
					font-size: 1.0em; }
					
				#highlight p, #end p {
					color: #bcbec0;
					padding: 12px 20px 0px 24px;
					font-size: .9em;
					line-height: 1.2em; }
				
				#highlightChild, #highlightParent {
					background: url(../img/highlight-fill.gif) repeat-y;
					margin-left: 1px;
					width: 934px;
					background-color: #a61f38; }
					
				#highlightParent {
					height: 8px;
					background-color: #a61f38; }
					
				#highlightChild {
					height: 16px; }				
									 
#footer {
	position: relative;
	padding-top: 4px;
	color: #555;
	text-align: center;
	font-size: 12px; } 
	
			#footer a {
				color: #888; }

/* float containers fix */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }
 
.clearfix {
	display: inline-block; }

/* Hide from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */