body { margin: 0; padding: 0; background: #fff url(../images/nav/top.gif) top left repeat-x; text-align: center; }
a { color: #c59811; }
a img { border: none; }

#wrapper { display: block; width: 820px; margin: 0 auto; text-align: left; position: relative; height: inherit;}
#header { position: relative; z-index: 11; top: 0px; left: 0; height: 182px; margin: 0; padding:0; }
.logo { position: absolute; top: 35px; left: 8px; display: block; width: 177px; height: 100px; }
/* this is what we needing to changing */
#topNav { position: absolute; top: 5px; left:88px; padding: 0; width: 700px; }
#topNav li { list-style: none; float: left; }
#topNav li a { display: block; width: 40px; height: 16px; text-indent: -1000em; text-decoration: none; background: url(../images/nav/home.gif) bottom left no-repeat;  margin-left: 20px;}
#topNav li a#custom { width: 114px; background-image: url(../images/nav/custom.gif); }
#topNav li a#installation { width: 107px; background-image: url(../images/nav/installation.gif); }
#topNav li a#about { width: 43px; background-image: url(../images/nav/about.gif); }
#topNav li a#direct { width: 71px; background-image: url(../images/nav/directions.gif);}
#topNav li a#contact { width: 53px; background-image: url(../images/nav/contact.gif);}
#topNav li a#request { width: 123px; background-image: url(../images/nav/free-brochure-dvd.gif); }

#header h2 { position: absolute; margin: 0; padding: 0; width: 600px; font: 14px/140% Arial, Helvetica, sans-serif; color: #8e8782; top: 70px; left: 220px; }
#header h2 span { font-size: 11px; }
#header h2 a { color: #8e8782; }

#mainNav { position: absolute; top: 143px; left: 47px; width: 760px; list-style: none; padding: 0;}
#mainNav li { float: left; padding: 7px 0 0;}
#mainNav li a { position: relative; border-right: 1px solid #d7d7c8; display: block; width: 153px; height: 14px; line-height: 14px; text-indent:-1000em; background-repeat: no-repeat; background-position: 19px 0; text-decoration: none; }

#mainNav li a#navHTO { background-image: url(../images/nav/hot-tubs-overview.gif); width: 164px; }
#mainNav li a#nav400 {z-index: 20; background-image: url(../images/nav/j400-collection.gif); }
#mainNav li em a { background-position: 20px -14px; }
#j400 { z-index: 21; }
#mainNav li a#nav300 { z-index: 22; background-image: url(../images/nav/j300-collection.gif); }
#j300 { left: 364px; z-index: 23; }
#mainNav li a#nav200 { z-index: 24; background-image: url(../images/nav/j200-collection.gif); }
#j200 { left: 514px; z-index: 25; }
#mainNav li a#navAcc { border-right: none; width: 123px; z-index:26;  background-image: url(../images/nav/accessories.gif); background-position:0 0; height: 43px; padding: 0; margin-top: -14px;}
#mainNav li em a#navAcc { background-position: 0 -43px; }

#search { line-height: 0; position: relative; display: block; width: 139px; height: 20px; }

#search #box { width: 96px; height: 11px; background: none; border: 1px solid #a0a0a0; font: 11px/100% Arial, Helvetica, sans-serif; padding: 2px 9px 5px; position: absolute; top: 0; left: 0;}
#search .img { position: absolute; top: 0; right: 0; }

#content { display: block; margin: 0; z-index: 10; position: relative;}
.home { margin: 17px 0; padding: 12px 0 0; list-style: none; width: 800px; height: 33px; display: block; background: url(../images/home/linkbg.gif) top left no-repeat; position: relative; }
.home li { float: left; padding: 2px 30px 0; border-right: 1px solid #c1c1aa; }
.home li.end { border-right: none; position: absolute; bottom: 12px; right: -10px;}
.home #search { padding-top: 0; }
.home #search #box { background-color: #fff; }
.home #search .img { display: inline; }

#homeleft, #homeright { font: 11px/18px Arial, Helvetica, sans-serif; color: #333; width: 381px; float: left; padding: 0 0 41px 21px; overflow: visible; }
#homeright { width: 347px; display: inline; margin-left: 20px;  }
#homeleft ul, #homeright ul { margin: 0; padding: 0; list-style: none; }
#homeleft ul li, #homeright ul li { padding-left: 6px; background: url(../images/home/dot.gif) no-repeat; background-position: 0 8px; }
#homeleft ul a { color: #333; }
#homeleft .thickbox { position: absolute; top: 591px; left: 7px; }

#footer { width: 800px; border-top: 1px solid #d7d7c8; margin: 13px 0 0; padding-bottom: 41px; clear: both} /* no clear: both -> no line */
#footer p { margin: 18px 0 0 18px; font: 11px/17px Arial, Helvetica, sans-serif; }
#footer p, #footer p a { color: #999; background-color: inherit; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }
#footer p a.logo { position: static; display: block; width: 150px; height: 40px; text-indent: -1000em; background: url(../images/footer/small-logo.jpg) top left no-repeat; float: left; margin: 0 30px 0 20px; }

h1.homeh1 {margin:0; display:inline; font-size:11px; }
h1.txth1 {margin:0; display:inline; font-size:12px; }
h1.txth2 {margin:0; display:inline; font-size:11px; }
.nob{font-weight:normal;}
.pil {display:inline;}
.disp{width:245px;}
.disp2{margin-left:40px;}
.disp3{margin-left:20px; font-size:16px; line-height:20px; }
.disp4{width:357px;}
.disp5{width:350px;}
.disp6{width:610px;}
.disp7{position:absolute; right:9px; top:212px;}
.disp8{width:299px;}
.disp9{position:absolute; right:40px; top:136px;}
.disp10{margin: 16px 40px 0 20px; width: 299px; float: left; line-height:16px;}
.disp11{position:absolute; left:395px; top:176px;}
.disp12{list-style-position:inside}
.disp13{margin: 16px 40px 16px 20px; width: 299px; float: left; line-height:16px;}
.disp14{width:306px;}
.disp15{position:absolute; top:530px;}
*:focus {
outline: none;
}
*::-moz-focus-inner {
border: none;
}