body {min-width: 770px; width: 100%; height: auto; margin: 0 0 10px 0; padding: 0; background: #8b9cae; color: #000000; text-align: center;}

#container {width: 770px; margin: 0 auto; padding: 0; background: #f1f2ea url("images/page/background.gif") repeat-y top center; border: 1px solid #000000; text-align: center;}

#banner {clear: both; width: 772px; height: 285px; margin: 0 auto; background: url("images/page/header.jpg") no-repeat center left; text-align: center;}

/* Topnav */
#navtab {position: relative; width: 772px; height: 40px; margin: 0 auto; padding: 0; background: url("images/page/navtab.jpg"); text-align: center;}
#navtab li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#navtab li, #navtab a {height: 40px; display: block;}
#panel1b {left: 0; width: 19px;}
#panel2b {left: 20px; width: 51px;}
#panel3b {left: 72px; width: 27px;}
#panel4b {left: 100px; width: 86px;}
#panel5b {left: 187px; width: 26px;}
#panel6b {left: 214px; width: 68px;}
#panel7b {left: 283px; width: 32px;}
#panel8b {left: 316px; width: 67px;}
#panel9b {left: 384px; width: 386px;}
#panel1b a:hover {background: transparent url("images/page/navtab.jpg") 0 -40px no-repeat;}
#panel2b a:hover {background: transparent url("images/page/navtab.jpg") -20px -40px no-repeat;}
#panel3b a:hover {background: transparent url("images/page/navtab.jpg") -72px -40px no-repeat;}
#panel4b a:hover {background: transparent url("images/page/navtab.jpg") -100px -40px no-repeat;}
#panel5b a:hover {background: transparent url("images/page/navtab.jpg") -187px -40px no-repeat;}
#panel6b a:hover {background: transparent url("images/page/navtab.jpg") -214px -40px no-repeat;}
#panel7b a:hover {background: transparent url("images/page/navtab.jpg") -383px -40px no-repeat;}
#panel8b a:hover {background: transparent url("images/page/navtab.jpg") -316px -40px no-repeat;}
#panel9b a:hover {background: transparent url("images/page/navtab.jpg") -384px -40px no-repeat;}

/* Sidebar */
#sidebar {float: right; width: 200px; padding: 0; background: #f1f2ea;}

/* Content */
#content {margin: 0; padding: 0; font: normal 90% verdana, sans-serif; text-align: left;}
#welcome {width: 400px; height: 50px; margin: 0 auto; text-indent: -3000px; background: url("images/page/audio-outlet-gainesville.jpg") no-repeat;}
#lines {width: 400px; height: 50px; margin: 0 auto; text-indent: -3000px; background: url("images/page/product-lines.jpg") no-repeat;}
#audio {width: 400px; height: 50px; margin: 0 auto; text-indent: -3000px; background: url("images/page/car-decks-amps-speakers.jpg") no-repeat;}
#video {width: 400px; height: 50px; margin: 0 auto; text-indent: -3000px; background: url("images/page/car-video.jpg") no-repeat;}
#performance {width: 400px; height: 50px; margin: 0 auto; text-indent: -3000px; background: url("images/page/car-performance.jpg") no-repeat;}
#content h2 {margin-left: 10px; font: bold 90% helvetica, sans-serif; border-bottom: 1px solid #000000; text-align: left;}
#contact {width: 400px; height: 50px; margin: 0 auto; text-indent: -3000px; background: url("images/page/contact.jpg") no-repeat;}
#directions {width: 400px; height: 50px; margin: 0 auto; text-indent: -3000px; background: url("images/page/directions.jpg") no-repeat;}
#content p {padding: 0 20px;}
#content img {border: none;}
		
/* Footer */
#footer {width: 770px; height: 20px; margin: 0 auto; padding: 5px 0 0; background: #212d3b; font: normal 70% arial, sans-serif; text-align: center;}
#footer a:link {margin-right: 5px; color: #cccccc; text-decoration: none;}
#footer a:visited {margin-right: 5px; color: #cccccc; text-decoration: none;}
#footer a:hover {margin-right: 5px; color: #ffffff; text-decoration: underline;}

/* Classes */
.fieldset {margin: 0; padding: 0; border: none;}
div.row {clear: both; padding-top: 2px;}
div.row span.label {float: left; width: 49%; text-align: right;}
div.row span.formw {float: right; width: 49%; text-align: left;}
br.spacer {clear: both; margin: 1px; visibility: hidden;} 
