neek/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

:focus {
	border: 0;
	outline: 0;
}

html {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #515151;
	font-size: 10px;
	height: 100%;
}

#about {
	background-color: #ffff00;
}

a {
	color: #3f3f3f;
	text-decoration: none;
}

#wrapper {
	position: relative;
	width: 990px;
	margin: 0 auto 0 auto;
	overflow: auto;
	min-height: 100%;
	background: url(/images/bg-body.gif) 116px -5px repeat-y;
}

#about #wrapper {
	background: url(/images/bg-body-yellow.gif) 116px -5px repeat-y;
}

#column-1 {
	float: left;
	width: 230px;
	margin: 0 0 0 115px;
	background: url(/images/bg-column1.gif) top left no-repeat;
	position: relative;
	overflow: visible;
}

#about #column-1 {
	background: url(/images/bg-column1-about.gif) top left no-repeat;
}

#column-2 {
	float: left;
	width: 582px;
	padding: 52px 0 20px 0;
	margin: 0 0 0 20px;
	position: relative;
}

.nav-main {
	text-transform: uppercase;
	letter-spacing: 0.5px;
	background: url(/images/bg-chequer.gif) top left repeat-x;
	padding-top: 14px;
	width: 170px;
	margin: 54px 0 0 22px;
}

#about .nav-main {
	background: url(/images/bg-chequer-yellow.gif) top left repeat-x;
}

.nav-main + .nav-main,
#about .nav-main + .nav-main {
	margin: 0 0 0 22px;
	background: none;
	padding-top: 20px;
}

.nav-main li {
	height: 12px;
	margin: 0 0 15px -12px;
	text-indent: -9999px;
}

.nav-main li.active {
	background: url(/images/bg-h2.gif) left center no-repeat;
}

.nav-main li a {
	display: block;
	background: url(/images/titles.gif) 0 0 no-repeat;
	text-indent: -9999px;
	height: 12px;
	line-height: 12px;
}

#title-featuredwork a {	background-position: 0 -12px;}
#title-featuredwork a:hover { background-position: 0 -24px; }
#title-featuredwork a.active,
#title-featuredwork a.active:hover { background-position: 0 0; }
#about #title-featuredwork a { background-position: 0 -24px; }

#title-aboutlick a { background-position: 0 -48px; }
#title-aboutlick a:hover { background-position: 0 -60px; }
#title-aboutlick a.active,
#title-aboutlick a.active:hover { background-position: 0 -36px; }
#about #title-aboutlick a { background-position: 0 -384px; }

#title-getintouch a { background-position: 0 -84px; }
#title-getintouch a:hover { background-position: 0 -96px; }
#title-getintouch a.active,
#title-getintouch a.active:hover { background-position: 0 -72px; }
#about #title-getintouch a { background-position: 0 -96px } 

#title-lovethis a { background-position: 0 -120px; }
#title-lovethis a:hover { background-position: 0 -132px; }
#title-lovethis a.active,
#title-lovethis a.active:hover { background-position: 0 -108px; }
#about #title-lovethis a { background-position: 0 -132px } 

#title-follow a { background-position: 0 -144px; }
#title-follow a:hover,
#about #title-follow a { background-position: 0 -156px; }

#lick-logo {
	position: absolute;
	top: 46px;
	left: 21px;
	width: 52px;
	height: 71px;
	background: url(/images/logo-lick.png) top left no-repeat;
	text-indent: -9999px;
	overflow: auto;
}

#lick-logo a {
	display: block;
	width: 50px;
	height: 69px;
}

.contact {
	position: absolute;
	top: 311px;
	left: 22px;
	background: url(/images/bg-chequer.gif) top left repeat-x;
	/*margin: 103px 0 20px 20px;*/
	padding: 12px 0 0 0;
	font-size: 11px;
	width: 170px;
	line-height: 18px;
}

#title-contact {
	background: url(/images/titles.gif) 0 -168px no-repeat;
	text-indent: -9999px;
	overflow: visible;
	height: 12px;
	margin: 2px 0 18px -12px;
	line-height: 12px;
}

.contact #title-getintouch2 {
	display: block;
	background: url(/images/titles.gif) 0 0 no-repeat;
	text-indent: -9999px;
	height: 12px;
	background-position: 0 -72px;
	margin: 2px 0 10px -12px;
	line-height: 12px;
}

#about #title-contact {
	background-position: 0 -180px;
}

#about .contact {
	background: url(/images/bg-chequer-yellow.gif) top left repeat-x;
}

.contact h3 {
	font-size: 17px;
	color: #1E1E1E;
	margin: 15px 0 5px 0;
}

.contact .contact-details {
	margin: 17px 0 0 0;
	padding-top: 18px;
	border-top: solid 1px #F2F2F2;
}

.street-address:nth-of-type(2)::after {
	content: none;
}

.contact p {
	margin-bottom: 5px;
}

.adr {
	margin-bottom: 17px;
}

.tel {
	margin: 10px 0 5px 0;
}

.tel .label {
	padding-right: 4px;
}

.email .label {
	padding-right: 7px;
}

.tel .value, .email .value {
	background: url(/images/separator.gif) left center no-repeat;
	padding-left: 12px;
}

.email .value {
	text-decoration: underline;
}

.credit {
	margin: 30px 0 0 0;
}

.credit p a {
	text-decoration: underline;
}


.featured {
	position: relative;
	height: 226px;
	width: 582px;
}

#title-featuredproject {
	background: url(/images/titles.gif) 0 -228px	no-repeat;
	text-indent: -9999px;
	overflow: auto;
	height: 12px;
	width: 200px;
	margin: 2px 0 20px 0;
}

.featured .image-main {
	position: absolute;
	top: 0;
	left: 0;
	width: 311px;
	height: 226px;
}

.featured .image-main #label-new {
	position: absolute;
	top: 150px;
	left: 260px;
	width: 60px;
	height: 60px;
}

.featured .info {
	position: absolute;
	top: 0;
	left: 331px;
	background: url(/images/bg-chequer.gif) top left repeat-x;
	width: 251px;
	padding: 10px 0 0 0;
}

.info p {
	margin: 0 0 5px 0;
	line-height: 17px;
	font-size: 11px;
}

.info .action {
	background: url(/images/bg-h2.gif) left center no-repeat;
	padding: 0 0 0 15px;
	font-size: 10px;
	margin: 15px 0 0 0;
	text-transform: uppercase;
}

p#anchor-viewproject {
	background: url(/images/titles.gif) 0 -204px no-repeat;
	height: 12px;
	width: 120px;
	text-indent: -9999px;
	margin-top: 20px;
	line-height: 12px;
}

p#anchor-viewproject:hover {
	background-position: 0 -216px;
}

p#anchor-viewproject a {
	display: block;
}

.projects {
	background: url(/images/bg-chequer.gif) top left repeat-x;
	margin: 33px 0 0 0;
	padding: 14px 0 0 0;
}

#about .projects {
	background: url(/images/bg-chequer-yellow.gif) top left repeat-x;
}

#title-latest {
	background: url(/images/titles.gif) 0 -192px no-repeat;
	text-indent: -9999px;
	overflow: auto;
	height: 12px;
	width: 200px;
}

.projects h2 span:first-child {
	background: none;
	padding: 0;
}

.project {
	float: left;
	width: 180px;
	margin: 0 20px 20px 0;
	position: relative;
	height: 131px;
}

.project img {
	position: absolute;
	top: 0;
	left: 0;
}

.project a {
	display: block;
	width: 180px;
	height: 130px;
}

.project a img.mono,
.project a:hover img.colour {
	display: block;
	z-index: 50;
}

.project a img.colour,
.project a:hover img.mono {
	display: none;
	z-index: 50;
}

.projects .end {
	margin: 0;
}

.project-image {
	position: relative;
	width: 582px;
	overflow: hidden;
}

#column-2 #visit-site {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 380px;
	right: -20px;
	z-index: 1000;
}

#column-2 #sneek-peek {
	width: 126px;
	height: 126px;
	position: absolute;
	top: 310px;
	right: -20px;
	z-index: 1000;
}


.project-carousel {
	width: 582px;
	height: 423px;
	overflow: hidden;
}
/* Headings */

.projects h2 {
	background: url(/images/bg-h2.gif) left center no-repeat;
	padding: 0 0 0 15px;
}

h2 {
	text-transform: uppercase;
	margin: 0 0 18px 0;
	font-size: 8px;
}

.info h3 {
	font-size: 17px;
	color: #1e1e1e;
	margin: 0 0 10px 0;
}

#about-image {
	margin-top: -20px;
}

#tweet-me {
	position: absolute;
	top: 203px;
	left: 142px;
	background: url(/images/tweet-me.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: auto;
	width: 60px;
	height: 60px;
}

.about {
	width: 170px;
	margin: 103px 0 0 20px;
	background: url(/images/bg-chequer-yellow.gif) top left repeat-x;
	padding: 10px 0 0 0;
	color: #3f3f3f;
}

.about p a {
	text-decoration: underline;
}

.about #title-about,
.about #title-whatido,
.about #title-themugshot {
	background: url(/images/titles.gif) 0 0 no-repeat;
	overflow: auto;
	text-indent: -9999px;
	margin: 4px 0 10px -12px;
}

.about h2 {
	height: 20px;
	cursor: pointer;
}

.about .header:focus {
	outline: none;
	border: 0;
}

.about #title-about {
	background-position: 0 -428px;
}

.about .ui-state-active #title-about {
	background-position: 0 -408px;
}


.about #title-whatido {
	background-position: 0 -468px;
}

.about .ui-state-active #title-whatido {
	background-position: 0 -448px;
}

.about #title-themugshot {
	background-position: 0 -510px;
}

.about .ui-state-active #title-themugshot {
	background-position: 0 -490px;
}

.about #accordion h3 {
	font-size: 17px;
	margin: 0 0 10px 0;
}

.about #accordion p {
	margin: 0 0 10px 0;
	font-size: 11px;
	line-height: 18px;
}

.about .accordion-contents {
	overflow: auto;
	padding: 0 0 5px 0;
}

/* Contact Page */

#title-leavemessage {
	background: url(/images/titles.gif) 0 -240px no-repeat;
	text-indent: -9999px;
	overflow: auto;
	height: 12px;
	width: 200px;
	margin-left: -14px;
}

.contact-form {
	background: url(/images/bg-chequer.gif) top left repeat-x;
	margin: 33px 0 0 0;
	padding: 14px 0 0 0;
}

.contact-form .form-row {
	float: left;
	margin: 0 0 10px 0;
	clear: both;
	width: 580px;
}

.contact-form label {
	float: left;
	text-size: 11px;
	color: #515151;
	width: 115px;
	line-height: 21px;
	font-size: 11px;
}

.contact-form input, .contact-form textarea {
	float: left;
	padding: 3px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

.contact-form input.text {
	width: 245px;
	background-color: #f2f2f2;
	border: none;
	height: 15px;
}

.contact-form .textarea {
	width: 355px;
	height: 79px;
	background-color: #f2f2f2;
	border: none;
	resize: none;
}

.contact-form .form-row p,
.contact-form .form-row label.error {
	float: left;
	clear: both;
	width: 300px;
	margin: 5px 0 0 120px;
	color: red;
}

.contact-form .submit-area {
	height: 44px;
}

.contact-form .submit-area button {
	background: url(/images/button-send.gif) top left no-repeat;
	width: 44px;
	height: 44px;
	text-indent: -9999px;
	overflow: auto;
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.contact-form .submit-area img {
	position: absolute;
	top: 0;
	left: 0;
}

.contact-form .submit-area {
	position: relative;
	width: 44px;
	margin: 0 0 0 115px;
}

/* Projects Page */

.project-info {
	position: absolute;
	top: 311px;
	background: url(/images/bg-chequer.gif) top left repeat-x;
	margin: 0 0 20px 20px;
	padding: 12px 0 0 0;
	font-size: 11px;
	width: 170px;
}

#title-projectinfo {
	background: url(/images/titles.gif) 0 -372px no-repeat;
	text-indent: -9999px;
	font-size: 8px;
	overflow: auto;
	height: 12px;
	width: 200px;
	margin-left: -12px;
}

.project-info p {
	margin: 0 0 10px 0;
	line-height: 17px;
}

.project-info #label-new {
	position: absolute;
	top: -10px;
	left: 118px;
}

.project-info h3 {
	font-size: 17px;
	margin: 0 0 10px 0;
	color: #1e1e1e;
}

#project-image-prev,
#project-image-next {
	text-indent: -9999px;
	float: left;
}

.project-controls {
	overflow: auto;
	margin: 10px 0 35px 0;
}

#project-image-prev {
	background: url(/images/separator.gif) 100% 3px no-repeat;
	padding-right: 12px;
	margin-right: 10px;
}

#project-image-prev a {
	background: url(/images/titles.gif) 0 -264px no-repeat;
	width: 80px;
	display: block;
}

#project-image-next a {
	background: url(/images/titles.gif) 0 -288px no-repeat;
	width: 80px;
	display: block;
}

#project-image-prev a:hover {
	background-position: 0 -276px;
}

#project-image-next a:hover {
	background-position: 0 -300px;
}


#project-next {
	float: right;
	text-indent: -9999px;
}

#project-next a {
	background: url(/images/titles.gif) 0 -312px no-repeat;
	width: 95px;
	display: block;
}

#project-next a:hover {
	background-position: 0 -324px;
}

.column-a {
	float: left;
	width: 250px;
	padding: 15px 0 0 0;
	background: url(/images/bg-chequer.gif) top left repeat-x;
}

.column-b {
	float: left;
	width: 310px;
	margin: 0 0 0 22px;
	padding: 15px 0 0 0;
	background: url(/images/bg-chequer.gif) top left repeat-x;
}

.column-a, .column-b {
	color: #515151;
}

.disciplines {
	padding-bottom: 25px;
}

#title-disciplines {
	background: url(/images/titles.gif) 0 -348px no-repeat;
	width: 70px;
	display: block;
	overflow: auto;
	height: 13px;
	text-indent: -9999px;
	margin-bottom: 10px;
}

.disciplines p {
	font-size: 11px;
	line-height: 18px;
}

.disciplines span {
	background: url(/images/separator.gif) center right no-repeat;
	margin: 0 4px 0 0;
	padding: 0 14px 0 0;
	display: inline-block;
}

.disciplines span.last {
	background: none;
}

.recognition {
	padding: 15px 0 0 0;
	background: url(/images/bg-chequer.gif) top left repeat-x;
}

#title-recognition {
	background: url(/images/titles.gif) 0 -360px no-repeat;
	width: 80px;
	display: block;
	overflow: auto;
	height: 13px;
	text-indent: -9999px;
	margin-bottom: 10px;
}

.recognition ul li {
	font-size: 11px;
	margin: 0 0 4px 0;
}

.recognition ul li a {
	text-decoration: underline;
	color: #515151;
}

#title-testimonial {
	background: url(/images/titles.gif) 0 -336px no-repeat;
	width: 120px;
	display: block;
	overflow: auto;
	height: 13px;
	text-indent: -9999px;
	margin-bottom: 10px;
}

.testimonial p {
	margin: 0 0 10px 0;
}

.testimonial blockquote {
	font-size: 11px;
	line-height: 19px;
}

.testimonial span.client {
	display: block;
	margin-top: 10px;
	font-weight: bold;
}