/* 

client: Intelligent Access Systems
author: Atlantic BT - www.atlanticbt.com

original based off final_drop.css by Stu Nicholls at CSS Play (www.cssplay.co.uk)
modified by Atlantic BT

==================================================================================================================*/


/* =Reset/Override Layout, just in case		!!! DO NOT EDIT !!!
==================================================================================================================*/
* html body { behavior: url(/css/csshover2.htc); } /* allow IE to follow :hover rules */
#navigation ul { z-index: 800; }
#navigation li { position: relative; }
/* hide sub navs */
#navigation li ul,
.navigation #main-nav li li ul { position: absolute; left: -9000em; top: 0; margin: 0; }
/* base drop downs */
#navigation li:hover ul,
#navigation li li:hover ul { display: block;  position: absolute; z-index: 900; }
/* overrides for sprites */
#navigation li:hover ul,
#navigation li:hover li,
#navigation li:hover li a,
#navigation li:hover li strong { height: auto; width: auto; /* override height from nav */ background: none; text-indent: 0; }

#main-nav { font-size: 1.2em; line-height: 1.5em; }

/* =Base Styles 	---Editable---
==================================================================================================================*/

/* 1st level */
#navigation li:hover ul {
	top: 27px; left: 0; /* top = height of primary nav button */
	font-size: 100%; /* override height from nav */
	margin: 0; padding: 5px; width: 180px; background: #000; color: #fff;
	box-shadow: #000 1px 1px 5px; -moz-box-shadow: #000 1px 1px 5px; -webkit-box-shadow: #000 1px 1px 5px;
}
#navigation li:hover ul.left { left: auto; right: 0; }
	
#navigation #main-nav li:hover li { margin: 0; padding: 0; width: 100%; background: none; }

#navigation #main-nav li:hover li a,
#navigation #main-nav li:hover li strong { padding: 4px 10px 4px 24px; width: 146px; background: url(/images/i_bullet-wht.gif) no-repeat 10px 12px; text-align: left; color: #fff; text-decoration: none; font-weight: normal; }
#navigation #main-nav li ul li:hover a,
#navigation #main-nav li ul li:hover strong { background-color: #93b52b; }


/* 2nd level */
/* for these IE might need a <div> around the inner <ul>, to be ingored in the css -- only there for holder */
#navigation #main-nav li li:hover ul { left: 180px; top: 0; width: 180px; font-size: 100%; background-color: #000; }
#navigation #main-nav li li:hover ul.left { left: auto; right: 0; }

#navigation #main-nav li ul li:hover li a { background-color: transparent; }
#navigation #main-nav li ul li li:hover a { background-color: #93b52b; }