/* CSS Document for Cylon Security Website */
/* Dated 25th August 2006 */

/* Main body */
body{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0; 
	padding:0; 
	text-align:center; 
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	background-image:url(images/bgmini.gif);
	background-repeat:repeat-x;
}

/* Generic Styles */
a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#857660;
	text-decoration:none;
	padding:1px;
	}

.hyperlink a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#857660;
	text-decoration:none;
	background-color:#005fa5;
	border:1px solid #857660;
	color:#FFF;
	padding:0px;
	}

a.sub-navigation:hover {
	border:0px solid #FFFFFF;
	}

h5{
	margin-top:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#857660;
	font-size:12px;
	}
	
.text-input{/* style for newletter input box*/
	margin-left:0px;
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	background:url(images/newsletter_inp.jpg);
	background-repeat:repeat-x;
	width:200px;
	height:15px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	}
	
#text-input-title{
	width:70px;
	}

#text-input-textarea{
	height:150px;
	}
	
.listbox{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	background:url(images/newsletter_inp.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	width:150px;
	height:15px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
}

#floating-listbox{
	margin-top:560px;
	margin-left:475px;
	position:absolute;
	z-index:25;
	}
.highlighter{
	background-color:#D8EBF2;
	padding:5px;
	}	
	
#bullet{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	}

#bullet li{
	padding-left: 15px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	}

/* Main Container of the page*/
#container{
	position:relative;
	margin:0px auto;  /* auto is used for centering */
	padding:0px;
	width:931px;
	text-align:left;
	}

/*Level-1; Header (logo + navigation/menu )*/
#level-1{
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	height:108px;
	margin:0px;
	padding:0px;
	}
	
/*Level-2-flash;  Flash*/
#level-2-flash{
	background-repeat:no-repeat;
	height:429px;
	width:931px;
	margin:0px;
	padding:0px;
	text-align:center;
	
	position:relative;
	}
	
/*Level-2;  mini header*/
#level-2{
	background-image:url(images/miniheader.jpg);
	background-repeat:no-repeat;
	height:210px;
	width:931px;
	margin:0px;
	padding:0px;
	text-align:center;
	
	position:relative;
	}

/*Level-3;  Content (3 columns)*/
#level-3 { 
	margin:0px; 
	padding:0px; 
	text-align:left;
	width:931px;
	position:relative;
    background-repeat:repeat-y;
	}
	
	/* left 1 column */
	#level3-1-title{  float:left; width:259px;  background-image:url(images/left_nav.gif); background-repeat:no-repeat; }
	#level3-1-news-heading{ margin-left:0px; margin-top:30px; height:22px;background:url(images/newsnpress.gif); background-repeat:no-repeat; padding-left:0px;}
	#level3-1-news-sub-heading{ margin-left:0px; margin-top:30px; height:22px;background:url(images/newsnpress.jpg); background-repeat:no-repeat; padding-left:0px;}
	#level3-1-nav-heading{ margin-left:50px; margin-top:27px; height:22px;background:url(images/sub-nav.gif); background-repeat:no-repeat;}
		#level3-1-content { margin-top:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; padding-left:50px; 
							padding-right:10px; background:url(images/leftcolbg.jpg); padding-bottom:20px; background-repeat:no-repeat; }
		
	/* right 2 columns */
	#level3-2{ float:left; width:672px;}
 		#level3-2-1st-title { float:left; width:382px; background-image:url(images/hellonwelcome.jpg); background-repeat:no-repeat; }
		#level3-2-1st-aboutus{ float:left; width:382px; background-image:url(images/aboutus.jpg); background-repeat:no-repeat; }
		#level3-2-1st-aboutus2{ float:left; width:600px; background-image:url(images/aboutus2.jpg); background-repeat:no-repeat; }
		#level3-2-1st-products{ float:left; width:382px; background-image:url(images/products.jpg); background-repeat:no-repeat; }
		#level3-2-1st-news{ float:left; width:382px; background-image:url(images/news.jpg); background-repeat:no-repeat; }		
		#level3-2-1st-downloads{ float:left; width:382px; background-image:url(images/downloads.jpg); background-repeat:no-repeat; }		
		#level3-2-1st-whybuyfromus{ float:left; width:382px; background-image:url(images/whybuyfromus.jpg); background-repeat:no-repeat; }		
		#level3-2-1st-cylonsoftware{ float:left; width:382px; background-image:url(images/cylonsoftware.jpg); background-repeat:no-repeat; }	
		#level3-2-1st-partners{ float:left; width:382px; background-image:url(images/partners.jpg); background-repeat:no-repeat; }			
		#level3-2-1st-reseller{ float:left; width:382px; background-image:url(images/reseller.jpg); background-repeat:no-repeat; }		
		#level3-2-1st-applications{ float:left; width:382px; background-image:url(images/applications.jpg); background-repeat:no-repeat; }
		#level3-2-1st-contactus{ float:left; width:382px; background-image:url(images/contactus.jpg); background-repeat:no-repeat; }
		
		#level3-2-1st-details{ float:left; width:382px; background-image:url(images/details.jpg); background-repeat:no-repeat; }		
		
		
		#level3-2-1st-govt{ float:left; width:381px; background-image:url(images/govt_03.jpg); background-repeat:no-repeat; }
		
		#level3-2-1st-night{ float:left; width:381px; background-image:url(images/night_03.jpg); background-repeat:no-repeat; }
		
		#level3-2-1st-council{ float:left; width:381px; background-image:url(images/council_03.jpg); background-repeat:no-repeat; }
		
		#level3-2-1st-mystery{ float:left; width:381px; background-image:url(images/othermisc.jpg); background-repeat:no-repeat; }
		
		#level3-2-1st-training{ float:left; width:381px; background-image:url(images/training_03.jpg); background-repeat:no-repeat; }
		#level3-2-1st-ambulance{ float:left; width:381px; background-image:url(images/ambulance_03.jpg); background-repeat:no-repeat; }
		
		#level3-2-1st-lone{ float:left; width:381px; background-image:url(images/lone_03.jpg); background-repeat:no-repeat; }
		
		#level3-2-1st-facility{ float:left; width:381px; background-image:url(images/facility_03.jpg); background-repeat:no-repeat; }
		
		#level3-2-1st-leisure{ float:left; width:381px; background-image:url(images/leisure_03.jpg); background-repeat:no-repeat; }
		
		#level3-2-1st-headcam{ float:left; width:382px; background-image:url(images/digitalheadcam_03.jpg); background-repeat:no-repeat; }
		
		#level3-2-1st-csystem{ float:left; width:381px; background-image:url(images/csystem_03.jpg); background-repeat:no-repeat; }
		
		
		#level3-2-1st-content { background:url(images/shade.jpg); background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; 
								font-size:11px; color:#666; padding-left:30px; padding-right:10px; margin-top:64px; }
		#level3-2-1st-dynamic-content1{background-color:#d8eaf3; padding:4px;}
		#level3-2-1st-dynamic-content2{background-color:#f5f5f5; padding:4px;}
		
 		#level3-2-2nd-title { float:left; width:290px; background:url(images/callback.gif); background-repeat:no-repeat; }
		#level3-2-2nd-content { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; padding-left:20px; 
								padding-right:10px; margin-top:64px; background:url(images/rightcolbg.jpg);background-repeat:no-repeat; }

/*Level-4;  Footer*/
#level-4 { 
      position:relative;
	float:left;
	margin-top:0px;
	padding-top:80px;
	text-align:center;
	width:931px;
	background:url(images/interface-copy_07.jpg);
	background-repeat:no-repeat;
	color:#999999;
	}
	
/* Main navigation/Menu */
#menuroot{
	width:200px;
	position:absolute;
	margin-left:40px;
	margin-top:0px;
	height:33px;
	}
 
/* Main navigation/Menu */
#menu{
	width:921px;
	position:absolute;
	margin-left:10px;
	margin-top:75px;
	height:33px;
	}


#nav{/*header home button*/
	width:80px;
	height:20px;
	display: inline;
	overflow: hidden;
	}

#nav li {
   	list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
	}
			
#nav a:hover {
	background-position: 0 -20px;
	}
	

#thomelogo a  { /* logo click */
	width: 220px;
	}

#thome a  {
	width: 58px;
	background: url(images/home.gif) top left no-repeat;
	}
		
#thome_active a {
	width: 58px;
	background: url(images/home.gif) top left no-repeat;
	background-position: 0 -20px;
	}

#taboutus a  {
	width: 58px;
	background: url(images/aboutus.gif) top left no-repeat;
	}
		
#taboutus_active a{
	width:58px;
	background: url(images/aboutus.gif) top left no-repeat;
	background-position: 0 -20px;
}
		
#tproducts a  {
	width: 58px;
	background: url(images/products.gif) top left no-repeat;
	}
		
#tproducts_active a{
	width:58px;
	background: url(images/products.gif) top left no-repeat;
	background-position: 0 -20px;
	}

#tnews a  {
	width: 75px;
	background: url(images/news.gif) top left no-repeat;
	}
		
#tnews_active a{
	width:75px;
	background: url(images/news.gif) top left no-repeat;
	background-position: 0 -20px;
	}

#twhybuyfromus a  {
	width: 93px;
	background: url(images/whybuyfromus.gif) top left no-repeat;
	}
		
#twhybuyfromus_active a{
	width:93px;
	background: url(images/whybuyfromus.gif) top left no-repeat;
	background-position: 0 -20px;
	}
	
#tpartners a  {
	width: 77px;
	background: url(images/partners.gif) top left no-repeat;
	}

#tpartners_active a{
	width: 77px;
	background: url(images/partners.gif) top left no-repeat;
	background-position: 0 -20px;
	}

#tcontactus a  {
	width: 63px;
	background: url(images/contactus.gif) top left no-repeat;
	}

#tcontactus_active a{
	width: 63px;
	background: url(images/contactus.gif) top left no-repeat;
	background-position: 0 -20px;
	}
		
#tdownloads a  {
	width: 64px;
	background: url(images/downloads.gif) top left no-repeat;
	}

#tdownloads_active a{
	width: 64px;
	background: url(images/downloads.gif) top left no-repeat;
	background-position: 0 -20px;}
		

#treseller a  {
	width: 75px;
	background: url(images/reseller.gif) top left no-repeat;
	}

#treseller_active a{
	width: 75px;
	background: url(images/reseller.gif) top left no-repeat;
	background-position: 0 -20px;}

#tapplication a  {
	width: 75px;
	background: url(images/application.gif) top left no-repeat;
	}

#tapplication_active a{
	width: 75px;
	background: url(images/application.gif) top left no-repeat;
	background-position: 0 -20px;
	}
	
	/*****************************************************/
	/* Application sublink navigation/Menu */
#app-menu{
	width:199px;
	position:relative;
	height:200px;
	}

#app-nav{/*header home button*/
	width:199px;
	height:20px;
	display: inline;
	overflow: hidden;
	}

#app-nav li {
   	list-style: none;
	display: inline;
	}

#app-nav a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
	}
			
#app-nav a:hover {
	background-position: 0 -20px;
	}
	




		
#tgovt_active a {
	width: 199px;
	background: url(images/btn-govt.gif) top left no-repeat;
	background-position: 0 -20px;
	}
	
#tgovt a {
	width: 199px;
	background: url(images/btn-govt.gif) top left no-repeat;
	}

		
#tnight_active a{
	width:199px;
	background: url(images/btn-night.gif) top left no-repeat;
	background-position: 0 -20px;
}
		
#tnight a{
	width:199px;
	background: url(images/btn-night.gif) top left no-repeat;
}
	
#tcouncil_active a{
	width:199px;
	background: url(images/btn-council.gif) top left no-repeat;
	background-position: 0 -20px;
	}


#tcouncil a{
	width:199px;
	background: url(images/btn-council.gif) top left no-repeat;
	}

		
#tother_active a{
	width:199px;
	background: url(images/btn-other.gif) top left no-repeat;
	background-position: 0 -20px;}

#tother a{
	width:199px;
	background: url(images/btn-other.gif) top left no-repeat;
   }


#ttraining_active a{
	width: 199px;
	background: url(images/btn-training.gif) top left no-repeat;
	background-position: 0 -20px;}
		
#ttraining a{
	width: 199px;
	background: url(images/btn-training.gif) top left no-repeat;
    }


#tambulance_active a{
	width: 199px;
	background: url(images/btn-ambulance.gif) top left no-repeat;
	background-position: 0 -20px;}

#tambulance a{
	width: 199px;
	background: url(images/btn-ambulance.gif) top left no-repeat;
}
		
#tlone_active a{
	width: 199px;
	background: url(images/btn-lone.gif) top left no-repeat;
	background-position: 0 -20px;}

#tlone a{
	width: 199px;
	background: url(images/btn-lone.gif) top left no-repeat;
}


#tfacility_active a{
	width: 199px;
	background: url(images/btn-facility.gif) top left no-repeat;
	background-position: 0 -20px;
	}

#tfacility a{
	width: 199px;
	background: url(images/btn-facility.gif) top left no-repeat;
	}


#tleisure_active a{
	width: 199px;
	background: url(images/btn-leisure.gif) top left no-repeat;
	background-position: 0 -20px;
	}

#tleisure a{
	width: 199px;
	background: url(images/btn-leisure.gif) top left no-repeat;
		}	
		
/* application menu ends here*/


/* Products sublink navigation/Menu */
#pdt-menu{
	width:199px;
	position:relative;
		
	}

#pdt-nav{/*header home button*/
	width:199px;
	height:20px;
	display: inline;
	overflow: hidden;
	}

#pdt-nav li {
   	list-style: none;
	display: inline;
	}

#pdt-nav a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
	}
			
#pdt-nav a:hover {
	background-position: 0 -20px;
	}
	
		
#theadcam_active a {
	width: 199px;
	background: url(images/btn-digitalcam.gif) top left no-repeat;
	background-position: 0 -20px;
	}
	
#theadcam a {
	width: 199px;
	background: url(images/btn-digitalcam.gif) top left no-repeat;
	}		

		
#tcylonsystem_active a {
	width: 199px;
	background: url(images/btn-cylonsystem.gif) top left no-repeat;
	background-position: 0 -20px;
	}
	
#tcylonsystem a {
	width: 199px;
	background: url(images/btn-cylonsystem.gif) top left no-repeat;
	}			
	
	
	
/* Why buy from us sublink navigation/Menu */
#why-menu{
	width:199px;
	position:relative;
		
	}

#why-nav{/*header home button*/
	width:199px;
	height:20px;
	display: inline;
	overflow: hidden;
	}

#why-nav li {
   	list-style: none;
	display: inline;
	}

#why-nav a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
	}
			
#why-nav a:hover {
	background-position: 0 -20px;
	}
	
		
#tcylonsoftware_active a {
	width: 199px;
	background: url(images/btn-cylonsoftware.gif) top left no-repeat;
	background-position: 0 -20px;
	}
	
#tcylonsoftware a {
	width: 199px;
	background: url(images/btn-cylonsoftware.gif) top left no-repeat;
	}