div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	line-height:150%;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

/*

TOH2 - #9DBB61
TOH1 - #808000
TOH0 - #365735

*/

h1, h2, h3, h4, h5, h6 {
	line-height:150%;
}

.navbar-static-top {
	width: auto;
}


html, body {
	height:100%;
	background-color:#9DBB61;
	/*image-rendering: -webkit-optimize-contrast;*/
}
	
body {
	font-family: 'Helvetica', 'Arial';
	font-size:14px;
	color:#555;
	cursor:default;
	overflow-y: scroll;
	
	-webkit-overflow-scrolling: touch;
}

.body2 {
	width:auto;
	background-color:#fff;
}

a, a:link, a:visited {
	color:#808000;
	text-decoration: none;
	
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}

a:hover, a:focus {
	color:#9DBB61;
	
	-webkit-transition: color 0s;
	-moz-transition:color 0s;
	-ms-transition: color 0s;
	transition: color 0s;
	
	-webkit-transition: text-shadow .2s;
	-moz-transition: text-shadow .2s;
	-ms-transition: text-shadow .2s;
	transition: text-shadow .2s;
}

a:active {
	color:#365735;
	/*text-shadow: 0 0 0 #000;*/
	
	-webkit-transition: color 0s;
	-moz-transition:color 0s;
	-ms-transition: color 0s;
	transition: color 0s;
}

.gamepage a, .gamepage a:link, .gamepage a:visited {
	color:#9DBB61;
	text-decoration: none;
	
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}

.gamepage a:hover, .gamepage a:focus {
	color:#808000;
	
	-webkit-transition: color 0s;
	-moz-transition:color 0s;
	-ms-transition: color 0s;
	transition: color 0s;
	
	-webkit-transition: text-shadow .2s;
	-moz-transition: text-shadow .2s;
	-ms-transition: text-shadow .2s;
	transition: text-shadow .2s;
}

.gamepage a:active {
	color:#365735;
	/*text-shadow: 0 0 0 #000;*/
	
	-webkit-transition: color 0s;
	-moz-transition:color 0s;
	-ms-transition: color 0s;
	transition: color 0s;
}

/* --- ESSENTIAL: HELPERS --- */

.center {
	text-align:center;
}

.center_div {
	display:inline-block;
	text-align:left;
}

.center_div_c {
	display:inline-block;
	text-align:center;
}

.text_mini {
	font-size:80%
}

.xycenter {
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.bc_embeds iframe {
	width:400px;
	height:100px;
}

/* --- */

#header {
	background-color:#9DBB61;
	overflow-y:hidden;
}

.nav_wrap {
	position:relative;
}

#main_nav {
	/* text */
	color:#FFF;
	font-size:26px;
	
	width:100%;
	height:48px;
	
	position:relative;
}
	
	#main_nav ul {
		width:100%;
	}
	
	#main_nav li {
		display:inline-block;
		border-right: 2px dotted #808000;
	}
	
	#main_nav li:first-child {
		margin-left:1px;
		border-left: 2px dotted #808000;
	}
	
	#main_nav a{
		background-image:url('http://askiisoft.com/sys/img/icons.png?v=4');
		
		display:inline-block;
		
		width:64px;
		height:48px;
		
		-webkit-transition: background-color .4s;
		-moz-transition: background-color .4s;
		-ms-transition: background-color .4s;
		transition: background-color .4s;
	}
		#main_nav a:hover{
			background-color:rgba(255,255,255,.5);
		
			-webkit-transition: all 0s;
			-moz-transition: all 0s;
			-ms-transition: all 0s;
			transition: all 0s;
		}
		
		#main_nav a:active{
			background-color:#365735;
		}
	
		.nav0{
			background-position: 0 0;
		}
			.nav0:hover, .nav0:active{
				background-position: 0 -49px;
			}
			
		.nav1{
			background-position: -64px 0;
		}
			.nav1:hover, .nav1:active{
				background-position: -64px -49px;
			}
		.nav2{
			background-position: -128px 0;
		}
			.nav2:hover, .nav2:active{
				background-position: -128px -49px;
			}
			
		.nav3{
			background-position: -192px 0;
		}
			.nav3:hover, .nav3:active{
				background-position: -192px -49px;
			}
			
		.nav4{
			background-position: -256px 0;
		}
			.nav4:hover, .nav4:active{
				background-position: -256px -49px;
			}
			
		.nav5{
			background-position: -320px 0;
		}
			.nav5:hover, .nav5:active{
				background-position: -320px -49px;
			}
	
	.nav_current {
		background-color:#fff;
	}
	
	.nav_current a {
		text-decoration: none;
	}
	
	.nav_social {
	}
		
		.nav_social_top{
			text-align:right;
			position:absolute;
			top:0;
			right:8px;
			bottom: 0;
			padding: 0 4px;
			/*
			background-color: #365735;
			border-radius: 4px;
			*/
		}
	
		.nav_social_bottom {
			display:none;
		}
	
		.nav_social a {
			width: 40px;
			height: 40px;
			margin: 4px 0;
			
			border-radius:4px;
			
			display:inline-block;
		}
		
		.nav_social a:hover {
			box-shadow: 0 0 4px 4px rgba(255,255,255,.5);
			background-color: rgba(255,255,255,.5);
		}
		.nav_social a:active {
			box-shadow: 0 0 0 0 rgba(255,255,255,.5);
			background-color: inherit;
			opacity:0.5;
		}
		
		.nav_facebook {
			background-image:url("http://askiisoft.com/sys/img/social-facebook.png");
		}
		
		.nav_twitter {
			background-image:url("http://askiisoft.com/sys/img/social-twitter.png");
		}
		
.maintext {
	font-size:16px;
}

.artpage img{
	-webkit-transition: opacity .4s;
	-moz-transition: opacity .4s;
	-ms-transition: opacity .4s;
	transition: opacity .4s;
}

	.artpage img:hover{
		opacity:.6;
		/*box-shadow:0 0 0 2px #808000;*/
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		-ms-transition: all 0s;
		transition: all 0s;
	}
	
	.artpage img:active{
		opacity:.8;
		/*box-shadow:0 0 0 2px #365735;*/
	}

.gamelist{
	position:relative;
}

	.gamebox{
		
		width: 100%;
		background-color: #fff;
		box-shadow: 0 0 0 2px #ccc;
		padding: 16px 0px;
		
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		transition: all .2s;
	}
	
		.gamebox:hover{
			/*border: 2px solid #888;*/
		}
	
	.gameboxL{
		margin-left:16px;
		width:256px;
		position:absolute;
	}
	
	.gameboxR{
		margin-right: 16px;
		margin-left: 290px;
		min-height:256px;
		position:relative;
	}
	
		.gamebox_title{
			font-size:28px;
			font-weight:bold;
			line-height:100%;
			margin-bottom:4px;
		}
		
		.gamebox_details{
			font-size:12px;
			margin-top: 4px;
		}
		
		.gamebox_description{
			font-size:14px;
			/* font-style:italic; */
			padding-top:16px;
			padding-bottom:24px;
		}
		
		.gamebox_description2{
			font-size:14px;
			padding-top:0;
			padding-bottom:32px;
		}
		
		.gamebox_screens{
		}
	
.gamepage{
	background-color:#000;
	color:#fff;
}

	.gamepage_tv{
		background-color:#000;
		border-radius:16px;
		box-shadow: 0 0 96px 0 #333;
		
		padding:32px;
		margin:64px auto;
		
		position:relative;
		
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
		.gamepage_tv_logo{
			color:#333;
			font-size:8px;
			font-weight:bold;
			font-family:verdana;
			text-shadow: 0 -1px 0 #555, 0 1px 1px #111;
			
			text-align:center;
			left:0;
			right:0;
			bottom:8px;
			
			position:absolute;
		}
		
		.gamepage_tv_btn0{
			background-color:#f00;
			box-shadow:0 0 16px 1px #f00;
			
			width:16px;
			height:4px;
			right:32px;
			bottom:12px;
			
			position:absolute;
		}
		
		.gamepage_tv_btn1{
			background-color:#333;
			
			width:16px;
			height:4px;
			right:64px;
			bottom:12px;
			
			position:absolute;
		}
		
		.gamepage_tv_btn2{
			background-color:#333;
			
			width:16px;
			height:4px;
			right:96px;
			bottom:12px;
			
			position:absolute;
		}
	
	.gamepage_swf{
		background-color:#000;
		text-align: center;
	}
	
	.gamepage_link{
		text-align:center;
		
		top: 168px;
		position: relative;
	}
	
		.gamepage_link a{
			color:#9DBB61;
			background-color:#365735;
			
			font-size:96px;
			font-weight:bold;
		
			border-radius:8px;
			padding:16px 32px;
		}
		
		.gamepage_link a:hover{
			color:#365735;
			background-color:#9DBB61;
		}
		
		.gamepage_link a:active{
			color:#808000;
			background-color:#365735;
		}
		
	.link_button{
		text-align:center;
		
		position: relative;
	}
	
		.link_button a{
			color:#9DBB61;
			background-color:#365735;
			
			font-size:20px;
			font-weight:bold;
			
			border-radius:4px;
			padding:8px 16px;
		}
		
		.link_button a:hover{
			color:#365735;
			background-color:#9DBB61;
		}
		
		.link_button a:active{
			color:#808000;
			background-color:#365735;
		}
		
.jp_sub{
	font-size:12px;
	font-weight:normal;
}

.bc_div {
}
		
#footer {
	/*
	border-top: 2px solid #333;
	background-image: -webkit-linear-gradient(#222,#111);
	background-image: -moz-linear-gradient(#222,#111);
	background-image: -ms-linear-gradient(#222,#111);
	background-image: linear-gradient(#222,#111);
	background-color:inherit;
	*/
	
	position:static;
	width:auto;
	overflow:hidden;
	
	z-index:255;
}

.footer_content{
	padding-top:32px;
	padding-bottom:32px;
}

#footer a {
	color:#365735;
	border-radius:2px;
}

#footer a:hover, #footer a:focus {
	color:#808000;
}

#footer a:active {
	color:#365735;
}

.sharebtns{
	display: inline;
	height:28px;
}

	.sharebtns_twitter{
		width:60px;
		height:28px;
		float: left;
		padding-right:8px;
	}

	.sharebtns_fb{
		width:400px;
		height:28px;
		float: left;
		padding-right:5px;
	}

.fb-footer{
	margin: 0 auto;
	max-width:400px;
	border-radius: 8px;
	
	border-top: 1px solid #808000;
	border-left: 1px solid #808000;
	border-right: 1px solid #365735;
	border-bottom: 1px solid #365735;
	
	padding-top: 16px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 12px;
}

@media (max-width: 768px) {
	
	#header {
		margin-left:-20px;
		margin-right:-20px;
	}
	
	.body2 {
		width:auto;
		margin-left:-20px;
		margin-right:-20px;
		padding-left:20px;
		padding-right:20px;
	}
	
	.bc_embeds {
		width:100%;
		margin-left:-40px;
		margin-right:-20px;
		padding-left:20px;
		padding-right:40px;
		overflow:hidden;
	}
	
	.gameboxL{
		width:128px;
		position:relative;
	}
	
	.gameboxR{
		margin-left:16px;
		min-height:0;
	}
}

@media (max-width: 480px) {
			
		.nav_social_top {
			display:none;
		}
		
		.nav_social_bottom {
			display:inline-block;
		}
		
		.fb-footer{
			border: 0;
		}
	
}

@media (max-width: 368px) {
	
	#main_nav a{
		display:inline-block;
		
		width:52px;
		height:48px;
		
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		-ms-transition: all 0s;
		transition: all 0s;
	}
		#main_nav a:active{
			background-color:#365735;
		}

		.nav0{
			background-position: -6px 0;
		}
			.nav0:hover, .nav0:active{
				background-position: -6px -49px;
			}
			
		.nav1{
			background-position: -70px 0;
		}
			.nav1:hover, .nav1:active{
				background-position: -70px -49px;
			}
		.nav2{
			background-position: -134px 0;
		}
			.nav2:hover, .nav2:active{
				background-position: -134px -49px;
			}
			
		.nav3{
			background-position: -198px 0;
		}
			.nav3:hover, .nav3:active{
				background-position: -198px -49px;
			}
			
		.nav4{
			background-position: -262px 0;
		}
			.nav4:hover, .nav4:active{
				background-position: -262px -49px;
			}
		
		.nav5{
			background-position: -326px 0;
		}
			.nav5:hover, .nav5:active{
				background-position: -326px -49px;
			}
		
}