/* General Tags */
html { margin: 0; padding: 0; }

body {
	background: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0; padding: 0;
	position: relative;
}

a { color: #009; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { color: #009; font-size: 24px; margin: 0; }
h2 { color: #009; font-size: 18px; margin: 0; }
h3 { color: #009; font-size: 14px; margin: 0; }
h4 { color: #009; font-size: 12px; margin: 0; }
h5 { color: #009; font-size: 10px; margin: 0; }
h6 { color: #009; font-size: 8px; margin: 0; }

p { color: #333; line-height: 1.5em; margin: 0; margin-bottom: .5em; }
p a { text-decoration: underline; }

/* Preload Image */
#preload { height: 1px; left: 0; overflow: hidden; position: absolute; top: -20px; width: 1px; }

/* Page Header */
#header { height: 80px; margin: 0 auto; overflow: hidden; position: relative; width: 780px; }
#header h2, #header h3 { color: #000; height: 60px; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 10px; }
#header h2 span, #header h3 span { display: block; height: 60px; left: 0; position: absolute; top: 0; }
#header h2.company { left: 0; width: 218px; }
#header h2.company span { background: url("../images/logo.gif") top left no-repeat; width: 100%; }
#header h2.company a { background: url(""); display: block; height: 60px; left: 0; position: absolute; top: 0; width: 218px; }
#header h3.tagline { font-size: 12px; right: 0; text-align: right; width: 237px; }
#header h3.tagline span { background: url("../images/tagline.gif") top left no-repeat; width: 100%; }

/* Page Container */
#container { border: 1px solid #004; margin: 0 auto; padding: 0; width: 780px; }

/* Navigation */
#tabs { background: #009 url("../images/mainbar.jpg") 0 0 no-repeat; height: 50px; margin: 0; overflow: hidden; padding: 0; position: relative; }
#tabs ul { height: 22px; left: 0; list-style: none; margin: 0; padding: 0; position: absolute; top: 28px; }
#tabs li { display: inline; float: left; height: 22px; padding-left: 5px; width: 85px; }
#tabs li a, #tabs li span { background: url("../images/tabs.gif") 0 0 no-repeat; color: #99c; display: block; font-size: 14px; font-weight: bold; height: 22px; padding-top: 3px; text-align: center; width: 85px; }
#tabs li a:hover { background-position: 0 -22px; color: #fff; text-decoration: none; }
#tabs li span { background-position: 0 -44px; color: #000; }
#tabs li .services, #tabs li .services:hover { background-position: 0 -66px; color: #000; }
#tabs li .products, #tabs li .products:hover { background-position: 0 -88px; color: #000; }
#tabs li .supplies, #tabs li .supplies:hover { background-position: 0 -110px; color: #000; }
#tabs li a.services:hover, #tabs li a.products:hover, #tabs li a.supplies:hover { color: #666; text-decoration: underline; }

#subs { background: #ddd url("../images/subbar.jpg") 0 0 no-repeat; border-bottom: 1px solid #999; height: 20px; overflow: hidden; position: relative; }
#navigation .home { background-color: #ddd; }
#navigation .services { background-color: #c0e0c0; background-position: 0 -50px; border-color: #699d69; }
#navigation .products { background-color: #b0d0f0; background-position: 0 -100px; border-color: #4f83b8; }
#navigation .supplies { background-color: #fff0b3; background-position: 0 -150px; border-color: #d1b854; }
#subs ul { height: 20px; left: 0; list-style: none; margin: 0; padding: 0; position: absolute; top: 0; }
#subs li { border-right: 1px solid #999; display: inline; float: left; height: 16px; margin-top: 2px; overflow: hidden; padding: 0 5px; }
#subs.services li { border-color: #699d69; }
#subs.products li { border-color: #4f83b8; }
#subs.supplies li { border-color: #d1b854; }
#subs li a, #subs li span { color: #000; display: inline; float: left; font-size: 11px; height: 16px; overflow: hidden; padding-top: 2px; }
#subs li span { font-weight: bold; }

/* Main Body Content */
#body { height: auto !important; height: 400px; min-height: 400px; padding: 10px; position: relative; }
#body .title { padding-bottom: 10px; }

/* Rounded Corners */
#nifty { color: #333; height: auto !important; height: 1%; margin: 0 150px 10px 150px; position: relative; }
#nifty .ltop, #nifty .lbottom, #nifty .rtop, #nifty .rbottom { display: block; height: 5px; position: absolute; width: 5px; }
#nifty .ltop, #nifty .rtop { top: 0; }
#nifty .rtop, #nifty .rbottom { right: 0; }
#nifty .lbottom, #nifty .rbottom { bottom: 0; }
* html #nifty .lbottom, * html #nifty .rbottom { bottom: -1px; }
#nifty .ltop, #nifty .lbottom { left: 0; }
#nifty .ltop b, #nifty .lbottom b, #nifty .rtop b, #nifty .rbottom b { background: #fff; display: block; height: 1px; overflow: hidden; }
#nifty .r1 { width: 5px; }
#nifty .r2 { width: 3px; }
#nifty .r3 { width: 2px; }
#nifty .ltop b.r4, #nifty .lbottom b.r4, #nifty .rtop b.r4, #nifty .rbottom b.r4 { height: 2px; width: 1px; }
#nifty .rtop b, #nifty .rbottom b { margin-left: auto; }
#nifty span { background: #bbb url("../images/rbox.jpg") 0 0 no-repeat; display: block; font-size: 14px; padding: 10px; text-align: center; }
#nifty span.services { background-color: #c0e0c0; background-position: 0 -300px; }
#nifty span.products { background-color: #b0d0f0; background-position: 0 -600px; }
#nifty span.supplies { background-color: #fff0b3; background-position: 0 -900px; }
#nifty, #nifty p { line-height: 1.1em; }

/* Page Footer */
#footer { background: #009 url("../images/footerbar.gif") 0 5px no-repeat; clear: both; height: 15px; }
#footer div { background: #ddd url("../images/subbar.jpg") 0 0 no-repeat; border-top: 1px solid #999; height: 4px; overflow: hidden; }
#footer div.services { background-color: #c0e0c0; background-position: 0 -50px; border-color: #699d69; }
#footer div.products { background-color: #b0d0f0; background-position: 0 -100px; border-color: #4f83b8; }
#footer div.supplies { background-color: #fff0b3; background-position: 0 -150px; border-color: #d1b854; }

#bottominfo { margin: 0 auto; padding: 10px 0; text-align: center; width: 780px; }
#bottominfo .links span { font-weight: bold; }
#bottominfo .address { font-size: 11px; }
#bottominfo .copyright { font-size: 11px; }