body {
	text-align: center;
	padding: 0;
	margin: 0;
	margin: 0;font: 75%/1.4 arial, helvetica, sans-serif;
	color: #3B3F40;
	background: url("/includes/images/bg.gif") #11323e no-repeat center top;
}
#page {
	text-align: left;
	position: relative;
	width: 980px;
	margin: 0 auto;
	background: url("/includes/images/bg.gif") #11323e no-repeat center top;
}
#body {
	float: right;
	width: 700px;
	min-height: 250px;
	margin: 50px 0 0 0;
	padding: 260px 0 0 0;
	font-size: 105%;
	background: url("/public/images/banners/what-we-do.jpg") #fff no-repeat 0 0;
}
#what-we-do #body {
	background: url("/public/images/banners/what-we-do.jpg") #fff no-repeat 0 0;
}
#benefits-of-marketing #body {
	background: url("/public/images/banners/benefits-of-marketing.jpg") #fff no-repeat 0 0;
}
#benefits-of-working-with-blue-horizons #body {
	background: url("/public/images/banners/benefits-of-working-with-us.jpg") #fff no-repeat 0 0;
}
#contact-us #body,
.contact-us #body {
	background: url("/public/images/banners/contact-us.jpg") #fff no-repeat 0 0;
}
#how-we-work #body {
	background: url("/public/images/banners/how-we-work.jpg") #fff no-repeat 0 0;
}
#our-mission #body {
	background: url("/public/images/banners/mission-statement.jpg") #fff no-repeat 0 0;
}
#services #body {
	background: url("/public/images/banners/our-services.jpg") #fff no-repeat 0 0;
}
#testimonials #body {
	background: url("/public/images/banners/testimonials.jpg") #fff no-repeat 0 0;
}
#portfolio #body,
.portfolio #body {
	background: url("/public/images/banners/portfolio.jpg") #fff no-repeat 0 0;
}
#who-we-are #body {
	background: url("/public/images/banners/who-we-are.jpg") #fff no-repeat 0 0;
}
#why-choose-us #body {
	background: url("/public/images/banners/why-choose-us.jpg") #fff no-repeat 0 0;
}
#printed-literature #body {
	background: url("/public/images/banners/printed-literature.jpg") #fff no-repeat 0 0;
}
#referral-literature #body {
	background: url("/public/images/banners/referral-literature.jpg") #fff no-repeat 0 0;
}
#e-marketing #body {
	background: url("/public/images/banners/e-marketing.jpg") #fff no-repeat 0 0;
}
#advertising #body {
	background: url("/public/images/banners/advertising.jpg") #fff no-repeat 0 0;
}
#other-services #body {
	background: url("/public/images/banners/other-services.jpg") #fff no-repeat 0 0;
}
#websites #body {
	background: url("/public/images/banners/websites.jpg") #fff no-repeat 0 0;
}
#brand-image #body {
	background: url("/public/images/banners/brand-image.jpg") #fff no-repeat 0 0;
}
#seo #body {
	background: url("/public/images/banners/seo.jpg") #fff no-repeat 0 0;
}
.articles #body {
	background: url("/public/images/banners/articles.jpg") #fff no-repeat 0 0;
}
#our-team #body {
	background: url("/public/images/banners/team.jpg") #fff no-repeat 0 0;
}
#photography #body {
	background: url("/public/images/banners/photography.jpg") #fff no-repeat 0 0;
}
#free-cosmetic-website #body {
	background: url("/public/images/banners/free-cosmetic-website.jpg") #fff no-repeat 0 0;
}


#newsletterbanner {
	position: relative;
	margin-top: -260px;
	margin-bottom: 50px;
}

#sidebar {
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	margin: 240px 0 0 0;
	padding: 50px 0 30px 0;
	z-index: 200;
}
	#sidebar #getintouch,
	#home #sidebar #getintouch,
	#contact-us #sidebar #getintouch {
		position: absolute;
		top: -175px;
		left: 0;
		clear: both;
		padding: 0;
		background-image: none;
	}
	#sidebar #getintouch p,
	#home #sidebar #getintouch p,
	#contact-us #sidebar #getintouch p {
		font-size: 17px;
		color: #C2E2ED;
		padding: 0 11px;
		margin: 0 0 1em 0;
	}
	#sidebar #getintouch p em {
		display: block;
		color: #fff;
		font-style: normal;
		font-size: 160%;
	}
	#sidebar #getintouch a img {
		margin: 0 10px 10px 0;
	}
	#sidebar h2,
	#body #sidebar h2 {
		position: relative;
		clear: both;
		font: normal 130% arial, verdana, helvetica, sans-serif;
		color: #ADBE24;
		margin: 0 0 1em 10px;
		padding: 0 0 2px 0;
		border: none;
	}
	#sidebar ul {
		position: relative;
		clear: both;
		padding: 0 0 0 0;
		list-style: none;
		margin: 4px 0 4em 10px;
	}
	#sidebar ul li.current ul,
	#sidebar ul li.current ul li.current ul  {
		display: block;
		margin: 2px 0 6px 11px;
	}
	#sidebar ul li.current a,
	#sidebar ul li.current ul li.current a,
	#sidebar ul li.current ul li.current ul li.current a {
		color: #fff;
		background: url("../images/node-arrow.gif") transparent no-repeat -200px center;
	}
	#sidebar ul li a,
	#sidebar ul li.current ul li a,
	#sidebar ul li.current ul li.current ul li a {
		color: #487f95;
		background: url("../images/node-arrow.gif") transparent no-repeat 0 center;
		padding: 0 0 0 10px;
	}
	#sidebar ul li {
		padding: 0;
		margin: 0;
		overflow: hidden;
		color: #487F95;
	}
	#sidebar ul ul,
	#sidebar ul li.current ul ul {
		display: none;
	}














#main {
	/* overflow: hidden; */
}
#wrapper {
	position: relative;
	/* overflow: hidden; */
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 40px 0 0 0;
}
	#content {
		position: relative;
		clear: both;
		width: 960px;
		padding: 0;
		margin: 0 auto 0 auto;
	}
		.extra {
			position: absolute;
			left: -999em;
		}

	#nav {
		clear: both;
		position: absolute;
		top: 0;
		margin: 0;
		padding: 0;
		width: 700px;
		height: 90px;
		right: 0;
		background: #fff;
		text-align: center;
	}
		#nav h2 {
			display: none;
		}
		#nav ul {
			position: relative;
			top: -6px;
			margin: 30px 0 30px 0;
			padding: 0;
			height: 3.4em;
			list-style: none;
			/* background: url("../images/nav.gif") #ADBE24 no-repeat center center; */
		}
			#nav li {
				position: relative;
				display: inline;
				margin: 0;
				padding: 0;
			}
			#nav li a:focus,
			#nav li a:hover {
				color: #000;
				text-decoration: underline;
			}
				#nav li a {
					position: relative;
					top: 10px;
					margin: 0 -1px 0 0;
					padding: 35px 15px 6px 15px;
					text-decoration: none;
					color: #828282;
					font: normal 130% arial, verdana, helvetica, sans-serif;
					border-right: solid 1px #E8E8E8;
					border-left: solid 1px #E8E8E8;
				}
				#nav li.selected a,
				#nav li.selected a:focus,
				#nav li.selected a:hover {
					padding: 25px 15px 6px 15px;
					color: #000;
					text-decoration: none;
					border-top: solid 12px #ADBE24;
				}
				
				



				.what-we-do #nav li.selected a,
				.what-we-do #nav li.selected a:focus,
				.what-we-do #nav li.selected a:hover {
					border-top: solid 12px #ADBE24;
					color: #ADBE24;
				}
				.who-we-are #nav li.selected a,
				.who-we-are #nav li.selected a:focus,
				.who-we-are #nav li.selected a:hover {
					border-top: solid 12px #396BB0;
					color: #396BB0;
				}
				.how-we-work #nav li.selected a,
				.how-we-work #nav li.selected a:focus,
				.how-we-work #nav li.selected a:hover {
					border-top: solid 12px #FB6A01;
					color: #FB6A01;
				}
				.why-choose-us #nav li.selected a,
				.why-choose-us #nav li.selected a:focus,
				.why-choose-us #nav li.selected a:hover {
					border-top: solid 12px #B50706;
					color: #B50706;
				}
				.portfolio #nav li.selected a,
				.portfolio #nav li.selected a:focus,
				.portfolio #nav li.selected a:hover {
					border-top: solid 12px #9D939F;
					color: #9D939F;
				}



		.portfolio .clienturl {
			position: relative;
			text-align: right;
			padding: 5px 0 0 0;
			/* top: 172px; */
		}
		.portfolio .clienturl a {
			position: relative;
		}
		#portfolio #clientwork {
			overflow: hidden;
			width: 654px;
		}

		.portfolio .pages {
			position: absolute;
			width: 580px;
			left: 315px;
			top: 290px;
			font-size: 90%;

			/* top: 172px; */
		}
		.portfolio #body .pages img,
		.portfolio #body .clienturl img {
			padding: 0;
			margin: 0;
			border: none;
		}
		.portfolio .pages .prev {
			float: right;
		}
		.portfolio .pages .next {
			float: right;
			margin: 0 0 0 6px;
		}
		.portfolio #body img {
			margin: 40px 55px 10px 55px;
			border: solid 1px #ccc;
		}
		#portfolio #clientwork ul {
			float: left;
			display: inline;
			padding: 4px 0 30px 0;
			margin: 0 0 0 55px;
			list-style: none;
			width: 700px;
		}
			#portfolio #clientwork li {
				float: left;
				display: inline;
				padding: 0 0 0 0;
				margin: 0 21px 21px 0;
				width: 132px;
				position: relative;
				border: solid 1px #ccc;
			}
			#portfolio #clientwork li:hover,
			#portfolio #clientwork li:focus {
				border-color: #666;
			}
			#portfolio #clientwork li a {
				width: 120px;
				border: solid 6px #fff;
			}
			#portfolio #clientwork li a:hover span,
			#portfolio #clientwork li a:focus span {
				background: transparent;
				visibility: hidden;
			}
			#portfolio #clientwork li a span {
				background: transparent;
				visibility: hidden;

				position: absolute;
				bottom: 0;
				line-height: 1em;
				padding: 6px 0 8px 0;
				margin: -10px 0 0 0;
				background: #fff;
				width: 168px;
			}

	#clear {
		position: relative;
		top: -30px;
		clear: both;
		height: 15px;
		margin: 0 2px -15px 2px;
		z-index: +1;
		background: url("../images/footer.gif") transparent no-repeat center bottom;
	}
	#content a {
		color: #288EBE;
	}





#registration {
	position: relative;
	top: -100px;
	width: 600px;
	margin: 0 0 0 310px;
	padding: 0;
	font: normal 0.86em/1.4em verdana, arial, helvetica, sans-serif;
	text-align: right;
}


#footer {
	clear: both;
	width: 960px;
	height: 0;
	padding: 0;
	margin: 0 auto;
}
.clear {
	clear: both;
}
#content #printnav {
	position: relative;
	padding: 4px 0;
	margin: 30px 55px 150px 55px;
	border: none;
	width: 590px;
	border-top: solid 1px #E0DFDA;
	border-bottom: solid 1px #E0DFDA;
	overflow: hidden;
}
a.print, a.html {
	/*
	position: absolute;
	left: 0;
	background: none;
	*/
	float: left;
	padding: 4px 3px 5px 3px;
	margin: 0 0 0 -3px;
	cursor: pointer;
	font: 0.9em verdana, arial, helvetica, sans-serif;
	border: none;
	text-align: center;
}
h1 {
	position: absolute;
	text-align: left;
	top: 258px;
	width: 600px;
	padding: 20px 52px;
	font: normal 1.5em arial, helvetica, sans-serif;
	color: #2e2e2e;
}
h1,
#portfolio h1 {
	display: none;
}
.portfolio h1 {
	display: block;
}

h2 {
	margin: 0;
	padding: 0;
	font: bold 1.4em arial, helvetica, sans-serif;
}
img {
	border: none;
}
cite {
	display: block;
	font: normal 150%/130% arial, verdana, helvetica, sans-serif;
	color: #788302;
	margin-bottom: 2em;
}
#body blockquote {
	float: right;
	width: 120px;
	height: 100px;
	padding: 30px;
	margin: -20px 55px 20px 40px;
	background: #425C64;
	color: #fff;
	text-align: center;
}
#body blockquote span {
	margin: 10px 0 0 0;
	display: block;
	font: normal 90%/100% arial, verdana, helvetica, sans-serif;
	color: #ADBE24;
}
#body blockquote span strong {
	display: block;
	font-weight: normal;
}
#body .post {
	border-top: solid 1px #E0DFDA;
	position: relative;
	margin: 0 55px 20px 55px;
}
#body .post h2,
#body .post h3 {
	border: none;
	position: relative;
	margin: 0;
}
#body .post p {
	position: relative;
	margin: 0 0 1.5em 0;
}


#testimonials #body #entries blockquote {
	float: none;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0 55px;
	background: transparent;
	color: #666;
	text-align: left;
}
#testimonials #body #entries div {
	padding: 0 0 10px 0;
	margin: 0 55px 2em 55px;
	border-bottom: solid 1px #E0DFDA;
}
#testimonials #body #entries div:last-child {
	padding: 0;
	border-bottom: none;
}
#testimonials #body #entries blockquote p {
	position: relative;
	padding: 0;
	margin: 0;
}
#testimonials #body #entries p {
	position: relative;
	padding: 0;
	margin: 0 0 0.8em 0;
}
#testimonials #body #entries blockquote span {
	margin: 10px 0 0 0;
	display: block;
	font: normal 90%/100% arial, verdana, helvetica, sans-serif;
	color: #666;
}
#testimonials #body #entries em {
	position: relative;
	top: -0.4em;
}
#site-map #item-testimonials ul,
#testimonials #sidebar ul ul {
	display: none;
}



#sidebar blockquote {
	margin: 0 20px 4em 10px;
	color: #A8B9C1;
}
ul {
	margin: 0 55px 1em 69px;
	padding: 0 0 0 0;
	list-style: disc;
}
ol {
	margin: 0 55px 1em 77px;
	padding: 0 0 0 0;
}
#body p {
	margin: 0 55px 1.7em 55px;
}
#body h2 {
	margin: 20px 55px 10px 55px;
	padding: 20px 0 0 0;
	border-top: solid 1px #E0DFDA;
}
#body h3 {
	margin: 0 55px 2px 55px;
	padding: 6px 0 0 0;
}

.accessibility #body blockquote {
	display: none;
}
#body table {
	margin: 10px 55px 20px 55px;
}
#body table th {
	vertical-align: top;
}
#body table .headings th {
	color: #288EBE;
	height: 2em;
}
#body table p {
	margin: 0 0 1em 0;
}
#body table .headings th.title {
	width: 10em;
}
.portfolio #body h3 {
	margin: 0 55px 10px 55px;
	padding: 10px 0 0 0;
	border-top: solid 1px #E0DFDA;
}


#site-map #body ul {
	list-style-position:inside;
	padding: 0 0 0 1.2em;
	margin: 0 0 0 45px;
}
#site-map #body ul ul {
	margin: 0;
}



/* Case study */
#body .case {
	width: 290px;
	margin: 0 55px 10px 55px;
}
#body .case h2 {
	margin: 0 0 0 0;
}
#body .case h3 {
	margin: 0 0 10px 0;
}
#body .case p {
	margin: 0 0 10px 0;
}





#body form h2 {
	margin: 20px 0 0 0;
	padding: 0;
	border: none;
}
#body form p {
	margin: 0;
}
#body form label {
	margin: 0;
}
#body form {
	margin: 0 55px 10px 55px;
	padding: 0;
}
#body fieldset {
	border: none;
}
#body h2.first {
	border: none;
}

#sitemap #body ul ul {
	padding: 0;
	margin: 0 0 0 16px;
}
a {
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
}
#footer a#logo {
	position: absolute;
	border: none;
	padding: 0;
	margin: 0 0 0 8px;
	top: 26px;
	color: #fff;
}
	#footer a#logo img {
		border: none;
	}




#articles #body a.article {
	margin: 0 10px 0 0;
}
#articles #body a.article:hover img {
	border-color: #B50706;
}
#articles #body a.article img {
	border: solid 1px #ccc;
	padding: 8px;
}






#contact-us #body p {
	margin: 0 50px 1.4em 50px;
}
#contact-us #body strong {
	display: block;
	white-space: nowrap;
}
#contact-us #body div#add-column,
#contact-us #body div#tel-column {
	display: inline;
	display: inline-block;
	width: 220px;
	vertical-align: top;
}
#contact-us #body div#add-column {
	width: 200px;
}





#make-an-enquiry h1,
#request-a-call-back h1,
#request-a-brochure h1 {
	display: inline;
	top: 280px;
	background: #BAC741;
	color: #ffffff;
	width: auto;
	padding: 4px 8px;
	z-index: 200;
	margin-left: 80px;

}

/* Contact Form */
.contact-form {
	position: relative;
	padding: 0;
	margin: 0 0 0 0;
	overflow: hidden;
}
	.contact-form form {
		padding: 0;
		margin: 0;
		clear: right;
		border: solid 1px #BAC741;
	}
	.contact-form fieldset {
		padding: 0;
		margin: 0;
		border: none;
		position: relative;
	}
	#body .contact-form h3 {
		position: relative;
		display: none;
		visibility: hidden;
		padding: 7px 7px;
		margin: 20px 0 20px 0;
		border: none;
		font: bold 14px Arial, Verdana, Helvetica, sans-serif;
		background: #E8C859;
		color: #fff;
	}
	.contact-form p {
		margin: 0 7px 1em 7px;
	}
	.contact-form label {
		clear: both;
		position: relative;
		display: block;
		margin: 0 0 6px 0;
		padding: 0 0 6px 0;
		height: auto;
		overflow: hidden;
		font: normal 12px Arial, Verdana, Helvetica, sans-serif;
		color: #666;
	}

	.contact-form .columns2 label {
		float: left;
		width: 30%;
	}

	.contact-form strong.required {
		color: #A80000;
		cursor: help;
		font: normal 12px Verdana, Arial, Helvetica, sans-serif;
		width: auto;
		height: auto;
		float: none;
	}
		.contact-form label input,
		.contact-form label textarea {
			position: relative;
			width: 298px;
			border: solid 1px #B8B6B6;
			padding: 2px 3px;
		}
		.contact-form input,
		.contact-form select,
		.contact-form textarea {
			font: normal 13px Arial, Verdana, Helvetica, sans-serif;
		}
			.contact-form fieldset fieldset  {
				padding: 0;
				margin: 0 0 0 9.3em;
			}
				.contact-form fieldset fieldset legend span {
					font: normal 12px Arial, Verdana, Helvetica, sans-serif;
					padding: 0;
					color: #666;
					position: absolute;
					left: 0;
					width: 10.7em;
					text-align: right;
				}
					.contact-form fieldset fieldset label {
						display: inline;
						margin: 0 0 0 0;
						position: relative;
						overflow: hidden;
					}
						.contact-form fieldset fieldset label span {
							width: auto;
							text-align: left;
						}
					.contact-form fieldset fieldset label input {
						width: auto;
						border: none;
						padding: 0;
					}
					.contact-form label.radiogroup {
						position: relative;
						overflow: hidden;
						padding: 0;
						margin: 0 0 4px 0;
						display: block;
					}

					.contact-form label.radiogroup input {
						position: relative;
						top: 3px;
						padding: 0;
						margin: 0;
						height: 10px;
						float: left;
					}
					.contact-form label.radiogroup span {
						top: 0;
						position: relative;
						padding: 0 0 0 0;
						margin: 0px 16px 0 -1px;
						float: right;
						text-align: left;
					}

		.contact-form label input.checkbox {
			position: relative;
			width: 14px;
			height: 14px;
			border: none;
			margin: 5px 0 0 0;
			padding: 0;
			bottom: 0;
		}
		.contact-form label input,
		.contact-form label textarea,
		.contact-form label select {
			float: left;
			margin: 0;
		}
		.contact-form label textarea {
			height: 6.2em;
			overflow: auto;
		}
		.contact-form label textarea.length2 {
			height: 11.2em;
		}
		.contact-form label select {
			width: 308px;
			height: auto;
		}
			.contact-form label select option {
				display: block;
				width: 100%;
			}
		.contact-form label span {
			position: relative;
			top: 2px;
			float: left;
			width: 10em;
			text-align: right;
			margin-right: 0.8em;
		}
		.contact-form .submitholder {
			margin: 0 7px 0 0;
			padding: 0 0 20px 0;
			overflow: hidden;
		}
		#signup .contact-form label {
			display: inline;
			float: left;
			overflow: hidden;
		}
		#signup .contact-form p {
			display: block;
			float: none;
			clear: both;
		}
		#signup .contact-form .submitholder {
			display: inline;
			float: left;
			margin: 0 7px 0 0;
			padding: 0 0 20px 0;
		}
		#signup .contact-form .submitholder input.submit {
			display: inline;
			float: left;
			margin: 0 0 0 6px;
		}
		.contact-form input.submit {
			cursor: pointer;
			margin: 0 0 0 9.9em;
		}

	.contact-form p.requirednotice {
		position: relative;
		padding: 3em 3em 4px;
		height: 3em;
	}

	/* Red */
	.contact-form p.warning {
		position: relative;
		top: 0;
		margin: 0 0 10px 0;
		padding: 2px 6px;
		color: #fff;
		background: #A80000;
		border-bottom: solid 20px #fff;
		text-align: right;
	}
		.contact-form p.warning strong {
			display: block;
		}
		#content .contact-form p.warning a {
			position: relative;
			color: #fff;
			text-decoration: none;
		}
		.contact-form label.red input,
		.contact-form label.red textarea {
			border-color: #A80000;
		}
		.contact-form label.red {
			color: #A80000;
		}

	/* Green */
	.contact-form p.success {
		position: relative;
		margin: 20px 0 0 0;
		color: #00A800;
	}








/*
#home #body,
#home #nav {
	background: #11323E;
}
#home #nav {
	height: 80px;
	overflow: hidden;
}
#home #nav li a {
	color: #fff;
	border-color: #5A7780;
}
#home #printnav {
	border-color: #5A7780;
	margin-left: 15px;
	width: 670px;
}
#home #printnav a.print {
	visibility: hidden;
}

#home #socialfarm h2 {
	color: #ABD042;
}
#home #registration,
#home #navigation a {
	color: #fff;
}
#home #body {
	overflow: hidden;
}
*/
#home #body {
	background: #fff;
	/* overflow: hidden; */
}
#home #body ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 30px;
}
#home #body li {
	float: left;
	display: inline;
	margin: 0 20px 30px 0;
}
#home #body li a {
	float: left;
	color: #fff;
	width: 160px;
	padding: 20px;
	overflow: hidden;
	font-size: 120%;
}
#home #body #flashfeature {
	height: 320px;
	position: relative;
	margin: -260px 0 0 15px;
	padding: 0;
}
#home #body #mainfeature {
	position: relative;
	margin: -260px 0 0 15px;
}





.what-we-do #body a.casestudy {
	top: 10px;
	position: relative;
	margin: 0 0 20px 55px;
}







#body blockquote.quote-bristol-plastic-surgery {
	padding: 60px 30px 0 30px;
}
#body blockquote.quote-bray-dental-practice,
#body blockquote.quote-meneage-dental-centre,
#body blockquote.quote-smile-more-dental-care {
	padding: 40px 30px 20px 30px;
}
#body blockquote.quote-dove-smile-centre,
#body blockquote.quote-the-orthodontic-centre {
	padding: 15px 30px 45px 30px;
}
#body blockquote.quote-stradbrook-dental-centre,
#body blockquote.quote-mike-allens-dental-practice,
#body blockquote.quote-clifton-dental-studio {
	padding: 20px 30px 40px 30px;
}
#body blockquote.quote-chris-barrow,
#body blockquote.quote-kingkraft {
	padding: 25px 30px 35px 30px;
}







.profile {
	position: relative;
	clear: both;
}
.profile img {
	position: relative;
	float: left;
	margin: 0 0 0 30px;
	padding: 0 20px 0 0;
	overflow: hidden;
	background: #fff;
}
.profile p {
	overflow: hidden;
}
.profile h2 em {
	display: block;
	font-size: 80%;
	font-weight: normal;
}
.profile h2 {
	margin: 0 -0.4em 0 0;
}



























#navigation {
	z-index: 300;
	position: absolute;
	bottom: 0;
	width: 960px;
	padding: 0;
	margin: 0 auto 0 auto;
	font: normal 85% verdana, sans-serif;
	color: #63A7C1;
}
#navigation ul {
	position: relative;
	padding: 0;
	margin: -180px 0 0 0;
	width: 920px;
	z-index: 200;
	overflow: hidden;
}

#navigation ul ul li a {
	position: absolute;
	top: -999em;
	margin: 0;
}
#navigation ul ul li a:focus,
#navigation ul ul li a:active {
	left: 0;
	top: 0;
	right: 0;
	width: 100%;
}
#navigation ul ul {
	position: absolute;
	top: 0;
	margin-left: 7.8em;
}
#navigation ul li,
#navigation ul ul li {
	position: relative;
	display: inline;
	float: right;
}
#navigation ul ul li {
	float: left;
}
#navigation ul li a {
	border-left: solid 1px #ccc;
	padding: 0 6px;
	margin: 0 -2px 0 2px;
	color: #666;
	text-decoration: none;
	white-space: nowrap;
}
#navigation ul li a:hover,
#navigation ul li a:focus {
	text-decoration: underline;
}
#links {
	position: relative;
	overflow: hidden;
	width: 880px;
	margin: 0 auto 40px auto;
	padding: 0 0 0 20px;
}
	#links h2 {
		position: absolute;
		left: -999em;
	}
	#links ul {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 95%;
		text-align: left;
		list-style: none;
	}
	#links ul ul {
		margin: 2px 0 0 0;
		padding: 0;
		list-style: disc;
		color: #63A7C1;
	}
	#links li {
		font-weight: bold;
		float: left;
		/*
		width: 130px;
		*/
		width: 170px;
		margin: 0;
		padding: 0 0 0 1px;
		position: relative;
		overflow: hidden;
	}
	#navigation ul li#gotohome a {
		border: none;
	}
	#links li li {
		font-weight: normal;
		padding: 0 0 0 0;
	}
		#links li a {
			margin: 0;
			padding: 4px 1px;
			text-decoration: none;
			color: #B5DCFA;
		}
		#links li a:hover,
		#links li a:focus {
			color: #fff;
			text-decoration: underline;
		}
		#links li li a {
			color: #63A7C1;
			padding: 4px 0 4px 14px;
			background: url("../images/arrow-s.gif") no-repeat center left;
		}
		#links li li a:hover,
		#links li li a:focus {
			color: #B5DCFA;
			background-position: -294px center;
		}
		#links img {
			position: relative;
			border: none;
		}
#socialfarm {
	position: relative;
	width: 340px;
	left: 264px;
	margin: 0 auto 0 auto;
	padding: 0 15px 0 0;
	text-align: right;
	top: -174px;
	z-index: +10;
	overflow: hidden;
}
#socialfarm h2 {
	position: relative;
	display: inline;
	padding: 0;
	margin: 0 6px 6px 0;
	top: -4px;
	font: normal 0.86em verdana, arial, helvetica, sans-serif;
	color: #666;
}
#socialfarm ul {
	position: relative;
	display: inline;
	list-style: none;
	margin: -2px 0 0 0;
	padding: 0;
}
#socialfarm ul li {
	position: relative;
	display: inline;
	margin: 0 0 0 4px;
	padding: 0;
	overflow: hidden;
}
#socialfarm li a {
	position: relative;
	margin: 0;
	padding: 1px;
	overflow: hidden;
	font: normal 0.9em verdana, arial, helvetica, sans-serif;
	color: #63A7C1;
	text-decoration: none;
}
#socialfarm li a:hover,
#socialfarm li a:focus {
	text-decoration: underline;
}
#socialfarm img {
	position: relative;
	margin: 0;
	padding: 0;
	border: none;
}


.example-link {
    margin: 0 55px 1.7em;
}







.portfolio #main #body {
	background: #fff;
	border-top: solid 1px #E8E8E8;
	padding-top: 50px;
}
.portfolio #main #body h1 {
	top: 60px;
}
.portfolio #main #body img {
	border: none;
}
.portfolio #main #body .pages {
	top: 90px;
	width: 590px;
}













/**
 * Slideshow style rules.
 */
#slideshow {
	margin:0 0 30px -15px;
	padding: 0;
	width:700px;
	height:410px;
	background: #ccc;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width: 700px;
  height:410px;
  position:relative;
  overflow: hidden
}
#slideshow .slide {
  margin:0 auto;
  width:700px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:410px;
  overflow: hidden;
}
#slideshow blockquote {
  float: left;
  color: #222222;
  padding: 20px;
  margin: 0 0 0 100px;
  width: 200px;
  height: 120px;
  background: #ffffff;
  background-color: rgba(255, 255, 255, 0.3);
}
#slideshow blockquote p {
	margin: 0;
	padding: 0;
}
#slideshow img {
  float: left;
  margin: 0;
  padding: 0;
}
#slideshow a {
  float: left;
  margin: 0 0 0 60px;
  display: none;
}



#featuredstudies img {
	position: relative;
	margin: -20px 0 15px 0;
	left: -20px;
	clear: both;
	display: block;
}
#featuredstudies a:hover, #featuredstudies a:focus {
	text-decoration: none;
}


#home #body li.literature a,
.literature {
	background: #3F8394;
}
#home #body li.websites a,
.websites {
	background: #82a214;
}
#home #body li.logos a,
.logos {
	background: #B73D2F;
}





#body .slide h2 {
  margin: 40px 40px 40px 40px;
  padding: 10px 0 0 60px;
  color: #ffffff;
  font: normal 3em tahoma, arial, sans-serif;
  border: none;
}
/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-600em;
  position: absolute;
  top: 159px;
  cursor: pointer;
  z-index: 500;
}
#leftControl {
  left:-39px;
  background:transparent url('/includes/images/slideLeft.gif') no-repeat 0 0;
}
#rightControl {
  right:-39px;
  background:transparent url('/includes/images/slideRight.gif') no-repeat 0 0;
}






.post small {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 2em 40px;
	text-align: left;
	display: block;
}
#body .post h2 {
	padding-bottom: 1em;
}
.post small span {
	float: right;
	margin: 0 0 0 40px;
	padding: 0;
	display: block;
	width: 550px;
}
.post small span em {
	font-style: normal;
	display: block;
}
.post small a {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 0 0 0;
	padding: 0;
}
.post small a img {
	position: absolute;
}
.post ol {
	padding: 0 0 1.5em 2em;
	margin: 0 0 0 0;
}




#articles #body .navigation {
	margin: 0 50px 1em 50px;
	padding: 4px 0 4px 0;
	border-top: solid 1px #E0DFDA;
	border-bottom: solid 1px #E0DFDA;
}