/* Page Positioning */
html, body { margin: 0px; padding: 0px; background-color: #999; height: 100%; }
table#ct { height: 100%; }
td#primary { width: 600px; border-left: 1px solid #666; border-right: 1px solid #666; height: 100%; vertical-align: top; background-color: #fff; }

/* Logo */
h1#logo { margin: 0px 0px 10px 0px; height: 126px; width: 600px; background: url(/images/logo.gif) no-repeat; }
h1#logo span { display: none; }

/* Nav Bar */
ul#nav { margin: 0px; height: 16px; padding: 0px; white-space: nowrap; }
ul#nav li { display: inline; list-style-type: none; }
ul#nav li a, ul#nav li a:link, ul#nav li a:visited, ul#nav li a:active, ul#nav li a:hover {display: block; width: 90px; height: 16px; background-color: #bbb; float: left; margin-left: 24px; text-align: center; font-size: 10px !important; font-family: Verdana, Arial, Sans-serif; font-weight: bold; line-height: 16px; text-decoration: none; color: #fff; letter-spacing: 0.1em; }
ul#nav li a#home:active, ul#nav li a#home:hover, ul#nav li a#home.on { background-color: #00f; }
ul#nav li a#about:active, ul#nav li a#about:hover, ul#nav li a#about.on { background-color: #eaa; }
ul#nav li a#products:active, ul#nav li a#products:hover, ul#nav li a#products.on { background-color: #3c6; }
ul#nav li a#services:active, ul#nav li a#services:hover, ul#nav li a#services.on { background-color: #f36; }
ul#nav li a#contact:active, ul#nav li a#contact:hover, ul#nav li a#contact.on { background-color: #3cf; }

/* Color Bar */
div.colorbar { display: block; height: 10px; width: 600px; }
div#cbhome { background-color: #00f; }
div#cbabout { background-color: #eaa; }
div#cbproducts { background-color: #3c6; }
div#cbservices { background-color: #f36; }
div#cbcontact { background-color: #3cf; }

/* Content */
div#content { padding: 10px 15px; font-family: Verdana, Arial, Sans-serif; font-size: 76%; text-align: justify; line-height: 130%; }
div#content h2 { font-weight: 100; font-size: 18px; }
div#content.home h2 { color: #00f; }
div#content.about h2 { color: #eaa; }
div#content.products h2 { color: #3c6; }
div#content.services h2 { color: #f36; }
div#content.contact h2 { color: #3cf; }

div#content a, div#content a:link, div#content a:visited { text-decoration: none; }
div#content a:hover, div#content a:active { text-decoration: underline; }
div#content a.b { font-weight: bold; }
div#content.home a { color: #00f; }
div#content.about a { color: #eaa; }
div#content.products a { color: #3c6; }
div#content.services a { color: #f36; }
div#content.contact a { color: #3cf; }

/* Misc */
label span { width: 10em; float: left; }