/* TWO COLUMN LAYOUT */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
#main_wrapper {
	max-width:880px; /* sets max layout width */
	min-width:880px; /* sets min layout width */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
	border:solid thin #FFFFFF;
	}
#header {
	 
	}
#nav {
	width:180px; /* this width + content width must total 100% */
	float:left; /* floats on nav and content divs make them sit side by side */	
	background:#FFFFFF;
	}
#content { margin-left:180;background:url(../images/navElement.jpg) repeat-x top;
	/* default auto width */
	}
/* here comes a hack for IE6 */
/* floating this element gets rid of the gap between the nav and content - the hateful 3 pixel jog bug in IE */
/* if I float this element in other browsers, the layout breaks - don't remove this comment \*/
* html #content { 
	float:left; 
	
	}
/* end of hack - don't remove this comment */
#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	background:#DDC; /* TEMP - REMOVE OR RESTYLE  */
	}
#header_inner, #nav_inner, #content_inner, #promo_inner {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	}
#header_inner { 
	padding:0 0; /* creates space between the box  and the content */
	}
#nav_inner {
	padding:.5 0; /* creates space between the box and the content */
	}
#menu li{border:0 solid black;
	margin:0 1em; padding:30px;
	list-style-type:none;
	float:left;
	
	}


#column1 {width:200px;
padding:5px;
margin:0 4px;
float:left;
background-color:#FFFFFF;}
#column2 {width:200px;
padding:5px;
margin:0 4px;
float:left;
background-color:#FFFFFF;}
#column3 {width:200px;
padding:4px;
margin:0 4px;
float:left;
background-color:#FFFFFF;
border-left:thin #999999 dotted;}
#content_inner { 
	padding:0 1em 1em 1.5em;
	}
#clearthefloat { 
	clear:both; 
	}
#footer_inner {
	padding:.5em 1em; /* creates space between the box and the content */
	text-align:center;
	}
#company img {margin: 0 .5em 2px 0; float:left;}
#company *p {float:left;}
#productNav li {list-style-type:none;
				float:left;
				margin-left:8px;
				border-left:thin #FF9900;
				}

* html {