.nav {
    float: right;
    clear: right;
    margin-top: 21px;
    height: 26px;
    width: 669px;
    background-image: url(../Images/Homepage/nav-rule.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.nav  a {
    float: right;
    height: 14px;
    margin-left: 10px;
}

.nav-home {
    background-image: url(../Images/Homepage/nav-home.gif);
    width: 48px;
}

.nav-range {
    background-image: url(../Images/Homepage/nav-product-range.gif);
    width: 98px;
}
.nav-parts {
    background-image: url(../Images/Homepage/nav-parts.gif);
    width: 98px;
}


.nav-finance {
    background-image: url(../Images/Homepage/nav-finance.gif);
    width: 58px;
}

.nav-register {
    background-image: url(../Images/Homepage/nav-register.gif);
    width: 60px;
}

.nav-dealers {
    background-image: url(../Images/Homepage/nav-dealers.gif);
    width:  92px;
}


.nav-news {
    background-image: url(../Images/Homepage/nav-news.gif);
    width: 46px;
}

.nav-manuals {
    background-image: url(../Images/Homepage/nav-manuals.gif);
    width: 61px;
}


.logo {
    float: left;
}

.preview {
    background-image: url(../Images/Homepage/preview-bg.jpg);
    width: 960px;
    height: 100px;
    margin-bottom: 17px;
    position: relative;
    color: #808080;
}

.preview a {
    color: #fff;
    text-decoration: none;
}

.preview a:hover 
{
    text-decoration: underline;
}

.preview div {
    padding-top: 26px;
    background-repeat: no-repeat;
}

.preview .latest-news {
    background-image: url(../Images/Homepage/preview-news.gif);
    
    position: absolute;
    left: 63px;
    top: 23px;
    width: 197px;
    
}

.preview .dealer {
    background-image: url(../Images/Homepage/preview-dealer.gif);
    position: absolute;
    left: 384px;
    top: 23px;
    width: 136px;
    
}

.preview .buy {
    background-image: url(../Images/Homepage/preview-buy.gif);
    position: absolute;
    left: 705px;
    top: 23px;
    width: 160px;
    
}