* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	outline: none;
}

body {

	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-color: #48555d;

	margin: 0px ;
	padding: 0px ;


	font-family: Arial;
	font-size: 11px;
	line-height: 20px;
	color: #4d4d4d;


}



img { 

	border: none;
	padding:none;
	margin:none; /* removes small gap under each image  */ 

}

h1 {
	
	font-size:20px;
	font-weight:bold;
	color: #7c7b7b;
}


h2 {
	
	font-size:14px;
	font-weight: bold;
	color: #4d4d4d;
	margin-bottom: 0px;
	margin-top: 20px;
	

}

h3 {

	font-size: 8px;
	color: #4d4d4d;

}

#page {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	width: 800px;
}


header {
	width: 800px;
	margin: 50px 0 10px;
}


#logo {
	width: 242px;
	height: 54px;
	background: url('/images/logo-squashed.png') no-repeat;
	display: block;
	align: center;
	margin-left: 279px;
	margin-top: 50px;
	margin-bottom: 50px;
}
	
#logo:active {
	opacity: .9;
}



#wrapper {
	
	width:810px;
	margin-left:auto;
	margin-right:auto;
}

div#screenshots {
	padding: 0px 0px 30px 30px;
	width: 808px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

div#screenshots ul {
	margin: 0px;
	padding: 0 0px 0px 15px;
	list-style-type: none;
}

div#screenshots ul li {
	margin: 0px 20px 0px 20px;
	padding: 0px;
	display: inline;
}

div#screenshots ul li img {
	border: 6px solid white;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0px 2px 5px #a8b1b9;
	-moz-box-shadow: 0px 2px 5px #a8b1b9;
	-webkit-box-shadow: 0px 2px 5px #a8b1b9;
}


#feature {
	width: 800px;
	height:273px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}


#apps {

	width: 810px;
	height: 129px;
	background-image: url(../images/bg-products.jpg);
	background-repeat: no-repeat;
}

div#apps ul li {
	margin: 0px 10px;
	padding: 0px;
	display: inline;
}


div#apps-paid {
	font-size: 1.3em;
	line-height: 1.4em;
	padding: 13px 0px 0px 0px;
	width: 810px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

div#apps-paid ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: left;
}

div#apps-paid ul li {
	width: 320px;
	height: 260px;
	margin: 0px 0px 0px 24px;
	padding: 0px 0px 0px 46px;
	float: left;
}

div#apps-paid ul li h3 {
	font-size: 1.0em;
	margin-top: 140px;
}

div#apps-paid ul li p {
	margin: 0px 10px 0px 0px;
}

div#apps-paid ul li buy {
	float: left;
	margin-top: 200px;
	height: 40px;
	box-shadow: 0px 0px 4px #aaa;
	border-radius: 5px;
	border: 1px solid #2a2d2f;
	background: url('/images/nav-bg.png');
	display: inline-block;
	margin-right: 20px;
}

div#apps-paid ul li buy a {
		width: 100px;
		height: 40px;
		color: #777777;
		float: left;
		font: bold 15px/43px Arial, sans-serif;
		text-shadow: 0px 1px 0px #fff;
		display: block;
		text-align: center;
		box-shadow: 1px 0px 0px #70777e;
		
		border-radius: 5px;
		
}

div#apps-paid h2 {
	color: #7c7b7b;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 60px;
	font: bold 20px Arial, sans-serif;
}

div#apps-free {
	font-size: 1.3em;
	line-height: 1.4em;
	padding: 50px 0px 0px;
	width: 810px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

div#apps-free ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: left;
}

div#apps-free ul li {
	width: 320px;
	height: 260px;
	margin: 0px 0px 0px 24px;
	padding: 0px 0px 0px 46px;
	float: left;
}

div#apps-free ul li h3 {
	font-size: 1.0em;
	margin-top: 140px;
}

div#apps-free ul li p {
	margin: 0px 10px 0px 0px;
}

div#apps-free h2 {
	color: #7c7b7b;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 60px;
	font: bold 20px Arial, sans-serif;
}


li#apps-ebp {
	background: url(/images/apps/ebp.png) no-repeat center top;
}

li#apps-rm {
	background: url(/images/apps/rm.png) no-repeat center top;
}

li#apps-itc {
	background: url(/images/apps/itc.png) no-repeat center top;
}

li#apps-evpn {
	background: url(/images/apps/evpn.png) no-repeat center top;
}

li#apps-eb {
	background: url(/images/apps/eb.png) no-repeat center top;
}

li#apps-mechanic {
	background: url(/images/apps/mechanic.png) no-repeat center top;
}

li#apps-divert {
	background: url(/images/apps/divert.png) no-repeat center top;
}

li#apps-vpnr {
	background: url(/images/apps/vpnr.png) no-repeat center top;
}

li#apps-dnsf {
	background: url(/images/apps/dnsf.png) no-repeat center top;
}


#support {
	
	width: 810px;
	height:128px;
	
	margin-left: auto;
	margin-right:auto;
	
	background-image: url(../images/bg-support.jpg);
	

}

#propaganda{
	width: 600px; /* 810 */;
	margin-left: auto;
	margin-right:auto;
	border-bottom: 1px solid #e5e5e5;
}

#propaganda img {
	margin-left: auto;
	margin-right:auto;
	display: block;
	padding-top: 40px;
}

#propaganda h1 {
	width: 600px;
	color: #5a5a5a;
	font: 31px/105px Arial, sans-serif;
	text-shadow: 0px 1px 0px #fff;
	margin-left: auto;
	margin-right:auto;	
	padding-bottom: 20px;
	text-align: center;
}

#supportpropaganda{
	
	width: 810px; /* 810 */;
	height:145px /*145 */;
	background-image: url(../images/bg-propaganda.jpg);
	background-repeat: no-repeat;
	
	text-align:center;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

#content{
	
	background-image: url(../images/bg-content.jpg);
	background-repeat: repeat-y;
	

}



#singlecolumn {

	width:736px; /* 810 */
	padding: 37px;
	
}





#columnleft {
	
	width: 340px; /*444*/;
	padding:37px;
	
	font-size: 11px;
	line-height: 20px;
	
	float:left;
}
			
				#columnleft .item {
					
					margin-bottom: 20px;
				}
				
				#columnleft .item img {
					
					float:left;
					margin-right: 20px;
				}
				
				#columnleft .item .details {
					
					float:left;
					width: 279px;
				
					
					font-size: 11px;
					color:gray;
				
				}
				
				
				#columnleft .item h1 {
					
					color: #4d4d4d;
					font-size: 18px;
					margin: 0px;
					padding:0px;
				
				}
				
				
				


#columnright {
	
	width: 296px; /*359*/;
	padding: 37px;
	margin-right: 6px;
	margin-bottom:100px; /*so bg fades out after all content */
	
	float:right;
	
	font-size: 11px;
	line-height: 20px;
	
	
}
				#columnright img{
					margin-bottom: 25px;
				}
				
				#columnright h2 {
				
					color: #4d4d4d;
					font-size: 12px;
					margin: 0px;
					padding:0px;
				}
				
				#columnright ul {
					
					width: 296px;
					margin-left:14px; /* lines bullets up with text */
					padding:0px;
					font-size: 11px;
					line-height: 20px;
					margin-bottom: 30px;
					
				}
				
			
#columndownload {
	font-size: 1.3em;
    margin: 20px;
    padding: 4px 7px 6px 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #ddd;
	width: 296px;
	float:right;
}

div#downloads {
	font-size: 1.3em;
	line-height: 1.4em;
	padding: 4px 7px 6px 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #eee;
	width: 500px;
	margin: 20px auto;
}

div#downloads a {
	text-decoration: none;
}

div#downloads h2 {
	font-size:20px;
	font-weight: bold;
	color: #7c7b7b;
	margin-bottom: 20px;
	margin-top: 26px;
	text-align: center;
}

div#downloads ul {
	height: 160px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: left;
}

div#downloads ul li {
	width: 180px;
	height: 80px;
	margin: 0px 0px 0px 24px;
	padding: 0px 0px 0px 46px;
	float: left;
}

div#downloads ul li h3 {
	display: inline;
	font-size: 1.0em;
	margin: 0px 10px;
}

div#downloads ul li p {
	margin: 0px 10px;
}


li#download-ebp {
	background: url(../images/download-ebp.png) left top no-repeat;
}

li#download-itc {
	background: url(../images/download-itc.png) left top no-repeat;
}

li#download-rm {
	background: url(../images/download-rm.png) left top no-repeat;
}

li#download-ev {
	background: url(../images/download-ev.png) left top no-repeat;
}

#content-bottom{
	width:810px;
	height:26px;
	background-image: url(../images/img-bottom.jpg);
}

#footer{
	overflow: hidden;
	width: 810px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	margin-bottom: 35px;
	text-align: center;
	color: #9ca7ab;
	font-size: 10px;

}

.clear{

	clear:both;
	font: 1px/1px sans-serif;

}




.storeitem {
	
	width: 182px;
	height: 280px;
	float:left;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;

}

.supastoreitem {
	
	width: 600px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #e5e5e5;
	padding-top: 40px;
}

.supastoreitem img {
	float: left;
}

.supastoreitem h1 {
	font: bold 20px Arial, sans-serif;
}

.supastoreitem p {
	font: 16px Arial, sans-serif;
}

.supastoreitem buy {
		float:  right;
		height: 40px;
		box-shadow: 0px 0px 4px #aaa;
		border-radius: 5px;
		border: 1px solid #2a2d2f;
		background: url('/images/nav-bg.png');
		display: inline-block;
	
	margin-top: 30px;
}
	
	
.supastoreitem buy a {
		width: 180px;
		height: 40px;
		color: #777777;
		float: left;
		font: bold 15px/43px Arial, sans-serif;
		text-shadow: 0px 1px 0px #fff;
		display: block;
		text-align: center;
		box-shadow: 1px 0px 0px #70777e;
		margin-right: 0px;
		border-radius: 5px;
		
}
	
.supastoreitem buy a:hover {
		border-radius: 5px;
		background: url('/images/nav-bg.png');
		background-position: 0 -43px;
		color: #777777;
}



.contact-form {}

.contact-form h1 {
	
	font-size: 16px;
	color: #4d4d4d;
	
}

.contact-form input {
	
	width: 374px;
	height: 35px;
	font-size: 16px;
	color: #c6c6c6;
	border: 1px solid #c9cfd2;
	background-images: url(../images/btn-send.gif) ;
	background-repeat: repeat;
		
}



.contact-form textarea {
	
	width: 374px;
	height: 150px;
	font-size: 16px;
	color: #c6c6c6;
	border: 1px solid #c9cfd2;
	background-images: url(../images/column-right-bottom.jpg) ;
}

.contact-form .btn-send {

	width: 86px;
	height: 32px;
	border: none;
	float:right;
	
}


.price img {
	
	float:left; 

}


.additions img {
	
	float:left;


}

.additions .text {

	margin-top: 12px; 
	margin-left: 10px;
	float:left;
}




/* // Horizontal scroller   ///*/ 

div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 129px;
	width: 798px;
	margin-left: 5px;
	margin-right: 5px;	
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
ul.sc_menu {
	display: block;
	height: 110px;
	/* max width here, for users without javascript */	
	width: 1420px;	
	padding: 15px 0 0 15px; 
	/* removing default styling */
	margin: 0;
	/*background: url('navigation.png');	*/	
	list-style: none;
}
.sc_menu li {
	
	width: 108px;
	height: 108px;
	display: block;
	float: left;	
		
}



.sc_menu  a {

	width: 108px;
	height:108px;
	display: block;
	background-repeat: no-repeat;
 }


.sc_menu .raidmonitor a:link,
.sc_menu .raidmonitor a:visited,
.sc_menu .raidmonitor a:active {
	
	background-image: url(../images/btn-raid-monitor.png) ;
	
}



.sc_menu .emailbackup a:link,
.sc_menu .emailbackup a:visited,
.sc_menu .emailbackup a:active {
	
	background-image: url(../images/btn-email-backup.png) ;
	
}



.sc_menu .emailbackuppro a:link,
.sc_menu .emailbackuppro a:visited,
.sc_menu .emailbackuppro a:active {
	
	background-image: url(../images/btn-email-backup-pro.png) ;

}



.sc_menu .itunesconsolidator a:link,
.sc_menu .itunesconsolidator a:visited,
.sc_menu .itunesconsolidator a:active {
	
	background-image: url(../images/btn-itunes-consolidator.png) ;
	
}




.sc_menu .servermonitor a:link,
.sc_menu .servermonitor a:visited,
.sc_menu .servermonitor a:active {
	
	background-image: url(../images/btn-server-monitor.png) ;
	
}




.sc_menu .drivetrain a:link,
.sc_menu .drivetrain a:visited,
.sc_menu .drivetrain a:active {
	
	background-image: url(../images/btn-drivetrain.png) ;
	
}




.sc_menu .dnsflusher a:link,
.sc_menu .dnsflusher a:visited,
.sc_menu .dnsflusher a:active {
	
	background-image: url(../images/btn-dns-flusher.png) ;

}


.sc_menu .ntpclocksync a:link,
.sc_menu .ntpclocksync a:visited,
.sc_menu .ntpclocksync a:active {
	
	background-image: url(../images/btn-ntp-clock-sync.png) ;
	
}


.sc_menu .filemakersleeper a:link,
.sc_menu .filemakersleeper a:visited,
.sc_menu .filemakersleeper a:active {
	
	background-image: url(../images/btn-filemaker-sleeper.png) ;
	
}

.sc_menu .vpnreorder a:link,
.sc_menu .vpnreorder a:visited,
.sc_menu .vpnreorder a:active {
	
	background-image: url(../images/btn-vpn-reorder.png) ;
	
}

.sc_menu .mechanic a:link,
.sc_menu .mechanic a:visited,
.sc_menu .mechanic a:active {
	
	background-image: url(../images/btn-mechanic.png) ;
	
}

.sc_menu .easyvpn a:link,
.sc_menu .easyvpn a:visited,
.sc_menu .easyvpn a:active {
	
	background-image: url(../images/btn-easyvpn.png) ;
	
}

.sc_menu .old a:link,
.sc_menu .old a:visited,
.sc_menu .old a:active {
	
	background-image: url(../images/btn-old-apps.png) ;
	
}


.sc_menu img {
	/*
	border: 3px #fff solid;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	*/
}
.sc_menu a:hover img {
	/*
	filter:alpha(opacity=50);	
	opacity: 0.5;
	*/
}



/* Navigation */
.navigation {
		align: center;
		width: 800px;
	margin-bottom: 10px;
}
	
	header nav {
	
		height: 40px;
		box-shadow: 0px 0px 4px #333;
		border-radius: 5px;
		border: 1px solid #2a2d2f;
		background: url('/images/nav-bg.png');
		display: inline-block;
		margin-left: 100px;
	margin-bottom: 20px;
}
	
	
	header nav a {
		width: 120px;
		height: 40px;
		color: #777777;
		float: left;
		font: bold 15px/43px Arial, sans-serif;
		text-shadow: 0px 1px 0px #fff;
		display: block;
		text-align: center;
		box-shadow: 1px 0px 0px #70777e;
		margin-right: 0px;
}
	
	header nav a:hover {
		box-shadow: 1px 0px 0px #70777e, 1px 0px 0px #70777e inset, 0px 1px 0px #ffffff inset;
		background: url('/images/nav-bg.png');
		background-position: 0 -43px;
	}
	
	header nav a:active {
		background: url('/images/nav-bg.png');
		background-position: 0 -86px;
	}
	
	header nav a.current:hover,
	header nav a.current:active {
		background-position: 0 0;
	}
	
	header nav a.current {
		color: #fff;
		width: 119px;
		text-shadow: 0px -1px 0px #004a67;
		box-shadow: 0px 1px 0px #66d3fd inset, 0px 0px 3px #66d3fd inset;
		background-image: linear-gradient(bottom, rgb(73,139,165) 4%, rgb(131,198,227) 100%);
		background-image: -o-linear-gradient(bottom, rgb(73,139,165) 4%, rgb(131,198,227) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(73,139,165) 4%, rgb(131,198,227) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(73,139,165) 4%, rgb(131,198,227) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(73,139,165) 4%, rgb(131,198,227) 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.04, rgb(73,139,165)),
			color-stop(1, rgb(131,198,227))
		);
		border: 1px solid #004a67;
		margin-top: -1px;
		margin-left: 0px;
		margin-right: -1px;
		
	}
		
		header nav a.current:hover {
			
			background-image: linear-gradient(bottom, rgb(42,148,190) 0%, rgb(175,225,247) 100%);
			background-image: -o-linear-gradient(bottom, rgb(42,148,190) 0%, rgb(175,225,247) 100%);
			background-image: -moz-linear-gradient(bottom, rgb(42,148,190) 0%, rgb(175,225,247) 100%);
			background-image: -webkit-linear-gradient(bottom, rgb(42,148,190) 0%, rgb(175,225,247) 100%);
			background-image: -ms-linear-gradient(bottom, rgb(42,148,190) 0%, rgb(175,225,247) 100%);
			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0, rgb(42,148,190)),
				color-stop(1, rgb(175,225,247))
			);
		}
	
	/*header nav a.current:hover {
		color: #fff;
		width: 99px;
		text-shadow: 0px -1px 0px #c48019;
		box-shadow: 0px 1px 0px #fdc868 inset, 0px 0px 3px #fdc868 inset;
		background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(238, 73, 1)), to(rgb(253, 166, 59)));
		border: 1px solid #8d2b00;
		margin-top: -1px;
		margin-left: 0px;
		margin-right: -1px;
		
	}*/
	
	header nav a.current:first-child {
		margin-left: -1px;
	}
	
	header nav a.current:last-child:hover {
		box-shadow: 0px 1px 0px #fdc868 inset, 0px 0px 3px #fdc868 inset;
	}
	
	
	header nav a:first-child {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		margin-left: -1px;
	}
	
	
	header nav a:last-child {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	
	header nav a:last-child:hover {
		box-shadow: 1px 0px 0px #70777e, 1px 0px 0px #70777e inset, 0px 1px 0px #ffffff inset;
	}
	
	
/*Layout*/
#container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	-moz-box-shadow: 0px 0px 4px #333;
	-webkit-box-shadow: 0px 0px 4px #333;
	border: 1px #cdcdcd solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border: 1px solid #333;
	background-color: white;
}

#container a, #container a:hover, #container a:visited {
    color: #0085cf;
}

#content {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}

/* Store Header */
.store-header {
	color: #5a5a5a;
	font: 31px/105px Arial, sans-serif;
	text-shadow: 0px 1px 0px #fff;
	width: 720px;
	height: 100px;
	position: relative;
	margin: auto auto 0 40px;
}

.store-header h1 {
	width: 300px !important;
	color: #5a5a5a;
	font: 31px/105px Arial, sans-serif;
	text-shadow: 0px 1px 0px #fff;
	width: 940px;
	margin: auto;
	height: 100px;
	margin-bottom: 10px;
	position: relative;
	float: left;
}

#storecolumn {
	width:600px; /* 810 */
	margin-left: auto;
	margin-right: auto;
}

	

/* News */
.news {
	width:600px; /* 810 */
	margin-left: auto;
	margin-right: auto;
}

.news h2 {
	color: #5a5a5a;
	font: bold 20px Arial, sans-serif;
	margin-bottom: 6px;
}

.news h3 {
	color: #5a5a5a;
	font: 12px Arial, sans-serif;
	margin-bottom: 6px;
}

.news p {
	color: #222;
	font: 16px Arial, sans-serif;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.news h4 {
	color: #222;
	font: 16px Arial, sans-serif;
	padding-bottom: 20px;
}