@charset "utf-8";

/*** START:landingN ***/

body#landingN {
	color:black;
	font-size:12px;
	background:url('landingN/bg-landingN.jpg') center top no-repeat black;
	text-align:center;
}

a:link,
a:visited,
a:active,
a:hover { color:#ffffff; }

div#website {
	position:relative;
	margin:auto;
	text-align:center;
	width:1000px;
}

div#lang {
	position:absolute;
	right:60px;
	top:0px;
}

div#lang img.headbar-left {
	float:left;
	display:block;
	width:16px;
	height:41px;
}

div#lang img.headbar-right {
	float:left;
	display:block;
	width:15px;
	height:41px;
}

div#lang ul.flags {
	float:left;
	height:41px;
	list-style:none;
	background:url('headbar-center.png') left top repeat-x;
}

* html div#lang ul.flags {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/headbar-center.png', sizingMethod='scale');
}

div#lang ul.flags li {
	float:left;
	padding:12px 8px 0px 0px;
}

div#lang ul.flags li.last {
	float:left;
	padding:12px 2px 0px 0px;
}

div#website div#logo-plbeta,
div#website div#logo {
	background:url('landingN/logo_en.png') center top no-repeat;
	width:327px;
	height:232px;
	margin:auto;
}

* html div#website div#logo {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/landingN/logo_en.png', sizingMethod='crop');
}

div#website div#logo.fr { background:url('landingN/logo_fr.png') center top no-repeat; }
* html div#website div#logo.fr { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/landingN/logo_fr.png', sizingMethod='crop');}

div#website div#logo.es { background:url('landingN/logo_es.png') center top no-repeat; }
* html div#website div#logo.es { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/landingN/logo_es.png', sizingMethod='crop');}

div#website div#logo-plbeta { background:url('landingN/RoM.png') center top no-repeat; }
* html div#website div#logo-plbeta { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/landingN/RoM.png', sizingMethod='crop');}

div#website div#logo-plbeta h1 ,
div#website div#logo h1 { display:none; }

div#website img#title_counter {
	position:absolute;
	top:-10px;
	left:429px;
	width:145px;
	height:34px;
}

div#website img#free2play {
	position:absolute;
	top:-15px;
	right:625px;
	width:263px;
	height:42px;
}

div#website img#free2load {
	position:absolute;
	top:-15px;
	left:625px;
	width:231px;
	height:42px;
}

div#website img#two-billion {
	position:absolute;
	top:28px;
	left:427px;
	width:149px;
	height:32px;
}

div#website div#frame-center {
	position:relative;
	background:url('landingN/frame-center.png') center top repeat-y;
	margin:51px 0px 25px 0px;
	padding-top:28px;
}

* html div#website div#frame-center {
	position:relative;
	background:url('landingN/frame-center.gif') center top repeat-y;
	margin:51px 0px 25px 0px;
	padding-top:28px;
}

div#website div#frame-center div#frame-top-plbeta,
div#website div#frame-center div#frame-top {
	position:absolute;
	left:0px;
	top:-50px;
	width:1000px;
	height:101px;
	background:url('landingN/frame-top.png') center top no-repeat;
}

* html div#website div#frame-center div#frame-top {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/landingN/frame-top.png', sizingMethod='crop');
}

div#website div#frame-center div#frame-top-plbeta {
	height:217px;
	top:-154px;
	background:url('landingN/frame-top-plbeta.png') center top no-repeat;
}
* html div#website div#frame-center div#frame-top-plbeta  {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/landingN/frame-top-plbeta.png', sizingMethod='crop');
}

div#website div#frame-center div#frame-top-plbeta div.place {
	width:190px;
	position:absolute;
	left:405px;
	top:111px;

}

div#website div#frame-center div#frame-top div.place {
	width:190px;
	position:absolute;
	left:380px;
	top:28px;
}

div#website div#frame-center div#frame-top div.place div#landing-counter { width:190px; }
div#website div#frame-center div#frame-top div.place div#landing-counter img { padding:1px 0 0 21px; }

div#website div#frame-center div#frame-line {
	width:1000px;
	height:156px;
	background:url('landingN/frame-line.png') center bottom no-repeat;
}

div#website div#frame-center div#frame-bottom {
	position:absolute;
	left:0px;
	bottom:-50px;
	width:1000px;
	height:101px;
	background:url('landingN/frame-bottom.png') center bottom no-repeat;
}

* html div#website div#frame-center div#frame-bottom {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/landingN/frame-bottom.png', sizingMethod='crop');
}

/*** content ***/

div#pergament {
	position:absolute;
	left:286px;
	top:10px;
	width:360px;
	height:115px;
	padding:18px 35px 0px 35px;
	background:url('landingN/pergament.png') left top no-repeat;
}

div#pergament p {
	font-family:Georgia,"Times New Roman",serif;
	color:#221103;
	font-style:italic;
	font-size:12px;
	margin:0px 0px 7px 0px;
}

div#pergament p strong {
	font-family:Georgia,"Times New Roman",serif;
	color:#221103;
	font-style:italic;
	font-size:13px;
	margin:0px 0px 5px 0px;
}

img.button-diamonds {
	position:absolute;
	left:85px;
	top:5px;
}

img.button-download {
	position:relative;
	margin-bottom:5px;
	left:0px;
	top:0px;
}

div#left {
	float:left;
	display:block;
	width:191px;
	margin:-10px 0px 10px 91px;
	text-align:left;
}

* html div#left {
	float:left;
	display:block;
	width:191px;
	margin:-10px 0px 10px 45px;
	text-align:left;
}

div#right {
	float:right;
	display:block;
	width:191px;
	margin:-10px 91px 10px 0px;
	text-align:left;
}

* html div#right {
	float:right;
	display:block;
	width:191px;
	margin:-10px 49px 10px 5px;
	text-align:left;
}

div#center {
	float:left;
	display:block;
	width:421px;
	text-align:left;
	margin:-10px 0px 10px 7px;
}

* html div#center {
	float:left;
	display:block;
	width:421px;
	text-align:left;
	margin:-10px 0px 10px 5px;
}

div.box-bg,
div.box-bg *,
div.box-small-bg,
div.box-small-bg * { color:white; }

div.box-bg,
div.box-small-bg { padding:0px 7px; }

div.box-small-top {
	width:191px;
	height:7px;
	background:url('landingN/box-small-top.gif') center top no-repeat;
	font-size:1px;
	line-height:0px;
}

div.box-small-bottom {
	width:191px;
	height:8px;
	background:url('landingN/box-small-bottom.gif') center top no-repeat;
	font-size:1px;
	line-height:0px;
}

div.box-small-bg {
	position:relative;
	width:177px;
	background:url('landingN/box-small-bg.gif') center top repeat-y;
}

div.box-small-bg img.box-small-decoration { margin:12px 0px; }

div.box-small-bg p {
	font-size:11px;
	padding:0px 3px 7px 6px;
}

div.box-top {
	width:421px;
	height:7px;
	background:url('landingN/box-top.gif') center top no-repeat;
	font-size:1px;
	line-height:0px;
}

div.box-bottom {
	width:421px;
	height:7px;
	background:url('landingN/box-bottom.gif') center top no-repeat;
	font-size:1px;
	line-height:0px;
}

div.box-bg {
	position:relative;
	width:407px;
	background:url('landingN/box-bg.gif') center top repeat-y;
}

* html div.box-bg { width:421px; }

div.box-bg p {
	font-size:11px;
	padding:3px 0px 4px 0px;
}

div.box-bg ul,
div.box-bg ul li {
	font-size:11px;
	font-weight:bold;
}

div.box-bg ul.items {
	position:relative;
	list-style:none;
	display:block;
	padding:5px 0px 10px 10px;
	float:left;
}

div.box-bg ul.fansite-ralley {
	padding:5px 0px 10px 140px;
}

div.box-bg form#frm_answer { text-align:center; }

div.box-bg * fieldset#answer legend { display:none; }
div.box-bg * fieldset#answer {
	border:solid 2px #e6ca69;
	padding:8px;
	width:176px;
	height:185px;
	display:block;
	text-align:center;
	margin:0px 0px 0px 100px;
}

*:first-child+html div.box-bg * fieldset#answer { margin:0px; }

div.box-bg * fieldset#answer input.input {
	width:170px;
	height:14px;
	padding:2px;
	font-size:10px;
	font-weight:bold;
	color:black;
	border:solid 1px black;
}

div.box-bg * fieldset#message {
	border:solid 2px red;
	padding:8px;
	display:block;
	margin:0px 30px;
	text-align:center;
}

div.box-bg * fieldset#message p { font-weight:bold; }


div.box-bg p.text1 { position:relative; }
div.box-bg p.text2,
div.box-bg p.text3,
div.box-bg p.text4,
div.box-bg p.text5,
div.box-bg p.text6 { text-align:center; position:relative; }

div.box-bg img.mati {
	position:absolute;
	right:-5px;
	top:120px;
}

div.box-bg h1 {
	font-family:Georgia,"Times New Roman",serif;
	color:#fff8ca;
	font-style:italic;
	font-weight:bold;
	font-size:17px;
	margin:13px 0px 4px 0px;
}

div#screenshots {
	position:relative;
	width:421px;
	height:107px;
	background:url('landingN/gallery-bg.gif') center top no-repeat;
	margin:3px 0px 0px 0px;
}

div#screenshots img.scroller-left {
	position:absolute;
	left:15px;
	top:11px;
	cursor:pointer;
}

div#screenshots img.scroller-right {
	position:absolute;
	right:13px;
	top:11px;
	cursor:pointer;
}
div#screenshots div#gallery-display {
	position:absolute;
	top:11px;
	left:36px;
	overflow:hidden;
}

div#screenshots div#gallery-display ul#gallery-random { 
	position:absolute;
	list-style:none;
	top:0px;
	left:0px;
	width:2000px;
	height:82px;
}

div#screenshots div#gallery-display ul#gallery-random li {
	list-style:none;
	padding:1px 4px 0px 4px;
}

div#screenshots div#gallery-display * img {
	width:109px;
	height:82px;
}

form#register { position:relative; padding:0px 0px 60px 0px; } 
* html form#register { position:relative; padding:0px; } /*125px*/
form#register img { margin-top:2px; }

form#register input.input {
	width:170px;
	height:14px;
	padding:2px;
	font-size:10px;
	font-weight:bold;
	color:black;
	border:solid 1px black;
}

* html form#register input.input { height:20px; width:178px; }

form#register select.input {
	width:177px;
	height:20px;
	border:solid 1px black;
	font-size:11px;
	font-weight:bold;
	color:black;
}

form#register input#submit {
	position:absolute;
	left:0px;
	bottom:3px;
	width:177px;
	height:38px;
	font-size:0px;
	background-repeat:no-repeat;
	background-color:transparent;
	color:transparent;
	border:none;
	cursor:pointer;
}

* html form#register input#submit {
	position:relative;
	width:177px;
	height:38px;
	margin:10px 0px 0px 0px;
}

form#register select.input option {
	color:black;
	font-weight:normal;
}

form#register div.add { padding:10px 0px 0px 0px; }

form#register div.add p {
	font-size:10px;
	padding:0px;
	margin-top:3px;
	margin-bottom:3px;
}

form#register div.add p a {
	text-decoration:underline;
	font-weight:bold;	
}

form#register div.add p a:hover { text-decoration:none; }

div#videos { margin:0px 0px 0px 5px; }

div#video-switch {
	position:absolute;
	left:10px;
	top:245px;
	width:407px;
	height:18px;
}

div#switch-1,
div#switch-2,
div#switch-3 {
	width:119px;
	height:18px;
	float:left;
	display:block;
}


div#switch-1 p,
div#switch-2 p,
div#switch-3 p {
	padding:2px 0px 0px 0px;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
}

div#switch-2 { margin-left:21px; }
div#switch-3 { margin-left:21px; }



div#video-switch div.inactive {
	background:url('landingN/button-videoswitch-inactive.gif') left top no-repeat;
	cursor:pointer;
}


div#video-switch div.active {
	background:url('landingN/button-videoswitch-active.gif') left top no-repeat;
	cursor:default;
}

div#video-switch div.inactive p { color:#fcd327; }
div#video-switch div.active p { color:#fdf8e4;}
div#video-switch div.inactive p nobr { color:#fcd327; }
div#video-switch div.active p nobr { color:#fdf8e4;}

ul.features { margin:0px 0px 10px 17px; }
ul.features li {
	font-size:10px;
	font-weight:bold;
	padding:1px 0px 1px 0px;
}

* html ul.features { margin:0px 0px 10px 17px; }
* html ul.features li {
	font-size:10px;
	font-weight:bold;
	padding:1px 0px 1px 0px;
	line-height:11px;
}

div#foot {
	width:1000px;
	text-align:center;
}

div#foot img.awards {
margin:auto;
width:713px;
height:70px;
}
div#foot div.companies { text-align:center; }
div#foot div.companies img { margin:auto; }
div#foot div.companies img.runewaker { width:114px; height:42px; }
div#foot div.companies img.fog { width:142px; height:36px; }
div#foot div.companies img.frg { width:144px; height:36px; }
div#foot p.copyright {
	font-size:11px;
	color:white;
}

div#foot p.copyright a {
	font-size:11px;
	color:white;
}

div#foot p.links a {
	font-size:12px;
	font-weight:bold;
	color:white;
	margin:10px;
}

div#flash div#flashalt {
	background:url('landingN/download-now.png');
	width:205px;
	height:205px;
}

div#str {
	position:absolute;
	top:3px;
}

div#flash  {
	position:absolute;
	z-index:1;
	top:-20px;
}

div#featurebox { position:absolute; bottom:10px; right:41px; width:240px;}
/**:first-child+html div#featurebox { margin-top:145px; }
* html div#featurebox { margin-top:147px; }*/

body.downloadnow iframe {
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	margin:0px;
	padding:0px;
	border:none;
}

div#frame-top-plbeta div.place img.number {
	margin-left:-5px;
	margin-right:-16px;
}

/*** FEATURES PL ***/

body#modal {
	background-image:none;
	background-color:black;
}

div#features-modal {
	position:relative;
	width:598px;
	height:563px;
	background:url('landingN/features/background-pl.jpg') left top no-repeat;
	border-right-color:#787878;
	border-left-color:#787878;
	border-bottom-color:#787878;
	border-style:solid;
	border-width:1px;
}

img.figure {
	position:absolute;
	left:347px;
	top:145px;
	width:252px;
	height:403px;	
}


ul.list {
	position:absolute;
	left:20px;
	top:65px;
	list-style:none;
	vertical-align:top;
	font-size:12px;
	padding:15px 10px;
	width:368px;
}

ul.list li {
	background:url('landingN/features/dot.gif') top left no-repeat;
	padding:0px 15px 15px 25px;
	vertical-align:baseline;
}
