html
{
	background: #0c0d0c url('/shared/images/feultimate/ultimate_background.jpg') no-repeat scroll center top;
	min-width: 1300px;
}

.clear
{
	clear: both;
}

body
{
	font: 15px 'Segoe UI', Arial, Verdana, sans-serif;
}

h1
{
	font: 35px "trajan-pro-3", 'Times New Roman';
}

h2
{
	font: 21px "trajan-pro-3", 'Times New Roman';
}

h3
{
	font: 18px "trajan-pro-3", 'Times New Roman';
}

h4
{
	font: 25px 'Segoe UI', Arial, Verdana, sans-serif;
}

div.ultimatepage
{
	color: #f6f7ea;
	margin: 0 auto;
}

div.ultimatepage > section.top > div.purchase > a.sale
{
	display: block;
	margin-top: -216px;
    margin-bottom: -13px;
    position: relative;
}

div.ultimatepage > section.top
{
	margin: 0 auto;
	margin-top: 520px;
	width: 1252px;
}

div.ultimatepage > section.top > div.description
{
	display: inline-block;
	margin-left: 80px;
	position: relative;
	width: 625px;
}

div.ultimatepage > section.top > div.description > h2
{
	line-height: 30px;
    margin-bottom: 0.375em;
	text-align: left;
	text-transform: uppercase;
}

div.ultimatepage > section.top > div.description > p
{
    line-height: 22px;
	margin-right: 3em;
}

div.ultimatepage > section.top > div.purchase
{
	background: transparent url(/shared/images/feultimate/purchasebox.png) no-repeat top center;
	display: inline-block;
	height: 156px;
	position: relative;
	text-align: center;
	vertical-align: top;
	width: 525px;
}

    div.ultimatepage > section.top > div.purchase div.community-discount {
        background-color: rgb(13, 13, 13);
        border: 2px solid #f3f6f5;
        display: block;
        margin: 0 70px;
        margin-top: -110px;
        margin-bottom: 30px;
        padding: 10px;
        width: 362px;
    }

        div.ultimatepage > section.top > div.purchase div.community-discount h2 {
            color: #cf9e47;
            font: 1em "trajan-pro-3", 'Times New Roman';
            margin: 0;
            text-align: center;
            text-transform: uppercase;
        }

        div.ultimatepage > section.top > div.purchase div.community-discount p {
            margin: 0.25em 0;
            font-size: 14px;
            line-height: 1.25em;
            text-align: center;
            padding: 0 0.25em;
        }

            div.ultimatepage > section.top > div.purchase div.community-discount p span {
                color: #cf9e47;
                font-weight: bold;
            }

div.ultimatepage > section.top > div.purchase > h3
{
	font-size: 22px;
	margin: 1em auto 0.75em;
	text-transform: uppercase;
}

div.ultimatepage > section.top > div.purchase > price
{
	font: 22px "trajan-pro-3", 'Times New Roman';
	margin: 1em auto 0.75em;
	text-transform: uppercase;
}

div.ultimatepage > section.top > div.purchase > strike
{
	color: #808080;
    display: inline-block;
    font: 15px "trajan-pro-3", 'Times New Roman';
    margin-bottom: 15px;
    text-decoration: line-through;
}

div.ultimatepage > section.top > div.purchase > div.buttons
{
	display: block;
	margin: auto;
	position: relative;
}

div.ultimatepage > section.top > div.purchase > div.buttons > a
{
	display: inline-block;
	margin: 0 0.5em;
	position: relative;
}

div.ultimatepage > section.top > div.purchase > div.buttons > a.stardock
{
	background: transparent url(/shared/images/feultimate/button_stardock.png) no-repeat top center;
	height: 51px;
	width: 165px;
}

div.ultimatepage > section.top > div.purchase > div.buttons > a.steam
{
	background: transparent url(/shared/images/feultimate/button_steam.png) no-repeat top center;
	height: 51px;
	width: 165px;
}


div.ultimatepage > section.top > div.purchase > div.buttons > a.stardock:hover,
div.ultimatepage > section.top > div.purchase > div.buttons > a.steam:hover
{
	background-position: center bottom;
}

div.ultimatepage > div.inc
{
	margin: 40px auto 25px;
}

div.ultimatepage > div.inc > img
{
	display: block;
    margin: auto;
}

div.ultimatepage > section.LH
{
	background: transparent url(/shared/images/feultimate/LH_bkgd.png) no-repeat top center;
	height: 522px;
	margin: 0 auto;
	width: 1252px;
}

div.ultimatepage > section.LH > div {
	margin-left: 80px;
}

div.ultimatepage > section.LH > div > h4 {
	padding-top: 1em;
}

div.ultimatepage > section > div > p.subhead {
	margin-bottom: 0.75em;
	margin-top: 0.25em;
}

div.ultimatepage > section.LH > div > p.description
{
	margin-top: 5px;
	width: 500px;
}

div.ultimatepage > section > div > div.dlc > ul
{
	display: inline-block;
	list-style-position: inside;
	list-style-type: none;
	margin-bottom: 1em;
	margin-top: 1em;
	padding: 0;
	vertical-align: top;
}

div.ultimatepage > section > div > div.dlc > ul:first-child
{
	margin-right: 2em;
}

div.ultimatepage > section > div > div.dlc > ul > li
{
	font-size: 13px;
	margin-bottom: 1em;
	width: 310px;
}

div.ultimatepage > section > div > div.dlc > ul > li > a.dlctitle
{
	color: #f6f7ea;
	font-weight: bold;
	text-decoration: underline;
}

div.ultimatepage > section > div > div.dlc > ul > li > a.dlctitle:hover
{
	color: #e0c66e;
}

div.ultimatepage > section > div > div.screenshots > a
{
	margin-right: 0.75em;
}

div.ultimatepage > section.FE
{
	background: transparent url(/shared/images/feultimate/FE_bkgd.png) no-repeat top center;
	height: 396px;
	margin: 0 auto;
	margin-top: 8.5em;
	padding-bottom: 8em;
	width: 1252px;
}

div.ultimatepage > section.FE > div
{
	margin-left: 700px;
}

div.ultimatepage > section.FE > div > h4 {
	padding-top: 1.5em;
}

div.ultimatepage > section.FE > div > p.description
{
	width: 420px;
}

div.ultimatepage > section.FE > div > div.dlc > ul > li
{
	width: 475px;
}

div#landing_features_bottombar 
{
	background-image: url('/shared/images/layout/horizontalbar.png');
	background-position: center top;
	background-repeat: no-repeat;
	clear: left;
	height: 2px;
}

/* #region Roll over nav */

nav.rollovers
{
	font-family: Arial, Helvetica, sans-serif;
}
nav.rollovers > ul > li
{
	float: left;
	height: 108px;
	margin-bottom: 20px;
	margin-right: 20px;
	position: relative;
	width: 230px;
}
nav.rollovers > ul > li > img.overlay
{
	left: 7px;
	position: absolute;
	top: 0px;
	z-index: 6;
}
nav.rollovers > ul > li > a
{
	color: #FFF;
	display: block;
	height: 94px;
	left: 7px;
	position: relative;
	right: 7px;
	text-decoration: none;
	width: 214px;
}
nav.rollovers > ul > li > a:hover
{
	text-decoration: none;
}
nav.rollovers > ul > li > a > .mask
{
	background: transparent url('/shared/images/layout/overlay.png') repeat scroll 0 0;
	bottom: 0;
	font-size: 13px;
	height: 21px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 4;
}
nav.rollovers > ul > li > a:hover > .mask h1
{
	color: #D2C467;
}
nav.rollovers > ul > li > a:hover > .mask > h1.overlay
{
	color: #FFFFFF;
}
nav.rollovers > ul > li > a > .mask h1
{
	font-weight: bold;
	line-height: 19px;
	padding-left: 5px;
	text-transform: uppercase;
}
nav.rollovers > ul > li > a > .omask p
{
	display: inline-block;
	line-height: 16px;
	padding: 3px 0 6px 6px;
}
nav.rollovers > ul > li > a > div.framed
{
	background: url('/shared/images/layout/section_frame.png');
	height: 108px;
	left: -6px;
	position: absolute;
	top: -7px;
	width: 230px;
	z-index: 5;
}
nav.rollovers > ul > li > a > div.image
{
	background: url('/shared/images/fe/lore/sections.jpg');
	height: 94px;
	width: 214px;
	z-index: 3;
}

/* #endregion */