/* CSS Document */

/*

REVOLUTION PRODUCTS LIMITED

DEVELOPED BY 
WebSpring
COPYRIGHT 2009

*/

/* INITIALIZE */

body,html{
margin:0px;
padding:0px;
background:#6b5b4e;
}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
color:white;
text-align: center;
}

/*

=========================================
CONTAINER DIVS
=========================================

*/
#mainwrapper{
width:656px;
margin: 30px auto 0 auto;
text-align: left;
position: relative;
}

#splash_main{
width:656px;
height:456px;
background:url(../layoutimages/splash_01.jpg) no-repeat;
}
#splash_transition{
position:absolute;
top:106px;
left:51px;
width:265px;
height:84px;
background:url(../layoutimages/splash_03.jpg) no-repeat;
}
#splash_chromag{
position:absolute;
left:50px;
top:270px;
width:130px;
height:140px;
background:url(../layoutimages/splash_04.jpg) no-repeat;
}
#splash_gamut{
position:absolute;
top:210px;
left:380px;
width:240px;
height:110px;
background:url(../layoutimages/splash_gamut.jpg) no-repeat;
}
#splash_mde, #splash_traitor {
position:absolute;
left:200px;
top:210px;
width:130px;
height:130px;
background:url(../layoutimages/splash_traitor.jpg) no-repeat;
/*background:url(../layoutimages/splash_06.jpg) no-repeat; /* for #splash_mde */
}
#splash_traitor {
left:180px;
width:200px;
}

#splash_spectrum{
position:absolute;
left:360px;
top:350px;
width:210px;
height:80px;
background:url(../layoutimages/splash_leatt.jpg) no-repeat;
}
#splash_vholdr{
position:absolute;
left:350px;
top:80px;
width:270px;
height:110px;
background:url(../layoutimages/splash_contourhd.jpg) no-repeat;
}

#menucontainer{
position:absolute;
right:0px;
top:0px;
}

#contactform{
position:absolute;
left:35px;
top:70px;
width:300px;
}

#cms-submit-content{
float:left; important!
}

/*

=========================================
PAGE HEADERS
=========================================

*/

a.revlogo{
display:block;
background:url(../layoutimages/logo_homepage.png) no-repeat;
width:400px;
height:0px;
padding:126px 0 0 0;
overflow:hidden;
position:absolute;
top:-28px;
left:79px;
}

/*

=========================================
TEXT
=========================================

*/
p.body{
font-size:1.1em;
}
span.bold{
font-weight:bold;
}

span.large{
font-size:1.4em;
color:white;
}

span.price{
font-size:1.3em;
color:#333;
}

/*

=========================================
FORMS
=========================================

*/
input.text{
border:none;
border:1px solid white;
background:#a99b90;
width:200px;
font-size:1.1em;
padding:2px;
}

textarea{
border:none;
border:1px solid white;
background:#a99b90;
width:200px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
padding:2px;
}

input.button{
border:none;
background:black;
font-size:1.1em;
padding:2px;
margin:0 5px 0 0 ;
cursor:pointer;
color:white;
}

/*

=========================================
LINKS
=========================================

*/

a{
color:#ff7800;
}

a:hover{
color:white;
}

ul.menu{
padding:0px;
margin:0px;
list-style:none;
}

ul.menu li{
padding:0px;
margin:0px;
list-style:none;
float:left;
}

a.dealers{
display:block;
background:url(../layoutimages/revolution_products.png) no-repeat;
width:61px;
height:0px;
padding:66px 0 0 0;
overflow:hidden;
}

a.about{
display:block;
background:url(../layoutimages/splash_about_01.jpg) no-repeat;
width:61px;
height:0px;
padding:66px 0 0 0;
overflow:hidden;
}

a.contact{
display:block;
background:url(../layoutimages/splash_contact_01.jpg) no-repeat;
width:83px;
height:0px;
padding:66px 0 0 0;
overflow:hidden;
}

a.about:hover{
display:block;
background:url(../layoutimages/splash_about_02.jpg) no-repeat;
width:61px;
height:0px;
padding:66px 0 0 0;
overflow:hidden;
}

a.contact:hover{
display:block;
background:url(../layoutimages/splash_contact_02.jpg) no-repeat;
width:83px;
height:0px;
padding:66px 0 0 0;
overflow:hidden;
}



#riders #rider-heading .cms-contentblock {
    margin-left: -150px !important;
}

#nav li {
    float: left;
    list-style: none;
    margin: 0 25px;
}
    
#nav li a {
    position: absolute;
    display: block;    
}

#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;
}

#homepagecontent {
    width: 566px;
    margin: 0 auto;
    padding: 0px 40px 0 55px;
    text-align: left;
    font-size: 1.2em;
    line-height: 1.6em;
}

h4.cms-heading-content {
    font-size: 17px;
}

.cms-pagefeed-item {
    float: left;
    width: 175px;
    margin: 5px;
    border: 1px solid #867061;
}
.cms-display .cms-pagefeed-item {
    border: 1px solid #867061;
    background: url('/layoutimages/hatch.png');
}

.cms-display .cms-text-content {
    padding-top: 0;
    padding-bottom: 0;
}

p {
    margin: 0px;
    padding: 0px;
}

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

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