body{
    margin                  : 0;
    padding                 : 0;
    background-color        : grey;
    font-family             : 'Raleway'sans-serif;
    font-size               : 16px;
    font-weight             : 400;
    color                   : #363636;
}

p{
    line-height             : 190%;     
}

a{
    text-decoration         : none;
    color                   : yellow;
}

/****************************************************************/  
/*logo                                                        */
/****************************************************************/
#logo img{
    width                   : 1200px;
    height                  : 170px;
    padding-right           : 35px;  
}



/************************************ MENU ****************************/

#menu{
    background-color        :#800000;
    height                  : 60px;
}

#menu ul{
    margin                  : 0;
    padding                 : 0;
    list-style-type         : none;
    text-align              : center;
}

#menu li{
    display                 : inline-block;
}

#menu a{
    letter-spacing          : 1px;
    text-decoration         : none;
    text-align              : center;
    text-transform          : uppercase;
    font-size               : 16px;
    line-height             : 60px;
    color                   : #ffffff;
    
    padding                 : 0 40px;
    border                  : none;
    display                 : block;
}
#menu a:hover{
    background-color        :#808000;
    
}


/****************************************************************/  
/*Header                                                        */
/****************************************************************/

#header{
    padding                 : 30px 0px 20px 0px;
    background-color        : #333333;
    text-align              : center;
}


#header p{
    letter-spacing          : 0.lem;
    color                   : #ffffff;
    text-transform          : uppercase;
}

/****************************************************************/  
/* Banner                                                       */
/****************************************************************/

#banner{
    height                  : 350px;
}

#banner img{
    width                   : 100%;
    height                  : 350px;
    padding-top             : 0px;
}



/****************************************************************/  
/* Page                                                         */
/****************************************************************/

#page{
    min-height              : 400px;
    padding                 : 20px;
}

#page h2{
    margin-bottom           : 12px;
    text-transform          : uppercase;
    font-weight             : 400;
    font-size               : 18px;
    color                   : #FFFF00;
}
/* CONTENT */
#content{
    float                   : left;
    width                   : 70%;
}

/* SIDEBAR */
#sidebar{
    float                   : right;
    width                   : 30%;
}



/* Lists */

ul.styled1{
    margin                  : 0;
    padding                 : 0;
    list-style-type         : none;
}

ul.styled li{
    border-top              : solid 1px #e5e5e5;
    padding                 : 14px 0px;
}

#images img{
    width                   : 300px;
    height                  : 150px;
    transition              : width 2s;
}

#images img:hover{
    width                   : 500px;
}

/****************************************************************/  
/* Footer                                                       */
/****************************************************************/
#footer{
    width                   : 100%;
    height                  : 340px;
    background-color        : #1e1b1a;
    padding-top             : 25px;
    padding-left            : 22px;
    clear                   : both;
}

#footer h2{
    font-size               : 18px;
    font-weight             : 400;
    text-transform          : uppercase;
    color                   : #ffffff;
}

#footer p{
    color                   : #adadad;
}

#box1{
    float                   : left;
    width                   : 45%;
    padding-right           : 30px;
    
}

#box2{
    float                   : left;
    width                   : 45%;
    padding-right           : 30px;
    
}


/****************************************************************/  
/* vehicle for sale                                                     */
/****************************************************************/

#vehicle-for-sale img{
	width                   : 300px;
    height                  : 170px;
	margin                  : 20px;
	-moz-transition         : -moz-transform 0.5s ease-in;
	-webkit-transition      : -webkit-transform 0.5s ease-in;
	-o-transition           : -o-transform 0.5s ease-in;
}

#vehicle-for-sale:hover{
	-moz-transform          : scale(1.5);
	-webkit-transform       : scale(1.5);
	-o-transform            : scale(1.5);
 }


/****************************************************************/  
/* Copyright                                                    */
/****************************************************************/

#copyright{
    width                   : 100%;
    height                  : 130px;
    text-align              : center;
    padding-top             : 55px;
    clear                   : both;
}


#copyright p{
    font-size               : 12x;
    letter-spacing          : 0.1em;
    text-transform          : uppercase;
    color                   : #FFFF00;
}


