div.content > section.box1
{
	background: url('/images/sc/frame_box1_1024_B.png') no-repeat center top;
	display: block;
	height: 494px;
    margin: 0 auto;
	position: relative;
    margin-top: -50px;
    width: 981px;
    z-index: 10;
}

div.content > section.box1 > img.title
{
	display: block;
    margin: 0 auto;
    padding-top: 4em;
	position: relative;
}

div.content > section.box1 > p
{
	display: block;
    color: #f6f6f6;
    font: 16px Arial, Verdana, Sans-Serif;
    margin: 0 auto 1em;
	position: relative;
    text-align: center;
    width: 700px;
}

div.content > section.box1 > p.survey
{
	display: block;
    margin: 0 auto;
    padding-top: 7em;
    position: relative;
    z-index: 100;
}

div.content > section.box1 > p > a,
div.content > section.box1 > p > a:hover
{
    color: #91cef4;
    font: 16px Arial, Verdana, Sans-Serif;
    margin: 0 auto;
}

div.content > section.box1 > img.title
{
	display: block;
    margin: -1em auto 1em;
    padding-top: 0;
	position: relative;
}

div.content > section.box1 > div
{
	display: block;
    margin: 0 auto;
    margin-top: -2.5em;
	position: relative;
    text-align: center;
    width: 900px;
}

div.content > section.box1 > div > div.classic
{
	display: inline-block;
    margin: 0 1em;
	position: relative;
    vertical-align: top;
}

div.content > section.box1 > div > div.classic > img.title,
div.content > section.box1 > div > div.classic > div.logos,
div.content > section.box1 > div > div.community > img.title,
div.content > section.box1 > div > div.community > div.links
{
	display: block;
    margin: 0 auto;
	position: relative;
}

div.content > section.box1 > div > div.classic > div.logos > a.sc
{
	display: block;
    margin: 1em auto 1.125em;
	position: relative;
}

div.content > section.box1 > div > div.community
{
	display: inline-block;
    margin: 0 1em;
	position: relative;
    vertical-align: top;
}

div.content > section.box1 > div > div.community > div.links > a
{
    background: url(/Images/sc/buttons_communitylinks2.png) no-repeat;
    display: inline-block;
    height: 50px;
    margin: 0 auto;
    position: relative;
    width: 196px;
}

div.content > section.box1 > div > div.community > div.links > a.starcontrolcom
{
    background-position: left top;
}

div.content > section.box1 > div > div.community > div.links > a.starcontrolcom:hover
{
    background-position: left -150px;
}

div.content > section.box1 > div > div.community > div.links > a.urquan
{
    background-position: -196px top;
    width: 195px;
}

div.content > section.box1 > div > div.community > div.links > a.urquan:hover
{
    background-position: -196px -150px;
}

div.content > section.box1 > div > div.community > div.links > a.ultronomicon
{
    background-position: left -50px;
}

div.content > section.box1 > div > div.community > div.links > a.ultronomicon:hover
{
    background-position: left -200px;
}

div.content > section.box1 > div > div.community > div.links > a.urquanmasters
{
    background-position: -196px -50px;
}

div.content > section.box1 > div > div.community > div.links > a.urquanmasters:hover
{
    background-position: -196px -200px;
}

div.content > section.box1 > div > div.community > div.links > a.precursors
{
    background-position: left -100px;
    width: 195px;
}

div.content > section.box1 > div > div.community > div.links > a.precursors:hover
{
    background-position: left -250px;
}

div.content > section.box1 > div > div.community > div.links > a.starcontroller
{
    background-position: -196px -100px;
}

div.content > section.box1 > div > div.community > div.links > a.starcontroller:hover
{
    background-position: -196px -250px;
}

/* #region News */

div.content > section.news
{
	background: url('/images/sc/newsbox.png') no-repeat center top;
	display: block;
	height: 462px;
    margin: 0 auto;
    margin-top: -29px;
	position: relative;
    width: 903px;
    z-index: 8;
}

div.content > section.news > img.title
{
	display: block;
    margin: 0 auto;
    padding-top: 2em;
	position: relative;
}

div.content > section.news > div.articles
{
	color: #FFF;
    margin: 0 auto;
	position: relative;
	top: -30px;
    width: 600px;
}

div.content > section.news > div.articles > article {
	margin-bottom: 10px;
}

div.content > section.news > div.articles > article > a.title
{
	font: 15px Arial, Verdana, Sans-Serif;
    font-weight: bold;
	position: relative;
	text-decoration: underline;
}

	div.content > section.news > div.articles > article > a.title::before {
		background: url('/Images/sc/newsarrow.png');
		content: ' ';
		height: 9px;
		left: -20px;
		position: absolute;
		top: 4px;
		width: 9px;
	}

div.content > section.news > div.articles > article > a.title:hover
{
    color: #91cef4;
}

div.content > section.news > div.articles > article > p
{
    font: 14px Arial, Verdana, Sans-Serif;
	margin: 5px 0;
}

div.content > section.news > div.articles > article > p > a.readmore
{
	font: 13px Arial, Verdana, Sans-Serif;
	text-decoration: underline;
}

div.content > section.news > div.articles > article > p > a.readmore:hover
{
    color: #91cef4;
}

div.content > section.news > div.articles > article > footer
{
	font: 11px Arial, Verdana, Sans-Serif;
}

div.content > section.news > div.articles > article > span.separator
{
	font-size: .75em;
	display: inline-block;
	margin: 0 7px;
}

div.content > section.news > div.articles > article > a.username
{
	text-decoration: underline;
}

div.content > section.news > div.viewmore
{
	bottom: 72px;
	color: #bbb;
	display: inline-block;
	font: 13px Arial, Verdana, Sans-Serif;
	position: absolute;
	right: 84px;
}

div.content > section.news > div.viewmore > a
{
	color: #bbb;
	text-decoration: none;
}

div.content > section.news > div.viewmore > a:hover
{
    color: #91cef4;
}

/* #endregion News */