* { margin: 0; padding: 0; border: 0; }

body {
	line-height: 17px;
	font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial;
	font-size: 12px;
	color: #333;
	background: #eee;
}

#wrap { width: 1050px; padding: 50px 0 0; margin: 0 auto; }

#left { float: left; width: 506px; }

#right { float: right; width: 506px; }



.sites li { padding: 0 0 50px; }
.sites a { display: block; position: relative; color: #fff; border: 3px solid #ddd; text-decoration: none; }
.sites a:hover { border-color: #aaa; }
.sites a img { display: block; }
.sites a .overlay { display: block; width: 480px; position: absolute; bottom: 0; left: 0; line-height: 30px; font-weight: bold; background: url(overlay.png); padding: 0 10px; }
.sites a .url { color: #eee; font-weight: normal; font-style: italic; font-size: 11px; }

.text { width: 460px; height: 300px; padding: 0 0 50px; padding: 3px 23px; }
.text h1 { text-align: center; padding: 24px 0 40px; }



#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 17px;
	text-align: center;
	color: #777;
	padding: 10px 0;
}

ul.left { float: left; width: 185px; text-align: right; padding: 44px 0 0; }
ul.right { float: right; width: 250px; }
li { list-style: none; padding: 5px 0; }
.text ul b { display: block; font-weight: bold; }
.text ul span { display: block; font-style: italic; color: #666; }
.text ul a { font-style: normal; color: #666; text-decoration: underline; }