@import url(http://fonts.googleapis.com/css?family=Lato);

body {
	font-family: "Gill Sans", Lato, sans-serif;
	font-size: 16px;
}

a, a:link, a:visited, a:active, a:hover {
	text-decoration: none;
}

.container {
	width:500px;
	margin: 50px auto 0;
	margin-bottom: 50px;
}

header, .content_container {
	overflow:hidden;
}

header a {
	font-size: 2.5em;
	color: #FF3A03;
	font-weight: lighter;
}

header img {
	margin-right: 50px;
}

header .charles_top {
	margin-top: 30px;
	letter-spacing: .3em;
}

.navigation, .main_content {
	margin-top: 50px;
}

.navigation a {
	font-weight:300;
	display: block;
	color: black;
	font-size: 1.15em;
	transition: color .4s;
}

.navigation ul li {
	margin-bottom: 8px;
}

.navigation ul li:hover a {
	color: #FF3A03;
	transition: color .2s;
}

.navigation {
	width: 150px; 
}

.navigation, .main_content, header .chop {
	float: left;
}

.main_content {
	width: 350px;
}

.homeSlides img {
	max-width: 100%;
	max-height: 500px;
}