﻿@charset "UTF-8";
/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding:0;
	background:#65afd4 url(images/bg.jpg) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow-x: hidden;
	}

html{
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding:0;
	background:#65afd4 url(images/bg.jpg) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow-x: hidden;
	}

.clearer{
	clear:both;}
	
a{color:#09F;
text-decoration:underline;}

a:hover{color:#0DF;
text-decoration:underline;}

span.black{
	color:#000;
	font-weight:100;	
	text-decoration:none;}
	
#right.download_page a{text-decoration:none;}

#right.download_page a .blue{color:#09F; font-weight:100}
	
#right.download_page a:hover .blue{color:#0DF; font-weight:100}


span.black_thin{
	color:#000;
	font-weight:100;
	text-decoration:none;}

span.blue{
	color:#09F;
	font-weight:100;
	text-decoration:underline;}
	
span.blue_thin{
	color:#09F;
	text-decoration:none;}

h3{color:#09F; font-size:12px;margin: 10px 0 5px 0;padding:0;}

hr{margin: 10px 30px 10px 30px;border:0px; border-bottom:1px solid #ccc;}
	
img{
	border:none;}
	
#all{
	float:left;
	width:908px;
	
	background:url(images/bg_main.png) top left repeat-y}

	
#header{
	float:left;
	
	width:908px;
	height:22px;
	background:url(images/header.jpg) no-repeat}
	
#container{
	margin: 0 auto;
	width:908px;}
	


#features{
	float:left;
	margin: 0 0 0 4px;
	background:#e4e4e4 url(images/bottom_bg.jpg) repeat-x;
	height:180px;
	width:900px;
	}

#features ul{
	color: #20aef6;
	list-style: square;
	padding:0
}

#features ul li{
	
	margin:6px 0 0px 0;}

#features ul li span{ color:#333;font-size:12px;}

.feat{
	width:380px;}
	
#footer{

	height:80px;
	}

#footer a{

	color:#FFF;
	}
	
#footer{

	color:#FFF;
	}
	
#footer ul{
	
	list-style:none;
	text-align:right;
	margin: 14px 0 0 250px;
	width:650px;
	height: 40px;
	color:#999;
	
	}
	
#footmenu li{
	float:left;
	display:inline;
	margin: 0px 30px 0 0;
	}
#footmenu li a{
	color:#666;
	text-decoration:none;
	font-weight:lighter;
	text-transform: uppercase;
	font-size:11px;}
	
#footmenu li a:hover{
	color:#000;
	}
	
	
#banner{
	float:left;
	margin: 0 0 0 4px;
	padding:0;
	width:900px;
	height:166px;
	background:url(images/banner.jpg) repeat-x;
	}
	
#footer{
	float:left;
	margin: 0 0 0 0px;
	padding:0;
	width:908px;
	text-align:center;
	background:url(images/footer.png) no-repeat;
	}
	
#content{
	float:left;
	margin: 4px;
	width:880px;
	padding:15px 15px 0 15px;}
	
	
#download_new a{
	float:left;
	display:block;
	width:257px;
	height: 48px;
	margin: 103px 0 0 35px;
	padding: 6px 20px 0 20px;
	font-size:11px;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:100;
	text-decoration:none;
	text-align:center;
	background:url(images/box.png) no-repeat}
	
#download_new a:hover{
	background:url(images/box_h.png) no-repeat
	}
	
#snapfiles{
	float:left;
	width:290px;
	height:70px;
	margin: 15px 0 0 0;
	padding:0 0 0 0;
	font-size:11px;
	}
	
#zdnet{
	float:left;
	width:290px;
	height:70px;
	margin: 15px 0 0 0;
	padding:0 0 0 0;
	font-size:11px;
	}
	
#tucows{
	float:left;
	width:290px;
	height:70px;
	margin: 15px 0 0 0;
	padding:0 0 0 0;
	font-size:11px;
	}
	
.promo a{
	
	text-decoration:none;}
	
.promo span{
	float:left;
	display:inline-block;padding:0;}
	
.promo img{
	float:left;
	display:inline-block;padding:0;}
	
.promo img{
	margin:0px 7px 0 0px;
	}

.promo div{
	color:#426aab;
	margin:0 0 0 0;
	padding:0px 0 0 0}
	
#FrontPage_Form1{
	float: left;
	width:410px;}
	
#FrontPage_Form1 label{
	float:left;
	margin-top:10px;
	
	width:150px;}
	
#FrontPage_Form1 input{
	float:left;margin-top:10px;
	border: 1px solid #777;
	width:250px;}

input.subManual{
	padding:0;
	border: 0px;
	width:100px;
	height:30px;
	font-size: 16px;
	color:#FFF;
	background:url(images/button.jpg);
	text-align:center;
	}
	
#FrontPage_Form1 input.sub{
	vertical-align:inherit;
	padding:0;
	border: 0px;
	width:100px;
	height:30px;
	font-size: 16px;
	color:#FFF;
	background:url(images/button.jpg);
	text-align:center;
	}
	
input.sub{
	vertical-align:inherit;
	padding:0;
	border: 0px;
	width:100px;
	height:30px;
	font-size: 16px;
	color:#FFF;
	background:url(images/button.jpg);
	text-align:center;
	}
	
a.download{
	float:right;
	margin-top:10px;
	padding:0;
	border: 0px;
	width:100px;
	height:25px;
	font-size: 15px;
	color:#FFF;
	text-align:center;
	padding-top:5px;
	background:url(images/button.jpg);
	margin-bottom:30px;}
	
#FrontPage_Form1 input.sub:{margin:10px 0 30px 0}

	
#FrontPage_Form1 input.sub:hover{
	background:url(images/button_h.jpg);}

	
input.sub:hover{
	background:url(images/button_h.jpg);}

	
a.download:hover{
	background:url(images/button_h.jpg);}

.content_rows{
	display:block;
	width:900px;
	margin: 0 0 0 4px;
	padding: 0 30px 0 30px;}
	
#left{
	float:left;
	width:150px;
	margin: 0 0 0 4px;
	padding: 0 15px 0 30px;}
	
#right{
	float:left;
	width:660px;
	margin: 0 0 0 4px;
	padding: 0 30px 0 15px;}
	
	
#left.screen{
	float:left;
	width:120px;
	margin: 0 0 0 4px;
	padding: 0 8px 0 30px;}
	
#right.screen{
	float:left;
	width:690px;
	margin: 0 0 0 4px;
	padding: 0 30px 0 15px;}
	
#right hr{
	float:left;
	margin-left:0;
	width:620px;}
	
#version div{
	float:left;
		display:block;
	width:660px;}
	
#version{
	float:left;
		display:block;
	width:660px;}
	
#right .down{
	float:left;
		display:block;
	width:660px;}
	
.content_rows div{
	float:left;
	margin:0px;
	padding-right:30px;
	display:inline-block;}

.divide{
	float:left;
	display:inline-block;
	width:500px;
	margin: 6px 15px 0 0}
	
.icon{
	float:left;
	display:inline-block;
	margin:8px 20px 0 0}

#customers hr{
	width:140px;
	margin:10px 0 10px 0;	
		border:0;
	border-bottom:1px dashed;
	padding:0;
	}
	
#customers img{
	display:inline-block;
	width:48px}
	
#customers span{
	display:inline-block;
	width:48px}
	
#customers p{
	margin:5px;
	color:#555;}


#right ul{
	color: #20aef6;
	list-style: square;
	padding:0
}

.txt_download{
	float:left;
	display:block;
	color:#999;
	text-decoration:none;
	width:590px;
	padding:10px;
	font-size: 22px;
	font-weight:100;
	margin-left:-20px;
	}

.img_download{
	float:left;
	display:block;
	margin-left:10px;
}

.banner_download{font-size:15px;text-transform:uppercase;}

#version h3{margin-left:53px;}

#version p{margin-left:53px;}

#version ul{margin-left:53px;}
#version .start{margin-left:0px;}
#version hr{
	border:0;
	border-bottom:1px solid #ccc;}
	
#volume span{
	color:#090;
	font-size:14px;}
	
#menu{
	float:left;
	margin: 0 0 0 4px;
	padding:0;
	width:900px;
	height:30px;
	background:url(images/menu_bg.jpg) repeat-x;
	color: white;

	
	}
	
#menu ul{
	
	list-style:none;
	text-align:left;
	margin:0;
	padding:0;
	height:30px;
	}
	
#menu li{
		float:left;
	display:inline;
	
	
	}
#menu li a{
	float:left;
	padding:9px 32px 0 32px;
	display:inline-block;
	color:#666;
	text-decoration:none;
	font-weight:lighter;
	font-size:14px;
	height:21px;}
	
#menu li a:hover{
	color: white;
	background:url(images/menu_bg_hover.jpg) repeat-x;
	}
	
 #menu li a.selected{
	color: white;
	background:url(images/menu_bg_h.jpg) repeat-x;
	}