body

{

background:#000000 url('images/bg.gif');

padding:0; font-family:arial, sans-serif; font-size:12px;

color:#36322b; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:auto

}

p{

padding:0px;

text-align:justify;

margin:0px;

line-height:20px;

}

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;

text-decoration:none;

font-size:12px;

background:url('images/read_more_bg.gif') no-repeat center;; margin-left:0; margin-right:40px; margin-top:10px; margin-bottom:0; padding-left:17px; padding-right:0; padding-top:0; padding-bottom:0

}

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:10px 0 0 0px;

}

.title{

width: auto;

padding:2px 0 10px 0;

font-size:17px;

color:#24a4b3;

font-weight:bold;

}

.title_welcome{

width: auto;

font-size:20px;

color:#0000FF;

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

margin-left:25px; margin-right:0; margin-top:0; margin-bottom:10px; padding-left:35px; padding-right:0; padding-top:0; padding-bottom:0

}

span.red{

font-weight:bold;

color:#FF0000;

}

span.orange{

font-size:16px;

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;

}

.menu ul li.selected a{

float:left;

height:42px;

border:medium none;

text-decoration:none;

color:#fff;

line-height:42px;

font-size:14px;

background:url('images/menu_bullet.gif') no-repeat bottom center;; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0

}

.menu ul li a:hover{

background:url('images/menu_bullet.gif') no-repeat bottom center;

}



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

.welcome_box{

width:496px;

height:400px;

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 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:400px;

float:left;

text-align:justify;

line-height:20px;

padding:0 0 0 10px;

}

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

.text_box{

width:278px;

height:280px;

background:url('images/text_box.gif') no-repeat 0px 0px;

padding-left:10px; padding-right:0; padding-top:15px; padding-bottom:0

}

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

}





/*----------------------list1-------------------------*/

ul.list1{

list-style:none;padding:0px;margin:0px; 



}

ul.list1 li{

list-style:none;width: auto;height: auto;padding:0px; margin:3px 0 3px 0;

}

ul.list1 li a{

height:12px; width: auto; padding:0 0 0 15px; margin:0;color:#36322b;text-align:left;line-height:12px;

text-decoration:none;

}

ul.list1 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.list1 li a:hover{

text-decoration:underline;

}

.testimonials{

padding:20px 0 20px 0;

}



.aerobuttonmenu{ /*container that holds a row of aero buttons*/

border-left:0px solid gray; border-right:0px solid gray; border-top:1px solid gray; border-bottom:1px solid gray; overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */

width: auto;

background: #F7F7F7; /*menu strip background*/

padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px

}



* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/

width: 100%;

}



.aerobuttonmenu a.aero{ /*aero button CSS*/

background: transparent url('images/aeroleft.gif') no-repeat top left;

display: block;

float: left;

font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */

line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */

height: 31px; /* Height of button background height */

padding-left: 10px; /* Width of left menu image */

text-decoration: none;

margin-right: 5px; /*spacing between buttons*/

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/

opacity: 0.9;

-moz-opacity: 0.9;

}



.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{

color: white; /*button text color*/

}



.aerobuttonmenu a.aero span{

background: transparent url('images/aeroright.gif') no-repeat top right;

display: block;

padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/

}



.aerobuttonmenu a.aero:hover{ /* Hover state CSS */

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/

opacity: 1;

-moz-opacity: 0.99;

}



.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */

color:#00FF00;

}



.black a.aero{

background-image: url('images/aeroleftblack.gif');

}



.black a.aero span{

background-image: url('images/aerorightblack.gif');

}



.aerobuttonmenu .rightsection{

float: right;

width: 100px;

position: relative;

top: 3px;

padding-right: 5px;

text-align: right;

}



.aerobuttonmenu .rightsection a{

color: navy;

}

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

#footer{

width:821px;

height:50px;

clear:both;

color:#FF6600;

}

.left_footer{

float:left;

padding:20px 0 0 0;

}

#footer a{

color:#FF3366;

padding:0 8px 0 8px;

text-decoration:none;

}

.right_footer{

float:right;

padding:15px 5px 0 0 ;

}