body{background:url(images/bg.gif) repeat #000000;padding:0; font-family:arial, sans-serif; font-size:12px;margin:0px auto auto auto;color:#36322b;}
p{padding:0px;text-align:justify;margin:0px;line-height:20px;}
p.welcome{padding:30px 35px 0 35px;}
.clear{clear:both;}
a{text-decoration:underline;}

#main_container{width:821px;height:auto;margin:auto;padding:0px;}
#header{width:821px;height:68px;margin:0px;padding:0px;background:url(images/header_bg.gif) no-repeat center top;}
.logo{padding:15px 0 0 0px;color:#da5b23;font-size:36px;}
.title{width: auto;padding:2px 0 10px 0;font-size:17px;color:#2e2721;font-weight:bold;}
.title_welcome{width: auto;padding:0 0 0 35px;font-size:22px;color:#24a4b3;margin:0 0 10px 25px;}
span.red{font-weight:bold;color:#da5b23;}
span.orange{font-weight:bold;color:#da5b23;}
/*---------------- menu tab----------------------*/
.menu{width:821px;height:42px;margin:0px;background:url(images/menu_bg.gif) no-repeat left;}
.menu ul{list-style:none;padding:0 0 0 15px;margin:0px;}
.menu ul li{display:inline;}
.menu ul li a{float:left;height:42px;border:none;padding:0 15px 0 15px;text-decoration:none;color:#fff;line-height:42px;font-size:14px;font-family:lucida console;}
.menu ul li.selected a{float:left;height:42px;border:none;padding:0 15px 0 15px;text-decoration:none;color:#fff;line-height:42px;font-size:14px;background:url(images/menu_bullet.gif) no-repeat bottom center;}
.menu ul li a:hover{background:url(images/menu_bullet.gif) no-repeat bottom center;color:#e9e5e2;}

/*-------------welcome_box------------*/
.welcome_box{width:496px;height:202px;background:url(images/welcome_box.gif) no-repeat center;padding:0px;}
/*---------------center_content-------*/
.center_content{width:821px;height:auto;clear:both;padding:25px 0 30px 0;background-color:#e9e5e2;}
.center_left{width:500px;float:left;padding:10px 0 10px 10px;}
.center_right{width:300px;float:left;padding:10px 0 10px 0px;}
.software_box{width:187px;height:265px;padding:0 0 5px 5px;}
.features{padding:10px 0 0 30px;}

/*----------------------list-------------------------*/
ul.list{list-style:none;padding:0px;margin:0px; }
ul.list li{list-style:none;width: auto;height: auto;padding:0px; margin:8px 0 8px 0;}
ul.list li b{height:24px; width: auto; padding:0 0 0 15px; margin:0;color:#36322b;text-align:left;line-height:24px;text-decoration:none;}
ul.list li span{
height:24px; width:24px; display:block;padding:0px; margin:0px;color:#000;text-align:center; float:left; float:left; line-height:24px;
background:url(images/bullet_list.png) no-repeat left;color:#F5A009;font-weight:bold;
}
/*-------------------footer------------------------*/
#footer{width:821px;height:50px;clear:both;color:#837d7b;font-family:lucida console;}
.left_footer{float:left;padding:20px 0 0 0;}
#footer a{color:#837d7b;padding:0 8px 0 8px;text-decoration:none;}
#footer a:hover{text-decoration:underline;color:#da5b23;}
.right_footer{float:right;padding:15px 5px 0 0 ;}
/* -div- */
div.x1{background: url(images/dot.gif) 0 0 repeat-x;background-color:#e4e1de}
div.x2{background: url(images/dot.gif) 0 100% repeat-x}
div.x3 {background: url(images/dot.gif) 0 0 repeat-y}
div.x4{background: url(images/dot.gif) 100% 0 repeat-y}
div.x5 {background: url(images/bl.gif) 0 100% no-repeat}
div.x6 {background: url(images/br.gif) 100% 100% no-repeat}
div.x7 {background: url(images/tl.gif) 0 0 no-repeat}
div.x8 {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px} 
input.butt{margin-left:10px;margin-top:10px;;background-image:url(images/download.gif);width:120px;height:40px;line-height:40px;background-color:transparent;border:0;font-family:sans-serif;font-weight:bold;color:#da5b23;font-size:16px;cursor:pointer;}
input.butt:hover{color:#24a4b3;}