body { padding:0; margin:0; background-color:#5b5d60; color:#4f4f4f; }
/*
		TYPOGRAPHY
*/
h2 { margin:0 0 10px 0; text-transform:uppercase; color:#363636; }
h2, h3, h4, h5 { color:#363636; font-weight:bold; }
p { margin:0 0 12px 0;}
a { color:#009eee; }
a:hover { background-color:white; text-decoration:none; }
img { padding:5px; background-color:white; border:solid #5b5d60 1px; }
/*
		PAGE LAYOUT
*/
.container { border:solid #535555; border-width: 0 5px 0 5px; background-color:#535555; }
#header { height:202px; background:url('../graphics/header.jpg') 0 0 no-repeat; border-top:solid #009eee 5px; position:relative; overflow:hidden; }
#content { background: #fcf6ea url('../graphics/sub-page-content.gif') bottom left no-repeat; }
#footer { height:100px; }
#content.home { min-height:430px; background: #fcf6ea url('../graphics/home-content.jpg') bottom left no-repeat; }
/*
		FEATURES
*/
.feature h4 { width:270px; height:66px; margin:0; padding:0; text-indent:-3500px; }
.feature h4 a { display:block; width:270px; height:63px; background:url('../graphics/feature-btns.gif') no-repeat; }
#order-btn a { background-position: bottom left; height:66px; }
.feature p { padding:0 15px; }
/*
		BRANDS
*/
#brands p { font-weight:bold; }
#brands ul { width:269px; height:320px; margin:0; list-style:none; background:url('../graphics/brands.gif') no-repeat; }
#brands ul li { float:left; width:134px; height:64px; line-height:64px; text-align:center; text-indent:-3500px; }
/*
		CALL US
*/
#call-us { width:290px; position:absolute; top:94px; right:0px; color:#3e3e3e; font-size:11px; text-transform:uppercase; line-height:20px; }
#call-us strong { display:block; font-size:30px; font-weight:bold; }
/*
		NAVIGATION
*/
#site-nav { width:100%; height:39px; margin:0; position:relative; top:164px; left:0px; text-align:center; }
#site-nav li { display:inline; }
#site-nav li a { 
	display:block; float:left; 
	padding:11px 24px; 
	background:transparent url('../graphics/trans-grey-bg.png') 0 0 repeat;
	border-right:solid #3a3938 1px; border-left:solid #707170 1px; 
	font-size:11px; font-weight:bold; text-transform:uppercase; color:#fdf7eb; text-decoration:none; }
#site-nav li a:hover { background:#009eee; border-right-color:#164964; border-left-color:#38bcff; }
#site-nav .active, #site-nav a.active:hover { background:#fdf7eb; border-left-color:#fdf7eb; color:#515355; }
/*
	DOWNLOAD BUTTONS
*/
#product-intro { width:400px; float:left; }

#pdf { background-position: top left; }
#xls { background-position: top right; }
a#pdf:hover { background-position: bottom left;}
a#xls:hover { background-position: bottom right; }
/* 
		FOOTER
*/
#footer { height:150px; background-color:#535555; padding-bottom: 20px;  }
#footer div { padding:20px; }
#footer h5 { color:white; margin:0; }
#footer h5 span { padding:0 0 0 5px; color:#dad7c8; font-style:italic; font-weight:normal; }
#footer p { color:#a5a6a6; }
#footer ul { width:100%; margin:0; position:relative; text-align:right; }
#footer ul li { display:inline; padding:0 0 0 10px; }
#footer ul li a { color:#a5a8a8; text-decoration:none; }
#footer ul li a:hover { color:white; background:none; }
#footer ul li a.active { text-decoration:underline; color:#fff7ee; }
/* 
		CLASSES
*/
.hidden { position:absolute; top:-1000px; left:-3500px; outline:none; text-decoration:none; visibility:hidden; }
.wrap-20 { padding: 20px; }
.products { overflow:auto; clear:left; width:100%; margin:18px 0 36px 0; list-style:none; }
/* .products li { float:left; width:182px; background:white url('../graphics/product-list-bullet.gif') 10px 11px no-repeat; margin:0 5px 0 0; padding:10px 10px 5px 29px; } */

.products li {
	background:white url(../graphics/product-list-bullet.gif) no-repeat scroll 10px 11px;
	float:left;
	margin:1px 8px 1px 0pt;
	padding:10px 7px 5px 29px;
	width:182px;
	border-bottom:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9; }
.download { 
	display:block; float:left;
	width:116px; height:33px; 
	line-height:33px;
	margin:0 10px 10px 0; padding:0 0 0 27px;
	background:transparent url('../graphics/download-btns.gif') no-repeat; 
	color:#363636; font-weight:bold; text-decoration:none; text-align:left; font-size:11px; text-transform:uppercase; cursor:pointer; }
.download:hover { color:white; }