/* CSS Document */

body{
	padding:0; margin:0; background:#737F88;
	}
div, p, h1, h2, h3, h4, h5, h6, img, ul, form{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
		}
.clearcols
{
clear:both; 
line-height:0px;
margin:0px;
padding:0px;
height:0px;
font-size:0px;
}

/*-------------- Main Area ------------------*/

#container{
	width:780px; margin:0 auto; padding:0px; background:#FFFFF1;
	}
#mainbody{
	width:772px; margin:0 auto; padding:0px; background:#FFFFFF;
	}

/*-------- LEFT BODY ----------------*/
#leftbody{
	width:221px; margin:0px; padding:0px; float:left;
	}
#logo{
	width:221px; height:138px; margin:0px; padding:0px;
	}
#menubg{
	width:221px; height:237px; margin:0px; padding:0px; background:url(images/menu_bg.gif) no-repeat 0 0;
	}
#menubg ul{
	width:210px; display:block; margin:0 0 0 0px; padding:26px 0 0 6px; font-size:0;
	}
#menubg ul li{
background:url(images/menu_button.gif) no-repeat center; width:209px; height:37px; display:block; float:left; margin:0 ; padding:0 0 0 0px;
	}
#menubg ul li a{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#4F4F4F; text-decoration:none; padding:13px 0 0 55px; margin:0 0 0 0px; display:block;
	}
#menubg ul li a:hover{
	color:#E54702; text-decoration:none;
	}
#newsarea{
	width:221px; margin:3px 0 0 0px; padding:0px; background:url(images/updates_bg.gif) repeat-y 0 0;
	}
#latestupdate{
	width:221px; height:43px; margin:0px; padding:0px;}

#newsarea p{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#D6F7FF; text-align:justify;
	margin:10px 12px 15px 12px;
	}
#newsarea p a{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#005068; 
	text-decoration:underline; margin:10px 0 0 0; padding:0 0 8px 0px;
	}
#newsarea p a:hover{
	text-decoration:none; color:#FFFF99;
	}	
#updatepic{
	width:197px; height:110px; margin:0 auto; padding:0px;}
#downupdate{
	width:221px; height:18px; margin:0px; padding:0px;
	}
	
/*-------------- RIGHT BODY ----------------*/
#rightbody{
	width:548px; margin:0 0 0 3px; padding:0px; float:left;
	}
#rightbody h3{
	background:url(images/expert_info.gif) no-repeat; display:block; width:249px; height:20px; text-indent:-2000px; margin:40px 0 0 12px; padding:0 0 0 0px;
	}
#topicon{
	width:548px; height:59px; margin:0px; padding:0px;
	}
.icon{
	width:17px; float:right; padding-right:30px; margin-top:20px;
	}
#loginarea{
	width:548px; height:76px; margin:0px; padding:0px; background:#EDEDED;
	}
#member{
	width:530px; height:27px; margin-left:15px; padding:8px 0 10px 0px;
	}
	
#login{
	width:520px; margin:0 auto 0 auto; background:#EDEDEE;
	}
#login form{
	width:500px; display:block; margin:0px;
	}
#login form label{
	margin:5px 5px 0px 8px; display:block; font:bold 10px Verdana, Helvetica, sans-serif; float:left; color:#0183CC;
	}
#login form select{
	width:100px; height:18px; font-size:9px; float:left; margin:0 6px 8px 8px;
	}
#login form input{
	width:100px; height:17px; margin:0 6px 10px 8px; padding:0px; float:left;
	}
#login form input.bu{
	background:url(images/login_btn.gif) no-repeat 0 0; width:67px; height:22px; margin:0 7px 0 12px; float:left; border:none;
	cursor:pointer;
	}

#header{
	width:548px; height:243px; margin:0px; padding:0px;}
#welcome{
	width:548px; height:51px; margin:0px; padding:0px; background:#EAEAEA;}

#rightbody p{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#C1C1C1; text-align:justify;
	margin:10px 12px 15px 12px;
	}
#rightbody p a{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#FFA533; 
	text-decoration:underline; margin:10px 0 0 0; padding:10px 0 15px 0px;
	}
#rightbody p a:hover{
	text-decoration:none;
	color:#FFFF00;
	}
#solution{
	width:210px; margin:0 0 0 15px; padding:0 0 0 0px; float:left;
	}
#solutiontext{
	width:191px; margin:0 0 0 0px; padding:0px; float:right;
	}
#solutiontext p{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#C1C1C1; text-align:justify;
	margin:10px 0 0 0px; padding:0 0 0 0px;
	}
#solutiontext p a{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#FFA533; 
	text-decoration:underline; margin:10px 0 0 0; padding:0px 0 15px 0px;
	}
#solutiontext p a:hover{
	text-decoration:none; color:#09A5D3;
	}
#solution h1{
	background:url(images/solution.gif) no-repeat; display:block; width:210px; text-indent:-2000px; margin:0 0 0 0px; padding:0 0 0 0px;
	}
#solutionpic{
	width:191px; height:89px; margin:0 0 0 0px; padding:0 0 0 0px; float:right;
	}
	

#development{
	width:210px; margin-left:77px; padding:0px; float:left;
	}
#development h2{
	background:url(images/development.gif) no-repeat; display:block; width:210px; text-indent:-2000px; margin:0 0 0 0px; padding:0 0 0 0px;
	}
#developmentpic{
	width:189px; height:89px; margin:10px 0 0 0px; padding:0 0 0 0px; float:right;
	}
#developmenttext{
	width:191px; margin:0 0 0 0px; padding:0px; float:right;
	}
#developmenttext p{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#C1C1C1; text-align:justify;
	margin:10px 0 0 0px; padding:0 0 0 0px;
	}
#developmenttext p a{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#FFA533; 
	text-decoration:underline; margin:10px 0 0 0; padding:0px 0 15px 0px;
	}
#developmenttext p a:hover{
	text-decoration:none; color:#09A5D3;
	}
	
/*----------------- Footer Area -------------------*/
#footerarea{
	width:772px; height:100px; margin:0px; padding:0px;}
#leftfooter{
	width:221px; height:100px; margin:0px; padding:0px; float:left;
	}
#rightfooter{
	width:551px; height:100px; margin:0px; padding:0px; float:left; background:url(images/footer_right.gif) no-repeat right #EAEAEA;
	}
#footer{
	width:540px; margin:0 auto; padding:45px 0 0 10px;}
#footer ul{
	width:540px; display:block; margin:0 0 0 0px; padding:0px;
	}
#footer ul li{
	display:block; padding:0 10px 0 10px; margin:0; float:left;
	}
#footer ul li a{
	font:bold 11px/11px Verdana, Arial, Helvetica, sans-serif; color:#0389D0; text-decoration:none; margin:0; padding:0; width:inherit; 
	}
#footer ul li a:hover{
	text-decoration:none; color:#000001;
	}
#leftfooter p{
	width:210px; font:11px/14px Verdana, Arial, Helvetica, sans-serif; color:#666666; display:block; float:left;
	padding:25px 0 0 0px; text-align:center;
	}
#leftfooter p.copy{
	width:150px; font:11px/14px Verdana, Arial, Helvetica, sans-serif; color:#666666; display:block;
	padding:8px 0 0 29px; text-align:center; margin:0 auto;
	}
/*------------- CONTACT FORM ----------- */

#contactbody{
	width:380px;
	height:270px;
	margin:0 auto;
	padding-top:20px;
	background:none;
	}
#contact{
	width:379px; margin:0 auto 0 auto;
	}
#contact form{
	width:378px; display:block; margin:0 auto 0 auto;
	}
#contact form label{
	margin:0 12px 0px 10px; display:block; font:11px Tahoma, Helvetica, sans-serif; float:left; color:#969696;
	width:100px;
	}
#contact form input{
	width:220px; height:17px; margin:0 0 8px 0; padding:0; float:left;
	}
#contact form input.bu{
	background:url(images/submit.gif) no-repeat 0 0; width:59px; height:22px; margin:12px 7px 0 0px; float:left; border:none;
	cursor:pointer; display:block; float:left;
	}
#contact form input.re{
	background:url(images/reset.gif) no-repeat 0 0; width:52px; height:22px; margin:12px 0px 0 0px; float:left; border:none;
	cursor:pointer; display:block; float:left;
	}