body {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

body#agency {
	background: #333 url(imgs/bg/agency-background.jpg) no-repeat;
}

body#philosophy {
	background: #333 url(imgs/bg/philosophy-background.jpg) no-repeat;
}

body#contact {
	background: #333 url(imgs/bg/contact-background.jpg) no-repeat;
}

body#people {
	background: #859f4f;
}

body#clients {
	background: #357195;
}


h1 {
	font-size: 16px;
	position: absolute;
	top: 150px;
	left: 100px;
}

#content {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 150px;
	left: 330px;
	
	font-size: 12px;
	line-height: 17px;
	overflow: scroll;
	
	margin-bottom: 20px;
}

body#philosophy #content {
	overflow: visible;
}

body#contact #content {
	overflow: visible;
}

body#people #content {
	width: 350px;
	left: 230px;
}

body#people #content img {
	float: left;
	padding: 10px 10px 10px 0px;
}

#content h2 {
	font-size: 12px;
}

#content p.last {
	padding-bottom: 20px;
}


ul#navigation {
	position: absolute;
	top: 400px;
	
}

ul#navigation li {
	display: inline;
	padding-right: 10px;
	font-size: 11px;
	
}

a, a:visited {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	color: #FFF;
	text-decoration: underline;
}

#wrapper {
	background-color: #c9120e;
	width: 500px;
	margin: 10px;
	padding: 10px;
}

.floatLeft {
	float: left;
	padding-right: 30px;
	padding-bottom: 200px;
}