﻿sitemenu = ""

sitemenu = "<div class='overlay'></div>"

sitemenu += "<a href='/index.html'><img class='logo-1' src='/images/logos/squiders-web-design-kent-1.png' alt='Squiders Web Design Kent'/></a>"

sitemenu += "<div class='menu-wrap menu-class'>"

sitemenu += "<ul class='mlddm'>"

sitemenu += "	<li><a class='menu-top customfont3' href='/index.html'>Home</a></li>"		

sitemenu += "	<li><a class='menu-top customfont3' href='/web-design-services/index.html'>Services</a>"	
sitemenu += "		<ul>"
sitemenu += "		<li><a href='/web-design-services/web-design-brochure-style.html'>Web Design - Brochure Style</a></li>"
sitemenu += "		<li><a href='/web-design-services/web-shops-ecommerce.html'>Web Shops / eCommerce</a></li>"
sitemenu += "		<li><a href='/web-design-services/websites-for-recruitment-companies.html'>Web Design - For Recruiters</a></li>"
sitemenu += "		<li><a href='/web-design-services/html-email-design.html'>HTML Email Design</a></li>"
sitemenu += "		<li><a class='hsub' href='#'>Externally Contracted Services</a>"
sitemenu += "			<ul style='margin:0 0 0 5px;background:#333;'>"
sitemenu += "				<li><a href='/web-design-services/graphic-logo-design.html'>Graphic &amp; Logo Design</a></li>"
sitemenu += "				<li><a href='/web-design-services/professional-photography.html'>Professional Photography</a></li>"
sitemenu += "				<li><a href='/web-design-services/search-engine-optimisation.html'>Search Engine Optimisation</a></li>"
sitemenu += "			</ul>"
sitemenu += "		</li>"
sitemenu += "		</ul>"
sitemenu += "	</li>"


sitemenu += "	<li><a class='menu-top customfont3' href='/web-design-portfolio/index.html'>Portfolio</a>"		
sitemenu += "		<ul>"

sitemenu += "		<li><a class='hsub' href='#'>Sports &amp; Creative Projects</a>"
sitemenu += "			<ul style='margin:0 0 0 5px;background:#333;'>"
//sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-graffiti-kings.jpg' alt=''/><a href='/web-design-portfolio/sports-and-creative/graffiti-kings.html'>Graffiti Kings</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-mhc.jpg' alt=''/><a href='/web-design-portfolio/sports-and-creative/maidstone-hockey-club.html'>Maidstone Hockey Club</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-ten21.jpg' alt=''/><a href='/web-design-portfolio/sports-and-creative/ten21-recording-studio.html'>Ten21 Recording Studio</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-dave-holmes.jpg' alt=''/><a href='/web-design-portfolio/sports-and-creative/dave-holmes.html'>Dave Holmes</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-the-quays.jpg' alt=''/><a href='/web-design-portfolio/sports-and-creative/the-quays.html'>The Quays</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-the-hayley-oliver-band.jpg' alt=''/><a href='/web-design-portfolio/sports-and-creative/the-halyley-oliver-band.html'>The Hayley Oliver Band</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-charlie-kenny.jpg' alt=''/><a href='/web-design-portfolio/sports-and-creative/charlie-kenny.html'>Charlie Kenny</a></li>"
sitemenu += "			</ul>"
sitemenu += "		</li>"

sitemenu += "		<li><a class='hsub' href='#'>Webshop / eCommerce Projects</a>"
sitemenu += "			<ul style='margin:0 0 0 5px;background:#333;'>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-ralph-steadman.jpg' alt=''/><a href='/web-design-portfolio/web-shop-ecommerce/ralph-steadman-shop.html'>The Ralph Steadman Shop</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-pret-a-golf.jpg' alt=''/><a href='/web-design-portfolio/web-shop-ecommerce/pret-a-golf.html'>Pr&ecirc;t &agrave; Golf</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-oranges-and-lemons.jpg' alt=''/><a href='/web-design-portfolio/web-shop-ecommerce/oranges-and-lemons.html'>Oranges &amp; Lemons</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-aah.jpg' alt=''/><a href='/web-design-portfolio/web-shop-ecommerce/all-around-heating.html'>All Around Heating Products</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-smart-parts-paintball.jpg' alt=''/><a href='/web-design-portfolio/web-shop-ecommerce/smart-parts-paintball.html'>Smart Parts Paintball</a></li>"
sitemenu += "			</ul>"
sitemenu += "		</li>"

sitemenu += "		<li><a class='hsub' href='#'>Corporate Projects</a>"
sitemenu += "			<ul style='margin:0 0 0 5px;background:#333;'>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-fleet.jpg' alt=''/><a href='/web-design-portfolio/corporate/fleet-promotional-packaging.html'>Fleet Promotional Packaging</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-topdogjobs.jpg' alt=''/><a href='/web-design-portfolio/corporate/topdogjobs.html'>TopDogjobs</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-aether-medical-gases.jpg' alt=''/><a href='/web-design-portfolio/corporate/aether-medical-gases.html'>Aether Medical Gases</a></li>"
//sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/holder.jpg' alt=''/><a href='#'>Publishing Products &amp; Services</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-the-skippers-guide.jpg' alt=''/><a href='/web-design-portfolio/corporate/skippers-guide.html'>The Skippers Guide</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-ionzero.jpg' alt=''/><a href='/web-design-portfolio/corporate/ionzero.html'>Ionzero</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-elmcroft-editorial-services.jpg' alt=''/><a href='/web-design-portfolio/corporate/elmcroft-editorial-services.html'>Elmcroft Editorial Services</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-morgan-healey.jpg' alt=''/><a href='/web-design-portfolio/corporate/morgan-healey.html'>Morgan Healey</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-tandl-training.jpg' alt=''/><a href='/web-design-portfolio/corporate/tl-group.html'>T&amp;L Group</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-life-changes.jpg' alt=''/><a href='/web-design-portfolio/corporate/life-changes.html'>Life Changes &amp; You</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-referral-uk.jpg' alt=''/><a href='/web-design-portfolio/corporate/referral-uk.html'>Referral UK</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-esa-quest.jpg' alt=''/><a href='/web-design-portfolio/corporate/esa-quest.html'>ESA Quest</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-banham-funeral-services.jpg' alt=''/><a href='/web-design-portfolio/corporate/banham-funeral-services.html'>Banham Funeral Services</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-ad-ex.jpg' alt=''/><a href='/web-design-portfolio/corporate/advertising-excellence.html'>Advertising Excellence</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-windows.jpg' alt=''/><a href='/web-design-portfolio/corporate/the-window.html'>The Window</a></li>"
sitemenu += "			</ul>"
sitemenu += "		</li>"

sitemenu += "		<li><a class='hsub' href='#'>Construction &amp; Trade Projects</a>"
sitemenu += "			<ul style='margin:0 0 0 5px;background:#333;'>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-kingsmen.jpg' alt=''/><a href='/web-design-portfolio/construction-and-trades/kingsmen-limited.html'>Kingsmen Limited</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-jcb.jpg' alt=''/><a href='/web-design-portfolio/construction-and-trades/jc-birtles.html'>J C Birtles</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-interfix.jpg' alt=''/><a href='/web-design-portfolio/construction-and-trades/interfix.html'>Interfix Washrooms</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-bfs.jpg' alt=''/><a href='/web-design-portfolio/construction-and-trades/bespoke-furniture-solutions.html'>Bespoke Furniture Solutions</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-libra-facilities.jpg' alt=''/><a href='/web-design-portfolio/construction-and-trades/libra-facilities.html'>Libra Facilities</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-agri-expo.jpg' alt=''/><a href='/web-design-portfolio/construction-and-trades/agri-expo.html'>Agri-Expo</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-wkpma.jpg' alt=''/><a href='/web-design-portfolio/construction-and-trades/wkpma.html'>WKPMA</a></li>"
sitemenu += "			</ul>"
sitemenu += "		</li>"

sitemenu += "		<li><a class='hsub' href='#'>Charity / Non-profit Projects</a>"
sitemenu += "			<ul style='margin:0 0 0 5px;background:#333;'>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-bwbf.jpg' alt=''/><a href='/web-design-portfolio/charity-non-profit/british-wireless-for-the-blind-fund.html'>The British Wireless for the Blind Fund</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-oliver-fisher.jpg' alt=''/><a href='/web-design-portfolio/charity-non-profit/the-oliver-fisher-trust.html'>The Oliver Fisher Trust</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-cfr.jpg' alt=''/><a href='/web-design-portfolio/charity-non-profit/community-first-responders.html'>Community First Responders</a></li>"
//sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-mamc.jpg' alt=''/><a href='/web-design-portfolio/charity-non-profit/maidstone-alotment-management-committee.html'>Maidstone Allotment Management Committee</a></li>"
sitemenu += "				<li><img class='portfolio-menu-tab' src='/images/portfolio/home-tabs/web-designer-for-svps.jpg' alt=''/><a href='/web-design-portfolio/charity-non-profit/sutton-valence-pre-school.html'>Sutton Valence Pre School</a></li>"
sitemenu += "			</ul>"
sitemenu += "		</li>"


sitemenu += "		</ul>"

sitemenu += "	</li>"


sitemenu += "	<li><a class='menu-top customfont3' href='/web-design-testimonials/web-design-testimonials.html'>Testimonials</a></li>"		

sitemenu += "	<li><a class='menu-top customfont3' href='/about/what-to-look-for-in-a-web-designer.html'>Why Me?</a></li>"		

sitemenu += "	<li><a class='menu-top customfont3' href='/web-design-articles/index.html'>Articles</a>"
sitemenu += "		<ul>"
sitemenu += "		<li><a href='/web-design-articles/how-does-google-work.html'>How Does Google Work?</a></li>"
sitemenu += "		<li><a href='/web-design-articles/eye-tracking-survey.html'>Eye Tracking Surveys</a></li>"
sitemenu += "		<li><a href='/web-design-articles/search-engine-optimisation.html'>What is Search Engine Optimisation (SEO)?</a></li>"
sitemenu += "		<li><a href='/web-design-articles/website-monitoring-statistics.html'>Website Monitoring &amp; Statistics</a></li>"
sitemenu += "		<li><a href='/web-design-articles/content-management-systems-cms.html'>Content Management Systems (CMS)</a></li>"
sitemenu += "		</ul>"
sitemenu += "	</li>"

sitemenu += "	<li><a class='menu-top customfont3' href='/contact/web-designer-maidstone-kent.html'>Contact</a></li>"		


sitemenu += "</ul>"


sitemenu += "</div>"

sitemenu += "<div class='clear'></div>"

document.write(sitemenu);


// SHOW/HIDE OVERLAY

$(document).ready(function(){ 

	$(".menu-class").hover(function(){
		$(".overlay").css("display","block"); 
	},function(){
   		$(".overlay").css("display","none");  
	});

	
});
