@charset "utf-8";
/* CSS Document */


* {margin:0; padding:0;}


@font-face			{
						font-family: ITCKrist;
						src: url('../fonts/ITCKrist.woff2') format('woff2'),
							 url('../fonts/ITCKrist.woff') format('woff'),
							 url('../fonts/ITCKrist.TTF') format('truetype');
					}
					
@font-face			{
						font-family: AgencyBold;
						src: url('../fonts/AgencyBold.woff2') format('woff2'),
							 url('../fonts/AgencyBold.woff') format('woff'),
							 url('../fonts/AgencyBold.TTF') format('truetype');
					}
					

@font-face			{
						font-family: AgencyRegular;
						src: url('../fonts/AgencyRegular.woff2') format('woff2'),
							 url('../fonts/AgencyRegular.woff') format('woff'),
							 url('../fonts/AgencyRegular.TTF') format('truetype');
					}

html				{
						 /*overflow-x: hidden;*/
					}

body				{
						 margin: 0;
						 padding: 0;
		 				 background-color: #4BB4CB;
						 font-family: AgencyBold;
					}

img					{ border: none; }	/* Counters IE settings */
a					{ color: #88cdde; }
a img				{ border: none; }	/* Counters IE settings */


/* --------------------------------------------------------------------------------------- */


#center
{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}




#banner
{
	width: 998px;
	height: 222px;
	margin: 0 auto;
	position: relative;
	background-image: url('../imagefiles/assets/banner.png');
}

#banner_button_android
{
	position: absolute;
	top: 15px;
	left: 15px;
}

#banner_button_android img
{
	opacity: 1.0;
    filter: alpha(opacity=100);
}

#banner_button_android:hover img
{
	opacity: 0.5;
    filter: alpha(opacity=50);
}



#banner_button_apple
{
	position: absolute;
	top: 55px;
	left: 15px;
}

#banner_button_apple img
{
	opacity: 1.0;
    filter: alpha(opacity=100);
}

#banner_button_apple:hover img
{
	opacity: 0.5;
    filter: alpha(opacity=50);
}




#menu
{
	text-align: center;
	line-height: 65px;
	width: 100%;
	height: 150px;
	color: #88cdde;
	font-size: 2em;
	vertical-align: middle;
	background-color: #216779;
}

#menu li
{
	width: 150px;
	height: 150px;
	vertical-align: middle;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}

#menu li img
{
	vertical-align: middle;
	margin-top: 10px;
	
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#menu a
{
	text-decoration: none;
	
	opacity: 1.0;
    filter: alpha(opacity=100);
}

#menu a:hover
{
	color: #ffffff;
	text-decoration: underline;
	
	opacity: 0.5;
    filter: alpha(opacity=50);
}




#tagline
{
	text-align: center;
	line-height: 115px;
	width: 100%;
	height: 115px;
	color: #d8eff4;
	font-size: 4em;
	background-color: #88cdde;
}




#main_content
{
	width: 100%;
	height: 1200px;
	color: #d8eff4;
	font-size: 1.5em;
	background-color: #0088aa;
}




#screenshots
{
	float: left;
	width: 200px;
	position: relative;
	text-align: center;
	font-family: AgencyRegular;
	font-size: 1.75em;
}

#screenshots_title
{
	margin-top: 20px;
}

#screenshots a img
{
	position: relative;
	margin-top: 10px;
	
	opacity: 1.0;
    filter: alpha(opacity=100);
}

#screenshots a:hover
{
	opacity: 0.5;
    filter: alpha(opacity=50);
}




#info
{
	float: left;
	width: 800px;
	height: 100%;
	text-align: center;
	position: relative;
	background-color: #216779;
}

#info_video
{
	margin-top: 25px;
}

#info_text_a
{
	width: 750px;
	position: relative;
	margin: 25px auto;
	font-size: 0.95em;
	font-family: AgencyBold;
}

#info_text_block
{
	width: 100%;
	margin-top: 45px;
	margin-left: 25px;
}

#info_text_b
{
	width: 700px;
	float: left;
	position: relative;
	margin-left: 25px;
	font-size: 0.8em;
	font-family: AgencyBold;
	text-align: justify;
}

#info_text_b p
{
	padding-bottom: 25px;
}

#info_text_b li
{
	padding-bottom: 15px;
}

#privacy_points
{
	margin-top: 25px;
	margin-left: 50px;
}




#links
{
	margin-left: 1000px;
	width: 200px;
	position: relative;
	text-align: center;
	font-family: AgencyRegular;
	font-size: 1.75em;
}

#links_reaper
{
	margin-top: 50px;
}

#links_button_android
{
	margin-top: 45px;
}

#links_button_apple
{
	margin-top: 4px;
}

#links_links
{
	margin-top: 75px;
}

#links_links li
{
	padding-bottom: 30px;
	list-style-type: none;
}

#links_links li a
{
	color: #d8eff4;
	text-decoration: none;
}

#links_links li a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

#links_links li a img
{
	filter: contrast(175%);
}

#links_links li a:hover img
{
	filter: contrast(100%);
}

#links a img
{
	opacity: 1.0;
    filter: alpha(opacity=100);
}

#links a:hover img
{
	opacity: 0.5;
    filter: alpha(opacity=50);
}




#footer
{
	line-height: 75px;
	width: 100%;
	height: 75px;
	color: #d8eff4;
	padding-left: 25px;
	font-family: AgencyRegular;
	font-size: 2em;
	background-color: #88cdde;
}

#footer ul
{
	display: inline;
	float: right;
}

#footer ul li
{
	padding-right: 50px;
	display: inline;
}

#footer a
{
	color: #d8eff4;
	text-decoration: none;
}
#footer a:hover
{
	text-decoration: underline;
}