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

/*BROWSER RESETS*/
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,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 {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

/* GENERAL STYLES */

body {font-family:Geneva, sans-serif;}

a {color:#333;}
a:hover{color:#C03;}
.clear {
	clear:both;
	height:0px;
}

.circle{
	background-image: url(../images/structure/circle-left.png)!important;
	background-position:top right;
	background-size:cover;
	background-repeat:no-repeat;
	width:85px;
	height:83px;
	margin:0 auto;
	font-weight:bold;font-size:2em;
}

.circle.right{
	background-image: url(../images/structure/circle-right.png)!important;

}

.circle.right.active{
	background-image: url(../images/structure/circle-right-active.png)!important;

}

.circle.active{
	background-image: url(../images/structure/circle-left-active.png)!important;

}

.navhint{
	font-size:14px; 
	top:36px;
	left:30px;
	position:absolute;
}

.navhint.circle-FAQ{
	left:42px;
}

.navhint.circle-support{
	left:27px;
}

.navhint.circle-contact{
	left:28px;
}

.navhint.circle-forum{
	left:33px;
}

.navhint.circle-features{
	left:24px;
}

.navhint.circle-downloads{
	left:17px;
}

.navhint.circle-home{
	left:35px;
}

.navhint.circle-terms{
	left:3px;
	top:30px;
}

/* STRUCTURE */

body{
	background-image:url(../images/structure/page-bg-1920.jpg);
	background-attachment:fixed;
	background-position:top left;
	background-color:#0D1A31;
	background-repeat:no-repeat;
	background-size:cover;
}

#scroll-left, #scroll-right{
	background:#000;
	background-repeat:repeat;
	opacity:0.9;
	filter:alpha(opacity=90);
	width:123px;

	height:123px;
	position:fixed;
	top:50%;
	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	
	display:none;

}

#scroll-right{

	right: 0px;
}

#scroll-left{
	 left: 0px; 
}

#scr-btn-left, #scr-btn-right {
	opacity:1.0;
	filter:alpha(opacity=100);
	color:#fff;
	margin:0 auto;
	text-align:center;
	width:90%;
	position: relative;
 	top: 50%;-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  	transform: translateY(-50%);
		text-transform:capitalize;
}

#scr-btn-left a, #scr-btn-right a{
	color:#fff;
	text-decoration:none;

	}
#scr-btn-left a:hover, #scr-btn-right a:hover{
	color:#f00;
	}
	
		
#mainwrapper{

margin:0 50px;	
}

#header{
	text-align:center;
	height:208px;
}

img.buy{
	left:-220px;
	position:relative;
	top:100px;
}
img.download{
	right:-215px;
	position:relative;
	top:101px;
}

.logo{
	margin:15px auto 0;
	z-index:100;
	zoom:0.95;
}

.hscreens{
	position:absolute;
	right:70px;
	top:20px;
	z-index:0;
}

.social{
	right: 50px;
	position:absolute;
	padding:10px;
	background:#444;
	z-index:100;
}

.social img{
	margin-right:10px; 
	display:inline;
	width:30px;
}

.social img.last{margin-right:0px;}


/* NAV STYLES */

#nav{
		text-align:center;
		height:50px;
		background-image: url(../images/structure/8888_0_03.png), url(../images/structure/8888_0_04.png);
		background-repeat:no-repeat, no-repeat;
		background-position: top left, top right;
		background-size:contain;
	}



.topnav .active{background:#aaa;}

.topnav a{
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

.topnav .active a{
	color:#fff;
}

.topnav a:hover{
	color:#154A32;
}

.topnav .social img{
	width:25px;
	
}
.topnav .social {
	padding:4px;}
.bg{
		background-image: url(../images/structure/8888_0_0.png);
		background-repeat:repeat-x;
		background-size:contain;
		margin:0 98px;
		height:50px;
}
#nav ul, #footer ul {
	list-style:none; 
	margin:0 auto;
	

	padding:0;
}	

#nav ul li, #footer ul li{
	margin-top:2px; 
	padding:10px 0px;
}

#nav ul li, #footer ul li{
	float:left;
	width:20%;

}
#nav ul li{height:27px; padding:15px 0 0;}
#footer ul li{
	width:auto;
	margin-bottom:10px;
}

/*END NAV */

#newsbox{
width:90%;
margin:0 auto 5px;

background:#000;
height:26px;
text-align:center;	
}

#v_container{
	margin:0 auto!important;
}

#splash, #content{
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-border-radius:12px;
	padding:10px 20px 20px;
	border: 4px solid rgba(204, 204, 204, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

	width:85%;
	margin:0 auto;
	margin-bottom:5px;
}
#footer {
	padding:20px;
	border:8px solid #304A77;
	width:90%;
	margin:0 auto;
	margin-bottom:5px;
}
#splash{
	
	margin-bottom:0px;
	padding-bottom:0px;
	border-radius:12px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-radius-bottom-right:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	-webkit-border-radius-bottom-right:0px;

	border-bottom:0px;
	background-repeat:no-repeat;
	background-position: 25px 0px;
 	background-size:300px;
	background-color:#fff;
}

#content{
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-radius-top-right:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-radius-top-right:0px;
	border-top:0px;
	
}
#content ul{list-style: disc; margin-left:15px;}
#content h3{
	font-weight:bold;
	margin:5px 0px;
}

.gallery{
	margin:0 5px 0 0 ;
	width:300px;
	text-align:center}

.imgblock{
	width:615px;
	margin:15px auto;
	clear:both;
	}	


/* SPLASE PANEL STYLES */

.splashcontent{
	background:#D5D6D8;
	width:60%;
	float:right;
	color:#236EA2;
	border: 4px solid rgba(68, 68, 68, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	border-top:0px;
	position:relative;
		z-index:101;
		-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-radius-bottom-right:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	-webkit-border-radius-bottom-right:15px;
		
	}
	
.splashcontent .head {
	background-image: url(../images/structure/splash/buttonCenter-on.png)!important;
	background-size:100% 95%;
	background-repeat:no-repeat;
	height:40px;
	text-align:center;
	padding-top:10px;

	font-size:30px;
	font-weight:bold;
	color:#f00;

}	

.splashtitle {
	background-image: url(../images/structure/splash/tableRowBlue.png)!important;
	background-repeat:repeat-x;
	height:44px;
	width:60%;
	padding: 0px 4px;
	float:right;
	text-align:center;
	border-bottom: 4px;
	border-color: #000;
		position:relative;
		z-index:101;
}

.splashtitle h2{
	
	color:#fff;
	font-weight:bold;
	font-size:30px;	
	margin-top:7px;
	
}
	
.splashcontent .wrapper{
	padding:10px;
	

}
.splashcontent .wrapper p{margin-bottom:8px;}
.splashcontent .wrapper h2{
	margin-bottom:8px;
	font-weight:bold;
	font-size:19px;
}

.splash.homeimg{

height:200px;
position:absolute;
top:310px;
left:150px;
z-index:100;
transform:rotate(17deg);
-ms-transform:rotate(17deg); /* IE 9 */
-webkit-transform:rotate(17deg); /* Opera, Chrome, and Safari */

}

.splashcontent a{color:#000;}
.home{

}

.features{
	background-image: url(../images/structure/splash/helmet-fade.png)!important;
}

.support{
	min-height:1px!important;
}

.forum{min-height: 20px!important;}

.known{min-height: 1px!important;}

 /* CONTENT STYLES */

#content{
	background-color:#fff;
	background-image:url(../images/structure/backprint.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	
}
#content p {
	margin-bottom:10px;
}
p.buy{
	background:#154A32;
	padding:10px 15px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-border-radius:12px;
	width:200px;
	text-align: center;
	}
p.buy a{font-weight:bold; 
		text-decoration:none;
		color:#fff;
		
}

#content h1{
	margin-bottom:10px;
	font-weight:bold;
	font-size:30px;
	text-align:center;
}
#content h2{
	margin-bottom:10px;
	font-weight:bold;
	font-size:30px;
	text-align:center;
}

.question{font-weight: bold;margin-top:10px;}
b{font-weight:bold;margin-top:10px;}
#content li{padding-bottom:10px;}
/*FOOTER STYLES*/

.copyright{
	display:block;
	background:#444;
	color:#fff;
	padding:15px 10px;
	font-size:10px;

}

.copyright p{
	margin-top:5px;
}


#mailinglist{

	padding:10px 0 0;
	background:#444;
	width:400px;
	height:47px;
	color:#fff;
	font-size:10px;
	margin:0 auto;
}

#mailinglist input{
	font-size:10px;
	border:none;
	margin:2px 0px;
}

#mailinglist select{
	font-size:10px;
	border:none;
	margin:2px 0px;
	width:104px;
}

#footer{
		text-align:center;
		background-color:#444;
		height:60px;
		padding:0px;

		border:0px;
}

#footer ul{width:495px;margin:0 auto;padding:0px;}
#footer ul li{margin:0px; padding:0px;}
#footer .social {position:initial; float:left; width:75px;height:29px;margin-top:5px;}
#footer .social img{margin-right:5px;}
#footer a{color:#fff;}

strong{font-weight:bold;}