@charset "UTF-8";
/* Global Styles */
/*body{
	background-color: #fff;
	font-family:'Permanent Marker', cursive;
}

#header{

	height: 150px;
	width: 90%;
	margin: 0 auto;

}
.logo{

	background-image: url("../img/logo_03.png");
	height: 77px;
	width: 450px;
	background-repeat: no-repeat;
	position: absolute;
	top: 35px;
}
nav{

	display: block;
	float: right;
	position: absolute;
	right: 10%;
	top:100px;
	}

li{

	float: left;
	padding-right: 20px;
	text-decoration: none;
	color: white;
	margin-right: 20px;
	padding: 10px 5px;
}
li a{

	color: black;
	text-decoration: none;
	font-size: 1.25em;

}
li a:hover{

	border-bottom: 4px solid #0075b2;
	color: #0075b2;

}*/
#container{

	/*width:960px;*/
	width: 90%;
	background-color: #fff;
	margin:20px auto;
	position: relative;



}

/*Masonry style*/

#content{
	/*width: auto;*/
	width: 960px:;
	margin: 0 auto;
}

/*the following product and featured are used because the div's have to have a width*/
.vehicles{ 

	display: block;
	float: left;
	width: 300px;  /*this width must match the js with plus the padding inorder for this to work.*/
	margin:0 20px 20px 0;
	-webkit-transition: left .05s ease-in-out, top .05s ease-in-out;
	   -moz-transition: left .05s ease-in-out, top .05s ease-in-out;;
	   
	        transition: left .05s ease-in-out, top .05s ease-in-out;;


}
.featured{
	width: 620px;
}

/*The remaning style below this point are for demo /*only*/

.vehicles img{

	width:300px;
	height: auto;

}
.featured img{

	width: 620px;
	height: auto;
	
}

footer{
	text-align: center;
	height: 75px;
	clear: all;
	font-size: 1.5em;
}