@charset "UTF-8";



/* ----------------- Reset all styles ----------------- */
*{
    margin:0;
    padding:0;
    border:0;
}

/* ----------------- Website background and general text colour ----------------- */
body{
    background-image:url(../images/backgroundtexture.png);
    background-color:#f9f9f9;
    color:#2d2d2d;
}
/* ----------------- Index image layout ----------------- */
#index_image{
    width: 100%;

}

/* ----------------- Wrapper - keeps all content in the center of page -----------------  */
.wrapper{
    margin:auto;
    width:60%;
    margin-top: 2%;
    height:auto;
}


/* The rest is pretty self explanatory - it appears in the order that it occurs on the HTML document */
#top{
    height:40px;
    widht:100%;
}

#logo{
    margin-top:5%;
    text-decoration:none;
}

#logoimage{

    padding-right:10px;
    float:left;
}

#logotitle{
    float:left;
    font-family:Lato, Helvetica, sans-serif;
    font-weight:normal;
    font-size:15pt;
    text-shadow: 0 1px 1px #FFF;
    margin-top:1%;
}

#logotitle a{
    color:#2d2d2d;
    text-decoration:none;
}

nav{
    text-align: right;
    float:right;
/*    width: 43%;*/
    display:block;
    height:40px;
    margin-top: 5px;
    
}

nav ul li{
    display:block;
   
    float:left;
    text-align:center;	
    margin-left: 20px;
    margin-top:2%;
}

nav ul li a{
    font-family:Lato, Helvetica, Arial, sans-serif;
    
    text-decoration:none;
    text-transform:uppercase;
    
   
    display:block;
    color:#2d2d2d;
    font-size: 11pt;
    
}

nav ul li a:hover{
    color:#0066CC;
}

nav ul li p{
    font-family:Lato, Helvetica, Arial, sans-serif;
   
    text-decoration:none;
    text-transform:uppercase;
/*    font-weight:300;*/
    line-height:250%;
    display:block;
    color:#f38094;
    
}

hr{
    height:1px;
    width:100%;
    background-color:#2d2d2d;
    margin:3% 0;
}

header{
    width:100%;
    margin:5% 0 5% 0;
}

header h1{
    font-family: Lato, Arial, Helvetica, sans-serif;
    text-align:center;
    font-size:140%;
    font-weight:normal;
    letter-spacing:1px;
    margin-bottom:1%;
}

header h1 span{
    color:#f38094;
    text-shadow: 0 1px 1px #dadada;
}

header h2{
    font-family: Lato, Arial, Helvetica, sans-serif;
    text-align:center;
    font-size:100%;
    font-weight:normal;
}

#slideshow{
    width:100%;
    margin-top:2%;
}




.clearfix {
    float: none;
    clear: both;
}




#bottom h3{
    margin:4% 0 3% 0;
    font-family:Cookie, Arial, Helvetica, sans-serif;
    font-size:190%;
    font-weight:normal;
    text-align:center;
    color:#f38094;
    text-shadow: 0 1px 1px #c1c1c1;
}


footer{
    width:100%;


}

.icon{
    float:right;
    width:32px;
    margin:95px 0 2px 4%;
    opacity:0.85;
}

.icon:hover{
    opacity:1;
}

.social{
    color:#f38094;
}


#footer {

}

#copyright{
    font-family:Lato, Helvetica, Arial, sans-serif;
    float:right;
    display:block;
    color:#2d2d2d;
    margin-bottom: 30px;
}



.contact_right {
    width:42%;
    float: left;


}
.contact_left {
    width:48%;
    margin-left: 50px;
    float: right;
    font-family:Lato, Helvetica, Arial, sans-serif;
    font-size: 13pt;
}


.car_photo {
    width:40%;
    float: left;


}
.car_info {
    font-family:Lato, Helvetica, Arial, sans-serif;
    width:53%;
    font-size: 16pt;
    float: right;

}


.car_title{

    font-size: 21pt;
}

.car {
    margin-bottom: 50px;
}