html {
	margin: 100px 0;
	padding: 0px;
}
body {
	font: 9pt Arial, sans-serif;
	color: #5b5b5b;
	text-shadow: 0px 1px 0px #FFF;
}

a:link,
a:hover,
a:active,
a:visited {
	color: #5b5b5b;
	text-decoration: none;
}

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


h1 {
	font: 72pt Arial, sans-serif;
	letter-spacing: -6pt;
	margin: 0px 0px -25px 10px;
}
h2 {
	font: 30pt Arial, sans-serif;
	letter-spacing: -3pt;
	color: #0090ff;
	margin: 0px 0px 0px 10px;
	padding-left: 7px;
}
h3 {
	font: 14pt Arial, sans-serif;
	letter-spacing: -1pt;
	color: #0090ff;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}
.titleLightGray {color: #d5d5d5; font-weight: bold;}

.titleDarkGray {color: #afafb0;}

#title {
	width: 600px;
	margin: 0 auto;
}
#content {
	width: 560px;
	margin: 20px auto;
	background: #ececec;
	padding: 20px;
	-webkit-border-radius: 10px;
}
.leftSide {
	width: 250px;
	float: left;
	margin-left: 10px;
}
.projectTitle {font-weight: bold;}

.projectDesc {
	margin-bottom: 15px;
	font-size: 8pt;
}

.rightSide {
	width: 250px;
	float: right;
}
.clear {
	height: 0px;
	clear: both;
}

#copyright {
	width: 600px;
	margin: 0 auto;
	font: 8pt Arial, sans-serif;
	color: #ccc;
	text-align: center;
}