body {
	font-family:Tahoma, Geneva, sans-serif;
	color:#414141; font-size:13px; letter-spacing:1;
	background: #496089;}
	a:link{color:#50627E; font-size:13px; text-decoration:underline;}
	  a:visited           { color:#586B8B; text-decoration:none; }
    a:hover             { color:black; text-decoration:underline; }
    a:active            { color:#586B8B; text-decoration:none; }
h4 { color:#586B8B; font-size: 15px}
	
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

.menu { 
	text-transform:uppercase;
	font-family:Tahoma, Geneva, sans-serif; 
	width:191px; height:150px; 
	position:relative; 
	margin:0;  
	font-size:10px;
	font-weight:bold; 
	margin:140px 0;
	margin-left:10px;}
	

	
.menu ul li a, .menu ul li a:visited {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	display:block; 
	text-decoration:none; 
	color:#000; 
	width:191px; 
	height:22px; 
	text-align:left; 
	border-width:1px 1px 0 0; 
	background-image:url(images/back.jpg); 
	line-height:19px; 
	padding-left:10px; 
	font-size:11px;}
	
.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none;
	z-index: 3;
	}
	
.menu ul li {
	float:left; 
	margin-right:1px; 
	position:relative;}
	
.menu ul li ul {
	display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {
	color:#fff; 
	background:#CFD8F4;}
	
.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:0; 
	left:201px; 
	width:105px;}
	
.menu ul li:hover ul li a.hide {
	background:#dfc184; 
	color:#000;
			}
	
.menu ul li:hover ul li:hover a.hide {
	width:150px;
	}
	
.menu ul li:hover ul li ul {
	display: none;}
	
.menu ul li:hover ul li a {
	display:block; 
	opacity: 0.90;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
	background:#CFD8F4; 
	color:#000; 
	width:221px;}
	
.menu ul li:hover ul li a:hover {
	background:#dfc184; 
	color:#000;}
	
.menu ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:151px; 
	top:0; 
	color:#000;}
	
.menu ul li:hover ul li:hover ul li a {
	display:block; 
	width:200px; 
	background:#dfc184; 
	color:#000;}
	
.menu ul li:hover ul li:hover ul li a:hover {
	background:#bd8d5e; 
	color:#fff;}

#slider {
	margin: 0px 0px 0px 11px;
    padding: 0px;
    position: absolute !important;
    top: 337px;
}
@-moz-document url-prefix() {
	.home {
		top: 345px !important;
	}
}
#slider li {
 list-style-type: none;
}

#slider li img{
	border: none;
}
.text {
	position:relative;
	z-index:1;
	height: 350px;
}
.map {
	position:absolute;
	z-index:2;
	top: 90px;
}

.preload_img{
	display:none;
}
/*for home page */
#img1{
	display:block;
	width:200px;
	height:195px;
	background-image:url(images/slider/guard-services-small.jpg);	
}
#img1:hover{
	background-image:url(images/slider/guard-services-small-hover.jpg);	
}
#img2{
	display:block;
	width:200px;
	height:195px;
	background-image:url(images/slider/vast-small.jpg);	
}
#img2:hover{
	background-image:url(images/slider/vast-small-hover.jpg);	
}
#img3{
	display:block;
	width:200px;
	height:195px;
	background-image:url(images/slider/pda-small.jpg);	
}
#img3:hover{
	background-image:url(images/slider/pda-small-hover.jpg);
}
#img4{
	display:block;
	width:200px;
	height:195px;
	background-image:url(images/slider/control-center-small.jpg);	
}
#img4:hover{
	background-image:url(images/slider/control-center-small-hover.jpg);	
}

/* for internal pages */
#img1-internal{
	display:block;
	width:200px;
	height:200px;
	background-image:url(images/slider/guard-services.jpg);	
}
#img1-internal:hover{
	background-image:url(images/slider/guard-services-hover.jpg);	
}
#img2-internal{
	display:block;
	width:200px;
	height:200px;
	background-image:url(images/slider/vast.jpg);	
}
#img2-internal:hover{
	background-image:url(images/slider/vast-hover.jpg);	
}
#img3-internal{
	display:block;
	width:200px;
	height:200px;
	background-image:url(images/slider/pda.jpg);	
}
#img3-internal:hover{
	background-image:url(images/slider/pda-hover.jpg);
}
#img4-internal{
	display:block;
	width:200px;
	height:200px;
	background-image:url(images/slider/control-center.jpg);	
}
#img4-internal:hover{
	background-image:url(images/slider/control-center-hover.jpg);	
}

