/* 
    Document   : styles.css
    Created on : 27-jun-2010, 14:54:36
    Author     : alberto
    Description:
        Purpose of the stylesheet follows.
*/

body {
    font:7px "Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

#menu{
     list-style-type: none;
     list-style-position:outside;
     position: relative;
     margin: 0;
     padding: 0;
}
#menu ul{
    margin: 0;
    padding: 0;
}

#menu li{
    display: block;
    padding: 0;
    cursor: pointer;
    float: left;
    height: 38px;
    margin-right: 0px;
    background-image:url(../images/menu_sprite.jpg);
    background-repeat:no-repeat;
    margin-top: 5px;
}

#body-work ul{
    visibility: hidden;
}

#body-work:hover ul{
    visibility: visible;
}

#body-work ul li{
    background-image:url(../images/submenu_sprite.jpg);
    width: 128px;
    margin: 0px;
}

#menu a, #body-work{
    display:block;
    height:38px;
    text-indent:-9999px;
    outline:none;
}

#home{
    width: 128px;
    background-position:0px 0px;
}
#body-work{
    width: 128px;
    background-position:-128px 0px;
}
#gallery{
    width: 128px;
    background-position:-256px 0px;
} 
#testimonials{
    width: 128px;
    background-position:-384px 0px;
}
#location{
    width: 128px;
    background-position:-512px 0px;
}
#contact-us{
    width: 130px;
    background-position:-640px 0px;
}

#repairs{
    background-position:0px 0px;
}
#polishing{
    background-position:0px -39px;
}
#paint{
     background-position:0px -78px;
}

#repairs{
    background-position:0px 0px;
}
#polishing{
    background-position:0px -39px;
}
#paint{
     background-position:0px -77px;
}

#repairs.current, #repairs:hover{
    background-position: -128px 0px;
}
#polishing.current, #polishing:hover{
    background-position: -128px -39px;
}
#paint.current, #paint:hover{
     background-position: -128px -77px;
}

#home.current, #home:hover {
    background-position: 0 -38px;
}
#body-work.current, #body-work:hover{
    background-position: -128px -38px;
    visibility: visible;
}
#gallery.current, #gallery:hover {
    background-position: -256px -38px;
}
#testimonials.current, #testimonials:hover {
    background-position: -384px -38px;
}
#location.current, #location:hover{
    background-position:-512px -38px;
}
#contact-us.current, #contact-us:hover{
    width: 130px;
    background-position:-640px -38px;
}

.menu ul li:hover ul, .menu ul a:hover ul{
    visibility: visible;
}


table{
    /*border: 0px;*/
}
.content-table{
    border-color:#DFDFDF;
    border-width:1px;
}
.header-table{
    background:url(../images/box_header20090106.gif) repeat-x scroll 0 0 #DFDFDF;
    color:#4D4D4D;
    font-size: 14px;
    font-weight: bold;
    border-color:#DFDFDF;
    border-width:1px;
    border-style: solid;
    padding: 4px;
}
.content-area{
    color:#4D4D4D;
    font-size: 12px;
    border: 0px;
}

.content-padding{
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    font-size: 12px;
    color:#4D4D4D;
    border: 0px none;
}

.data-table, .data-table tr{
    margin-top: 5px;
    color: #4D4D4D;
    border: 1px;
    border-style: solid;
    border-color: #DFDFDF;
}