@charset "utf-8";
/* CSS Document */
html {height:100%;}
body {
margin:0; padding:0; height:100%;
font-family:arial, serif; font-size: 12px;
background: #282728 url(images/bg.jpg) fixed top left repeat-x;
}
a {text-decoration: none; color: black;}
a:hover {text-decoration: underline;}
ul {padding: 0px; margin: 0px;}
#wrap {
background: white;
min-height:100%;
width:800px;
margin:auto;
position:relative;
}
#inner-wrap {
padding-bottom:100px;
}
#inner-wrap:after {
content:" ";
display:block;
clear:both;
}
* html #wrap {
height:100%
}
#header {
margin:0; padding:0;
height:200px;
}
p {margin:5px; padding:0;}
h1 {
position:relative;
margin:0;
font-size: 14px;
}
#left {
float:left;
width:245px;
text-align:center;
padding-top: 25px;
}
#main {
position:relative;
margin-left:245px;
padding-right: 50px;
padding-top: 0px;
}
#footer {
position:absolute;
bottom:0;
height:43px;
padding-top: 15px;
width:100%;
text-align:center;
background: url(images/footer.jpg);
}
#footer p {
margin:0;
font-size: 10px;
text-align:center;
}
#rollover a {
text-decoration:none;
display:block;
height:100%;
}
* html #rollover a {
width:100%;
}
#rollover {
list-style-type:none;
width:245px;
margin:auto;
padding:0;
}
#rollover li {
float:left;
height:50px;
width:245px;
}
#rollover li#a a{
background-image: url(images/paste-waxes.jpg);
}
#rollover li#a a:hover {
background-image: url(images/paste-waxes-hover.jpg);
}
#rollover li#b a{
background-image: url(images/pre-wax-cleaner.jpg);
}
#rollover li#b a:hover {
background-image: url(images/pre-wax-cleaner-hover.jpg);
}
#rollover li#c a{
background-image: url(images/shampoo-wash.jpg);
}
#rollover li#c a:hover {
background-image: url(images/shampoo-wash-hover.jpg);
}
#rollover li#d a{
background-image: url(images/quick-detailer.jpg);
}
#rollover li#d a:hover {
background-image: url(images/quick-detailer-hover.jpg);
}
#rollover li#e a{
background-image: url(images/contact.jpg);
}
#rollover li#e a:hover {
background-image: url(images/contact-hover.jpg);
}
#rollover li#f a{
background-image: url(images/where-to-buy.jpg);
}
#rollover li#f a:hover {
background-image: url(images/where-to-buy-hover.jpg);
}
#rollover li#k a{
background-image: url(images/home.jpg);
}
#rollover li#k a:hover {
background-image: url(images/home-hover.jpg);
}
#rollover li#m a{
background-image: url(images/gallery.jpg);
}
#rollover li#m a:hover {
background-image: url(images/gallery-hover.jpg);
}
#rollover a img {
border:0;
width:0;
height:1px;
margin-top:-1px;
font-size:0;
overflow:hidden;
}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
#rollover2 a {
text-decoration:none;
display:block;
height:100%;
}
* html #rollover2 a {
width:100%;
}
#rollover2 {
list-style-type:none;
width:500px;
margin:auto;
padding:0;
}
#rollover2 li {
float:left;
height:200px;
width:125px;
}
#rollover2 li#g a{
background-image: url(images/victoria-wax-range_01.gif);
}
#rollover2 li#g a:hover {
background-image: url(images/victoria-wax-range-hover_01.gif);
}
#rollover2 li#h a{
background-image: url(images/victoria-wax-range_02.gif);
}
#rollover2 li#h a:hover {
background-image: url(images/victoria-wax-range-hover_02.gif);
}
#rollover2 li#i a{
background-image: url(images/victoria-wax-range_03.gif);
}
#rollover2 li#i a:hover {
background-image: url(images/victoria-wax-range-hover_03.gif);
}
#rollover2 li#j a{
background-image: url(images/victoria-wax-range_04.gif);
}
#rollover2 li#j a:hover {
background-image: url(images/victoria-wax-range-hover_04.gif);
}
#rollover2 a img {
border:0;
width:0;
height:1px;
margin-top:-1px;
font-size:0;
overflow:hidden;
}