/* CSS Document */

*	{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

html	{
	background-color: #EDECEC;
	height: 100%;
	
}

p	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 5px 10px 5px;
	}

h1	{
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 5px 10px 5px;

}

h2	{
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 5px 10px 5px;
	text-decoration:underline;
}

.imageleft	{
	float: left;
	margin-right: 6px;
	border: solid 1px #333333;
}

.imageright	{
	float: right;
}

.imagemiddle	{
	float: none;
}

.list	{
	list-style: circle;
	margin-left: 20px;
	font-size: 11px;
}

.list2	{
	list-style: url(asd-bullet.gif);
	margin-left: 30px;
	
	font-size: 13px;
}
.list2 li	{
	margin-bottom: 3px;
	}

.contentbg	{
	background-image: url(asd-contentBG.jpg);
	background-repeat: repeat-y;
	height: 1000px;
	width: 820px;
	margin: 0px auto;
}

.contenttop	{
	background-image: url(asd-top.jpg);
	width: 820px;
	height: 10px;
	margin: 0px auto;
}
	
.content	{
	width: 784px;
	height: 820px;
	margin: 0px auto;

}

.content2	{
	width: 792px;
	height: 190px;
	margin: 0px auto;
	border-top: 4px solid #103092;
	}
	
.content2 img	{
	margin-left: 70px;
	
	}
	
.contentbgcctv	{
	background-image: url(asd-contentBG.jpg);
	background-repeat: repeat-y;
	height: 1720px;
	width: 820px;
	margin: 0px auto;
	display: block;
}

.contentbgshort	{
	background-image: url(asd-contentBG.jpg);
	background-repeat: repeat-y;
	height: 920px;
	width: 820px;
	margin: 0px auto;
	display: block;
}

.contentcctv	{
	width: 784px;
	height: 100%;
	margin: 0px auto;
	}

.contentbottom	{
	background-image: url(asd-bottom2.jpg);
	width: 820px;
	height: 50px;
	margin: 0px auto;
	
}
.contentbottom div	{
	width: 400px;
	height: 20px;
	color: #fff;
	
	float: right;
	margin-top: 10px;
	}
.contentbottom a	{
	color: #fff;
	font-size: 11px;
}
.contentbottom a:hover	{
	color: #F98411;
}

.header	{
	background-image: url(asd-header.gif);
	height: 136px;
	
}

.footer	{
	width: 792px;
	margin: 0px auto;
	height: 50px;
	background-color: #0F3091;
}
	
/* Begin CSS Drop Down Menu */

#menuh-container
	{
	margin-bottom: -10px;

	}

#menuh
	{
	
	width:784px;

	display: block;
	background-image: url(asd-navdetail.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-bottom: 0px;
	height: 30px;
	}
		
#menuh a
	{
	display: block;
	margin-right: 2px;
	padding: 0px;
	height: 30px;

	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #000;

	text-decoration:none;

	}
	

	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(asd-buttonBG.jpg);
	
	
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(asd-buttonBG.jpg);

	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width: 167px;	/* width of all menu boxes */
	display: block;
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */

.banner	{
	width: 774px;
	height: 184px;
	border: solid 2px #333333;
	margin: 0px auto;
	margin-top: 5px;
	clear: both;
	padding-left: 4px;
	padding-top: 4px;

	z-index:-1;
}

.leftcol	{
	width: 544px;
	height: 434px;
	float: left;
	border-right: 1px solid #666666;
	margin-top: 5px;
	margin-left: 3px;
	padding-right: 10px;
	text-align: justify;
	display: block;
}

.leftcol2	{
	width: 544px;
	height: 1460px;
	float: left;
	border-right: 1px solid #666666;
	margin-top: 5px;
	margin-left: 3px;
	padding-right: 10px;
	text-align: justify;
	display: block;
}

.leftcol3	{
	width: 544px;
	height: 715px;
	float: left;
	border-right: 1px solid #666666;
	margin-top: 5px;
	margin-left: 3px;
	padding-right: 10px;
	text-align: justify;
	display: block;
}
.rightcol	{
	width: 216px;

	float: right;
	margin-top: 5px;

}

.rightcoldiv	{
	background-color: #003399;
	color: #FFFFFF;
	padding: 3px;
	display: block;
	position: relative;

}
	


#introtext	{

	color: #103092;
	font-size: 13px;
	font-weight: bold;
	text-align: justify;
	padding: 4px;
	margin-top: 3px;
	margin-bottom: 15px;
	}
	
/* start of hidden div menu */

.menu	{
	width: 200px;
	margin: 4px;

}

.menu a	{
	background-image: url(asd-menu2BG1.jpg);
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	display: block;
	height: 14px;
	font-size: 12px;
	padding: 3px;

}

.menu a:hover	{
	background-image: url(asd-menu2BG1.jpg);
}
.menu li	{
	list-style: none;
	margin-bottom: 4px;
	margin-top: 2px;
	width: 207px;
	display: block;
	
}

#div1	{
	margin-bottom: 10px;
	background-color: #fff;
	font-size: 11px;
	padding: 4px;
	}

#div1 a	{
color: #FF0000;
background-color: #fff;
text-decoration: underline;
background-image: none;
font-size: 11px;
display: inline;
line-height: 15px;

	}
	
	#div2	{
	margin-bottom: 10px;
	background-color: #fff;
	font-size: 11px;
	padding: 4px;
	}

#div2 a	{
color: #FF0000;
background-color: #fff;
text-decoration: underline;
background-image: none;
font-size: 11px;
display: inline;
line-height: 15px;
	}
	
	#div3	{
	margin-bottom: 10px;
	background-color: #fff;
	font-size: 11px;
	padding: 4px;
	}

#div3 a	{
color: #FF0000;
background-color: #fff;
text-decoration: underline;
background-image: none;
font-size: 11px;
display: inline;
line-height: 15px;
	}
	
	#div4	{
	margin-bottom: 10px;
	background-color: #fff;
	font-size: 11px;
	padding: 4px;
	}

#div4 a	{
color: #FF0000;
background-color: #fff;
text-decoration: underline;
background-image: none;
font-size: 11px;
display: inline;
line-height: 15px;
}

#div5	{
	margin-bottom: 10px;
	background-color: #fff;
	font-size: 11px;
	padding: 4px;
	}

#div5 a	{
color: #FF0000;
background-color: #fff;
text-decoration: underline;
background-image: none;
font-size: 11px;
display: inline;
line-height: 15px;
}



/* dropdown test */

#nav {background: url(asd-navdetail.jpg); background-position:right; background-repeat:no-repeat; padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:784px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:30px; width:167px;  text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li a.home {background:url(asd-button-home.jpg);}
#nav li a.security {background:url(asd-button-test.jpg);}
#nav li a.case {background:url(asd-button-case.jpg);}
#nav li a.contacts {background:url(asd-button-contacts.jpg);}

#nav li:hover a,
#nav a:hover
{background-position: 0 30px;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:30px; background: #edb; width:152px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:30px; position:relative; float:left; width:167px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:30px; width:168px;   text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}



#nav :hover ul li a.intruder {background:url(asd-button-intruder.jpg);}
#nav :hover ul li a.cctv {background:url(asd-button-cctv.jpg);}
#nav :hover ul li a.fire {background:url(asd-button-fire.jpg);}
#nav :hover ul li a.access {background:url(asd-button-access.jpg);}
#nav :hover ul li a.gates {background:url(asd-button-gates.jpg);}



#nav :hover ul.sub li a:hover 
{background-position: 0 30px; position:relative;}
#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000;  display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}