*
{
    vertical-align: baseline;
    font-family: inherit;
    font-style: inherit;
    font-size: 100%;
    padding: 0;
    margin: 0;
}




body
{
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    color: #2c1809;
    background: url( '../../media/images/background.jpg' );
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #000;
}

/*various global styles*/

p
{
    line-height: 18px;
    margin-top: 1.1em;
    font-size: 0.8em;
    margin-left: 48px;
}
a
{
    color: #2c1809;
    text-decoration: underline;
    outline: none;
}
a:hover
{
    text-decoration: none;
}


#wrapper
{
    width: 852px;
    margin: 0px auto;
    margin-top: 1.8em;
}


/*navigation styles*/
#mainNav
{
    width: 743px;
    height: 42px;
    margin: 0px auto;
}
#mainNav ul
{
    list-style-type: none;
}
#mainNav ul li
{
    display: inline;
}

#mainNav ul li a.shopBtn
{
    background: url( '../../media/images/shopBtn.jpg' );
    background-repeat: no-repeat;
    width: 114px;
    height: 42px;
    float: left;
}
#mainNav ul li a.shopBtn:hover
{
    background-position: -114px;
}

#mainNav ul li a.servicesBtn
{
    background: url( '../../media/images/servicesBtn.jpg' );
    background-repeat: no-repeat;
    width: 130px;
    height: 42px;
    float: left;
}
#mainNav ul li a.servicesBtn:hover
{
    background-position: -130px;
}

#mainNav ul li a.galleryBtn
{
    background: url( '../../media/images/galleryBtn.jpg' );
    background-repeat: no-repeat;
    width: 123px;
    height: 42px;
    float: left;
}
#mainNav ul li a.galleryBtn:hover
{
    background-position: -123px;
}

#mainNav ul li a.rodcamBtn
{
    background: url( '../../media/images/rodcamBtn.jpg' );
    background-repeat: no-repeat;
    width: 118px;
    height: 42px;
    float: left;
}
#mainNav ul li a.rodcamBtn:hover
{
    background-position: -118px;
}

#mainNav ul li a.buyrideBtn
{
    background: url( '../../media/images/buyrideBtn.jpg' );
    background-repeat: no-repeat;
    width: 151px;
    height: 42px;
    float: left;
}
#mainNav ul li a.buyrideBtn:hover
{
    background-position: -151px;
}

#mainNav ul li a.contactBtn
{
    background: url( '../../media/images/contactBtn.jpg' );
    background-repeat: no-repeat;
    width: 107px;
    height: 42px;
    float: left;
}
#mainNav ul li a.contactBtn:hover
{
    background-position: -107px;
}



/*content styles*/
#content
{
    width: 675px;
    height: 385px;
    margin-bottom: 1.9em;
}
#content .contentLeft .news
{
    width: 178px;
    height: 385px;
    float: left;
}
#content .contentLeft a.specialNews
{
    background: url( '../../media/images/news.jpg' );
    background-repeat: no-repeat;
    width: 178px;
    height: 385px;
    float: left;
}
#content .contentLeft a.specialNews
{
    background: url( '../../media/images/news.jpg' );
    background-repeat: no-repeat;
    width: 178px;
    height: 385px;
    float: left;
}
#content .contentRight
{
    width: 497px;
    height: 385px;
    float: left;
}

#content .contentLeft a.specialNews:hover
{
    background-position: -178px;
}

img.homeTitle
{
    margin: 98px 0 0 80px;
    width: 318px;
    height: 75px;
    margin-bottom: 15px;
}

img.shopTitle, img.contactTitle, img.servicesTitle
{
    margin: 52px 0 10px 50px;
}
img.theShop
{
    margin: 15px 0 0 50px;
}


img.galleryTitle
{
    margin:52px 0 10px 50px;
}
img.buyrideTitle
{
    margin:52px 0 10px 50px;
}
img.rodcamTitle
{
    margin:52px 0 10px 50px;
}
img.bodyTitle
{
    margin:52px 0 10px 50px;
}
img.fabTitle
{
    margin:52px 0 10px 50px;
}

img.partsTitle
{
    margin:52px 0 10px 50px;
}

img.newsTitle
{
    margin:52px 0 10px 50px;
}

p.homeContent, p.shopContent, p.servicesContent, p.partsContent
{
    width: 395px;
}




.contentRight
{
    float: left;
}


ul.rodServices
{
    list-style-type: none;
    clear: left;
    margin: 1.4em 0 0 2.2em;
}

ul.rodServices li
{
    display: inline;
}
ul.rodServices li a
{
    margin-left: 0.6em;
}


ul.rodServices li a.parts
{
    background: url( '../../media/images/partsService.gif' );
    background-repeat: no-repeat;
    float: left;
    width: 97px;
    height: 86px;
}

ul.rodServices li a.paint
{
    background: url( '../../media/images/paintService.gif' );
    background-repeat: no-repeat;
    float: left;
    width: 95px;
    height: 72px;
    margin-top: 0.9em;
}

ul.rodServices li a.shop
{
    background: url( '../../media/images/bodyService.gif' );
    background-repeat: no-repeat;
    float: left;
    width: 97px;
    height: 72px;
    margin-top: 0.9em;
}

ul.rodServices li a.fab
{
    background: url( '../../media/images/fabService.gif' );
    background-repeat: no-repeat;
    float: left;
    width: 96px;
    height: 72px;
    margin-top: 0.9em;
}





/*contact 2 column styles*/

.contactLeft
{
    float: left;
    clear: left;
}
.contactLeft p
{
    line-height: 16px;
}
img.contactMap
{
    float: left;
    width: 136px;
    height: 137px;
    border: 0px;
    margin: 15px 0 0 55px;
}


/*logo styles*/




a.rodShoplogo
{
    background: url( '../../media/images/logo.jpg' );
    background-repeat: no-repeat;
    width: 361px;
    height: 142px;
    clear: left;
    margin: 14px 0 0 250px;
    float: left;
}
a.plate
{
    background: url( '../../media/images/plate.jpg' );
    background-repeat: no-repeat;
    width: 235px;
    height: 120px;
    clear: left;
    margin: 7px 0 0 317px;
    float: left;
}
a.plate:hover
{
    background-position: -235px;
}

.newsContent
{
    width: 450px;
}

.newsContent .newsTitle
{
    margin-top: 1em;
    margin-left: 48px;
    font-family: Arial Narrow;
}

.newsContent .newsDate
{
    margin-top: 1em;
    font-size: 0.75em;
    margin-left: 48px;
}
.newsContent .newsDescription
{
    margin-top: 1em;
    font-size: 0.8em;
    margin-left: 48px;
}

.newsContent p
{
    margin-left: 0;
    font-size: 1em;
}