html {
    overflow-y: scroll;
}

body {
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	color: #555;
	background: url('bright_squares.png');
	padding: 80px 0px;
}

p {
	font-size: 14px;
	margin: 0 0 20px 0; 
}

a {
	color: #555;
	text-decoration: underline;
}

a:hover {
	color: #2FB1CA;
}

.clearfix:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

#wrapper {
	width: 460px;
	margin: 0 auto;
	padding: 40px 40px 20px 40px;
	background: #fff;
	box-shadow: 3px 3px 10px #aaa;
	border-bottom: 12px solid #93af2a;
}

#main {
	text-align: right;
	margin-bottom: 40px;
}

#main div {
	padding: 20px 0;
}

#main a, #main a:hover {
	color: black;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 20px;
	font-size: 12pt;
}

#main em {
	color: #93af2a;
	font-style: normal;
}

footer {
	text-align: right;
}