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.doclink{

padding:0px;

text-align:justify;

margin:0px;

line-height:40px;

}

p.welcome{

padding:30px 35px 0 35px;

}

p.testimonial{

font-style:italic;

padding:5px 15px 0 5px;

}

.clear{

clear:both;

}

a{

text-decoration:underline;

}

a.read_more{

display:block;

width:66px;

height:23px;

line-height:23px;

text-align:center;

color:#fff;

float:right;

margin:10px 40px 0 0;

padding:0 0 0 17px;

text-decoration:none;

font-size:12px;

background:url(images/read_more_bg.gif) no-repeat center;

}

a:hover.read_more{

text-decoration:underline;

}

img.left_img{

float:left;

padding:3px 25px 3px 3px;

}



#main_container{

width:821px;

height:auto;

margin:auto;

padding:0px;

}

#header{

width:821px;

height:135px;

margin:0px;

padding:0px;

background:url(images/header_bg.gif) no-repeat center top;

}

.logo{

padding:30px 0 0 0px;

}

.title{

width: auto;

padding:2px 0 10px 0;

font-size:17px;

color:#2e2721;

font-weight:bold;

}

.title_doc{

width: auto;

padding:2px 0 10px 0;

font-size:14px;

color:#14669f;

font-weight:bold;

}

.title_welcome{

width: auto;

padding:0 0 0 35px;

font-size:22px;

color:#24a4b3;

background:url(images/checked.gif) no-repeat left top;

margin:0 0 10px 25px;

}

span.red{

font-weight:bold;

color:#da5b23;

}

span.orange{

font-weight:bold;

color:#da5b23;

}

span.blue{

font-weight:bold;

color:#14669f;

}

/*---------------- 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;

}

.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;

}



/*-------------welcome_box------------*/

.welcome_box{

width:496px;

height:200px;

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_center{

width:550px;

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 15px 50px;

}

.features{

padding:10px 0 0 30px;

}

.news_box{

float:left;

width:auto;

border-bottom:1px #CCCCCC dashed;

padding:10px 0 8px 0;

}

.news_icon{

width:30px;

height:33px;

float:left;

background:url(images/news_icon.gif) no-repeat center;

}

.news_content{

width:px;

float:left;

text-align:justify;

line-height:20px;

padding:0 0 0 10px;

}

/*-----------------------login_form-------------------*/

.text_box{

width:278px;

height:144px;

padding:15px 0 0 10px;

background:url(images/text_box.gif) no-repeat center;

background-position:0px 0px;

}

.login_form_row{

float:left;

padding:4px 0 4px 0;

}

label.login_label{

width:70px;

float:left;

padding:3px 5px 0 0;

color:#000;

text-align:right;

}

input.login_input{

width:153px;

height:18px;

float:left;

border:1px #9dbbc6 solid;

background-color:#fff;

color: #000;

}

input.login{

float:right;

padding:10px 20px 0 0;

}

/*----------------------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 a{

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.gif) no-repeat left;

}

ul.list li a:hover{

text-decoration:underline;

}

.testimonials{

padding:20px 0 20px 0;

}

/*-------------------footer------------------------*/

#footer{

width:821px;

height:50px;

clear:both;

color:#837d7b;

}

.left_footer{

float:left;

padding:20px 0 0 0;

}

#footer a{

color:#837d7b;

padding:0 8px 0 8px;

text-decoration:none;

}

.right_footer{

float:right;

padding:15px 5px 0 0 ;

}