* { margin:0px; padding:0px; }

html { height: 100%; }

body { background: #000000 url(../images/bkgblend.jpg) repeat-x fixed bottom; margin: 0px; padding: 0px; height: 100%; font-family: Arial, Helvetica, sans-serif; }

#holder { width: 900px; margin: 0px auto; }

#header { float: left; height: 150px; margin-top: 15px; background: url(../images/header.jpg) no-repeat; width: 900px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:0px 0px 10px #FFF; -webkit-box-shadow:0px 0px 10px #FFF; box-shadow: 0px 0px 10px #FFF; overflow:hidden; position: relative; }

#navbar { padding: 0px 0px 8px 20px; width: 880px; float: left; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; }

#main { padding: 5px 15px 0px; width: 870px; margin: 0px 0px 20px; float: left; background: #EDEDED; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 8px #000; -webkit-box-shadow:0px 0px 8px #000; box-shadow: 0px 0px 8px #000; }

#right { margin: 0px; padding: 10px 0px 10px 10px; width: 230px; float: left; height: 100%; }

#footer { margin: 15px 0px 5px; padding: 10px 0px 0px; width: 100%; float: left; color: #000000; text-align: center; font: 10px/11px Arial, Helvetica, sans-serif; height: 50px; display: inline; }

#credit { font-size: 9px; text-align: center; color: #333333; padding-top: 5px; width: 100%; margin: 0px; clear: both; }

#credit a { color: #0000CC; text-decoration: none; }

#credit a:hover { text-decoration: underline; }

#text { float: left; margin: 0px; line-height: normal; overflow: hidden; width: 880px; padding: 0px; }

h1, #leftCol h2 { font-size: 18px; margin: 5px 0px; padding: 0px; color: #0033CC; font-weight: normal; text-transform: none; background: transparent; width: 100%; letter-spacing: 1px; border-bottom: 1px solid #999; border-top-style: none; border-right-style: none; border-left-style: none; }

p { margin: 0px 0px 10px; padding: 0px; font-size: 12px; line-height: 18px; }

#text a { font-weight: bold; text-decoration: none; }

#text a:hover { text-decoration: underline; font-weight: bold; }

#text a:visited { color: #0000FF; text-decoration: none; }

.products { float: left; width: 300px; text-align: center; border: 4px solid #999999; background: #FFFFFF; }

h2 { font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0px; color: #0033CC; padding: 0px; }

.prods { font: bold 11px/1.6em Arial, Helvetica, sans-serif; padding: 0px 0px 0px 20px; color: #0000FF; cursor: default; }

.prods:hover { text-decoration: underline; }

.features { float: left; width: 271px; margin-left: 10px; overflow: hidden; }

.features li { font: 11px Arial, Helvetica, sans-serif; }

#text img { margin: 5px 10px 0px 0px; }

#text ul { list-style: square; font-size: 12px; font-weight: bold; margin: 0px; padding: 10px 0px 10px 25px; }

.contactform { color: #660033; margin-left: 10px; margin-right: 10px; width: 150px; display: block; float: left; font: bold 12px Arial, Helvetica, sans-serif; }

.regform { color: #660033; margin-right: 10px; width: 380px; display: block; float: left; font: bold 12px Arial, Helvetica, sans-serif; }

#affair { float: left; width: 520px; padding-left: 20px; font-size: 11px; padding-top: 15px; padding-right: 10px; }

#register { width: 430px; float: left; margin: 0px; padding: 0px; border-right: 1px dotted #333333; }

#regright { float: left; width: 370px; margin-left: 10px; }

#logo { position: relative; left: -50px; display: block; float: left; }

#frontimage { float: left; background: url(../images/shadow.gif) no-repeat right bottom; line-height:0; margin-left: 15px; }

#callout { font: bold 15px Arial, Helvetica, sans-serif; float: left; color: #660033; display: block; text-align: right; margin: 0px; padding: 0px; background: url(../images/frontcallout.png) no-repeat left; width: 520px; height: 60px; }

h4 { font: bold 12px Arial, Helvetica, sans-serif; color: #000099; padding: 0px; margin: 10px 0px 0px; }

.affair { width: 365px; float: right; padding-top: 12px; margin-bottom: 10px; }

.affair img { padding-top: 5px; }

.hubstuff { width: 170px; margin-left: 10px; }

h5 { font: bold 13px Arial, Helvetica, sans-serif; margin: 0px; padding: 2px; background: #0000FF; color: #FFFFFF; }

#hubstuff { float: left; width: 665px; display: block; margin-left: 10px; border: 1px solid #CCCCCC; height: 310px; overflow: auto; padding: 10px; }

#hubstuff p { line-height: 1.2em; }

#caption { font-size: 10px; font-weight: bold; padding: 2px 0px 2px 10px; margin: 5px 0px 0px; text-align: left; color: #666; width: 600px; float: left; }

#frontimage img { border: 1px solid #999999; padding: 4px; background: #FFFFFF; position: relative; left: -5px; top: -5px; }

#main span.reps { font: 15px/1.3em Arial, Helvetica, sans-serif; width: 250px; color: #000066; padding-left: 5px; margin-bottom: 0px; margin-top: 0px; }

.store { margin-left: 10px; width: 790px; padding: 10px; float: left; display: inline; }

.store img { padding: 0px; margin-right: 10px; }

.store p { margin: 0px 0px 0px 10px; padding: 0px; float: left; display: inline; }

.descrip { float: left; margin-left: 25px; width: 500px; padding: 10px; font-size: 12px; display: inline; }

.items { margin: 0px; padding: 0px; }

form { float:left; }

table { font: 12px Arial, Helvetica, sans-serif; border:1px dotted #333333; }

table a:hover { text-decoration: underline; }

.odd { background: #CCCCCC; }

td { padding: 2px 7px; }

#hubstuff ul { text-transform: none; font-size: 10px; list-style: square; }

table { margin-left:10px; }

#text .stencils img { margin: 0px 0px 0px 10px; padding: 0px; }

#text .stencils p { margin: 0px 0px 0px 10px; padding: 0px; }

#mission, #main span { font-size: 12px; display: block; line-height: 18px; font-weight: normal; padding: 5px 10px 8px 8px; background: #5E6EFE; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:2px 2px 5px #999; -webkit-box-shadow:2px 2px 5px #999; box-shadow: 2px 2px 5px #999; color: #FFF; float: right; width: 230px; }

#main span { width: 850px; float: left;}

#contact #submit { width: 100px; margin-left: 30px; }

#leftCol { width: 850px; float: left; background: #FFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:2px 2px 5px #999; -webkit-box-shadow:2px 2px 5px #999; box-shadow: 2px 2px 5px #999; border: 1px solid #999; margin-bottom: 10px; padding: 5px 10px; }

#rightCol { float: right; width: 358px; text-align: center; border: 1px solid #999; padding-top: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:2px 2px 5px #999; -webkit-box-shadow:2px 2px 5px #999; box-shadow: 2px 2px 5px #999; overflow: hidden; min-height:372px; position: relative; }

#mainTop { margin-bottom: 8px; }

#header img { position: absolute; right: 5px; bottom: 5px; }

#subPageContent { float: right; width: 685px; padding-right: 10px; }
#leftProduct { float: left; width: 172px; }

#slideShow { float: left; width: 610px; text-align: center; border: 1px solid #999; padding-top: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:2px 2px 5px #999; -webkit-box-shadow:2px 2px 5px #999; box-shadow: 2px 2px 5px #999; overflow: hidden; position: relative; background: #FFF; padding-bottom: 5px; }

#mission em { width: 100%; border-bottom: 1px solid #FFF; margin: 0px; padding: 0px; display: block; }

#main span { }

.clear { clear: both; margin-bottom: 10px; display: block; }

#main #text #register span { float: none; width: auto; padding:0px; margin:0px; color:inherit; background:inherit; box-shadow:none; border-radius:none; display:inherit; font-size:inherit; }