/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 62.5%;
    background-color: #6b5b4e;
    font-family: Tahoma, Arial, sans-serif;
}


#wrapper {
    width: 646px;
    margin: 30px auto;

    background: url(/layoutimages/splash_01.jpg) no-repeat top left;
    min-height: 450px;
    font-size: 1.2em;
    line-height: 1.6em;
}

* html #wrapper {
    height: 450px;
}

#header {
    overflow: auto;
    position: relative;
}

#header h1 a {
    display:block;
	background:url(../layoutimages/splash_logo.png) no-repeat;
	width:126px;
	height:0px;
	padding:126px 0 0 0;
	overflow:hidden;
	position:relative;
	left:79px;
}
    #header h1 a span {
        display: none;
    }

#header #nav {
    float: right;
}
    #header #nav li {
        float: left;
        list-style: none;
        margin: 0 25px;
    }

#body {
    margin: 10px 20px 10px 30px;
    color: white;
}
    #body a {
        color: #ff7800;
    }
    
    #body a:hover {
        color: white;
    }

h2 {
    padding-left: 10px;
}

#footer {
    text-align: center;
    padding-top: 20px;
}
    #footer ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
        #footer ul li {
            list-style: none;
            padding: 0;
            margin: 0 10px;
            display: inline;
        }
        
.cms-pagefeed-item {
    float: left;
    width: 175px;
    margin: 5px;
    border: 1px solid #867061;
}
.cms-display .cms-pagefeed-item,
#body {
    border: 1px solid #867061;
    background: url('/layoutimages/hatch.png');
}

#body {
    padding: 5px 0;
}

.cms-pagefeed-item p {
    height: 75px;
}

.page-news #body {
    background: none;
    border: none;
}

#nav li a {
    position: absolute;
    display: block;    
}

#nav .header a {
    top: 5px;
    left: 218px;

    background: url(/layoutimages/revolution_products.png) no-repeat left top;
    width: 250px;
    height: 30px;
}

#nav .brands a {
    top: 16px;
    left: 210px;

    background: url(/layoutimages/splash_brands.gif) no-repeat left top;
    width: 60px;
    height: 30px;
}

#nav .brands a:hover {
    background: url(/layoutimages/splash_brands_hover.gif) no-repeat left top;
}

#nav .dealers a {
    top: 32px;
    left: 213px;
    background: url(/layoutimages/splash_dealers.gif) no-repeat left top;
    width: 65px;
    height: 30px;
}

#nav .dealers a:hover {
    background: url(/layoutimages/splash_dealers_hover.gif) no-repeat left top;
}

#nav .news a {
    top: 32px;
    left: 285px;

    background: url(/layoutimages/splash_new.gif) no-repeat left top;
    width: 40px;
    height: 30px;
}

#nav .news a:hover {
    background: url(/layoutimages/splash_new_hover.gif) no-repeat left top;
}


#nav .contact a {
    top: 32px;
    left: 340px;

    background: url(/layoutimages/splash_contact.gif) no-repeat left top;
    width: 80px;
    height: 30px;
}

#nav .contact a:hover {
    background: url(/layoutimages/splash_contact_hover.gif) no-repeat left top;
}

#nav li a span {
    display: none;
}

.cms-textbox-inline span {
    float: left;
    width: 100px;
    line-height: 30px;
}