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

body{ margin:0px; padding:0px; background:#333333; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; font-size:12px; }
img{ border:none; }
h1{ font-size:22px; color:#333333; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif;  }
h2{ font-size:18px; color:#FFFFFF; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; }
.clear{ clear:both; }
#top-bar{ background:url(images/color1.gif); width:100%;  height:30px; }
#head-con{ width:800px; margin:0px auto; padding-top:5px; }
#head{ background:url(images/head_bg.gif) repeat-x; height:123px; }
#logo-con{ background:url(images/logo.png) no-repeat; width:270px; height:116px; display:block; float:left;  }
#logo-con:link{ text-decoration:none; }
#logo-con:visited{ text-decoration:none; }
#logo-con:hover{ text-decoration:none; }

#menu{ float:right;  margin:50px 25px; 0 0; }
#menu ul{ list-style:none; padding:0; margin:0; }
#menu li{ float:left; margin-left:50px; font-weight:bold;  }
.nav:link{ text-decoration:none; color:#FF0000; }
.nav:visited{ text-decoration:none; color:#FF0000; }
.nav:hover{ text-decoration:none; color:#CCCCCC; }
.active{ text-decoration:none; color:#FFFFFF; }

#mid-con{ width:100%; background-color:#FFFFFF; height:387px;  }
#mid{ background:url(images/mid-bg.jpg); width:800px; height:387px; margin:0px auto;  }
#product-con{ float:right;padding-top:25px; }
#desc-con{ float:left; margin-top:80px; background:url(images/desc_con.png) no-repeat; width:462px; height:187px; padding:20px; }
#desc-con p{ width:400px; color:#000000; }

#block-con1{ width:600px; margin:0 auto; padding:20px; }

.btn_download{ float:left; height:60px; width:200px; background:url(images/btn_arrowdown.png) no-repeat left; padding-left:60px; margin-right:80px; }
.btn_help{ float:left; height:60px; width:200px; background:url(images/btn_questionmark.png) no-repeat left; padding-left:60px; }
.function{ font-size:20px; color:#FFFFFF; }
.function:link{ text-decoration:none; }
.function:visited{ text-decoration:none; }
.function:hover{ text-decoration:none; }

#bottom-con{ width:800px; margin:0 auto; padding-top:20px; background:url(images/line_grad.png) no-repeat center; height:100px;  }
#bottom-con h2{ color:#FF0000; text-transform:uppercase; font-size:18px; font-weight:normal; padding-top:40px; }
#inner-bottom-block{ padding:20px 50px 0px 50px; }

#features1{ width:320px; float:left; }
#features1 li{  padding:10px; }

#footer{ background:#000; padding:3px; margin-top:50px; margin-bottom:30px; }
#footer-inner{ width:800px; margin:0 auto; }
#footer-inner ul{ list-style:none; margin:0; padding:0;}
#footer-inner li{ float:left; margin-right:30px; }

.footer-menu:link{ text-decoration:none; color:#CCCCCC; }
.footer-menu:visited{ text-decoration:none; color:#CCCCCC; }
.footer-menu:hover{ text-decoration:none; color:#CCCCCC; }
.footer-copyright{ float:right; color:#CCCCCC; font-size:11px; }