@charset "UTF-8";
/* CSS Document */

cv%%%%%%%%%%%% MyCSSMenu Styles [Keep in head for full validation!] %%%%%%%%%%%
<style type="text/css">


/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}

body {
background-image: url(design_elements/background.png);
	}


* {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size:14px;
	letter-spacing:1px;
	}


p{color:#003399;}

	
p1  {
color: #666666;
font-size:16px;
letter-spacing:none;
letter-spacing:0px;
	}
	
	p2  {
font-size:16px;
color: #003399;
letter-spacing:0px;

	}
	
	
		p3  {
font-size:14px;
color: #666666;
letter-spacing:0px;
padding-bottom:5px;
line-height:20px;
text-decoration:underline;
}

		p4  {
font-size:14px;
color: #666666;
letter-spacing:0px;
padding-bottom:5px;
line-height:20px;
text-decoration:underline;
}

		p5  {
font-weight:2;
font-size:14px;
color: #666666;
letter-spacing:0px;
}

p6  {
color: #666666;
font-size:14px;
letter-spacing:none;
letter-spacing:0px;
	}
	
p7  {
color: #003399;
font-size:12px;
font-weight:700;
letter-spacing:none;
letter-spacing:1px;
	}
	
	
		p8  {
font-weight:2;
font-size:12px;
color: #666666;
letter-spacing:0px;
}

		p9  {
font-weight:2;
font-size:12px;
color: #003399;
letter-spacing:0px;
}

		p10  {
font-weight:2;
font-size:11px;
color: #FFFFFF;
letter-spacing:1px;
}

p11  {
color: #003399;
font-size:14px;
letter-spacing:none;
letter-spacing:0px;
	}
	
	p12  {
color: #003399;
font-size:11px;
float:right;
}

a {text-decoration:none;
border:none;}
	
	
	
	


	
h1{
font-weight:100;
color:#FFFFFF;
font-size:13px;
text-decoration:none;
border:none;}

h2{
font-weight:200;
color: #003399;
font-size:16px;
text-decoration:none;
border:none;
letter-spacing:0;}

h3{
font-weight:100;
color: #666666;
font-size:20px;
text-decoration:none;
border:none;
letter-spacing:0;
line-height:22px;}

h4{
font-weight:100;
color: #003399;
font-size:20px;
text-decoration:none;
border:none;
letter-spacing:0;
line-height:22px;}

h5{
color: #666666;
font-size:10px;
font-weight:100;
color: #003399;}


	
	
	
#wrapper {
width: 928px;
	margin:auto;
	}

	
#banner {
background-color: #FFFFFF;
width:848px;
height:74px;
padding-left:40px;
padding-right:40px;
padding-top:26px;
padding-bottom:20px;}

#banner_content{
width:400px;
height:74px;
float:right;}

#logo {
width:164px;
height:76px;}

#twitter {
float:right;}

#facebook {
float:right;
padding-right:7px;}

#call_us_today {
margin-top:13px;
width:392px;
	float:right;
	
}

img {margin:0px;
padding:0px;}


#nav_container {
z-index:2;
width:928px;
height:40px;
background-image: url(design_elements/navigation_image.jpg);
margin-left:0px;
}


#navigation {
z-index:2;
width:900px;
padding-left:60px;
padding-top:2px;
}


#nav{
	list-style:none;
	z-index:2;
	/* Clear floats */
	padding:10px;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li{
	float:left;
	z-index:2;
	position:relative;
}
#nav a{
	display:block;
	z-index:2;
	padding-left:35px;
	padding-right:35px;
	color:#FFFFFF;
	text-decoration:none;
}
#nav a:hover{
	color: #000066;
	z-index:2;
}

/*--- DROPDOWN ---*/
#nav ul{
background-image: url(design_elements/dropdown_background.jpg);
color: #000099;
padding-bottom:20px;
padding-top:20px;
z-index:2;
list-style: none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
z-index:2;
	padding-top:6px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
z-index:2;
color: #003399;
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{
z-index:2; /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{z-index:2;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;z-index:2;
}
#nav li:hover ul li a:hover{
z-index:2;
padding-top:0px;
padding-bottom:0px;
color: #FFFFFF;

background-image: url(design_elements/drop_down_image.png);/* Here we define the most explicit hover states--what happens when you hover each individual link. */

}


#image_container{
background-color:#FFFFFF;
width:899px;
height:256px;
margin-top:0px;
padding-right:29px;
z-index:1;
}

#image_container_two{
background-color:#FFFFFF;
background-image:url(design_elements/follow_on_page_nav_background.png);
width:861px;
height:194px;
padding-top:1px;
padding-left:32px;
padding-right:35px;
z-index:1;
}

#cctv_image{
float: right;
background-image: url(design_elements/cctv_systems_image.png);
width:172px;
height:255px;
margin-right:1px;
margin-top:1px;
}

#access_control_image{
float:right;
background-image: url(design_elements/access_control.png);
width:172px;
height:255px;
margin-right:1px;
margin-top:1px;}

#alarm_systems_image{
float:right;
background-image: url(design_elements/alarm_systems.png);
width:172px;
height:255px;
margin-right:1px;
margin-top:1px;}

#gate_automations{
float:right;
background-image: url(design_elements/gate_automations.png);
width:172px;
height:255px;
margin-right:1px;
margin-top:1px;}

#two-way {
float:right;
background-image:url(design_elements/two_way-radio.png);
width:172px;
height:255px;
margin-right:3px;
margin-top:1px;
}

.image_text_box {
float:right;
padding-right:15px;
padding-top:223px;
}

#navigation_follow_on_page{
margin-right:70px;
margin-top:12px;
float:right;
}




#cctv_link_follow_on_page{}

#access_control_link_follow_on_page{
margin-top:22px;}

#alarm_systems_link_follow_on_page{margin-top:22px;}

#gate_automations_link_follow_on_page{margin-top:23px;}

#two_way_radio_link_follow_on_page{margin-top:23px;}

a:-webkit-any-link{
text-decoration: none;
border:none;
}

a {text-decoration:none;}

#main_container{
width:928px;
background-color: #FFFFFF;
overflow: auto;}

#system_and_services{
float:left;
width: 170px;
padding-right:0px;
padding-top:38px;
padding-left:30px;
margin-bottom:40px;
}

#latest_news_sidebar{
float:left;
width: 170px;
padding-right:0px;
padding-top:38px;
padding-left:30px;
margin-bottom:40px;
}

#main_texted{
float:right;
width:414px;
padding-right:35px;
padding-top:35px;}

#latest_news{
float:right;
width:177px;
height: auto;
padding-top:38px;
padding-left:20px;
padding-right:30px;}

#tabs{}


#customer_training_tab {background-image:url(design_elements/content_tab_customer_training.png);
width:203px;
height:120px;
float:left;
padding-top:30px;
margin-top:30px;
margin-bottom:30px;}

.tab_heading{
padding-left:115px;
}

.tab_type{
padding-top:33px;
padding-left:12px;
padding-right:10px;}

#customer_support_tab { background-image:url(design_elements/content_tab_customer_support.png);
width:203px;
height:120px;
float:right;
padding-top:30px;
margin-top:30px;
margin-bottom:30px;}


#footer{
background-image:url(design_elements/footer_background.png);
width: 873px;
height: 28px;
float:left;
padding-right:25px;
padding-left:30px;
padding-bottom:10px;
}


#clivecreative_link{
float:right;
width:928px;
margin-right: auto;
margin-left:auto;
height:20px;
}

#link{
float:right}

#footer_details{
margin-top:12px;
float:left;
}

#index_page_filler{
height:350px;}

#access_control_page_filler{
height:350px;}

#biometric_control_page_filler{
height:150px;}

#alarm_systems_page_filler{
height:350px;}


#bottom_logos{
float:right;}