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

/*----------- Main Menu Style ---------- background:#5E657D; -*/
#mainNav{ height:38px;  z-index:14600;          }
 

#mainNav ul {
	margin: 0; /* all lists */
	padding: 0;
	list-style:none; 
	background:none;
 
}
 
#mainNav ul ul {
	margin: 0; /* all lists */
	padding: 0;
	list-style:none; 
	background:none;
}

#mainNav ul li {
	float: left;
	display: block;
	padding: 0 1px 0 0;
	margin: 0;
	background: none;
}

#mainNav ul li ul {
	width: 194px;
	position: absolute; /* second-level lists */
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	background:url(../images/dropdown_b.gif) no-repeat left bottom;
	padding:0px 0px 6px 0px;
}

#mainNav ul li ul ul {
	margin: -26px 0 0 194px; /* third-and-above-level lists */
	border-left:1px solid #CCCCCC;
}

#mainNav ul li li {
	padding: 0;
	margin: 0;
	
}

#mainNav ul li:hover ul ul, #mainNav ul li:hover ul ul ul,
#mainNav ul li.sfhover ul ul, #mainNav ul li.havechildsfhover ul ul, #mainNav ul li.havechild-activesfhover ul ul, #mainNav ul li.activesfhover ul ul,
#mainNav ul li.sfhover ul ul ul, #mainNav ul li.havechildsfhover ul ul ul, #mainNav ul li.havechild-activesfhover ul ul ul, #mainNav ul li.activesfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#mainNav ul li:hover ul, #mainNav ul li li:hover ul, #mainNav ul li li li:hover ul,
#mainNav ul li.sfhover ul, #mainNav ul li.havechildsfhover ul, #mainNav ul li.havechild-activesfhover ul, #mainNav ul li.activesfhover ul,
#mainNav ul li li.sfhover ul, #mainNav ul li li.havesubchildsfhover ul, #mainNav ul li li.havesubchild-activesfhover ul, #mainNav ul li li.activesfhover ul,
#mainNav ul li li li.sfhover ul, #mainNav ul li li li.havesubchildsfhover ul, #mainNav ul li li li.havesubchild-activesfhover ul, #mainNav ul li li li.activesfhover ul {
	left: auto;
}


#mainNav a, #mainNav a:link, #mainNav a:visited, #mainNav a:hover, #mainNav a.active, #mainNav a.active:link, #mainNav a.active:visited {
	font-size: 11px;
	color: #DFE3F0;
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Helvetica;
	font-weight: normal;
	line-height:41px;
	display:block;
	background:url(../images/mainnav_line.jpg) no-repeat right top;
	padding:0px 20px 0px 19px;
	text-transform:uppercase;
}
#mainNav a:hover, #mainNav a.active, #mainNav li.active a:link, #mainNav li.active a:visited ,#mainNav li a.factive:link, #mainNav li a.factive:visited{
	color:#FFF;
}
#mainNav ul li ul li a, #mainNav ul li ul li a:link, #mainNav ul li ul li a:visited, #mainNav ul li ul li a:hover, #mainNav ul li ul li a.active, #mainNav ul li ul li a.active:link, #mainNav ul li ul li a.active:visited {
	font-size: 11px;
	color: #C7CAD3;
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Helvetica;
	font-weight: normal;
	line-height:25px;
	display:block;
	padding:0px 0px 0px 19px;
	text-transform: none;
	background:#6E748A;
	width:175px;
	border-bottom:#878D9F solid 1px;
}
#mainNav ul li ul li a:hover, #mainNav ul li ul li a.active, #mainNav ul li ul li a.active:link, #mainNav ul li ul li a.active:visited {
	color:#FFF;
	background:#6E748A url(../images/arrow_dropdown.gif) no-repeat 8px 11px;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
}
#mainNav ul li ul li a.subarrow,#mainNav ul li ul li a.subarrow:link,#mainNav ul li ul li a.subarrow:visited, #mainNav ul li ul li a.subarrow:hover  {
	width:175px;
	background:url(../images/dropdown_b_arrow.gif)  left top no-repeat;
	padding:0px 0px 0px 19px;
}

/*----------- Bottom Menu Style -----------*/
ul.bottomNav, ul.bottomNav li, ul.ServiceNav, ul.ServiceNav li{ list-style:none; padding:0px; margin:0px; background:none;}

ul.bottomNav li, ul.ServiceNav li{ float:left;}

ul.bottomNav, ul.ServiceNav{ width:100%;}

ul.bottomNav a, ul.bottomNav a:link, ul.bottomNav a:visited, ul.bottomNav a:hover, ul.ServiceNav a, ul.ServiceNav a:link, ul.ServiceNav a:visited, ul.ServiceNav a:hover{
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	display:block;
	background:url(../images/b_nav_line.jpg) no-repeat right 5px;
	padding:0px 8px 0px 8px;
}

ul.bottomNav a:hover, ul.ServiceNav a:hover{ color:#01ABD2;}

ul.bottomNav li.bornone a,  ul.bottomNav li.bornone a:hover{ background:none;}

ul.ServiceNav li.bornone a:link,ul.ServiceNav li.bornone a:visited,ul.ServiceNav li.bornone a:hover{
background:none;
}


/*----------- Quick Links Style -----------*/
#webDesign, #joomlaCms, #typo3Cms{ float:left;}

.quickLinks a, .tWebsite a, .tJoomla a, .tTypo3 a{
	display: block;
	overflow: hidden;
	text-indent:-9000px;
	text-decoration:none;
	width:60px;
	line-height:46px;
	text-align:left;
	margin:0;
}

.tWebsite a, .tJoomla a, .tTypo3 a{height: 44px !important;height /**/:44px;width:233px;}

.quickLinks #webDesign a{
	background:url(../images/button_webdesign.jpg) no-repeat left top;
	width:63px;
}

.quickLinks #webDesign a:hover,.quickLinks #webDesign a.active{
	background:url(../images/button_webdesign.jpg) no-repeat left top;
	background-position:0% -46px;
	width:63px;
}

.quickLinks #joomlaCms a{
	background:url(../images/button_joomlacms.jpg) no-repeat left top;
	width:70px;
}

.quickLinks #joomlaCms a:hover,.quickLinks #joomlaCms a.active{
	background:url(../images/button_joomlacms.jpg) no-repeat left top;
	background-position:0% -46px;
	width:70px;
}

.quickLinks #typo3Cms a{
	background:url(../images/button_typo3cms.jpg) no-repeat left top;
	width:61px;
}

.quickLinks #typo3Cms a:hover,.quickLinks #typo3Cms a.active{
	background:url(../images/button_typo3cms.jpg) no-repeat left top;
	background-position:0% -46px;
	width:61px;
}

* html #typo3Cms{ margin-right:-3px;}

.tWebsite a{
	background:url(../images/t_website_design.jpg) no-repeat left top;
	width:235px;
}

.tWebsite a:hover,.tWebsite a.active{
	background:url(../images/t_website_design.jpg) no-repeat left top;
	background-position:0% -44px;
	width:235px;
}

.tJoomla a{
	background:url(../images/t_joomla_web_design.jpg) no-repeat left top;
	width:233px;
}

.tJoomla a:hover,.tJoomla a.active{
	background:url(../images/t_joomla_web_design.jpg) no-repeat left top;
	background-position:0% -44px;
	width:233px;
}

.tTypo3 a{
	background:url(../images/t_typo3_web_design.jpg) no-repeat left top;
	width:234px;
}

.tTypo3 a:hover,.tTypo3 a.active{
	background:url(../images/t_typo3_web_design.jpg) no-repeat left top;
	background-position:0% -44px;
	width:234px;
}

/*----------- List Page Links Style -----------*/
.leftButton a, .rightButton a{
	display: block;
	overflow: hidden;
	text-indent:-9000px;
	text-decoration:none;
	width:29px;
	line-height:29px;
	margin:0;
}

.leftButton a{
	background:url(../images/left_button.jpg) no-repeat left top;
}

.leftButton a:hover{
	background:url(../images/left_button.jpg) no-repeat left top;
	background-position:0% -29px;
}

.rightButton a{
	background:url(../images/right_button.jpg) no-repeat left top;
}

.rightButton a:hover{
	background:url(../images/right_button.jpg) no-repeat left top;
	background-position:0% -29px;
}

/*----Contact link -----*/

#c_ads{ margin-bottom:18px;}
#div1, #div2, #div3{ padding:0px; margin:0px;} 
#c_ads ul{ padding:0px; height:34px;}

*html #c_ads ul{ padding:0px; height:0px; margin:0px;}


#c_ads ul li{ list-style:none; padding:0px; margin:0px; background:none; float:left; position:relative;}


#c_uk span, #c_ca span, #c_au span{ text-indent:-1800px; display:block;}

#c_uk a, #c_uk a:link, #c_uk a:visited {
	text-decoration: none;
	width:225px;
	height:59px;
	display:block;
	background:url(../images/map/tab_uk.jpg) no-repeat right top;
}

#c_uk a:hover{ background:url(../images/map/tab_uk.jpg) no-repeat right top;}

#c_uk a.active, #c_uk a.active:link, #c_uk a.active:visited {
	background:url(../images/map/tab_uk_active.jpg) no-repeat right top;
}

#c_ca a, #c_ca a:link, #c_ca a:visited {
	text-decoration: none;
	width:226px;
	height:59px;
	display:block;
	background:url(../images/map/tab_ca.jpg) no-repeat right top;
}

#c_ca a:hover{ background:url(../images/map/tab_ca.jpg) no-repeat right top;}

#c_ca a.active, #c_ca a.active:link, #c_ca a.active:visited {
	background:url(../images/map/tab_ca_active.jpg) no-repeat right top;
}

#c_au a, #c_au a:link, #c_au a:visited  {
	text-decoration: none;
	width:224px;
	height:59px;
	display:block;
	background:url(../images/map/tab_au.jpg) no-repeat left top;
}

#c_au a:hover{ background:url(../images/map/tab_au.jpg) no-repeat left top;}

#c_au a.active, #c_au a.active:link, #c_au a.active:visited{
	background:url(../images/map/tab_au_active.jpg) no-repeat left top;
}
 

.map_p{ padding:12px 20px 4px 20px;}