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: #c6c6c6;
	
	

}


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

}

h3 {

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

}





#logo{

	width:238px;
	margin-left:auto;
	margin-right:auto;
	margin-top:52px;
	margin-bottom:48px;

}



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


/* // NAVIGATION ///////////////// */




#menu ul {

	list-style-type: none;
	
	width: 810px;
	height:66px;
	margin: 0px;
	padding: 0px;
	

	
	margin-left: auto;
	margin-right:auto;
	
	
}

#menu li {
	
	float: left;
	height:66px;
	margin: 0px;
	padding: 0px;
	display: block;

}


/*// hover */
#menu a:hover { background-position-y: -66px ; }

/*// displays active menu item */
#menu .active a { background-position-y: -66px ; }

#menu a:link,
#menu a:visited,
#menu a:active {
	
	
	height:66px;
	display: block;
	background-repeat: no-repeat;
}


#menu a:hover { background-position-y: -66px ; }






#menu .home a:link,
#menu .home a:visited,
#menu .home a:active {
	
	width: 124px;
	background-image: url(../images/btn-home.jpg) ;

}



#menu .products a:link,
#menu .products a:visited,
#menu .products a:active {
	
	width: 145px;
	background-image: url(../images/btn-products.jpg) ;
	
}



#menu .support a:link,
#menu .support a:visited,
#menu .support a:active {
	
	width: 136px;
	background-image: url(../images/btn-support.jpg) ;
}



#menu .about-us a:link,
#menu .about-us a:visited,
#menu .about-us a:active {
	
	width:150px;
	background-image: url(../images/btn-about-us.jpg) ;
}



#menu .store a:link,
#menu .store a:visited,
#menu .store a:active {
	
	width: 110px;
	background-image: url(../images/btn-store.jpg) ;
}


#menu .contact a:link,
#menu .contact a:visited,
#menu .contact a:active {
	
	width: 145px;
	background-image: url(../images/btn-contact.jpg) ;

}






a:link,
a:visited,
a:active {
	
	text-decoration: none;
	color: #5797b1;
	

}

a:hover {
	
	text-decoration: none;
	color: orange;
}




#feature {
	width: 810px;
	height:273px;
	
	background-image: url(../images/bg-feature.jpg); 
	

}


#products {

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

}




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

}

#propaganda{
	
	width: 736px; /* 810 */;
	height:71px /*145 */;
	padding:37px;
	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: 359px; /*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;
	
	background-image: url(../images/column-right-bottom.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #f8f8f8;
	



}
				#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;
					
				}
				
			




#screenshots{

	width: 736px; /* 810 */ ;
	height:157px /*180px */ ;
	padding:33px 37px 33px 37px;
	

}

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

#footer{
	
	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;

}





.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: 127px;
	width: 798px;
	margin-left: 5px;
	margin-right: 5px;	
	overflow: auto;
}
ul.sc_menu {
	display: block;
	height: 110px;
	/* max width here, for users without javascript */	
	width: 1500px;	
	padding: 15px 0 0 15px; 
	/* removing default styling */
	margin: 0;
	/*background: url('navigation.png');	*/	
	list-style: none;
}
.sc_menu li {
	
	width: 108px;
	height: 216px;
	display: block;
	float: left;	
		
}



.sc_menu  a {

	width: 108px;
	height:216px;
	display: block;
	background-repeat: no-repeat;
 }
 
.sc_menu a:hover { background-position-y: -108px ; }
.sc_menu .active a { background-position-y: -108px ; }



.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 .easyvpn a:link,
.sc_menu .easyvpn a:visited,
.sc_menu .easyvpn a:active {
	
	background-image: url(../images/btn-easyvpn.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;
	*/
}