body {width: 800px; margin: 0; padding: 24px 0 0 24px; background: #0071bc url(../images/bkg.gif) no-repeat; font-family: arial, verdana, helvetica; font-size: 12px; color: #ffffff;}
h2 {font-size: 16px; font-weight: bold;}


#outer {margin: 0; width: 850px;}
#leftpanel {float: left; width: 293px; text-align: center;}
#leftpanel a, a:active, a:visited, a:hover {font-size: 14px; color: #fff; font-weight: bold;}
#logo a {display: block; width: 293px; height: 174px; background: url(../images/logo.gif) no-repeat;}

#navgrid {list-style-type: none; float: right; width: 555px; list-style-type: none; margin: 0; padding: 0; text-align: center;}
#navgrid li {background: url(../images/whitebox.gif) center no-repeat; display: block; width: 168px; height: 182px; float: left; text-align: center; margin: 0; padding: 0;}
#navearly a {display: block; height: 18px; background: url(../images/navearly.gif) no-repeat top center; margin: 8px 0 0 0;}
#navearly a:hover {background: url(../images/navearly-on.gif) no-repeat top center;}
#navlate a {display: block; height: 18px; background: url(../images/navlate.gif) no-repeat top center; margin: 8px 0 0 0;}
#navlate a:hover {background: url(../images/navlate-on.gif) no-repeat top center;}
#navcustom a {display: block; height: 18px; background: url(../images/navcustom.gif) no-repeat top center; margin: 8px 0 0 0;}
#navcustom a:hover {background: url(../images/navcustom-on.gif) no-repeat top center;}
#navdouble a {display: block; height: 18px; background: url(../images/navdouble.gif) no-repeat top center; margin: 8px 0 0 0;}
#navdouble a:hover {background: url(../images/navdouble-on.gif) no-repeat top center;}
#navsingle a {display: block; height: 18px; background: url(../images/navsingle.gif) no-repeat top center; margin: 8px 0 0 0;}
#navsingle a:hover {background: url(../images/navsingle-on.gif) no-repeat top center;}
#navbarndoor a {display: block; height: 18px; background: url(../images/navbarndoor.gif) no-repeat top center; margin: 8px 0 0 0;}
#navbarndoor a:hover {background: url(../images/navbarndoor-on.gif) no-repeat top center;}
#navdeluxe a {display: block; height: 18px; background: url(../images/navdeluxe.gif) no-repeat top center; margin: 8px 0 0 0;}
#navdeluxe a:hover {background: url(../images/navdeluxe-on.gif) no-repeat top center;}
#navbeetle a {display: block; height: 18px; background: url(../images/navbeetle.gif) no-repeat top center; margin: 8px 0 0 0;}
#navbeetle a:hover {background: url(../images/navbeetle-on.gif) no-repeat top center;}
#navstandard a {display: block; height: 18px; background: url(../images/navstandard.gif) no-repeat top center; margin: 8px 0 0 0;}
#navstandard a:hover {background: url(../images/navstandard-on.gif) no-repeat top center;}

#copy {clear: both; width: 800px; padding: 0 0 12px 0;}

#footer {list-style: none; margin: 0 0 0 270px;}
#footer li {float: left; display: block; height: 12px; margin: 0 12px 0 0;}
#footerhome a {display: block; width: 38px; height: 12px; background: url(../images/footer-home.gif);}
#footerhome a:hover {background: url(../images/footer-home-on.gif);}
#footerabout a {display: block; width: 61px; height: 12px; background: url(../images/footer-about.gif);}
#footerabout a:hover {background: url(../images/footer-about-on.gif);}
#footercontact a {display: block; width: 69px; height: 12px; background: url(../images/footer-contact.gif);}
#footercontact a:hover {background: url(../images/footer-contact-on.gif);}
#footerbrowse a {display: block; width: 49px; height: 12px; background: url(../images/footer-browse.gif);}
#footerbrowse a:hover {background: url(../images/footer-browse-on.gif);}

.hide {display: none;}
.gallery {float: right; width: 540px; margin: 0; padding: 0; font-weight: bold; font-size: 14px; font-color: #fff;}
.gallery ul {list-style-type: none;}
.gallery li {display: block; text-align: center; width: 250px; height: 190px; float: left; font-size: 14px; font-color: #fff; font-weight: bold;}
.gallery img {margin-top: 20px;}