/*		Table Of Contents
=======================================================

summary: Main Stylesheet

- MAIN
- DISLCAIMER
- FLAGS
- FOOTER
- HOMEPAGE
- SCREENSHOTS
- SIDE NAV
- SUB PAGES
- TRAILER

=======================================================
*/

* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 62.5%;
	height: 100%;
}

body {
	background-color: #000;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 100%;
}

h2, h3, h4, h5 {
	font-weight: normal;
}
h3 {
	color: #43BCC6;
	font-size: 1.7em;
	font-weight: normal;
	margin: 0 0 4px 0;
}
h4 {
	color: #43BCC6;
	font-size: 1.4em;
	margin: 0 0 2px 0;
}
h5 {
	font-size: 1.3em;
	margin: 0 0 2px 0;
}

a, 
a:visited, 
p a:hover {
	color: #FFF;
	text-decoration: none;
}
a:hover, 
p a, 
p a:visited {
	color: #FFD200;
	text-decoration: none;
}

a img {
	border: 0;
}

p {
	font-size: 1.3em;
	line-height: 1.5;
	margin: 0 0 15px 0;
}

ul {
	list-style: none;
}

.clear {
	clear: both;
}

#background-image {
	left: 0;
	min-height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}

#logo {
	background: url("/global/includes/images/trial/logo.gif") no-repeat 5px 25px;
	padding: 28px 0;
	overflow: hidden;
}
#logo a {
	display: block;
	height: 97px;
	outline: none;
	text-indent: -9999em;
	width: 471px;
}

#container {
	height: auto !important;
	height: 100%;
	padding: 0;
	margin: 0 auto -270px;
	min-height: 100%;
	position: relative;
	width: 960px;
}

/*-----------------------------------------------------
	DISCLAIMER
-------------------------------------------------------*/
#disclaimer {
	background: url("/global/includes/images/trial/en/disclaimer.png") no-repeat top center;
	bottom: 120px;
	display: block;
	height: 100px;
	position: absolute;
	width: 960px;
	z-index: 9999;
}

#disclaimer h3, 
#disclaimer p {
	margin-left: -9999em;
}

/*-----------------------------------------------------
	FLAGS
-------------------------------------------------------*/
#language {
	background: #000;
	height: 30px;
	width: 100%;
	z-index: 9999;
}

#language div.flags {
	height: 16px;
	margin: 0 auto;
	padding: 7px 5px;
	width: 960px;
}

#language div.flags ul {
	background: url("/global/includes/images/trial/flags.gif") no-repeat top left;
	height: 16px;
	margin: 0 0 0 5px;
}
#language div.flags ul li {
	display: inline;
}
#language div.flags ul li a {
	display: block;
	float: left;
	height: 16px;
	margin: 0 10px 0 0;
	outline: none;
	text-indent: -9999em;
	width: 24px;
}

/*-----------------------------------------------------
	FOOTER
-------------------------------------------------------*/
div.footer-push {
	clear: both;
	display: block;
	height: 270px;
}

#footer {
	background: url("/global/includes/images/trial/footer-bg.png") repeat-x bottom left;
	clear: both;
	display: block;
	height: 270px;
	overflow: hidden;
	position: absolute;
	width: 100%;
}

#footer div.footer-content {
	margin: 158px auto 0;
	width: 950px;
}

#footer div.logos, 
#footer div.copyright, 
#footer a.esrb-logo, 
#footer a.pegi-logo, 
#footer img.usk-logo {
	float: left;
	margin: 0 50px 0 0;
}
#footer a.esrb-logo, 
#footer a.pegi-logo, 
#footer img.usk-logo {
	margin: 0;
}

#footer div.copyright {
	margin: 3px 50px 0 0;
	width: 450px;
}
#footer div.copyright p, 
#footer div.copyright a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.2;
}
#footer div.copyright a.addthis_button_compact {
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0;
}
#footer div.copyright a.addthis_button_compact span {
	margin: -1px 4px 0 0;
}

#footer div.logos a.ncsoft-logo {
	margin: 0 30px 0 0;
}
#footer div.logos img.team-logo {
	margin: 3px 0 0 0;
}

/*-----------------------------------------------------
	HOMEPAGE
-------------------------------------------------------*/
#home-elf {
	background: url("/global/includes/images/trial/elf.gif") no-repeat 100% 22px;
	height: 100%;
	position: absolute;
	width: 960px;
	z-index: -1;
}

div.home-content {
	padding: 0 0 50px 0;
	width: 471px;
}

p#text01, 
p#text02 {
	display: block;
	margin: 0 auto 25px;
	text-indent: -9999em;
}
p#text01 {
	background: url("/global/includes/images/trial/en/home-text01.gif") no-repeat top left;
	height: 69px;
	width: 349px;
}
p#text02 {
	background: url("/global/includes/images/trial/en/home-text02.gif") no-repeat top left;
	height: 25px;
	margin-bottom: 50px;
	width: 178px;
}

ul#main-nav {
	background: url("/global/includes/images/trial/home-nav-bg.png") no-repeat top left;
	height: 331px;
	margin: 0 auto 25px;
	width: 371px;
}
ul#main-nav li {
	margin: 0 0 3px 0;
	padding: 0 0 0 90px;
}
ul#main-nav li a {
	background: url("/global/includes/images/trial/en/home-nav.png") no-repeat;
	display: block;
	height: 34px;
	outline: none;
	text-indent: -9999em;
	width: 190px;
}

ul#main-nav li.try-now {
	margin: 0 0 52px 0;
	padding: 34px 0 0 24px;
}
ul#main-nav li.try-now a {
	background-position: -27px -34px;
	height: 48px;
	width: 318px;
}
ul#main-nav li.try-now a:hover {
	background-position: -398px -34px;
}

ul#main-nav li.about a {
	background-position: -90px -132px;
}
ul#main-nav li.about a:hover {
	background-position: -461px -132px;
}

ul#main-nav li.trailer a {
	background-position: -90px -171px;
}
ul#main-nav li.trailer a:hover {
	background-position: -461px -171px;
}

ul#main-nav li.screenshots a {
	background-position: -90px -210px;
}
ul#main-nav li.screenshots a:hover {
	background-position: -461px -210px;
}

ul#main-nav li.website a {
	background-position: -90px -251px;
}
ul#main-nav li.website a:hover {
	background-position: -461px -251px;
}

/*-----------------------------------------------------
	SCREENSHOTS
-------------------------------------------------------*/
div.screenshot {
	background: url("/global/includes/images/trial/screenshot-bg.png") no-repeat top left;
	display: block;
	height: 392px;
	margin: 0 0 8px 0;
	padding: 11px 8px;
	width: 614px;
}

div.screenshot-nav {
	background: url("/global/includes/images/trial/screenshot-nav-bg.png") no-repeat top left;
	display: block;
	height: 86px;
	padding: 4px 11px 4px 12px;
	width: 617px;
}
div.screenshot-nav img {
	display: inline;
	float: left;
	margin: 0 4px 0 0;
}

/*-----------------------------------------------------
	SIDE NAV
-------------------------------------------------------*/
#side-nav {
	float: left;
	font-style: italic;
	margin: 2px 50px 0 0;
	text-transform: uppercase;
	width: 200px;
}

#side-nav a.try-now {
	font-size: 1.8em;
}

#side-nav ul {
	margin: 8px 0 20px 0;
}

#side-nav ul li {
	color: #43BCC6;
	font-size: 1.3em;
	margin: 0 0 6px 0;
}

#side-nav ul li.active a {
	color: #FFD200;
}

/*-----------------------------------------------------
	SUB PAGES
-------------------------------------------------------*/
div.sub-container {
	background: url("/global/includes/images/trial/elf-sub.png") no-repeat 98% 0;
}

div.sub-content {
	background: url("/global/includes/images/trial/container-top.png") no-repeat top left;
	padding: 40px 0 0;
}
div.sub-content div.mid {
	background: url("/global/includes/images/trial/container-mid.png") repeat-y top left;
	padding: 0 40px;
}
div.sub-content div.bottom {
	background: url("/global/includes/images/trial/container-bottom.png") no-repeat top left;
	display: block;
	height: 40px;
}

div.sub-content div.content {
	float: left;
	width: 630px;
}

div.sub-content div.content h2 {
	font-size: 2.6em;
	font-style: italic;
	margin: 0 0 12px 0;
	text-transform: uppercase;
}

a.buy-now {
	float: right;
	margin: 0 0 20px 20px;
}

div.sub-content div.content ul {
	font-size: 1.3em;
	list-style: inside;
	margin: 0 0 8px 0;
}

div.sub-content div.content p.quote {
	color: #999;
	font-size: 1.6em;
	margin: 25px 0;
}
p.quote strong {
	color: #FFF;
}

/*-----------------------------------------------------
	TRAILER
-------------------------------------------------------*/
div.trailer {
	background: url("/global/includes/images/trial/trailer-bg.png") no-repeat top left;
	display: block;
	height: 345px;
	margin: 0 0 8px 0;
	padding: 11px 8px 8px 8px;
	width: 614px;
}

div.trailer a#player {
	outline: none;
}