/* 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:674px; 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:290px; margin:8px 0 0 0px; padding:0px; float:left; background:url("images/menu_bg.gif") no-repeat 0 0;position:relative;}
#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:290px; margin:8px 0 0 0px; padding:0px; float:left;position:relative;z-index:1;}

/*----------- 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;}
#contentarea2{
	width:800px; 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;}
#contentbg2{
	width:800px; 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;}
#downcontent2{
	width:800px; 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 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:0px 0px 0 0px; display:block; margin:8px 0 0 0px; text-align:justify; display:block; font:11px/15px Tahoma, Arial, Helvetica, sans-serif; color:#BEBDA1;text-align:justify;
	}
#leftbody p a{
	display:block; font:11px/15px Tahoma, Arial, Helvetica, sans-serif; color:#000000;
	text-decoration:underline; padding:8px 0 15px 0; margin:0px;
	}
#leftbody p a:hover{
	text-decoration:none; color:#FFFFFF;
	}
/*---------------RIGHT BODY ----------*/
#rightbody{
	width:445px; margin:10px 0 0 5px; padding:0 0 0 0px; float:left;}
#rightbody2{
	width:800px; margin:10px 0 0 5px; 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:#000000; display:block; float:left;
	padding:10px 0 0 130px;
	}
#footerbg p.copy{
	width:150px; font:11px/14px Verdana, Arial, Helvetica, sans-serif; color:#000000; display:block; 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;
	}
	
/*------------- NEW NAVIGATION STUFF ----------- */

#menubg ul li ul {
	position: relative;
	left: -999em;
}

#menubg ul li:hover ul{
	left: 5.5em;
	top: -4em;
}
	
#sub-nav {
	background-color:#4F4C3D;
	border: 3px solid #8F8A6C;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	position:relative;
	z-index:99;
}