* { margin: 0; padding: 0; }
body { font: 1em verdana, arial, helvetica, sans-serif; color: #333; background: #cecbc9 url(../_assets/background-strip.gif) 0 0 repeat-x; }
a:active, a:hover, a:link, a:visited { color: #333; text-decoration: none; }
p a:hover { text-decoration: underline; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
ul.nostylelist { list-style: none; }

.paddingleft30 { padding-left: 30px; }

#container { width: 965px; margin: 0 auto; }
#header { height: 120px; }
	
	#header h1.logo, #header p.logo { 
		width: 295px;
		height: 120px;
		margin: 0 0 0 55px;
		float: left;
		text-indent: -9999px;
		background: url(../_assets/tubefuse-logo.png) 0 center no-repeat;		
		display: inline;
	}
	
	/* -- header nav -- */	
	#header ul { font-size: 0.6875em; list-style-type: none; }
		#header ul li { display: block; float: left; text-align: center; background: url(../_assets/nav-strip.gif) 0 0 no-repeat; }
			#header ul li a { height: 44px; padding: 76px 0 0 0; display: block; text-transform: uppercase; }
				#header ul li.on a,
				#header ul li a:hover { font-weight: bold; color: #fff; }
				
			#header ul li#nav-home a { width: 68px; }
				#header ul li#nav-home.on a,
				#header ul li#nav-home a:hover { background: url(../_assets/nav-home-on.jpg) 0 0 no-repeat; }
				
			#header ul li#nav-about a { width: 91px; }
				#header ul li#nav-about.on a,
				#header ul li#nav-about a:hover { background: url(../_assets/nav-about-on.jpg) 0 0 no-repeat; }
				
			#header ul li#nav-hands a { width: 87px; }
				#header ul li#nav-hands.on a,
				#header ul li#nav-hands a:hover { background: url(../_assets/nav-hands-on.jpg) 0 0 no-repeat; }
				
			#header ul li#nav-reliability a { width: 103px; }
				#header ul li#nav-reliability.on a,
				#header ul li#nav-reliability a:hover { background: url(../_assets/nav-reliability-on.jpg) 0 0 no-repeat; }
			
			#header ul li#nav-cost a { width: 100px; }
				#header ul li#nav-cost.on a,
				#header ul li#nav-cost a:hover { background: url(../_assets/nav-cost-on.jpg) 0 0 no-repeat; }
			
			#header ul li#nav-novel a { width: 124px; }
				#header ul li#nav-novel.on a,
				#header ul li#nav-novel a:hover { background: url(../_assets/nav-novel-on.jpg) 0 0 no-repeat; }

	#wrapper { width: 949px; margin: 12px 0 0 8px; padding: 0 9px; background: url(../_assets/body-strip.png) 0 0 repeat-y; }
	* html #wrapper { \width: 949px; w\idth: 967px; margin-left: 17px; padding: 0; background: none; } /* ie6 */
	
	#content { width: 931px; background: #fff url(../_assets/left-strip.gif) 0 0 repeat-y; }
	
	
	#left {
		width: 141px;
		padding: 0 0 20px 9px;
		float: left;
		font-size: 0.6875em;
		line-height: 1.365em;
		border-top: 1px #c2c2c2 solid;
	}
	
	#left.home { width: 150px; padding: 0 0 20px 0; }
	
		#left a { width: 149px; margin: 0 0 10px; padding: 0; display: block; }
		#left a#brochure-btn { height: 139px; background: url(../_assets/brochure-button.jpg) 0 0 no-repeat; }
		#left a#contact-btn { height: 43px; background: url(../_assets/contact-button.jpg) 0 0 no-repeat; }
		#left a span { display: block; height: 0; overflow: hidden; }
		
		/* -- left nav -- */
		#left ul { list-style: none; }
								
		#left ul li a { width: 136px; padding: 5px 0 0 0; display: block; font-weight: bold; border-bottom: 1px #fff solid; }
		
			#left ul li a span { height: auto !important; padding: 0 10px 6px 0; display: block; border-bottom: 1px #ccc solid; }		
			
		#left ul li a:hover,
		#left ul li.on a { width: 128px;  margin-left: -21px; padding-left: 33px; color: #fff; border: none; background: url(../_assets/nav-selector.gif) 0 0 no-repeat; position: relative; }		
		
		#left ul li a:hover span, #left ul li.on a span { padding: 0 10px 8px 0; border: none; }
	
	#main { width: 755px; margin: 0 13px; overflow: hidden; float: left; }
		#main.content { width: 755px; padding: 18px 0 0 0; font-size: 12px; background: #fff url(../_assets/body-header-strip.gif) 0 0 repeat-x; }
	
		#main.content h1 { margin: 0 0 5px; font-size: 22px; }
		#main.content p { margin-top: 5px; padding-right: 210px; }
		#main.content #infobox { margin: 15px 0 20px 0;}
		#main.content #infobox img { margin: 3px 0 0 2px; }
		#main.content div.column { width: 330px; float: left; margin-bottom: 20px; padding-right: 20px; }
		#main.content div.column p { padding: 0 0 10px 0; }
		#main.content div.column ul li { margin: 0 0 5px 0; }
		
		#main.content div.copy { margin-bottom: 20px; }
		#main.content div.copy h2 { margin: 20px 0 5px; font-size: 18px; }
		#main.content div.copy p { margin: 0 0 10px 0; }
		#main.content div.copy ul { margin: 5px 0 10px 20px; }
		#main.content div.copy ul li { margin: 0 0 5px 10px; }
		#main.content div.copy ul.nomarginleft, #main.content div.copy ul.nomarginleft li { margin-left: 0; }
	
		/* -- orange infobox -- */
		#main #infobox { background: #c15400 url(../_assets/infobox-top-strip.gif) 0 0 repeat-x; }
		* html #main #infobox { float: left; display: inline; }
		
		#main #infobox #infobox-content { padding: 10px 10px 10px 28px; float: left; font-size: 0.675em; color: #fff; }			
			#main #infobox #infobox-content div { width: 322px; margin: 0 15px 0 0; float: left; line-height: 16px; }
				#main #infobox #infobox-content div h2 { font-size: 16px }
				#main #infobox #infobox-content div p { margin: 10px 0 6px 0; }
				#main #infobox #infobox-content div ul { margin-top: 5px; list-style: none; }
					#main #infobox #infobox-content div ul li { margin: 0 0 5px 8px; font-weight: bold; }
				
				#main #infobox #infobox-content.text { padding: 27px 65px 27px; font-size: 1em; }
					#main #infobox #infobox-content.text h2 { margin: 0 0 5px; }
					#main #infobox #infobox-content.text ul { margin: 5px 0 0 0; }
					#main #infobox #infobox-content.text ul li { margin: 0 0 5px 20px; }
					
		#main #infobox #infobox-footer { height: 4px; background: url(../_assets/infobox-bottom-strip.gif) 0 0 repeat-x; }
		* html #main #infobox #infobox-footer { font-size: 0; line-height: 0; } /* ie6 fix */
		
		/* -- three pods -- */	
		#main #pod-list { margin: 13px 0 5px 0; font-size: 0.625em; float: left; }
			#main #pod-list ul { padding: 1px 1px 20px 1px; list-style-type: none; float: left; background-color: #f0f0f0; }
				#main #pod-list ul li { width: 245px; margin: 0 8px 0 0; display: block; float: left; }
				#main #pod-list ul li.last { margin: 0; } 
					#main #pod-list ul li img { border: 1px #c15400 solid; display: block; }
					#main #pod-list ul li span { margin: 1px; height: 40px; padding: 8px 16px 0; display: block; background-color: #d7d7d7; }
						#main #pod-list ul li a:hover img { width: 231px; height: 177px; border-width: 7px; }
						#main #pod-list ul li a:hover span { margin-top: 2px; color: #fff; background: #c15400 url(../_assets/infobox-top-strip.gif) 0 0 repeat-x; }
						
	form#enquiry label { display: block; width: 200px; }
		
	/* -- footer -- */			
	#footer { width: 863px; margin: 0 1px 0; padding: 10px 33px; clear: both; border-top: 1px #ff7f1f solid; background-color: #fff; }
		* html #footer { \width: 863px; w\idth: 876px; } /* ie6 box model fix */
		#footer p { margin-bottom: 7px; line-height: 16px; font-size: 9px; }
		#footer p.right { margin-top: 16px; }