@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "Museo Sans";
	src: url(MuseoSans_500.otf) format("truetype");
}

@font-face {
	font-family: "ChunkFive";
	src: url(Chunkfive.otf) format("truetype");
}

.museo {
	font-family: "Museo Sans";
}

.chunkfive {
	font-family: "ChunkFive";
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 34px;
	text-transform: uppercase;
	text-align: right;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	text-align: right;
}
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #222;
}
p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

body {
	background-color: #111111;
	font-family: arial;
}

#wrapper {
	text-align: center;
}

#site {
	text-align: center;
}

#navigation {
	width: 100%;
	height: 31px;
	background: url(../images/bg_nav.jpg) repeat-x #000000 top left;
	text-align: center;
}
	#navigation ul { list-style-type: none; width: 450px; }
	#navigation li {
		display: block;
		float: left;
		margin: 9px 20px 0px 0px;
		
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		text-transform: uppercase;
	}
	#navigation li a { color: #ffffff; }
	#navigation li a:hover { color: #8fa7bf; }
	#navigation .highlight { color: #8fa7bf; }


#content {
	background: url(../images/bg.jpg) repeat #ffffff top left;
	width: 100%;
	height: 420px;
	position: relative;
}
	.left-content {
		width: 550px;
		padding: 10px 0px 0px 10px;
	}
	.left-content p.large {
		font-size: 31px;
	}

#content-footer {
	background: url(../images/bg_footer.png) repeat top left;
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: left;
}
	#twitter-bird {
		position: absolute;
		bottom: 65px;
		left: 30px;
	}
	#tweet ul { list-style-type: none; }
	#tweet a {
		color: #fff;
		font-size: 11px !important;
	}
	.tweet {
		font-size: 21px;
		color: #ffffff;
		margin: 5px 0px 0px 125px;
	}
	.tweet { list-style-type: none; }
	.tweet li { }
	.followme {
		position: absolute;
		top: -22px;
		left: 125px;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
	}
		.followme a { color: #8fa7bf; }

#footer {
	padding: 20px 0px 0px 20px;
	text-align: left;
	min-width: 850px;
	/*width: 850px;*/
	color: #666666;
}

	#footer .latest-project {
		background-color: #252525;
		padding: 5px 0px 5px 0px;
		margin: 0px 10px 10px 0px;
		width: 175px;
		text-align: center;
		
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 10px;
		color: #555555;
		text-transform: uppercase;
	}
	
	#footer .footer-box {
		margin: 0px 0px 0px 25px;
	}
		#footer .footer-box ul { list-style-type: none; }
		#footer .footer-box li {
			display: block;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
		}
		#footer .footer-box li a { color: #555555; }