html, body { 
    height: 100%; 
}

body {
	font: 11px/1.6 Arial, sans-serif;
	background: #89bbd5 url(/images/backgrounds/bg.gif) center center no-repeat fixed;
	color: #444;
	overflow: -moz-scrollbars-vertical;
}

body, h1, h3, p {
	padding: 0;
	margin: 0;
}

a:link, a:visited {
	color: #444;
	font-weight: bold;
	outline: none;
}

a:hover, a:active { 
    color: #707070; 
}

strong { 
    color: #e0542f; 
}

em {
	font-style: normal;
	color: #317495;
}

#container {
	background: url(/images/containers/container.png) top center repeat-y !important;
	background: url(/images/containers/container.gif) top center repeat-y; /*n00b ie*/
	width: 447px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%; /*n00b ie*/
}

#header {
	height: 91px; 
	width: 447px;
	margin-bottom: 0 !important;
	background: url(/images/containers/header.gif) top right no-repeat;
}

#header h1 span, #footer span, #headshot span, #paintball span, #university span, #projects span, #social span, .client span { 
    display: none; 
}

#content, #links {
	width: 361px;
	padding-left: 41px;
}

h3 {
	padding: 4px 10px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #222;
	background: #4896bc;
	cursor: pointer;
}

h4 {
	margin: 0;
	padding: 5px 10px 0;
	font-size: 12px;
	color: #333;
}

ol {
	margin: 0;
	padding: 0 10px 5px 35px;
}

h3 a:link, h3 a:visited {
	font-weight: normal;
	letter-spacing: 2px;
	display: block;
	text-decoration: none;
	color: #222;
}

h3 a:hover, h3 a:active { 
    color: #222; 
}

h3.hobbies, h3.portfolio, h3.social { 
    background: #6dabc9; 
}

h3.university, h3.works { 
    background: #91c0d7; 
}

p {
	padding: 5px 10px;
	color: #444;
	background: #fff;
}

img { 
    vertical-align: middle
}

#footer a {
	display: block;
	height: 60px;
	width: 355px;
	background: url(/images/containers/footer.png) top right no-repeat;
	margin-left: 45px;
	padding-bottom: 30px;
}

#links { 
    padding-bottom: 20px; 
}

#links h3 { 
    background-color: #eee; 
}

#links h3 a {
	text-decoration: none;
	color: #424242;
}

#links ul {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	width: 100%; 
	overflow: hidden; 
	border: 0px; 
	border-spacing: 0px;
}

#links li {
	clear: none; 
	float: left; 
	width: 50%; 
	margin: 0; 
	display: inline; 
	padding: 0;
}

#links li a {
	width: 100%; 
	display: block; 
	padding: 3px; 
	margin: 0;
	font-size: 11px; 
	color: #424242;
}

div.links {
	width: 370px;
	padding: 10px;
}

#headshot {
	float: left;
	height: 70px; 
	width: 80px;
}

#headshot h1 {
	background: url(/images/headshot.gif) top left no-repeat;
	height: 60px;
	width: 60px;
	margin-left: 10px;
	margin-top: 10px;
}

#paintball {
	float: left;
	height: 130px; 
	width: 180px;
}

#paintball h1 {
	background: url(/images/paintball.gif) top left no-repeat;
	height: 120px;
	width: 160px;
	margin-left: 10px;
	margin-top: 10px;
}

#university {
	float: left;
	height: 70px; 
	width: 80px;
}

#university h1 {
	background: url(/images/logos/plymouth.gif) top left no-repeat;
	height: 60px;
	width: 60px;
	margin-left: 10px;
	margin-top: 10px;
}

#projects {
	float: left;
	height: 133px; 
	width: 263px;
}

#projects h1 {
	background: url(/images/projects.png) top left no-repeat;
	height: 123px;
	width: 243px;
	margin-left: 10px;
	margin-top: 10px;
}

#social {
	float: left;
	height: 78px; 
	width: 100px;
}

#social h1 {
	background: url(/images/social.gif) top left no-repeat;
	height: 68px;
	width: 80px;
	margin-left: 10px;
	margin-top: 10px;
}

div.client {
	float: left;
	height: 70px; 
	width: 180px;
}

.client h1 {
	height: 60px;
	width: 160px;
	margin-left: 10px;
	margin-top: 10px;
}

.client h1.allofmp3 { 
    background: url(/images/logos/allofmp3.gif) top left no-repeat; 
}

.client h1.bigbrothernigeria { 
    background: url(/images/logos/bbn.gif) top left no-repeat; 
}

.client h1.bmwsauberf1 { 
    background: url(/images/logos/bmw.gif) top left no-repeat; 
}

.client h1.eve {
	background: url(/images/logos/eve.gif) top left no-repeat;
	padding-bottom: 10px;
}

.client h1.lowercase {
	background: url(/images/logos/lowercase.gif) top left no-repeat;
	padding-bottom: 10px;
}

.client h1.txtnation {
	background: url(/images/logos/txtnation.gif) top left no-repeat;
	padding-bottom: 10px;
}

.client h1.vip {
	background: url(/images/logos/vip.gif) top left no-repeat;
	padding-bottom: 10px;
}

h4.download { 
    background: url(/images/icons/pdf.gif) 10px 7px no-repeat; 
}

h4.download a { 
    margin-left: 20px; 
}