/****************************************
*	GLOBAL
****************************************/
html {
	font-size: 100.01%;
	height: 100%;
}

body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #F0F0F0;
	padding-top: 25px;
	min-height: 100.01%;
}

a {
	text-decoration: none;
	color: #436976;
}

a:hover {
	color: #8CACBB;
}

a img {
	border: 0;
}

h1 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 28px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 3px;
}

p {
	margin: 0;
	padding: 0;
	color: #444444;
	line-height: 16px;
}

.hidden {
	display: none;
}

/****************************************
*	NAVIGATION
****************************************/
div#navigation {
	width: 900px;
	margin: 0 auto;
}
div#navigation404 {
	width: 500px;
	margin: 0 auto;
}

div#navigation ul li,
div#navigation404 ul li {
	float: right;
	list-style-type: none;
	margin-left: 10px;
	font-size: 15px;
	font-weight: bold;
	line-height: 40px;
}

div#navigation ul li  a,
div#navigation404 ul li  a {
	color: #747475;
}

div#navigation ul li  a:hover,
div#navigation404 ul li  a:hover {
	color: #8CACBB;
}

div#navigation ul li a.active,
div#navigation404 ul li a.active {
	color: #000000;
}

/****************************************
*	CONTENT
****************************************/
div#main {
	width: 900px;
	margin: 0 auto;
	clear: both;
}

div#content {
	width: 500px;
	margin-left: 400px;
}

div#content404 {
	width: 500px;
	margin: 0 auto;
	clear: both;
}

div#twitterfeed {
	float: left;
	width: 350px;
}

div.container {
	background: #FFFFFF none repeat scroll 0 0;
	border: 1px solid #8CACBB;
}

div#header,
div#feedheader {
	padding: 10px;
	background: transparent url(../images/hr.png) repeat-x scroll center bottom;
}

div#feedheader p {
	font-weight: bold;
}

div#footer {
	width: 900px;
	margin: 0 auto;
	font-size: 9px;
	text-align: right;
}

div.content {
	padding: 10px;
}

/****************************************
*	CONTACT
****************************************/
img.profile {
	width: 200px;
}

img.logo {
	width: 100px;
	margin: 67px 88px;
}

div.text {
	background: transparent url(../images/hr.png) repeat-x scroll center top;
	margin-top: 10px;
	padding: 10px;
}

div.list {
	background: transparent url(../images/hr.png) repeat-x scroll center top;
}

div.list ul {
	background: transparent url(../images/hr.png) repeat-x scroll center bottom;
	padding: 10px;
}

div.list ul li {
	padding: 0;
	margin: 0;
	line-height: 20px;
	list-style-type: none;
}

div.list ul li.seperator {
	margin-top: 15px;
}

div.list ul li span.title {
	float: left;
	padding-left: 25px;
	width: 80px;
	font-weight: bold;
}

.location {
	background: transparent url(../images/location.png) no-repeat scroll 4px 6px;
}

.email {
	background: transparent url(../images/email.png) no-repeat scroll 4px 6px;
}

.company {
	background: transparent url(../images/company.png) no-repeat scroll 4px 6px;
}

/****************************************
*	PROFILES & PROJECTS
****************************************/
div#profiles ul,
div#projects ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

div#profiles ul li,
div#projects ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 158px;
}

div#profiles ul li a,
div#projects ul li a {
	color: #000000;
	display: block;
	padding: 10px;
}

div#profiles ul li a:hover,
div#projects ul li a:hover {
	color: #000000;
	background-color: #f2f2f0;
}

div#profiles ul li a img,
div#projects ul li a img {
	float: left;
}

div#profiles ul li a span,
div#projects ul li a span {
	display: block;
	margin-left: 40px;
	height: 32px;
}

/****************************************
*	TWITTER FEED
****************************************/
div#twitterlist p {
	margin: 10px;
}

div#feedheader p.followme {
	float: right;
}

div#twitterfeed ul {
	margin: 0;
	padding: 0;
}

div#twitterfeed ul li {
	margin: 0;
	padding: 10px;
	padding-left: 30px;
	line-height: 15px;
	list-style-type: none;
	border-bottom: 1px solid #BABABA;
	background: transparent url(../images/location.png) no-repeat scroll 10px 14px;
}

div#twitterfeed ul li.lastTweet {
	border: none;
}