/* CSS Document */

BODY { 
	color:#000000; 
	background:#ffffff; 
	}
	
P, UL, OL, TD {
	font:100%/140% Verdana,Arial,Helvetica,sans-serif; 
	}
	
P {
	margin:5px 8px 6px 8px;
	}

UL {
	margin:0px; 
	padding:6px 10px 6px 40px; 
	list-style-type:square; 
	}
	
OL {
	margin:0px; 
	padding:6px 10px 6px 40px; 
	list-style-type:decimal; 
	}
	
A:LINK {
	color:#2F709C; 
	text-decoration:underline; 
	}
	
A:VISITED {
	color:#666666; 
	text-decoration:underline; 
	}
	
A:HOVER {
	color:#7D7BB8; 
	text-decoration:underline; 
	}
	
A:ACTIVE {
	color:#7D7BB8; 
	text-decoration:underline; 
	}
	
H1, H2, H3, H4, H5, H6 {
	margin:0px 8px 0px 8px; 
	color:#B07932; 
	font:bold 100%/120% Helvetica,Arial,Verdana,sans-serif; 
	}
	
H1 {
	font-size:150%; 
	}
H2 {
	font-size:120%; 
	}
H3 {
	font-size:110%; 
	}
H4 {
	font-size:100%; 
	}
H5 {
	font-size:90%; 
	}
H6 {
	font-size:80%; 
	}
TD {
	padding:0px 0px 0px 0px; 
	}

/*CLASS SELECTORS*/
#pagewrapper {
	margin: 0 auto;
	width:725px;
	background-color:#dcdcdc;
	padding:18px;
	}

* html #pagewrapper {  /* This is the Tan hack */
	width: 761px;
	w\idth: 725px; 
	}

#page {
	background-color:#fff;
	text-align:center;
	margin:0;
	padding:0px 18px 0px 17px;
	}


#headerwrapper, #contentwrapper, #footerwrapper {
	text-align:center;
	margin:0;
	padding:0;
	clear:both;
	}

#header, #content, #contenthome, #footer {
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	text-align:left;
	}	
	
#contentwrapper {
	margin-top:15px;
	}

#footerwrapper {
	padding-top:15px
	}

#headnote {
	padding:5px 15px 0px 0px;
	float:right;
	font-size:69%;
	}
	
#headnote p {
	font-weight:bold;
	}

#headnote a:link, #headnote a:visited {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	}
	
#headnote a:hover, #headnote a:active {
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
	}

#subheader {
	overflow:auto;
	}

#logobox {
	margin-right:5px;
	padding:0px; 
	width:230px;
	background:#929494 url(../images/logobox-bot.gif) bottom no-repeat;
	float:left;
	}

* html #logobox {  /* This is the Tan hack */
	width: 226px;
	w\idth: 230px; 
	}
	
#logohome {
	margin:0px;
	margin-top: 60px;
	height:146px;
	}

#logoinner {
	height:98px;
	margin-top:15px;
	}
	
#imagebox {
	margin-left:5px;
	width:450px;
	float:left;
	}

#homeimage {
	background:#000000 url(../images/header-image.jpg) no-repeat;
	height:206px;
	}

#innerimage {
	background:#000000 url(../images/header-image-inner.jpg) no-repeat;
	height:113px;
	}

#aboutimage {
	background:#000000 url(../images/header-image-about.jpg) no-repeat;
	height:113px;
	}

#designimage {
	background:#000000 url(../images/header-image-design.jpg) no-repeat;
	height:113px;
	}
	
#contactimage {
	background:#000000 url(../images/header-image-contact.jpg) no-repeat;
	height:113px;
	}

#productimage {
	background:#000000 url(../images/header-image-products.jpg) no-repeat;
	height:113px;
	}
	
#navigation {
	margin-top:6px;
	width:691px;
	}


#footer {
	font-size:69%;
	clear:both;
	border-top:#929494 1px solid;
	padding-bottom:3px;
	}	
	
/*Homepage Content Selectors and Styles
#contentHome {
	width:inherit;}*/

#leftcolumn {
	float:left;
	font-size:63%;
	width:230px;
	}

#maintext {
	margin-left:232px;
	margin-right:125px;
	font-size:76%;
	background:url(../images/text-border.gif) top left repeat-y;
	width:300px;
	padding:10px 0px 10px 5px;
	}
	
#maintext {
	width:324;
	w\idth:300;
	}
	
#rightcolumn {
	float:right;
	font-size:76%;
	width:123px;
	margin-left:7px;
	}
	

#innertext {
	float:left;
	font-size:76%;
	width:438px;
	padding:0px 26px 0px 35px;
	}	

#innertext P.name {
	font-size:86%;
	line-height:1em;
	margin:4px 4px 2px 4px;
	}	

#innertext P.fineprint {
	font-size:86%;
	line-height:1.1em;
	margin:2px 4px 2px 4px;
	}
.left {
	float:left;
	}

.right {
	float:right;
	}

#searchbox {
	background:url(../images/product-finder-bg.gif) no-repeat;
	padding:5px 0px 5px 35px;
	height:57px;
	font-size: 76%;
	width: 457px;
	}
	
#productTable {
	float:left;
	width:492px;
	padding:0px 0px 0px 0px;
	}
	
#feature {
	background:url(../images/text-border.gif) top left repeat-y;
	font-size:76%;
	float:left;
	margin-left:32px;
	padding-left:35px;
	width:122px;
	}	
	
#featureProducts {
	background:url(../images/text-border.gif) top left repeat-y;
	font-size:76%;
	float:left;
	margin-left:40px;
	padding-left:35px;
	width:122px;
	}	

.tablefont {
	font-size:100%;
	}
	
.thumbnail {
	float:left;
	margin:6px 10px 6px 10px;
	padding:0;
	width:122px;
	}
/*NAVIGATION*/
#mainnav {
	background:#60584F url(../images/mainnav-bg.gif) left no-repeat;
	clear:both;
	padding:0px;
	/*height:25px;*/
	}

#mainnav a {
	text-decoration:none;
	}

#mainnav img {
	padding:0px 0px 0px 5px;
	border:0px;
	}
	
#mainnav-inner {
	background:#60584F url(../images/mainnav-bg-inner.gif) left no-repeat;
	clear:both;
	padding:0px 0px 0px 0px;
	height:25px;
	}

#mainnav-inner a {
	text-decoration:none;
	}

#mainnav-inner img {
	padding:0px;
	border:0px;
	}
	
#mainnav-inner img.first {
	padding:0px 0px 0px 5px;
	border:0px;
	}

#subnav {
	clear:both;
	background:url(../images/subnav-bg.gif) left no-repeat;
	height:31px;
	color:#ffffff;
	font-size:11px;
	}
	
#subnav ul {
	list-style-type:none;
	}

#subnav ul li {
	padding:0px 70px 0px 11px;
	float:left;
	}
	
#subnav a {
	text-decoration:none;
	color:#ffffff;
	}

#subnav ul li a.current {
	color:#000000;
	border:0px;
	}

#subnav a:hover {
	color:#000000;
	}

DIV.imageleft {
	display:inline; 
	float:left; 
	margin:4px 8px 4px 8px; 
	}
DIV.imageright {
	display:inline; 
	float:right; 
	margin:4px 8px 4px 8px; 
	}