/* Presentation Stylesheet */
ul, li {
padding:0px;
margin:0px;
}

a:link {
	color: #333333;
	background: transparent;
	text-decoration: underline;
}
a:visited {
	color: #333333;
	background: transparent;
	text-decoration: underline;
}
a:hover {
	color: #2091FF;
	background: transparent;
	text-decoration: underline;
}
a:active { color: #2091FF; background: transparent; }

/* Headers */


h1 {
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #2891ff;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.home {
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #999999;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.ecommerce {
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #DF5900;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.ecommerce a:visited {
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #DF5900;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	text-decoration: none;
}
.ecommerce a:hover{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #DF5900;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	text-decoration: underline;
}
.ecommerce a:link {
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #DF5900;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	text-decoration: none;
}
.ecommercemain {
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #DF5900;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.brochure {
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #5AB82E;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;

}
.brochure a:link {
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #5AB82E;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	text-decoration: none;

}
.brochure a:hover {
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #5AB82E;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	text-decoration: underline;

}
.brochure a:visited{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #5AB82E;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	text-decoration: none;
}
.brochuremain {
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #5AB82E;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.bespoke {
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #0037DD;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;

}
.bespoke a:link {
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #0037DD;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	text-decoration: none;

}
.bespoke a:hover{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #0037DD;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	text-decoration: underline;

}
.bespoke a:visited {
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #0037DD;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	text-decoration: none;
}
.esmall {
	background-image: url(../images/ecommerce-small.jpg);
	background-position: right;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
.bssmall {
	background-image: url(../images/brochure-small.jpg);
	background-position: right;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
.ppcsmall {
	background-image: url(../images/ppc-small.jpg);
	background-position: right;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
.emailsmall {
	background-image: url(../images/email-small.jpg);
	background-position: right;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

.principlessmall {
	background-position: right;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	}
.bpsmall {
	background-image: url(../images/bespoke-small.jpg);
	background-position: right;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
.rdsmall {
	background-image: url(../images/redesign-small.jpg);
	background-position: right;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
.cmsmall {
	background-image: url(../images/content-small.jpg);
	background-position: right;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
.seosmall {
	background-image: url(../images/seo-small.jpg);
	background-position: right;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
.bespokemain {
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #0037DD;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;

}
.redesign{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #EA8C00;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.redesign a:link{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #EA8C00;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	text-decoration: none;
}
.redesign a:hover{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #EA8C00;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	text-decoration: none;
}
.redesign a:visited{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #EA8C00;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	text-decoration: none;
}
.redesignmain{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #EA8C00;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;

}
.contentmanagement{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #666666;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;

}
.contentmanagement a:link{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #666666;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	text-decoration: none;

}
.contentmanagement a:hover{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #666666;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	text-decoration: underline;

}
.contentmanagement a:visited{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #666666;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	text-decoration: none;
}
.contentmanagementmain{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #666666;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;

}
.optimisation{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #C12600;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;

}
.optimisation a:link{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #C12600;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	text-decoration: none;

}
.optimisation a:hover{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #C12600;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;

}
.optimisation a:visited{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #C12600;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;

}
.optimisationmain{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #C12600;
	line-height: 14px;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
h1 span { display: none; }

h1#title_home { width: 420
px; height: 31px; background: url(../images/title_innovative-design.jpg) no-repeat; } 
h1#title_about { width: 333px; height: 31px; background: url(../images/title_about.gif) no-repeat; } 
h1#title_contact { width: 333px; height: 31px; background: url(../images/title_contact.gif) no-repeat; } 
h1#title_feedback { width: 333px; height: 31px; background: url(../images/title_feedback.gif) no-repeat; } 
h1#title_system { width: 333px; height: 31px; background: url(../images/title_system.gif) no-repeat; } 
h1#title_terms { width: 333px; height: 31px; background: url(../images/title_terms.gif) no-repeat; } 
h1#title_portfolio { width: 333px; height: 31px; background: url(../images/title_portfolio.gif) no-repeat; } 
h1#title_webdesign { width: 333px; height: 31px; background: url(../images/title_webdesign.gif) no-repeat; } 
h1#title_webhosting { width: 333px; height: 31px; background: url(../images/title_webhosting.gif) no-repeat; } 
h1#title_webmarketing { width: 333px; height: 31px; background: url(../images/title_webmarketing.gif) no-repeat; } 
h1#title_sitemap { width: 333px; height: 31px; background: url(../images/title_sitemap.gif) no-repeat; } 
h1#title_accessibility { width: 333px; height: 31px; background: url(../images/title_accessibility.gif) no-repeat; } 
h1#title_webpackages { width: 333px; height: 31px; background: url(../images/title_webpackages.gif) no-repeat; } 
h1#title_webstart { width: 333px; height: 31px; background: url(../images/title_webstart.gif) no-repeat; } 
h1#title_webpresence { width: 333px; height: 31px; background: url(../images/title_webpresence.gif) no-repeat; } 
h1#title_webpremier { width: 333px; height: 31px; background: url(../images/title_webpremier.gif) no-repeat; } 
h1#title_ecommerce { width: 333px; height: 31px; background: url(../images/title_ecommerce.gif) no-repeat; } 
h1#title_custom { width: 333px; height: 31px; background: url(../images/title_custom.gif) no-repeat; } 
h1#title_cms { width: 333px; height: 31px; background: url(../images/title_cms.gif) no-repeat; } 
h1#title_maintenance { width: 333px; height: 31px; background: url(../images/title_maintenance.gif) no-repeat; } 
h1#title_gold { width: 333px; height: 31px; background: url(../images/title_gold.gif) no-repeat; } 
h1#title_silver { width: 333px; height: 31px; background: url(../images/title_silver.gif) no-repeat; } 
h1#title_bronze { width: 333px; height: 31px; background: url(../images/title_bronze.gif) no-repeat; } 
h1#title_hoststart { width: 333px; height: 31px; background: url(../images/title_hoststart.gif) no-repeat; } 
h1#title_hostpresence { width: 333px; height: 31px; background: url(../images/title_hostpresence.gif) no-repeat; } 
h1#title_hostpremier { width: 333px; height: 31px; background: url(../images/title_hostpremier.gif) no-repeat; } 
h1#title_hostcomparison { width: 333px; height: 31px; background: url(../images/title_hostcomparison.gif) no-repeat; } 
h1#title_seo { width: 333px; height: 31px; background: url(../images/title_seo.gif) no-repeat; } 
h1#title_emarketing { width: 333px; height: 31px; background: url(../images/title_emarketing.gif) no-repeat; } 
h1#title_branding{ width: 333px; height: 31px; background: url(../images/title_branding.gif) no-repeat; } 
h1#title_offline { width: 333px; height: 31px; background: url(../images/title_offline.gif) no-repeat; } 

h1#title_newsecommerce { width: 333px; height: 31px; background: url(../images/title_newsecommerce.gif) no-repeat; } 
h1#title_newsmarketing { width: 333px; height: 31px; background: url(../images/title_newsmarketing.gif) no-repeat; } 
h1#title_newsonline { width: 333px; height: 31px; background: url(../images/title_newsonline.gif) no-repeat; } 
h1#title_newsseo { width: 333px; height: 31px; background: url(../images/title_newsseo.gif) no-repeat; } 
h1#title_newsusability { width: 333px; height: 31px; background: url(../images/title_newsusability.gif) no-repeat; } 
h1#title_newsdesign { width: 333px; height: 31px; background: url(../images/title_newsdesign.gif) no-repeat; } 
h1#title_newshosting { width: 333px; height: 31px; background: url(../images/title_newshosting.gif) no-repeat; } 
h1#title_newstrends { width: 333px; height: 31px; background: url(../images/title_newstrends.gif) no-repeat; } 
h1#title_websiteredesign {
	width: 333px;
	height: 31px;
	background-image: url(../images/title_webredesign.gif);
	background-repeat: no-repeat;
} 
h1#title_websitedesignliverpool {
	width: 333px;
	height: 31px;
	background-image: url(../images/title_designliverpool.gif);
	background-repeat: no-repeat;
} 
h1#title_websitedesignwirral {
	width: 333px;
	height: 31px;
	background-image: url(../images/title_designwirral.gif);
	background-repeat: no-repeat;
}
h1#title_websitedesignsouthport {
	width: 333px;
	height: 31px;
	background-image: url(../images/title_designsouthport.gif);
	background-repeat: no-repeat;
} 
h1#title_websitedesignmerseyside {
	width: 333px;
	height: 31px;
	background-image: url(../images/title_designmerseyside.gif);
	background-repeat: no-repeat;
} 
h1#title_websitehostingfaqs {
	width: 333px;
	height: 31px;
	background-image: url(../images/title_websitehostingfaqs.gif);
	background-repeat: no-repeat;
} 
h1#title_websiteoptimisationfaqs{
	width: 333px;
	height: 31px;
	background-image: url(../images/title_optimisationfaq.gif);
	background-repeat: no-repeat;
} 
h1#title_consultancyservices{
	width: 333px;
	height: 31px;
	background-image: url(../images/title_consultancy.gif);
	background-repeat: no-repeat;
} 
h1#title_offline{
	width: 333px;
	height: 31px;
	background-image: url(../images/title_offline.gif);
	background-repeat: no-repeat;
	} 
h1#title_cmanagement{
	width: 333px;
	height: 31px;
	background-image: url(../images/title_c_management.png);
	background-repeat: no-repeat;
} 
h1#title_casestudy {
	width: 333px;
	height: 31px;
	background-image: url(../images/title_case_study.gif);
	background-repeat: no-repeat;
	}
h1#title_websitemaintenancefaqs{
	width: 333px;
	height: 31px;
	background-image: url(../images/title_maintenancefaq.gif);
	background-repeat: no-repeat;
} 
h1#title_logodesign{
	width: 333px;
	height: 31px;
	background-image: url(../images/title_logo.gif);
	background-repeat: no-repeat;
} 
h1#title_stationarydesign{
	width: 333px;
	height: 31px;
	background-image: url(../images/title_stationary_design.gif);
	background-repeat: no-repeat;
} 
h1#title_webpackageitems{
	width: 333px;
	height: 31px;
	background-image: url(../images/title_design_packages.gif);
	background-repeat: no-repeat;
} 
 
h1#title_ppc{
	width: 333px;
	height: 31px;
	background-image: url(../images/title_ppc.jpg);
	background-repeat: no-repeat;
	}
h1#title_brochure{
	width: 333px;
	height: 31px;
	background-image: url(../images/title_brochure.png);
	background-repeat: no-repeat;
	}
h1#title_graphic{
	width: 333px;
	height: 31px;
	background-image: url(../images/title_graphic.png);
	background-repeat: no-repeat;
	}
h1#title_ecommercewebsites{
	width: 333px;
	height: 31px;
	background-image: url(../images/ecommerce_websites.jpg);
	background-repeat: no-repeat;
	}
h2 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	color: #999999;
	line-height: 5px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0;
	font-weight: bold;
}
h2.inline { margin: 25px 0 5px 0px; }
h2 span { display: none; }
h2#title_new {
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 15px;
	color: #666666;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0px;
}
h2#title_services{
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 15px;
	color: #666666;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0px;
}

h3 { padding: 0;  margin: 0px 0 5px 0px; 
}
h3 span { display: none; 
}

h3#subtitle_contact { width: 63px; height: 15px; background: url(../images/subtitle_contact.gif) no-repeat; 
} 
h3#subtitle_webstart { width: 63px; height: 15px; background: url(../images/subtitle_webstart.gif) no-repeat; 
}
h3#subtitle_blog {
	width: 173px;
	height: 17px;
	background-image: url(../images/subtitle_blog.jpg);
	background-repeat: no-repeat;
	}
	h3#subtitle_testimonials {
	width: 173px;
	height: 17px;
	background-image: url(../images/subtitle_testimonials.jpg);
	background-repeat: no-repeat;
	}
	h3#subtitle_ecommerce {
	width: 173px;
	height: 17px;
	background-image: url(../images/subtitle_ecommerce.png);
	background-repeat: no-repeat;
} 

	h3#subtitle_content {
	width: 173px;
	height: 17px;
	background-image: url(../images/subtitle_content.png);
	background-repeat: no-repeat;
}   
h3#subtitle_graphic {
	width: 173px;
	height: 17px;
	background-image: url(../images/subtitle_graphic.png);
	background-repeat: no-repeat;
} 
h3#subtitle_webpresence { width: 99px; height: 15px; background: url(../images/subtitle_webpresence.gif) no-repeat;
 } 
h3#subtitle_webpremier { width: 99px; height: 15px; background: url(../images/subtitle_webpremier.gif) no-repeat;
 } 

h3#subtitle_spotlight { width: 69px; height: 19px; background: url(../images/subtitle_spotlight.gif) no-repeat; 
} 



h3#subtitle_latestnews { width: 89px; height: 19px; background: url(../images/subtitle_latestnews.gif) no-repeat; } 

h3#subtitle_weblogcats { width: 89px; height: 19px; background: url(subtitle_weblogcats.gif) no-repeat; 
} 


h4 { color: #707070; font-family: "Trebuchet MS", sans-serif; font-weight: bold; font-size: 15px; text-align: left; padding: 0 0 0 0; margin: 25px 0 10px 0; }
h4.comments { color: #707070; font-family: "Trebuchet MS", sans-serif; font-weight: bold; font-size: 15px; text-align: left; padding: 0 0 0 0; margin: 5px 0 10px 0; }

h5 { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #aaa; margin: 0 0 0 0; padding: 0 0 0 0; line-height: 170%; }

h6 {
	color: #5DACFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 170%;
	font-family: "Trebuchet MS", sans-serif;;
	font-size: 15px;
	font-weight: bold;
}


/* NAVIGATION */

	#navigation ul {
	width: auto; 
	height: 28px;
	margin: 0;
	padding: 0;
	list-style: none outside;
	}

	#navigation li a span{
	display:none;
	}

	#navigation li a {
	height: 28px;
	color: #fff;
	display: block;
	float: left;
	}

	li#home {
	float: left; margin: 0;  display: block;
	border-left:1px dotted #666666;
	background-image: url("../images/menu_home1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#home a{
	width: 84px;
	background-image: url("../images/menu_home1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#home a:hover {
	background-image: url("../images/menu_home2.gif");
	}

	li#services {
	float: left; margin: 0; display: block;
	border-left:1px dotted #666666;
	background-image: url("../images/menu_services1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#services a{
	width: 84px;
	background-image: url("../images/menu_services1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#services a:hover {
	background-image: url("../images/menu_services2.gif");
	}

	li#portfolio {
	float: left; margin: 0;  display: block;
	border-left:1px dotted #666666;
	background-image: url("../images/menu_portfolio1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#portfolio a{
	width: 84px;
	background-image: url("../images/menu_portfolio1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#portfolio a:hover {
	background-image: url("../images/menu_portfolio2.gif");
	}

	li#about {
	float: left; margin: 0;  display: block;
	border-left:1px dotted #666666;
	background-image: url("../images/menu_about1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#about a{
	width: 84px;
	background-image: url("../images/menu_about1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#about a:hover {
	background-image: url("../images/menu_about2.gif");
	}

	li#contact {
	float: left; margin: 0;  display: block;
	border-left:1px dotted #666666;
	background-image: url("../images/menu_contact1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#contact a{
	width: 84px;
	background-image: url("../images/menu_contact1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#contact a:hover {
	background-image: url("../images/menu_contact2.gif");
	}







/* BANNER */

	#bannerlinks ul {
	width: auto; 
	height: 51px;
	margin: 0;
	padding: 0;
	list-style: none outside;
	}

	#bannerlinks li a span{
	display:none;
	}

	#bannerlinks li a {
	height: 51px;
	color: #fff;
	display: block;
	float: left;
	}

	li#design {
	float: left; margin: 0;  display: block;
	background-image: url("../images/website-design.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#design a{
	width: 203px;
	background-image: url("../images/website-design.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#design a:hover {
	background-image: url("../images/website-design-over.gif");
	}


	li#hosting {
	float: left; margin: 0;  display: block;
	background-image: url("../images/website-hosting.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#hosting a{
	width: 203px;
	background-image: url("../images/website-hosting.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#hosting a:hover {
	background-image: url("../images/website-hosting-over.gif");
	}
	
	
	li#designRed {
	float: left; margin: 0;  display: block;
	background-image: url("../images/web-design-red.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#designRed a{
	width: 203px;
	background-image: url("../images/web-design-red.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#designRed a:hover {
	background-image: url("../images/website-hosting-over.gif");
	}
	li#designBlue {
	float: left; margin: 0;  display: block;
	background-image: url("../images/web-design-blue.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#designBlue a{
	width: 203px;
	background-image: url("../images/web-design-blue.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#designBlue a:hover {
	background-image: url("../images/website-hosting-over.gif");
	}
	li#designGreen {
	float: left; margin: 0;  display: block;
	background-image: url("../images/web-design-green.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#designGreen a{
	width: 203px;
	background-image: url("../images/web-design-green.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#designGreen a:hover {
	background-image: url("../images/website-hosting-over.gif");
	}

	li#marketing {
	float: left; margin: 0;  display: block;
	background-image: url("../images/internet-marketing.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#marketing a{
	width: 203px;
	background-image: url("../images/internet-marketing.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#marketing a:hover {
	background-image: url("../images/internet-marketing-over.gif");
	}
/*
	li#marketing {
	width:203px;
	height:50px;
	background-image: url("../images/internet-marketing.gif");
	background-repeat: no-repeat; background-position:top
	}
	
	li#marketing a {
	display:inline;
	width:203px;
	height:50px;
	background-image: url("../images/internet-marketing.gif");
	background-repeat: no-repeat; background-position:top
	}	

	li#marketing a:hover {
	background-image: url("../images/internet-marketing.gif");
	}
*/

/*------------------------------*/
/*			 Boxes				*/
/*------------------------------*/

/* set millions of background images */
.rbroundbox { background: url(../images/nt.gif) repeat; }

/*
.rbroundbox_clear { background: url(nt.gif) repeat; clear: both; }
aangepast door joni ivmproblemen in ff
*/
.rbroundbox_clear { background: url(../images/nt.gif) repeat; }

.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
}
.rbcontent { margin: 0 10px; }
.rbroundbox { width: 100%; margin: 0 0 0 0; }

.weblog { background: url(box_weblog.jpg) no-repeat; height: 67px; margin: 0 0 0 -10px; padding: 110px 8px 0px 17px; }
.weblog p { margin: 0px 0px 0px 3px; } 

.rbcontent_news { margin: 0 9px; }
.rbcontent_contact { margin: 0 9px; }

.news_img {	color: #000; background-color: #fff; padding: 4px; margin: 8px 0 5px 0px; border: 1px solid #CDCFCD; display: block; } 

/*------------------------------*/
/*			/Boxes				*/
/*------------------------------*/


/* CONTENT */

.content_block {
	width: 475px;
	border-bottom: 1px dotted #D9088A;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
 	margin: 5px 0 5px 0;
}

/*
#col { float:left; width:563px; margin:8px 0 8px 0; padding:0; }
aangepast door joni ivmproblemen in ff
*/
#col {  width:563px; margin:8px 0 8px 0; padding:0; overflow: hidden; }

.coltext { float:left; margin:0 13px 0 0; padding:0 13px 0 0; width:170px; border-right: 1px solid #CDCFCD; }
.coltext2 { float:left; margin:0; padding:0; width:165px; }
.coltext img { margin:3px 0 8px 0; display:block; }
.coltext2 img { margin:3px 0 8px 0; display:block; }

#blogblock { float:left; width:563px; margin:8px 0 8px 0; padding:0; }
.colblog { float:left; margin:0 13px 0 0; padding:0 13px 0 0; width:170px; border-right: 1px solid #CDCFCD; }
.colblog2 { float:left; margin:0; padding:0; width:340px; }

p {	padding: 0;	margin: 5px 5px 15px 0px; line-height: 170%;  }
.rbcontent p { margin: 5px 0px 0px 0px; } 
.rbcontent_news p { margin: 5px 0px 0px 0px; } 

br.break { clear: both; }

img { border: 0px solid black; margin: 0px 0px 0px 0px; } 
.img_right { padding: 0px;	margin: 0 0 0 10px;	}
.img_content { padding: 4px; margin: 0 6px 7px 0px; border: 1px solid #CDCFCD; }

ul { margin: 0px 0 15px 40px; padding: 0 0 0 0; list-style: outside; }
li { }

li a:link { color: #2891FF; background: transparent; text-decoration:none; }
li a:visited { color: #2891FF; background: transparent; text-decoration:none; }
li a:hover { color: #2891FF; background: transparent; text-decoration:underline; }
li a:active { color: #2891FF; background: transparent; text-decoration:none; }

.blacktext { color:black; }
#sitemap li { color:black; }

#breadcrumb {
	font-size:95%;
	background:#fff;
	color:#aaa;
	text-transform:lowercase;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 12px;
	margin-left: 0px;
	padding-left: 15px;
	width: 600px;
}
#breadcrumbs {
	font-size:95%;
	background:#fff;
	color:#aaa;
	text-transform:lowercase;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 12px;
	margin-left: 0px;
	padding-left: 15px;
	width: 550px;
}
#breadcrumbs a {color:#aaa}
#breadcrumbs a:hover {text-decoration:underline}
#breadcrumb a {color:#aaa}
#breadcrumb a:hover {text-decoration:underline}

#keywords {font-size:95%;background:#fff;color:#aaa;text-align:center;}
#keywords a {color:#aaa;text-decoration:none;}


div.error {
  border: 1px solid red;
  background-color : #FFCCCC;
  width: auto;
  margin: 5px 0px 5px 0px;
  padding: 15px;  
}


div.blockcontainer{
	overflow: hidden;
	margin: 0;
	padding: 0;
}

div.block_left {
	float:left;	
	width:50%; 
	margin: 5px 0px 0px 0px;	
}

div.block_right {
	float:right;
	width:50%; 
	margin: 5px 0px 0px 0px;	
}

form { margin: 0px; }





/* PORTFOLIO */



.project { 
	width: 260px;
	float: left;
	padding: 0px 0 0px 0; 
	border-bottom: 0px solid #CDCFCD; 
	margin: 10px 0 10px 0;
	}
	
#projects div.left{
	margin-right: 10px;
}

.project_small {
	color: #000;
	background-color: #fff;
	padding: 0px;
	margin: 0 12px 0 0;
	border: 4px solid #e0e0e0;
	display: block;
	float: left;
}

.project_screen {
	color: #000;
	background-color: #fff;
	padding: 4px;
	margin: 0 0 18px 0;
	border: 1px solid #CDCFCD;
	display: block;
	float: left;
}

div.project h2{
	text-align: center;
	font-weight: normal;
	font-size: 120%;
}




div.slideshow {
  margin: 18px auto;
  color: #000;
  border: 1px solid #cdcfcd;
}
div.slideshow p {
  padding-top: 9px;
}
div.slideshow ul {
  background: transparent;
  bottom: -50px;
  left: -40px;
  position: absolute;
  overflow: hidden;
  padding: 5px 0;
  z-index: 10001;

}
div.slideshow ul a {
  background-position: 50% 50%;
  cursor: pointer;
  display: block;
  height: 25px;
  margin-right: 5px;
  opacity: 0.5;
  width: 23px;
  opacity: 1;
}
div.slideshow ul a.active,
div.slideshow ul a:hover {
  opacity: 1;
}
div.slideshow ul li {
  float: left;
  list-style: none;
}

a.prev{
	background: transparent url('/images/portfolio/arrowleft.gif');
	background-repeat: no-repeat;
}

a.next{
	background: transparent url('/images/portfolio/arrowright.gif');
	background-repeat: no-repeat;
}
















.quote {
	margin: 0 7px 0 3px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.quote2 { margin: 0 3px 0 7px; background: url(quote2.gif) no-repeat; }

.textgray {color: #aaa}

/* BLOG */

.blog_first { padding: 5px 0 0px 0; width: 500px; }
.blog { padding: 15px 0 3px 0; width: 500px;  border-top: 1px solid #CDCFCD; }

.blogdate {margin: 0 0 0 0; padding: 0 0 5px 0; color: #aaa}
.linkmaken {margin: 0 0 0 0; padding: 0 0 5px 0; color: #aaa; font-weight: normal;}
.blogtitle { margin: 0 0 0 0; padding: 0 0 0 0; }
.ekuddos_small { vertical-align: middle; border: 1px solid #006699;  }
.nujij_small { vertical-align: middle; border: 1px solid #FFF;  }

.blogftr_left {
	float: left;
}

.blogftr_right {
	float: right;
	text-align: right;
	padding: 0px 0 0 0;
	margin: -10px 0 0 0;
}

/* COMMENTS */
.commentlist {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: justify;
	width: 500px;
	}

.commentlist li {
	margin: 15px 15px 3px 0px;
	padding: 5px 10px 3px 10px;
	list-style: none;
	color: #000;	
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.alt {
	background-color: #F1EFED;
	border-top: 1px solid #CDCFCD;
	border-bottom: 1px solid #CDCFCD;	
	}
	
/* FOOTER */

.ftr_left {
	float: left;
}

.ftr_right {
	text-align: center;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

a.footerlink:link, a.footerlink:visited { color: #555; text-decoration: none; }

/* { border: 1px solid #F00; } */


/* Search form for blog */


* html #searchresults{
height: 810px;
}

#blogsearch input.field{
	border: 1px solid #aaa;
	background: #fff;
	width: 130px;
	margin-bottom: 5px;
	padding: 3px 3px 3px 3px;
	height: 16px;
	font-size: 120%;
	line-height: 120%;
	display: block;
	float: left;
}

#blogsearch input.submit{
	border: 1px solid #aaa;
	margin: 0px 0 5px 5px;
	padding: 3px 3px 3px 3px;
	height: 24px;
	font-size: 120%;
	line-height: 120%;
	display: block;
	float: left;
}

#searchresults h3{
	font-size: 120%;
}

#searchbox{
	border: 1px solid #ccc;
	border-width: 1px 0 1px 0;
	background: #eee;
	padding: 10px 0 10px 180px;
	margin: 5px 0 15px 0;
	height: 50px;
}