/* 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; margin:25px 0 0px 20px;

	}

#menubg ul li{

	background:url(images/menu_arrow.gif) no-repeat 0 7px; 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:underline; 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:#4F4C3D; float:left;}



#leftbody p{

	padding:0px 0px 0 0px; margin:8px 0 0 0px; text-align:center; font:11px/15px Tahoma, Arial, Helvetica, sans-serif; color:#BEBDA1;text-align:left;

	}

#leftbody p a{

	font:11px/15px Tahoma, Arial, Helvetica, sans-serif; color:#000000;

	text-decoration:none; padding:0px 0 0px 0; margin:0px;

	}

#leftbody p a:hover{

	text-decoration:underline; color:#FFFFFF;

	}

/*---------------RIGHT BODY ----------*/

#rightbody{

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



#rightbody p{

	padding:0px 0px 0 8px; margin:0px 0 0 0px; text-align:left; font:11px/15px Tahoma, Arial, Helvetica, sans-serif; color:#494937;

	}

#rightbody p a{

	font:11px/15px Tahoma, Arial, Helvetica, sans-serif; color:#F2F2E3;

	text-decoration:none; 
	
	}

#rightbody p a:hover{

	text-decoration:underline; color:#000000;

	}

#rightbody h2{

	width:440px; font:Tahoma, Arial, Helvetica, sans-serif; text-indent:0px;

	margin:5px 0 8px 5px; padding:0 0 0 0px;

	}

#rightbody h3{

	width:440px; text-indent:0px;

	margin:5px 0 8px 5px; padding:0 0 0 0px;

	}

#rightbody h4{

	width:215px; text-indent:5px;

	margin:35px 0 10px 5px; padding:0 0 0 0px;

	}

#rightbody h5{

	width:183px; text-indent:5px;

	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{

	font:11px Tahoma, Arial, Helvetica, sans-serif; color:#494937; text-align:left;

	margin:10px 0 0 0px; padding:0 0 0 0px;

	}

#solutiontext p a{

	display:inline; 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; margin:0px 0 0 20px; padding:0;

	}

#footerbg ul li{

	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:#000000; float:left;

	padding:10px 0 0 130px;

	}

#footerbg p.copy{

	width:150px; font:11px/14px Verdana, Arial, Helvetica, sans-serif; color:#000000; float:left;

	padding:15px 0 0 100px;

	}



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

	}