/* CSS Document */

body{
	padding:0; margin:0; background:#2C2C1D;
	}
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:#2C2C1E;
	}
#logoarea{
	width:780px; height:78px; margin:20px 0 0 0px; padding:0px;}
#logo{
	width:374px; height:78px; margin:0px; padding-left:53px; float:left;}
#logobg{
	width:300px; height:78px; margin:0px; padding:0px; float:left; background:url(images/logo_bg.gif) no-repeat 0 0;
	}
#menubg{
	width:178px; height:231px; margin:8px 0 0 0px; padding:0px; float:left; background:url(images/menu_bg.gif) no-repeat 0 0;}
#menubg ul{
	width:155px; display:block; margin:25px 0 0px 20px;
	}
#menubg ul li{
	background:url(images/menu_arrow.gif) no-repeat 0 7px; display:block; padding:0 0 0 25px; border-right:none; float:none; height:32px;
	}
#menubg ul li a{
	font:bold 11px/20px Verdana, Arial, Helvetica, sans-serif; color:#8F8A6C; text-decoration:none;
	}
#menubg ul li a:hover{
	text-decoration:none; color:#EDECD4;
	}
#header{
	width:602px; height:231px; margin:8px 0 0 0px; padding:0px; float:left;}

/*----------- banner area -----------*/

#bannerarea{
	width:780px; height:102px; margin:0px; padding:11px 0 11px 0px;}
#banner1{
	width:210px; height:102px; margin:0px 0 0 0px; padding:0 0 0 53px; float:left;}
#banner2{
	width:210px; height:102px; margin:0px 0 0 0px; padding:0px 0 0 22px; float:left;}
#banner3{
	width:210px; height:102px; margin:0px 0 0 0px; padding:0px 0 0 22px; float:left;}
	
/*--------------- content area ------------------*/
#contentarea{
	width:674px; margin:0 auto; padding:0px;}
#topcontent{
	width:674px; height:9px; margin:0px; padding:0px;}
#contentbg{
	width:674px; margin:0px; padding:0 0 0 8px; background:url(images/content_bg.gif) repeat-y 0 0;}
#downcontent{
	width:674px; height:8px; margin:0px; padding:0px; background:url(images/down_content.gif) no-repeat 0 0;}
#leftbody{
	width:180px;
	margin:0px;
	padding:10px;
	background:#CC9966;
	float:left;
}
#leftbody h1.news{
	background:url(images/latest_update.gif) no-repeat 0 0; display:block; width:122px; height:20px; text-indent:-1000px;
	margin:5px 0 0 0px; padding:0 0 0 0px;
	}
#leftbody p{
	padding:2px 0px 2 0px;
	display:block;
	margin:0px 0 0 0px;
	text-align:justify;
	display:block;
	font:11px/11px Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:justify;
	}
#leftbody p a{
	display:block;
	font:11px/15px Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:underline;
	padding:2px 0 2px 0;
	margin:0px;
	}
#leftbody p a:hover{
	text-decoration:none; color:#FFFFFF;
	}
/*---------------RIGHT BODY ----------*/
#rightbody{
	width:445px;
	margin:10px 0 0 0px;
	padding:0 0 0 0px;
	float:left;
}
#rightbody h1{
	background:url(images/welcome.gif) no-repeat 0 0; display:block; width:220px; text-indent:-1000px;
	margin:5px 0 0 5px; padding:0 0 0 0px;
	}
#rightbody p{
	padding:0px 0px 0 8px; display:block; margin:0px 0 0 0px; text-align:justify; display:block; font:11px/15px Tahoma, Arial, Helvetica, sans-serif; color:#494937;text-align:justify;
	}
#rightbody p a{
	display:block; font:11px/15px Tahoma, Arial, Helvetica, sans-serif; color:#F2F2E3;
	text-decoration:underline; padding:8px 0 15px 0; margin:0px;
	}
#rightbody p a:hover{
	text-decoration:none; color:#000000;
	}
#rightbody h3{
	background:url(images/our_service.gif) no-repeat 0 0; display:block; width:186px; text-indent:-1000px;
	margin:5px 0 8px 5px; padding:0 0 0 0px;
	}
#rightbody h4{
	background:url(images/security_solution.gif) no-repeat 0 0; display:block; width:215px; text-indent:-1000px;
	margin:35px 0 10px 5px; padding:0 0 0 0px;
	}
#rightbody h5{
	background:url(images/contact_security.gif) no-repeat 0 0; display:block; width:183px; text-indent:-1000px;
	margin:5px 0 10px 5px; padding:0 0 0 0px;
	}
	
/*--------------- SOLUTION --------------*/

#boxarea{
	width:445px; margin:10px 0 0 5px; padding:0 0 0 0px; float:left;}

#solution{
	width:195px; margin:20px 0 0 5px; padding:0 0 0 0px; float:left;
	}
#solutiontext{
	width:191px; margin:0 0 0 0px; padding:0px; float:left;
	}
#solutiontext p{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#494937; 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:#F2F2E3; 
	text-decoration:underline; margin:10px 0 0 0; padding:0px 0 15px 0px;
	}
#solutiontext p a:hover{
	text-decoration:none; color:#000000;
	}
#solution h1{
	background:url(images/solution.gif) no-repeat; display:block; width:195px; text-indent:-2000px; margin:0 0 0 0px; padding:0 0 0 0px;
	}
#solutionpic{
	width:191px; height:89px; margin:0 0 0 0px; padding:0px 0 0 0px; float:left;
	}
	
/*--------------- SERVICE --------------*/

#service{
	width:195px; margin:17px 0 0 0px; padding:0px; float:right;
	}
#service h2.service{
	background:url(images/security_service.gif) no-repeat; display:block; width:150px; text-indent:-2000px; margin:0 0 0 0px; padding:0 0 0 0px;
	}
#servicepic{
	width:191px; height:89px; margin:10px 0 0 0px; padding:0 0 0 0px; float:left;
	}
#servicetext{
	width:191px; margin:0 0 0 0px; padding:0px; float:left;
	}
#servicetext p{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#494937; text-align:justify;
	margin:10px 0 0 0px; padding:0 0 0 0px;
	}
#servicetext p a{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#F2F2E3; 
	text-decoration:underline; margin:10px 0 0 0; padding:0px 0 15px 0px;
	}
#servicetext p a:hover{
	text-decoration:none; color:#000000;
	}

/*----------- FOOTER AREA ------------------*/
#footerarea{
	width:780px; height:68px; margin:0 auto; padding:0px; background:#2C2C1D;}
#footerbg ul{
	width:760px; display:block; margin:0px 0 0 20px; padding:0;
	}
#footerbg ul li{
	display:block; padding:12px 15px 0 40px; margin:0; float:left;
	}
#footerbg ul li a{
	font:bold 11px/11px Verdana, Arial, Helvetica, sans-serif; color:#BEBDA1; text-decoration:none; margin:0; padding:0; width:inherit; 
	}
#footerbg ul li a:hover{
	text-decoration:none; color:#FCF9A0;
	}
#footerbg p{
	width:302px;
	font:11px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	display:block;
	float:left;
	padding:10px 0 0 130px;
	}
#footerbg p.copy{
	width:770px;
	font:11px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	display:block;
	float:left;
	padding:15px 0 0 10px;
	}

/*------------- 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:#494937;
	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;
	}