/* UPDATE: 2012-12-10 */

html, body, div, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, img, ul {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
	
body {
	background-color:#000000;
	color:#EAFFB0;
	font-family: Georgia, Garamond, "Times New Roman", serif;
}

A {
	color:#FF8900;
	text-decoration:none;
	outline:none;
}

A:hover {
	color:#D1DF53;
	bottom:1px;
}

H1 {
	white-space: nowrap;
	position:relative;
	top:60px;
	font-size: 150%;
	text-align:center;
	color:#CCDF7D;
}

H1 IMG {
	position:relative;
	top:15px;
	width:54px;
	height:46px;
}

H2 {
	white-space: nowrap;
	position:relative;
	top:0px;
	font-size: 120%;
	text-align:center;
	color:#CCDF7D;
	font-family: Georgia, Garamond, "Times New Roman", serif;
}

H2 IMG {
	position:relative;
	top:13px;
	width:36px;
	height:36px;
}

H3 {
	white-space: nowrap;
	position:relative;
	top:0px;
	font-size: 100%;
	text-align:center;
	color:#CCDF7D;
	top:-10px;
	font-weight:normal;
	clear:both;
	padding:10px;
}

H3 IMG {
	position:relative;
	top:13px;
	width:36px;
	height:36px;
}

P {
	clear:both;
}

P.center {
	text-align:center;
	margin:15px 0px 15px 0px;
}

P.section_both, P.section_top, P.section_bottom {
	text-indent:40px;
}

P.section_both {
	margin:10px 0px 10px 0px;
}
P.section_top {
	margin-top:20px;
}

P.section_bottom {
	margin-bottom:20px;
}

UL {
	margin:0px;
}

UL.list {
	margin:12px 0px 12px 0px;
}

UL LI {
	position:relative;
	left:25px;
	padding-left:0px;
	padding-top:0px;
	font-size:11pt;
	font-weight:normal;
}

UL LI:first-child {
	position:relative;
	left:7px;
	font-size:11pt;
	color:#CCDF7D;
	list-style-type:none;
}

UL LI.list:first-child {
	font-size:14pt;
}

/* ======================== HEADER ======================= */

.bg_header {
	position:fixed;
	background: #000000 url(../gfx/bg_header.jpg) 0 0 repeat-x;
	width:100%;
	height:396px;
	z-index:-3;
}

#clouds {
	background: transparent url(../gfx/cloud.png) 305px 20px repeat-x;
}

.birds {
	position:absolute;
	width:70%;
	height:41px;
	background-image:url(../gfx/bird.png);
	background-repeat:no-repeat;
}

#parallax {
	position:fixed; 
	overflow:hidden;
	top:0px;
	left:0px;
	width:100%; 
	height:100%;
	/* JESLI COS SIE KOPIE TO DAC HEIGHT NA 100% */
	z-index:-2;
} 

.hotel_all {
	position:relative;
	background-image:url('../gfx/hotel.png');
	background-repeat:no-repeat;
	/* 
	width:1600px; 
	margin:auto;
	*/
	width:100%; 
	height:610px;
	background-position:center;
	z-index:-2;
	margin:0px auto 0px auto;
}

.hotel_1 {
	position:fixed;
	top:0px;
	background-image:url('../gfx/hotel_1.png');
	background-repeat:no-repeat;
	width:100%;
	height:396px;
	background-position:center;
	z-index:-2;
}

.hotel_2 {
	position:fixed;
	top:396px;
	background-image:url('../gfx/hotel_2.jpg');
	background-repeat:no-repeat;
	width:100%;
	height:214px;
	background-position:center;
	z-index:-2;
}

/* ======================== LOGO ======================= */

.logo {
	position:relative;
	width:483px;
	height:154px;
	right:60px;
	top:20px;
	margin:auto;
}

.logo IMG {
	width:483px;
	height:154px;
}

.logo IMG:hover {
	background-image:url('../gfx/logo_hover.png');
}

/* ======================== NEWS TICKER ======================= */

.newsticker {
	position: absolute;
	left:30px;
	bottom:135px;
	width:485px;
	height:35px;
	background-image:url('../gfx/bg_black.png');
	border:1px solid #30340C;
	padding: 5px 5px 10px 5px;
	font-size:10pt;
}


/* ======================== CHARACTERS ======================= */

.girl {
	position: absolute;
	background-image:url('../gfx/girl.png');
	background-repeat:no-repeat;
	width:143px;
	height:199px;
	top:-200px;
	right:290px;
	
}

.character_hotelowner, .character_girl, .character_grandma {
	position: absolute;
	display:block;
	background-repeat:no-repeat;
	width:158px;
	height:175px;
	top:-287px;
	right:60px;
}

.character_hotelowner {
	background-image:url('../gfx/header_hotelowner.png');
}

.character_girl {
	background-image:url('../gfx/header_girl.png');
}

.character_grandma {
	background-image:url('../gfx/header_grandma.png');
}

.eyelid_hotelowner {
	position: absolute;
	top:-241px;
	right:130px;
	background-image:url('../gfx/eyelid_hotelowner.png');
	background-repeat:no-repeat;
	width:43px;
	height:11px;
}

.eyelid_girl {
	position: absolute;
	top:-239px;
	right:137px;
	background-image:url('../gfx/eyelid_girl.png');
	background-repeat:no-repeat;
	width:42px;
	height:12px;
}

.eyelid_grandma {
	position: absolute;
	top:-234px;
	right:112px;
	background-image:url('../gfx/eyelid_grandma.png');
	background-repeat:no-repeat;
	width:51px;
	height:12px;
}

/* ======================== MENU ======================= */

.player {
	position:absolute;
	left:480px;
	bottom:210px;
	width:58px;
	height:29px;
}

.menu {
	position:relative;
	left:85px;
	top:60px;
	width:788px;
	height:141px;
	background-image:url('../gfx/menu.png');
	background-repeat:no-repeat;
	margin:auto;
	z-index:1;
}

.buttons {
	position:relative;
	width:650px;
	height:20px;
	top:44px;
	left:9px;
	margin:auto;
}

A.button_about, A.button_gallery, A.button_download, A.button_extras, A.button_support, DIV.button_download_inactive {
	display:block;
	height:19px;
	float:left;
	padding:0px 9px 0px 9px;
	background-repeat:no-repeat;
}

A.button_about:hover, A.button_gallery:hover, A.button_download:hover, A.button_extras:hover, A.button_support:hover {
	position:relative;
	bottom:2px;
}

A.button_about {
	background-image:url('../gfx/button_about.png');
	width:87px;
}

A.button_about:hover {
	background-image:url('../gfx/button_about_hover.png');
}

A.button_gallery {
	background-image:url('../gfx/button_gallery.png');
	width:114px;
}

A.button_gallery:hover {
	background-image:url('../gfx/button_gallery_hover.png');
}

A.button_download {
	background-image:url('../gfx/button_download.png');
	width:153px;
}

A.button_download:hover {
	background-image:url('../gfx/button_download_hover.png');
}

DIV.button_download_inactive {
	width:153px;
	background-image:url('../gfx/button_download_inactive.png');
}

A.button_extras {
	background-image:url('../gfx/button_extras.png');
	width:94px;
}

A.button_extras:hover {
	background-image:url('../gfx/button_extras_hover.png');
}

A.button_support {
	background-image:url('../gfx/button_support.png');
	width:111px;
}

A.button_support:hover {
	background-image:url('../gfx/button_support_hover.png');
}

A.raven {
	position:relative;
	display:block;
	background-image:url('../gfx/raven_1.png');
	background-repeat:no-repeat;
	width:109px;
	height:159px;
	top:0px;
	left:30px;
}

DIV.beak {
	position:absolute;
	background-image:url('../gfx/raven_2.png');
	background-repeat:no-repeat;
	width:109px;
	height:159px;
	top:0px;
	left:30px;
}

.signboard {
	position:absolute;
	background-image:url('../gfx/signboard.png');
	background-repeat:no-repeat;
	width:193px;
	height:224px;
	top:-30px;
	right:-153px;
	z-index:2;
}

.branch_1 {
	position:absolute;
	background-image:url('../gfx/branch_1.png');
	background-repeat:no-repeat;
	width:187px;
	height:209px;
	top:-170px;
	left:-156px;
	z-index:2;
}

/* ======================== MENU ======================= */

.menu_left {
	position:absolute;
	background-image:url('../gfx/menu_left.png');
	background-repeat:no-repeat;
	background-position:left;
	width:191px;
	height:326px;
	left:-160px;
	top:-30px;	
}

.menu_left_content {
	position:relative;
	top:74px;
	right:11px;
	float:right;
	width:113px;
	height:179px;
	text-align:left;
	font-size:20px;
	/* border:1px solid #FFFFFF; */
	line-height: 30px;
}

.menu_left_content A:hover {
	position:relative;
	bottom:1px;
}

A.money_back {
	position:absolute;
	top:450px;
	left:70px;
	width:100px;
	text-align:center;
	font-family: Arial, Lucida, sans-serif;
	font-size:12px;
}

A.money_back:hover {
	margin-top:-1px;
}

A.phantasmat_2 {
	position:absolute;
	top:320px;
	left:70px;
	width:100px;
	text-align:center;
	font-family: Arial, Lucida, sans-serif;
	font-size:12px;
}
A.money_back IMG {
	width:78px;
	height:78px;
}

/* ======================== CONTENT ======================= */

.bg_content {
	position:relative;
	left:85px;
	top:60px;
	width:788px;
	background-image:url('../gfx/bg_content.png');
	background-repeat:repeat-y;
	margin:auto;
	min-height:300px;
	height: auto !important; 
	height: 300px;
	z-index:0;
}

.content {
	position:relative;
	top:-15px;
	width:640px;
	padding:20px 0px 30px 0px;
	margin:auto;
	z-index:2;
	font-family: Arial, Lucida, sans-serif;
	font-size:16px;
	line-height: 25px;
	text-align:justify;
}

.separator {
	width:606px;
	height:19px;
	margin:20px auto 5px auto;
	background-image:url('../gfx/separator.png');
	background-repeat:no-repeat;
}

A#separator_button {
	background-image:url('../gfx/separator_button.png');
	background-repeat:no-repeat;
	width:200px;
	height:42px;
	display:block;
	padding: 2px 0px 0px 0px;
	font-size:10pt;
	margin:auto;
	position:relative;
	bottom:10px;
	text-align:center;
}

.trailer {
	padding:15px 15px 9px 15px;
	width:478px;
	border:1px solid #292D1A;
	background-image:url('../gfx/bg_green.png');
	margin:auto;
}

.support_box {
	width:400px;
	border:1px solid #292D1A;
	background-image:url('../gfx/bg_green.png');
	margin:auto;
	text-align:center;
	margin:15px auto 15px auto;
	padding:15px;
}

/* ======================== GALLERY ======================= */

DIV.screenshot {
	position:relative;
	display:block;
	width:640px;
	height:245px;
}

DIV.screenshot IMG {
	width:300px;
	float:left;
	height:225px;
	border:1px solid #4C4B1B;
	padding:2px;
	margin:7px;
}

DIV.screenshot_title {
	position:relative;
	display:block;
	width:620px;
	height:25px;
	margin:0px auto 15px auto;
}

DIV.screenshot_title DIV {
	display:block;
	width:290px;
	padding:0px 5px 0px 5px;
	float:left;
	height:25px;
	border:none;
	font-size:14px;
	text-align:center;
}
/* ======================== BUY ======================= */

TABLE.buy {
	padding:5px;
	margin:10px auto 0px auto;
	text-align:center;
	border:1px solid #30340C;
	border-collapse:collapse;
}

TABLE.buy TH {
	padding:5px;
	margin:15px;
	width:140px;
	border:1px solid #30340C;
	background-image:url('../gfx/bg_grass.png');
	font-weight:normal;
}

TABLE.buy TD {
	border-left:1px solid #30340C;
	border-right:1px solid #30340C;
	border-top:1px solid transparent;
}

TABLE.buy TD:hover {
	background-image:url('../gfx/bg_black.png');
	border-top:1px solid #30340C;
	border-bottom:1px solid #30340C;
}

TABLE.buy A, TABLE.buy P {
	padding:5px 0px 5px 0px;
	width:100%;
	height:100%;
	display:block;
}

/* ======================== DOWNLOAD ======================= */

DIV.download_logo {
	position:absolute;
	width:85px;
	height:85px;
	top:43px;
	right:160px;
}

FORM#download_form {
	margin:20px 0px 20px 0px;
}

FORM#subscribe_form {
	width:260px;
	margin:auto;
}

FORM#subscribe_form INPUT#submit{
	position:relative;
	float:left;
	top:1px;
	margin-left:5px;
	background-image: url('../gfx/bg_button_orange.png');
	background-position:center;
	color:rgb(59,15,2);
	border:2px solid #823907;
	height:26px;
	font-family: Georgia, Garamond, "Times New Roman", serif;
	font-weight:bold;
}

FORM#subscribe_form INPUT#email{
	position:relative;
	float:left;
	top:1px;
	height:20px;
	width:170px;
	font-size:12pt;
	background-color:#EAFFB0;
	border:2px solid #8C9E52;
	color:#302D10;
}

DIV.download_form {
	position:relative;
	height:30px;
	width:385px;
}

.download_form P {
	position:relative;
	float:left;
	text-align:right;
	width:185px;
	top:2px;
}

.download_form SELECT, .download_form INPUT {
	position:relative;
	float:left;
	width:195px;
	font-size:12pt;
	top:2px;
	background-color:#EAFFB0;
	border:2px solid #8C9E52;
	color:#302D10;
}

.download_form SELECT[disabled], .download_form INPUT[disabled] {
	border: 2px solid #999;
	background-color: #ddd;
}

.download_form INPUT {
	width:190px;
}

DIV.download_choice {
	position:relative;
	left:160px;
	top:5px;
	font-size:10pt;
	height:60px;
}

DIV.download_button {
	position:relative;
	border:1px solid rgb(59,15,2);
	width:200px;
	left:185px;
}

P.download_button {
	position:relative;
	width:200px;
	left:185px;
	font-size:11pt;
	text-align:center;
}

.download_button INPUT {
	background-image: url('../gfx/bg_button_orange.png');
	background-color:#FFAC2F;
	width:100%;
	font-size:18pt;
	height:45px;
	border:1px solid #000000;
	color:rgb(59,15,2);
	font-family: Georgia, Garamond, "Times New Roman", serif;
	font-weight:bold;
	cursor:pointer;
}

.download_button INPUT:hover {
	background-image: url('../gfx/bg_button_orange_hover.png');
	color:#6F1A00;
}

/* ======================== FAQ ======================= */

ul#faq, ul#faq ul {
  list-style-type:none;
  margin: 0px;
  padding: 0px 0px 0px 15px;
	left:0px;
}

ul#faq a {
  text-decoration: none;	
}

ul#faq li {
  padding-top: 5px;
	left:0px;
}

ul#faq li span {
	color:#FF8100;
	cursor: pointer;
}
	
ul#faq li span:hover, ul#faq li span:active {
	color:#D1DF53;
}

ul#faq li ul {
	margin-bottom:15px;
}

/* ======================== SOCIAL ======================= */

.social {
	position:absolute;
	margin:auto;
	width:130px;
	height:65px;
	left:325px;
}

.social P {
	position:relative;
	font-weight:bold;
	font-size:9pt;
	text-align:center;
	height:17px;
	letter-spacing:1px;
}

.social A {
	position:relative;
	display:block;
	float:left;
	width:36px;
	height:36px;
	margin: 6px 3px 3px 3px;
	opacity: 0.80;
}

A#facebook {
	background-image:url('../gfx/social/facebook_icon_36x36.gif');
	background-repeat:no-repeat;
}

A#twitter {
	background-image:url('../gfx/social/twitter_icon_36x36.gif');
	background-repeat:no-repeat;
}

A#digg {
	background-image:url('../gfx/social/digg_icon_36x36.gif');
	background-repeat:no-repeat;
}

A#facebook:hover, A#twitter:hover, A#digg:hover {
	bottom:2px;
	opacity: 1.00;
}

/* ======================== FOOTER ======================= */

.footer {
	position:relative;
	left:85px;
	top:60px;
	width:788px;
	height:124px;
	background-image:url('../gfx/footer.png');
	background-repeat:no-repeat;
	margin:auto;
	padding-bottom:20px;
	z-index:0;
	font-family: Arial, Lucida, sans-serif;
	letter-spacing:1px;
}

.footer A.logo_esrb {
	position:absolute;
	background-image:url('../gfx/logo_esrb.png');
	width:52px;
	height:69px;
	right:60px;
	bottom:70px;
}

.footer A.logo_codeminion {
	position:absolute;
	background-image:url('../gfx/logo_codeminion.png');
	height:100px;
	width:138px;
	left:45px;
	bottom:58px;
}

.footer A.logo_gcc {
	position:absolute;
	background-image:url('../gfx/logo_gameclubcafe.png');
	height:100px;
	width:108px;
	right:45px;
	bottom:53px;
}

.footer A.logo_codeminion:hover, .footer A.logo_gcc:hover, .footer A.logo_esrb:hover {
	padding-bottom:1px;
}

.footer .footer_menu {
	font-size:12px;
	position:relative;
	top:75px;
	width:400px;
	margin:auto;
	text-align:center;
}

.footer .copyright {
	position:relative;
	top:90px;
	width:200px;
	margin:auto;
	text-align:center;
}

.footer .copyright A {
	font-size:11px;
	color:#99A04E;
}

.footer .copyright A:hover {
	color:#CBF45C;
}

.bg_footer {
	position:fixed;
	bottom:0px;
	background-image:url('../gfx/bg_footer.png');
	background-repeat:repeat-x;
	width:100%;
	height:267px;
	z-index:-2;
}

.shadow_top {
	position:fixed;
	top:0px;
	left:0px;
	background-image:url('../gfx/shadow_top.png');
	background-repeat:repeat-x;
	width:100%;
	height:8px;
}

.shadow_bottom {
	position:fixed;
	bottom:0px;
	left:0px;
	background-image:url('../gfx/shadow_bottom.png');
	background-repeat:repeat-x;
	width:100%;
	height:8px;
}

/* ======================== CNS ======================= */

#cns_title {
	font-size: 14pt;
	color:#E9FF8F;
	font-weight:bold;
	text-align:center;
}

.cns_style {
	text-align:center;
}

.cns_style .cns_steps {
	text-align:left;
}