/* main.css
   stone-of-destiny.com, Avallon Alliance Ltd.
   
   0 - Reset & fix
   1 - Buy menu
   2 - Content
   3 - Subscribe
*/

/* 0 - Reset & fix */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

a img {
	border: none;
}

a:focus {
	outline: none;
}

.clear {
	height: 1px;
	overflow: hidden;
	clear: both;
}
/* *** */

body {
	background: #1d1814;
	color: #ffffff;
	font: medium Tahoma, san-serif;
}

#wrapper {
	position: relative;
	width: 980px;
	margin: 0px auto 60px auto;
	
	background: url(../img/head.jpg) no-repeat top left;
}

/* 1 - Buy menu */
#buy_menu {
	position: relative;
	width: 594px;
	height: 500px;
	list-style-type: none;

	top: 110px;
}

#buy_menu a p {
	visibility: hidden;
}
	#avaloid {
		position: absolute;
		top: 510px;
		right: 98px;
		width: 200px;
		height: 500px;
		background: url(http://www.avaloid.com/sites/default/files/art/avaloid.jpg) no-repeat;
	}
	/* buy menu buttons */
	#get_pc {
		position: absolute;
		width: 307px;
		height: 269px;
		
		top: 0px;
		
		background: url(../img/get_pc.png) no-repeat;
	}
	
	#get_pc:hover {
		background: url(../img/get_pc_over.png) no-repeat;
	}
	
	#get_pc:active {
		background: url(../img/get_pc_click.png) no-repeat;
	}
	
	#get_iphone {
		position: absolute;
		width: 287px;
		height: 273px;
		
		top: -4px;
		right: 18px;
		background: url(../img/get_iphone.png) no-repeat;
		z-index: 5;
	}
	
	#get_iphone:hover {
		background: url(../img/get_iphone_over.png) no-repeat;
	}
	
	#get_iphone:active {
		background: url(../img/get_iphone_click.png) no-repeat;
	}
	
	#btn_version {
		position: absolute;
		width: 286px;
		height: 270px;
		display:  block;
		top: 231px;
		right: 40px;			
		background: url(../img/btn_version.png) no-repeat;
		z-index: 5;
	}
	
	#btn_version:hover {
		background: url(../img/btn_version_over.png) no-repeat;
	}
	
	#btn_version:active {
		background: url(../img/btn_version_click.png) no-repeat;
	}
	
	.buy_btn {
		position: relative;
		width: 240px;
		height: 91px;
		display: block;
		left: 40px;
	}
	
	#btn_en {
		top: 258px;
		background: url(../img/btn_en.png) no-repeat;
	}
	
	#btn_en:hover {
		background: url(../img/btn_en_over.png) no-repeat;
	
	}
	
	#btn_en:active {
		background: url(../img/btn_en_click.png) no-repeat;
	}
	
	#btn_ru {
		top: 248px;
		background: url(../img/btn_ru.png) no-repeat;
	}
	
	#btn_ru:hover {
		background: url(../img/btn_ru_over.png) no-repeat;
	
	}
	
	#btn_ru:active {
		background: url(../img/btn_ru_click.png) no-repeat;
	}
	
	#btn_de {
		top: 238px;
		background: url(../img/btn_de.png) no-repeat;
	}
	
	#btn_de:hover {
		background: url(../img/btn_de_over.png) no-repeat;
	
	}
	
	#btn_de:active {
		background: url(../img/btn_de_click.png) no-repeat;
	}
	
	#btn_fr {
		top: 228px;
		background: url(../img/btn_fr.png) no-repeat;
	}
	
	#btn_fr:hover {
		background: url(../img/btn_fr_over.png) no-repeat;
	
	}
	
	#btn_fr:active {
		background: url(../img/btn_fr_click.png) no-repeat;
	}
	
	#btn_es {
		top: 218px;
		background: url(../img/btn_es.png) no-repeat;
	}
	
	#btn_es:hover {
		background: url(../img/btn_es_over.png) no-repeat;
	
	}
	
	#btn_es:active {
		background: url(../img/btn_es_click.png) no-repeat;
	}
/* *** */

/* Navigations menu */
#nav_menu {
	position: absolute;
	width: 385px;
	height: 225px;
	list-style-type: none;
	top: 232px;
	right: 88px;
	background: url(../img/bg_menu.png) no-repeat;
	z-index: 4;
}

#nav_menu a p {
	visibility: hidden;
}

	#btn_game {
		position: absolute;
		display: block;
		width: 132px;
		height: 66px;
		
		top: 38px;
		left: 56px;
		
		background: url(../img/btn_game.png) no-repeat;
	}
	
	#btn_game:active {
		background: url(../img/btn_game_on.png) no-repeat;
	}
	
	#game_on {
		position: absolute;
		width: 132px;
		height: 66px;
		
		top: 38px;
		left: 56px;
		
		background: url(../img/btn_game_on.png) no-repeat;
	}
	
	#btn_video {
		position: absolute;
		display: block;
		width: 131px;
		height: 66px;
		
		top: 38px;
		left: 208px;
		
		background: url(../img/btn_video.png) no-repeat;
	}
	
	#btn_video:active {
		background: url(../img/btn_video_on.png) no-repeat;
	}
	
	#video_on {
		position: absolute;
		width: 131px;
		height: 66px;
		
		top: 38px;
		left: 208px;
		
		background: url(../img/btn_video_on.png) no-repeat;
	}
	
	#btn_about, #btn_faq, #btn_support, #about_on, #faq_on, #support_on {
		position: absolute;
		display: block;
		width: 104px;
		height: 52px;
	}
	
	#btn_about {	
		top: 118px;
		left: 45px;
		background: url(../img/btn_about.png) no-repeat;
	}
	
	#btn_about:active {
		background: url(../img/btn_about_on.png) no-repeat;
	}
	
	#about_on {
		top: 118px;
		left: 45px;
		background: url(../img/btn_about_on.png) no-repeat;
	}
	
	#btn_faq {
		top: 118px;
		left: 149px;
		background: url(../img/btn_faq.png) no-repeat;
	}
	
	#btn_faq:active {
		background: url(../img/btn_faq_on.png) no-repeat;
	}
	
	#faq_on {
		top: 118px;
		left: 149px;	
		background: url(../img/btn_faq_on.png) no-repeat;
	}
	
	#btn_support {
		top: 118px;
		left: 253px;
		background: url(../img/btn_support.png) no-repeat;
	}
	
	#btn_support:active {
		background: url(../img/btn_support_on.png) no-repeat;
	}
	
	#support_on {
		top: 118px;
		left: 253px;
		background: url(../img/btn_support_on.png) no-repeat;
	}
/* *** */

/* 2 - Content */
h1 {
	position: absolute;
	width: 393px;
	height: 130px;
	display: block;
	top: 440px;
	right: 84px;
	padding: 42px 0px 46px 0px;
	text-align: center;
	font-size: 30px;
	background: url(../img/bg_h1.png) no-repeat;
}

#content {
	position: relative;
	width: 375px;
	top: 50px;
	left: 511px;
	
	background: url(../img/bg_cont.gif) repeat-y;
}

#cont_bot {
	position: absolute;
	width: 375px;
	height: 93px;
	
	left: 0px;
	bottom: -93px;
	background: url(../img/cont_bot.png) no-repeat;
	z-index: 1;
}

#text {
	position: relative;
	width: 343px;
	margin: 20px 16px -20px 16px;
	text-align: justify;
	z-index: 2;
}
/* *** */

/* 3 - Subscribe */
#subscribe_box {
	position: relative;
	width: 193px;
	height: 183px;
	
	left: 660px;
	bottom: -60px;
	background: url(../img/bg_subscribe.png) no-repeat;
	z-index: 3;
	
}

#subscribe_box h2 {
	position: absolute;
	width: 185px;
	height: 30px;
	display:  block;
	text-align: center;
	top: 27px;
	left: 4px;
	font-size: 14px;
}

#sub_email {
	position: absolute;
	width: 136px;
	height: 16px;
	top: 76px;
	left: 27px;
	padding: 0px 3px 0px 3px;
	text-align: center;
	border: none;
	font-size: 12px;
	color: #fff;
	background: url(../img/subscribe_input.png) no-repeat;
}

#sub_submit {
	position: absolute;
	width: 49px;
	height: 15px;
	border: none;
	left:  72px;
	bottom: 25px;
	background: url(../img/sub_submit.png) no-repeat;
}

#sub_submit:active {
	background: url(../img/sub_submit_on.png) no-repeat;
}

#subscribe_box #checkmark {
	position: absolute;
	top: 66px;
	left: 71px;
}

#fb, #tw, #rss {
	position: absolute;
	width: 47px;
	height: 46px;
	display: block;
	
	bottom: -28px;
}

#fb {
	left: 26px;
	background: url(../img/facebook.png) no-repeat;
}

#tw {
	left: 78px;
	background: url(../img/twitter.png) no-repeat;
}


#rss {
	left: 130px;
	background: url(../img/rss.png) no-repeat;
}

/* *** */

/* 4 - Support form */
#support_box {
	position: relative;
	width: 100%;
	height: 300px;
	
	margin: auto;
}

#name, #e-mail {
	width:  260px;
	margin-right: -5px;
}

#input_name, #input_email {
	margin: 0px 0px 0px -8px;
}
#message {
	width: 220px;
}

#submit {
	position: relative;
	
	margin: 10px auto 10px 111px;
	width: 118px;
	height: 39px;
	border: none;
	
	background: transparent url(../img/btn_submit.png) no-repeat;
}

#load {
	position: relative;
	width: 64px;
	height: 64px;

	top: 108px;
	left: 139px;
	background: url(../img/load.gif) no-repeat;
}

#thx {
	position: relative;
	width: 100%;
	text-align: center;
}

#submit:active {
	background: url(../img/btn_submit_on.png) no-repeat;
}

/* *** */