/* 

Theme Name: Snapsite - Service
Theme URI: http://www.atlanticbt.com/snapsites/
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 {  }
#navigation li { position: relative; }
#navigation ul li ul li { border-top: solid 1px #888; padding: 4px 0; }
#navigation ul li ul li:first-child { border-top: none; }
/* hide sub navs */
#navigation li ul,
#container #navigation li li ul { position: absolute; left: -9000em; top: 42px; margin: 0; background: rgba(107,107,107,.93); }

/* base drop downs */
#navigation li:hover ul,
#container #navigation li li:hover ul { display: block; position: absolute; z-index: 900; }
/* overrides for sprites */
#navigation li ul,
#navigation li li,
#navigation li li a { height: auto; background: none; text-indent: 0; line-height: 1em; font-weight: normal; }


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

/* 1st level */
#navigation li:hover ul {
	top: 50px; left: 0; /* top = height of primary nav button */
	font-size: 100%; /* override height from nav */
	margin: 0; padding: 5px 0; width: 210px;	color: #fff;
	background: #555; background: rgba(115,115,115,.93);
	/* Border radius for modern browsers */
	border-bottom-left-radius: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px;
}
#navigation li:hover ul.left { left: -210px; }
	
#navigation li:hover li { margin: 0; padding: 0; width: 100%; background: none; }

#navigation li:hover li a { padding: 6px 10px; width: 190px; background: none; text-align: left; color: #fff; line-height: 2em;line-height: 1.3em; }
#navigation ul li:hover ul li.page_with_children > a { background: url(../images/i_bullet-wht.gif) no-repeat 96% 1em; }
#container #navigation li ul li:hover a, #container #navigation li ul li a:hover { background-color: #999; }



/* 2nd level */
/* for these IE might need a <div> around the inner <ul>, to be ingored in the css -- only there for holder */
#container #navigation li li:hover > ul { left: 210px; top: -5px; width: 210px; font-size: 100%; 
	border-bottom-left-radius: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px;
	border-top-right-radius: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; }
	
#container #navigation li:last-child li:hover > ul { left: -210px;
border-bottom-left-radius: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px;
	border-top-left-radius: 7px; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; }
	
#container #navigation li li:hover > ul.left { left: -210px; }
	#container #navigation li ul li:hover ul li a { background-color: transparent; }
	#container #navigation li ul li ul li a:hover { background-color: #8e8e8e; }