/**
 * navigaiton on top and the sidebar
 ***/



/* =Sidebar nav */

#sidebar ul.level1, #sidebar ul.level2 {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 100%;
	display: block;
}

#sidebar ul.level2 {
	margin-left: 0px;
}

#sidebar ul.level1 li, #sidebar ul.level2 li {
	list-style:none;
	margin: 0;
	padding: 0;
	line-height: 30px;
	vertical-align: middle;
	font-weight: bold;
}

#sidebar ul.level1 li {
	border-top: 1px solid #CCC;
}

#sidebar ul.level2 li {
	font-weight: normal;
	background: #FFF url("/images/arrow_grey.gif") no-repeat 0% 50%;
	text-indent: 15px;
	border-top-width: 0px;
	line-height: 25px;
}

/************ main menu ************/
#hd div#mainMenu {
    position: absolute;
    bottom: 0;
    left: 0;
}

#hd div#mainMenu ul li {
    float: left;
    height: 47px;
    padding: 0;
    text-indent: -3000px;
    margin-right: 5px;
}

#hd div#mainMenu ul li a {
    display: block;
    height: 47px;
}

#hd div#mainMenu ul li#menuItemHome a {
    width: 79px;
    background: transparent url(/images/sprites/nav_bar.gif) no-repeat scroll 0 0
}

#hd div#mainMenu ul li#menuItemHomeSelected a {
    display: block;
    height: 47px;
    width: 79px;
    background: #00A0B0 url("/images/sprites/nav_bar.gif") no-repeat 0 -47px;
}

#hd div#mainMenu ul li#menuItemWhatWeDo a {
    width: 135px;
    background: transparent url("/images/sprites/nav_bar.gif") no-repeat -95px 0;
}

#hd div#mainMenu ul li#menuItemWhatWeDoSelected a {
    display: block;
    height: 47px;
    width: 135px;
    background: #EB038D url(/images/sprites/nav_bar.gif) no-repeat scroll -95px -47px;
}

#hd div#mainMenu ul li#menuItemWhoWeAre a {
    width: 135px;
    background: transparent url(/images/sprites/nav_bar.gif) no-repeat scroll -240px 0;
}

#hd div#mainMenu ul li#menuItemWhoWeAreSelected a {
    display: block;
    height: 47px;
    width: 135px;
    background: #26B450 url(/images/sprites/nav_bar.gif) no-repeat scroll -240px -47px;
}

#hd div#mainMenu ul li#menuItemClients a {
    width: 90px;
    background: transparent url(/images/sprites/nav_bar.gif) no-repeat scroll -385px 0;
}

#hd div#mainMenu ul li#menuItemClientsSelected a {
    display: block;
    height: 47px;
    width: 90px;
    background: #EB038D url(/images/sprites/nav_bar.gif) no-repeat scroll -385px -47px;
}

#hd div#mainMenu ul li#menuItemCharity a {
    width: 100px;
    background: transparent url(/images/sprites/nav_bar.gif) no-repeat scroll -488px 0;
}

#hd div#mainMenu ul li#menuItemCharitySelected a {
    display: block;
    height: 47px;
    width: 100px;
    background: #F36C37 url(/images/sprites/nav_bar.gif) no-repeat scroll -489px -47px;
}






#hd div#mainMenu ul li#menuItemWebsites a {
    width: 104px;
    background: transparent url("/images/sprites/standard.gif") no-repeat 0 -338px;
}

#hd div#mainMenu ul li#menuItemWebsitesSelected a {
    width: 104px;
    background: #EB038D url("/images/sprites/standard.gif") no-repeat 0 -30px;
}

#hd div#mainMenu ul li#menuItemSoftware a {
    width: 110px;
    background: transparent url("/images/sprites/standard.gif") no-repeat 0 -184px;
}

#hd div#mainMenu ul li#menuItemSoftwareSelected a {
    width: 110px;
    background: #26B450 url("/images/sprites/standard.gif") no-repeat 0 -261px;
}


#hd div#mainMenu ul li#menuItemConsulting a {
    width: 125px;
    background: transparent url("/images/sprites/standard.gif") no-repeat 0 -415px;
}

#hd div#mainMenu ul li#menuItemConsultingSelected {
    width: 125px;
    background: #ABA9AA url("/images/sprites/standard.gif") no-repeat 0 -569px;
}

#hd div#mainMenu ul li#menuItemMarketing {
    width: 117px;
    background: #ABA9AA url("/images/sprites/standard.gif") no-repeat -363px -942px;
}

#hd div#mainMenu ul li#menuItemMarketingSelected {
    width: 117px;
    background: #F36C37 url("/images/sprites/standard.gif") no-repeat -363px -1019px;
}


/** CONTACT BUTTON **/

#hd div#mainMenu ul li#menuItemContact a {
    width: 95px;
    background: transparent url(/images/sprites/contact_nav.png) no-repeat scroll -95px 0;
}

#hd div#mainMenu ul li#menuItemContactSelected a {
    display: block;
    height: 47px;
    width: 95px;
    background: transparent url(/images/sprites/contact_nav.png) no-repeat scroll 0 0;
}

/*
#hd div#contactMenuButton {
	width: 95px;
	position: absolute;
	bottom: 0;
	right: 5px;
}

#hd div#contactMenuButton.selected {
	right: 0;
}

#hd div#contactMenuButton ul li#menuItemContact a {
	height: 47px;
	width: 95px;
	display: block;
	text-indent: -12345px;
	padding-right: 15px;
	background: transparent url(/images/sprites/contact_nav.png) no-repeat scroll -95px 0;
}

#hd div#contactMenuButton.selected ul li#menuItemContact a {
	background: transparent url(/images/sprites/contact_nav.png) no-repeat scroll 0 0;
} */