/* This is the menubar CSS file; It contains CSS styles used for positioning the Mac OS X-like menubar at the top of pages */

/* Copyright (c)2007 Kinetiqu Web Productions */
/* Unless you have explicit written permission from the owner and copyright holder, you are denied permission to publish or republish this file, or a modification of this file, or any extract from this file, by any means. */


/* START MAIN MENUBAR */


#menubar_left {
	top: 0px;
	left: 0px;
	z-index: 2;
	visibility: visible;
	display: block;
	height: 22px;
	width: 747px;
	position: fixed;
}

#menubar_repeat {
	width: 100%;
	background-repeat: repeat-x;
	background-image: url(../images/layout/menubar/main/bg.png);
	top: 0px;
	left: 0px;
	z-index: 1;
	visibility: visible;
	display: block;
	height: 50px;
	position: fixed;
}

#menubar_right {
	top: 0px;
	right: 10px;
	z-index: 1;
	visibility: visible;
	display: block;
	height: 22px;
	width: 36px;
	position: fixed;
}

#menubar_rightEnd {
	top: 0px;
	right: 0px;
	z-index: 3;
	visibility: visible;
	display: block;
	height: 22px;
	width: 10px;
	position: fixed;
}

.menubar_leftEnd {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/main/leftEnd.png);
}

.menubar_lime {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/main/lime.png);
}

.menubar_lime:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/main/lime_over.png);
}

.menubar_kinetiqu {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/main/kinetiqu.png);
}

.menubar_kinetiqu:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/main/kinetiqu_over.png);
}

.menubar_why {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/main/why.png);
}

.menubar_why:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/main/why_over.png);
}

.menubar_capabilities {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/main/capabilities.png);
}

.menubar_capabilities:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/main/capabilities_over.png);
}

.menubar_portfolio {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/main/portfolio.png);
}

.menubar_portfolio:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/main/portfolio_over.png);
}

.menubar_about {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/main/about.png);
}

.menubar_about:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/main/about_over.png);
}

.menubar_contact {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/main/contact.png);
}

.menubar_contact:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/main/contact_over.png);
}

.menubar_search {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/main/search.png);
}

.menubar_search:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/main/search_over.png);
}

.menubar_rightEnd {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/main/rightEnd.png);
}

.menubar_repeat {
	background-image: url(../images/layout/menubar/main/repeat.png);
	background-repeat: repeat-x;
}


/* END MAIN MENUBAR */
/* START SUBMENUs */

/* Start Lime */

#submenu_lime {
	top: 22px;
	left: -350px;
	z-index: 5;
	visibility: visible;
	display: block;
	height: 99px;
	width: 98px;
	position: fixed;
}

.submenu_lime_left {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/lime/left.png);
}

.submenu_lime_right {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/lime/right.png);
}

.submenu_lime_top {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/lime/top.png);
}

.submenu_lime_aboutSite {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/lime/aboutSite.png);
}

.submenu_lime_aboutSite:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/lime/aboutSite_over.png);
}

.submenu_lime_aboutKinetiqu {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/lime/aboutKinetiqu.png);
}

.submenu_lime_aboutKinetiqu:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/lime/aboutKinetiqu_over.png);
}

.submenu_lime_contactKinetiqu {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/lime/contactKinetiqu.png);
}

.submenu_lime_contactKinetiqu:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/lime/contactKinetiqu_over.png);
}

.submenu_lime_bottom {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/lime/bottom.png);
}

/* End Lime */
/* Start Kinetiqu */

#submenu_kinetiqu {
	top: 22px;
	left: -350px;
	z-index: 5;
	visibility: visible;
	display: block;
	height: 142px;
	width: 299px;
	position: fixed;
}

.submenu_kinetiqu_left {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/kinetiqu/left.png);
}

.submenu_kinetiqu_right {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/kinetiqu/right.png);
}

.submenu_kinetiqu_top {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/kinetiqu/top.png);
}

.submenu_kinetiqu_separator {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/kinetiqu/separator.png);
}

.submenu_kinetiqu_changeBGcolour {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/kinetiqu/changeBGcolour.png);
}

.submenu_kinetiqu_changeBGcolour:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/kinetiqu/changeBGcolour_over.png);
}

.submenu_kinetiqu_hide {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/kinetiqu/hide.png);
}

.submenu_kinetiqu_hide:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/kinetiqu/hide_over.png);
}

.submenu_kinetiqu_show {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/kinetiqu/show.png);
}

.submenu_kinetiqu_show:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/kinetiqu/show_over.png);
}

.submenu_kinetiqu_quit {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/kinetiqu/quit.png);
}

.submenu_kinetiqu_quit:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/kinetiqu/quit_over.png);
}

.submenu_kinetiqu_bottom {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/kinetiqu/bottom.png);
}

/* End Kinetiqu */
/* Start Why */

#submenu_why {
	top: 22px;
	left: -350px;
	z-index: 5;
	visibility: visible;
	display: block;
	height: 137px;
	width: 207px;
	position: fixed;
}

.submenu_why_left {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/why/left.png);
}

.submenu_why_right {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/why/right.png);
}

.submenu_why_top {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/why/top.png);
}

.submenu_why_weCare {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/why/weCare.png);
}

.submenu_why_weCare:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/why/weCare_over.png);
}

.submenu_why_quality {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/why/quality.png);
}

.submenu_why_quality:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/why/quality_over.png);
}

.submenu_why_abilities {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/why/abilities.png);
}

.submenu_why_abilities:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/why/abilities_over.png);
}

.submenu_why_costEffectiveness {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/why/costEffectiveness.png);
}

.submenu_why_costEffectiveness:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/why/costEffectiveness_over.png);
}

.submenu_why_benefitStudents {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/why/benefitStudents.png);
}

.submenu_why_benefitStudents:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/why/benefitStudents_over.png);
}

.submenu_why_bottom {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/why/bottom.png);
}

/* End Why */
/* Start Capabilities */

#submenu_capabilities {
	top: 22px;
	left: -350px;
	z-index: 5;
	visibility: visible;
	display: block;
	height: 80px;
	width: 262px;
	position: fixed;
}

.submenu_capabilities_left {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/left.png);
}

.submenu_capabilities_right {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/right.png);
}

.submenu_capabilities_top {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/top.png);
}

.submenu_capabilities_separator {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/separator.png);
}

.submenu_capabilities_services {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/services.png);
}

.submenu_capabilities_services:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/services_over.png);
}

.submenu_capabilities_tech {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech.png);
}

.submenu_capabilities_tech:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech_over.png);
}

.submenu_capabilities_futureTech {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/futureTech.png);
}

.submenu_capabilities_futureTech:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/futureTech_over.png);
}

.submenu_capabilities_bottom {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/bottom.png);
}

/* End Capabilities */
/* Capabilities-services */

#submenu_capabilities_servicesSub {
	top: 20px;
	left: -350px;
	z-index: 6;
	visibility: visible;
	display: block;
	height: 138px;
	width: 314px;
	position: fixed;
}

.submenu_capabilities_servicesSub_left {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/services/left.png);
}

.submenu_capabilities_servicesSub_right {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/services/right.png);
}

.submenu_capabilities_servicesSub_top {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/services/top.png);
}

.submenu_capabilities_servicesSub_static {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/services/static.png);
}

.submenu_capabilities_servicesSub_static:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/services/static_over.png);
}

.submenu_capabilities_servicesSub_dynamic {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/services/dynamic.png);
}

.submenu_capabilities_servicesSub_dynamic:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/services/dynamic_over.png);
}

.submenu_capabilities_servicesSub_e-commerce {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/services/e-commerce.png);
}

.submenu_capabilities_servicesSub_e-commerce:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/services/e-commerce_over.png);
}

.submenu_capabilities_servicesSub_maintain {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/services/maintain.png);
}

.submenu_capabilities_servicesSub_maintain:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/services/maintain_over.png);
}

.submenu_capabilities_servicesSub_domainHosting {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/services/domainHosting.png);
}

.submenu_capabilities_servicesSub_domainHosting:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/services/domainHosting_over.png);
}

.submenu_capabilities_servicesSub_bottom {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/services/bottom.png);
}

/* End Capabilities-services */
/* Capabilities-tech */

#submenu_capabilities_techSub {
	top: 46px;
	left: -350px;
	z-index: 6;
	visibility: visible;
	display: block;
	height: 176px;
	width: 150px;
	position: fixed;
}

.submenu_capabilities_techSub_left {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech/left.png);
}

.submenu_capabilities_techSub_right {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech/right.png);
}

.submenu_capabilities_techSub_top {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech/top.png);
}

.submenu_capabilities_techSub_html {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech/html.png);
}

.submenu_capabilities_techSub_html:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech/html_over.png);
}

.submenu_capabilities_techSub_css {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech/css.png);
}

.submenu_capabilities_techSub_css:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech/css_over.png);
}

.submenu_capabilities_techSub_js {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech/js.png);
}

.submenu_capabilities_techSub_js:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech/js_over.png);
}

.submenu_capabilities_techSub_php {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech/php.png);
}

.submenu_capabilities_techSub_php:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech/php_over.png);
}

.submenu_capabilities_techSub_mysql {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech/mysql.png);
}

.submenu_capabilities_techSub_mysql:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech/mysql_over.png);
}

.submenu_capabilities_techSub_rss {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech/rss.png);
}

.submenu_capabilities_techSub_rss:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech/rss_over.png);
}

.submenu_capabilities_techSub_wiki {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech/wiki.png);
}

.submenu_capabilities_techSub_wiki:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech/wiki_over.png);
}

.submenu_capabilities_techSub_bottom {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/capabilities/tech/bottom.png);
}

/* End Capabilities-tech */
/* Start Portfolio */

#submenu_portfolio {
	top: 22px;
	left: -350px;
	z-index: 5;
	visibility: visible;
	display: block;
	height: 118px;
	width: 300px;
	position: fixed;
}

.submenu_portfolio_left {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/portfolio/left.png);
}

.submenu_portfolio_right {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/portfolio/right.png);
}

.submenu_portfolio_top {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/portfolio/top.png);
}

.submenu_portfolio_andoverstrings {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/portfolio/andoverstrings.png);
}

.submenu_portfolio_andoverstrings:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/portfolio/andoverstrings_over.png);
}

.submenu_portfolio_lawnmowing {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/portfolio/lawnmowing.png);
}

.submenu_portfolio_lawnmowing:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/portfolio/lawnmowing_over.png);
}

.submenu_portfolio_nl5 {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/portfolio/nl5.png);
}

.submenu_portfolio_nl5:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/portfolio/nl5_over.png);
}

.submenu_portfolio_sls {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/portfolio/sls.png);
}

.submenu_portfolio_sls:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/portfolio/sls_over.png);
}

.submenu_portfolio_bottom {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/portfolio/bottom.png);
}

/* End Portfolio */
/* Start About */

#submenu_about {
	top: 22px;
	left: -350px;
	z-index: 5;
	visibility: visible;
	display: block;
	height: 137px;
	width: 132px;
	position: fixed;
}

.submenu_about_left {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/about/left.png);
}

.submenu_about_right {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/about/right.png);
}

.submenu_about_top {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/about/top.png);
}

.submenu_about_who {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/about/who.png);
}

.submenu_about_who:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/about/who_over.png);
}

.submenu_about_what {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/about/what.png);
}

.submenu_about_what:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/about/what_over.png);
}

.submenu_about_when {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/about/when.png);
}

.submenu_about_when:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/about/when_over.png);
}

.submenu_about_where {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/about/where.png);
}

.submenu_about_where:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/about/where_over.png);
}

.submenu_about_why {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/about/why.png);
}

.submenu_about_why:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/about/why_over.png);
}

.submenu_about_bottom {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/about/bottom.png);
}

/* End About */
/* Start Contact */

#submenu_contact {
	top: 22px;
	left: -350px;
	z-index: 5;
	visibility: visible;
	display: block;
	height: 118px;
	width: 150px;
	position: fixed;
}

.submenu_contact_left {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/contact/left.png);
}

.submenu_contact_right {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/contact/right.png);
}

.submenu_contact_top {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/contact/top.png);
}

.submenu_contact_email {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/contact/email.png);
}

.submenu_contact_email:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/contact/email_over.png);
}

.submenu_contact_webForm {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/contact/webForm.png);
}

.submenu_contact_webForm:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/contact/webForm_over.png);
}

.submenu_contact_phone {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/contact/phone.png);
}

.submenu_contact_phone:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/contact/phone_over.png);
}

.submenu_contact_post {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/contact/post.png);
}

.submenu_contact_post:hover {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/contact/post_over.png);
}

.submenu_contact_bottom {
	background-repeat: no-repeat;
	background-image: url(../images/layout/menubar/submenus/contact/bottom.png);
}

/* End Contact */