/* CSS Document for Bluewire Media Main Menu */

/* Navigation */
#navigation {
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	display: block;
	font-size: 1.0em;
	list-style: none;
	margin: 0px;
	padding: 0px;
	
	
	/*border: 1px solid blue;*/
}

/**************** Default Navigation *****************/

#navigation li {
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	width: 153px;
	height: 34px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	z-index: 999;
	text-align: left;
}
#navigation a,
#navigation li a:link,
#navigation li a:active,
#navigation li a:visited  {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 0px;
	padding-top: 8px;
	font-size: 0.88em;
	width:100%;
	height: 34px;
	text-transform: uppercase;
	text-align: center;
}
#navigation li a:hover {
	color: #000000;
	text-decoration: none;
}
#navigation li#current {
	background-color: #AED7FF;
}
#navigation li#current a,
#navigation li#current a:active,
#navigation li#current a:link,
#navigation li#current a:visited {
	color: #FFFFFF;	
}
#navigation li#current a:hover {
	color: #BDBBAB;
}
#navigation li ul {
	position: absolute;
	list-style: none;
	width: 153px;
	_width: 153px;
	top: 34px;
	left: -999em;
	margin: 0px;
	padding: 0px;
	z-index: 999;
	opacity: .9;
	filter: alpha(opacity=90);
}
#navigation li ul li {
	width: 100%;
	height: 25px;
	margin: 0px;
	padding: 0px;
	z-index: 999;
}
#navigation li:hover ul, #navigation li.sfhover ul {
	left: auto;
}
#navigation li ul li a,
#navigation li ul li a:link,
#navigation li ul li a:active,
#navigation li ul li a:visited {
	color: #FFFFFF;
	height: 25px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-size: 8pt;
	text-transform: capitalize;
}
#navigation li ul li a:hover, #navigation li#current ul li a:hover {
	color: #000000;
	/*background-color: #000000;*/
}

/*********************************************************/
/*                        Websites                       */
/*********************************************************/

#navigation .websites{

	background-image: url(../images/menu/websites-background.png);
	background-repeat: repeat-x;
}

#navigation .websites ul li{
	background-color: #5B6693;
}

#navigation .websites ul li a:hover, #navigation .websites li#current ul li a:hover {
	background-color: #E2E3EB;
	/*opacity: .8;
	filter: alpha(opacity=80);*/
}

/*********************************************************/
/*                      Hosting                          */
/*********************************************************/

#navigation .hosting{
	background-image: url(../images/menu/hosting-background.png);
	background-repeat: repeat-x;
}

#navigation .hosting ul li{
	background-color: #93117E;
}

#navigation .hosting ul li a:hover, #navigation .hosting li#current ul li a:hover {
	background-color: #F1DDEB;
	/*opacity: .8;
	filter: alpha(opacity=80);*/
}

/*********************************************************/
/*                       Domains                         */
/*********************************************************/

#navigation .domains{
	background-image: url(../images/menu/domains-background.png);
	background-repeat: repeat-x;
}

#navigation .domains ul li{
	background-color: #E32118;
}

#navigation .domains ul li a:hover, #navigation .domains li#current ul li a:hover {
	background-color: #FDDAD4;
	/*opacity: .8;
	filter: alpha(opacity=80);*/
}

/*********************************************************/
/*               Email & SMS Marekting                   */
/*********************************************************/

#navigation .emarketing{
	background-image: url(../images/menu/emarketing-background.png);
	background-repeat: repeat-x;
}

#navigation .emarketing ul li{
	background-color: #008AC9;
}

#navigation .emarketing ul li a:hover, #navigation .emarketing li#current ul li a:hover {
	background-color: #CCECF4;
	/*opacity: .8;
	filter: alpha(opacity=80);*/
}

/*********************************************************/
/*                   Graphic Design                      */
/*********************************************************/

#navigation .design{
	background-image: url(../images/menu/design-background.png);
	background-repeat: repeat-x;
}

#navigation .design ul li{
	background-color: #009534;
}

#navigation .design ul li a:hover, #navigation .design li#current ul li a:hover {
	background-color: #C9EABC;
	/*opacity: .8;
	filter: alpha(opacity=80);*/
}

/*********************************************************/
/*                Search Optimisation                    */
/*********************************************************/

#navigation .seo{
	background-image: url(../images/menu/seo-background.png);
	background-repeat: repeat-x;
}

#navigation .seo ul li{
	background-color: #F18E00;
}

#navigation .seo ul li a:hover, #navigation .seo li#current ul li a:hover {
	background-color: #FEEBB3;
	/*opacity: .8;
	filter: alpha(opacity=80);*/
}