/* HERO */

#hero {
	height: 230px;
}

#hero-inner {
	height: 200px;
	background: url(../images/sponsors/hero-image.jpg) no-repeat;
}

/*
 * CONTENT
 */

#content {
	margin-bottom: 50px;
}

#content .border {
	padding-bottom: 30px;
}

#content .section-inner {
	position: relative;
	padding: 25px 0 1px 0;
}

#content .title {
	width: 853px;
	height: 172px;
	background: url(../images/sponsors/title-sponsor.png) no-repeat;
	position: relative;
	top: 0;
	left: 0;
	margin: 0 0 30px 22px;
	text-indent: -10000px;
}

#content .title a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.section-inner h2.site-links-title {
	margin-left: 30px;
	position: relative;
	top: 0;
	left: 0;
	width: 254px;
	height: 41px;
	margin-bottom: 15px;
	background: url(../images/sponsors/title-site-links.png) no-repeat;
}

ul.site-links {
	margin-left: 20px;
	overflow: hidden;
}

ul.site-links li {
	position: relative;
	background: url(../images/sponsors/background-site-links.png) no-repeat;
	width: 274px;
	height: 135px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

ul.site-links li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-indent: -10000px;
}

ul.site-links li h3 {
	margin: 20px 10px 5px 125px;
	font-size: 1.2em;
	color: #fff;
}

ul.site-links li p {
	font-size: 1.1em;
	color: #aaa;
	margin: 0 10px 0 125px;
}

ul.site-links li .logo {
	width: 114px;
	height: 93px;
	display: block;
	position: absolute;
	top: 11px;
	left: 3px;
}