body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img{border:0;}
h1, h2, h3, h4, h5, h6, address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
q:before, q:after {content:'';}
	
html {
	font-size: 100%;
}

body {
	font-family: arial, helvetica, sans-serif;
	background: #161616 url(../images/bg.jpg) no-repeat;
	background-position: top center;
	font-size: 70%;
	line-height: 1.8em;
}

#wrapper {
	width: 950px;
	background: #ffffff;
	margin: 0 auto;
	overflow: hidden;
}

a, a:link, a:visited {
	color: #ff006c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#detail {
	color: #ff006c;
	margin-top: 5px;
	margin-bottom: 10px;
}

#navigation a, #navigation a:link, #sub-navigation a, #sub-navigation a:link, #sub-navigation2 a, #sub-navigation2 a:link, #navigation a:visited, #sub-navigation a:visited, #sub-navigation2 a:visited {
	color: #000000;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}

#navigation a:hover, #sub-navigation a:hover, #sub-navigation2 a:hover {
	color: #000000;
	text-decoration: none;
	background: #ff006c;
	padding-left: 2px;
	padding-right: 2px;
}
		
#home #navhome,
#about #navabout,
#about #services #navservices,
#about #process #navprocess,
#about #methodology #navmethodology,
#work #navwork,
#work #basementonview #navbasementonview,
#work #bssc #navbssc,
#work #cathstyles #navcathstyles,
#work #chalkandtalk #navchalkandtalk,
#work #crusoecollege #navcrusoecollege,
#work #dieguisproductions #navdieguisproductions,
#work #labella #navlabella,
#work #littlewombat #navlittlewombat,
#work #loddonshire #navloddonshire,
#work #maddogproductions #navmaddogproductions,
#work #opencandy #navopencandy,
#work #permablitz #navpermablitz,
#work #responsys #navresponsys,
#work #speaklanguages #navspeaklanguages,
#work #thirststudios #navthirststudios,
#work #mybestfriendswardrobe #navwardrobe,
#work #bcfm #navbcfm,
#work #charmwood #navcharmwood,
#work #jenniferharwood #navjenniferharwood,
#blog #navblog,
#contact #navcontact,
.current {
	font-weight: bold;
}

#header {
	width: 950px;
	height: 188px;
	background: url(/images/bg-header.jpg) no-repeat;
}

#lnk-clientlogin {
	float: right;
	margin-right: 60px;
	margin-top: 150px;
}

h1 {
	display:block;
	background: url(/images/h1-logo.jpg) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 243px;
	height: 188px;
	background-position: 57px 67px;
	float: left;
}

h2 {
	width: 161px;
	color: #b6a6aa;
	font-weight: bold;
}

p {
	margin-bottom: 10px;
}

#work h2 {
	display:block;
	background: url(/images/h2-work.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 119px;
	height: 26px;
	margin-bottom: 10px;
}

#contact h2 {
	display:block;
	background: url(/images/h2-contact.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 119px;
	height: 26px;
	margin-bottom: 10px;
}

#blog h2 {
	display:block;
	background: url(/images/h2-blog.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 119px;
	height: 26px;
	margin-bottom: 10px;
}

#about h2 {
	display:block;
	background: url(/images/h2-about.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 119px;
	height: 26px;
	margin-bottom: 10px;
}

#home h4 {
	display:block;
	background: url(/images/h4-home.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 190px;
	height: 195px;
	margin-left: -5px;
	margin-bottom: 10px;
}

#latestposts {
	display:block;
	background: url(/images/h2-latestposts.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 200px;
	height: 26px;
	margin-bottom: 10px;
}

.worksample1 {
	 width: 301px;
	 height: 299px;
	 float: left;
	 margin-left: 10px;
	 margin-bottom: 20px;
	 padding-bottom: 15px;
	 border-bottom: 1px solid #dadae2;
}

.front-blurb {
	margin-left: 11px;
	width: 290px;
	margin-right: 28px;
	float: left;
}

.front-links {
	display: block;
	padding-left: 10px;
}

.worksample2 {
	 width: 333px;
	 height: 299px;
	 float: left;
	 margin-bottom: 20px;
	 padding-bottom: 15px;
	 border-bottom: 1px solid #dadae2;
}

#blog h4 {
	color: #fd006d;
	font-size: 2.7em;
}

h3 {
	width: 161px;
	font-weight: bold;
	color: #b6a6aa;
}

.details {
	width: 161px;
	color: #b6a6aa;
}

.col1 {
	margin-left: 55px;
	margin-right: 26px;
	width: 161px;
	float: left;
}

.col2 {
	width: 645px;
	float: left;
}

#btn-send {
	display: block;
	text-indent: -999px;
	overflow: hidden;
	position: relative;
	background: url(/images/btn-send.png);
	width: 111px;
	height: 82px;
	left: -10px;
	top: 20px;
	border: 0;
}

#searchsubmit {
	display: block;
	text-indent: -999px;
	overflow: hidden;
	position: relative;
	background: url(/images/btn-search.png);
	width: 80px;
	height: 65px;
	left: 110px;
	top: -25px;
	border: 0;
}

#submit {
	display: block;
	text-indent: -999px;
	overflow: hidden;
	position: relative;
	background: url(/images/btn-submit.png);
	width:155px;
	float: right;
	height: 115px;
	right: 40px;
	top: -25px;
	border: 0;
}

#badge {
	display: block;
	text-indent: -999px;
	overflow: hidden;
	position: relative;
	width: 228px;
	height: 204px;
	left: 82px;
	top: 40px;
}

#sidebar {
	color: #ff006c;
}

#sidebar ul {
	margin-bottom: 10px;
	list-style: none;
}

#sidebar li {
	list-style: none;
}

#bssc #badge,
#labella #badge,
#basementonview #badge,
#maddogproductions #badge,
#loddonshire #badge,
#crusoecollege #badge,
#permablitz #badge,
#cathstyles #badge,
#opencandy #badge,
#littlewombat #badge,
#mybestfriendswardrobe #badge,
#speaklanguages #badge,
#thirststudios #badge,
#responsys #badge,
#bcfm #badge {
	background: url(../images/badge-none.png) no-repeat;
}

#chalkandtalk #badge,
#dieguisproductions #badge,
#jenniferharwood #badge,
#charmwood #badge
 {
	background: url(../images/badge-new.png) no-repeat;
}

#about #badge {
	background: url(../images/badge-hello.png) no-repeat;
	left: 82px;
	top: 30px;
}

#home #badge {
	background: url(../images/badge-recentwork.png) no-repeat;
	width: 114px;
	height: 152px;
	left: 82px;
	top: -0px;
}

#contact h4 {
	display:block;
	background: url(/images/h4-contact.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 300px;
	height: 26px;
	margin-bottom: 10px;
}

.contactform {
	width: 645px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ececec;
}

.postmetadata {
	width: 645px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ececec;
	color: #b6a6aa;
}

.postmetadata a {
	color: #b6a6aa;
}

.category-tweets h4,
.category-tweets #detail,
.category-tweets .postmetadata,
#comments {
	display: none;
	width: 0px;
}

.category-tweets {
	background: #dccdd1 url(../images/tweet.gif) no-repeat;
	background-position: bottom left;
	padding-left: 45px;
	color: white;
	line-height: 15px;
	margin-bottom: 10px;
}

.category-tweets .entry {
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
}

.category-tweets p {
	margin-bottom: 0px;
}

.commentlist li {
	background: #dccdd1 url(../images/comment.gif) no-repeat;
	padding: 10px;
	padding-left: 45px;
	color: white;
	margin-bottom: 10px;
}

.minicol1 {
	width: 200px;
	float: left;
}

.minicol2 {
	width: 210px;
	float: left;
}

label {
	margin-left: 5px;
}

#work #labella h4 {
	display:block;
	background: url(../images/h4-labella.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#about h4 {
	display:block;
	background: url(../images/h4-about.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 92px;
	float: left;
}

#work #basementonview h4 {
	display:block;
	background: url(../images/h4-basementonview.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#work #responsys h4 {
	display:block;
	background: url(../images/h4-responsys.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#work #mybestfriendswardrobe h4 {
	display:block;
	background: url(../images/h4-mybestfriendswardrobe.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#work #littlewombat h4 {
	display:block;
	background: url(../images/h4-littlewombat.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#work #jenniferharwood h4 {
	display:block;
	background: url(../images/h4-jenniferharwood.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#work #charmwood h4 {
	display:block;
	background: url(../images/h4-charmwood.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#work #bcfm h4 {
	display:block;
	background: url(../images/h4-bcfm.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#work #opencandy h4 {
	display:block;
	background: url(../images/h4-opencandy.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#work #bssc h4 {
	display:block;
	background: url(../images/h4-bssc.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#work #thirststudios h4 {
	display:block;
	background: url(../images/h4-thirststudios.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#work #speaklanguages h4 {
	display:block;
	background: url(../images/h4-speaklanguages.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#work #crusoecollege h4 {
	display:block;
	background: url(../images/h4-crusoecollege.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#work #chalkandtalk h4 {
	display:block;
	background: url(../images/h4-chalkandtalk.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#work #dieguisproductions h4 {
	display:block;
	background: url(../images/h4-dieguisproductions.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#work #maddogproductions h4 {
	display:block;
	background: url(../images/h4-maddogproductions.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#work #loddonshire h4 {
	display:block;
	background: url(../images/h4-loddonshire.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#work #permablitz h4 {
	display:block;
	background: url(../images/h4-permablitz.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#work #cathstyles h4 {
	display:block;
	background: url(../images/h4-cathstyles.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 645px;
	height: 125px;
	float: left;
}

#showmemore {
	display:block;
	background: url(../images/h5-showmemore.jpg) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 122px;
	height: 24px;
	margin-top: 14px;
	margin-bottom: 12px;
}

.vcard a,
.commentmetadata a {
	color: white;
}

.fn {
	font-weight: bold;
}

.vcard .says {
	display: none;
}

.vcard {
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid white;
}

.commentlist li p {
	color: black;
}

#showme {
	display:block;
	background: url(../images/h5-showme.jpg) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 77px;
	height: 19px;
	margin-top: 44px;
	margin-bottom: 12px;
}

.categories { 
	font-weight: bold;
}

.cat-item {
	font-weight: normal;
}

#search {
	display:block;
	background: url(../images/h5-search.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 77px;
	height: 19px;
	margin-top: 44px;
	margin-bottom: 12px;
}

#archive {
	margin-top: -50px;
	font-weight: bold;
}

#categoriestitle {
	font-weight: bold;
}

#meta {
	font-weight: bold;
}

#work img {
	margin-bottom: 8px;
}

#workthumbnails li {
	background: no-repeat;
	list-style: none;
	float: left;
	width: 150px;
	height: 110px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#tooltip {
    padding: 3px;
    padding-left: 7px;
    padding-right: 7px;
    background: #000000;
    color: #ffffff;
    line-height: 16px;
    filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}

.form {
	width: 410px;
	margin-bottom: 7px;
}

.formcomments {
	width: 410px;
	margin-bottom: 7px;
	float: left;
}

.formcheck {
	clear: both;
}

#furtherinfo {
	margin-top: 30px;
	color: #b6a6aa;
}

#furtherinfo ul {
	width: 150px;
	margin-left: -6px;
}

#furtherinfo li {
	list-style: none;
	line-height: 17px;
}

#furtherinfo li {
	padding-left: 6px;
}

.recommended {
	border-bottom: 1px solid #ff006c;
	padding-bottom: 5px;
	padding-top: 0px;
}

.afterrecommended {
	padding-top: 5px;
}

#content {
	width: 950px;
	min-height: 300px;
	margin: 0 auto;
	padding-top: 55px;
	background: url(../images/bg-body.jpg) no-repeat;
}


#navigation {
	height: 103px;
	width: 66px;
	float: left;
	overflow: hidden;
	margin-top: 62px;
}

#sub-navigation {
	height: 103px;
	width: 130px;
	float: left;
	overflow: hidden;
	margin-top: 62px;
	border-left: 1px solid #edecec;
}

#sub-navigation2 {
	height: 103px;
	width: 135px;
	float: left;
	overflow: hidden;
	margin-top: 62px;
}

#navigation li {
	list-style: none;
}

#sub-navigation li {
	list-style: none;
	margin-left: 24px;
}

#sub-navigation2 li {
	list-style: none;
	margin-left: 14px;
}

#footer {
	clear: both;
	height: 184px;
	width: 950px;
	background: url(../images/bg-footer.jpg) no-repeat;
}

#footer p {
	color: #a69ea1;
	float: left;
	margin-left: 52px;
	padding-top: 115px;
	line-height: 1.4em;
}

#footer p a {
	color: #a69ea1;
}

#comment {
	width: 645px;
}


.previousproject {
	background: url(../images/icon-previous.jpg) no-repeat;
	background-position: left;
	padding-left: 16px;
}

.nextproject {
	background: url(../images/icon-next.jpg) no-repeat;
	background-position: left;
	padding-left: 16px;
}

.download {
	background: url(../images/icon-download.png) no-repeat;
	background-position: left;
	padding-left: 16px;
}

.blog {
	background: url(../images/icon-blog.png) no-repeat;
	background-position: left;
	padding-left: 16px;
}

#flickr {
	display:block;
	background: url(../images/btn-flickr.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 145px;
	height: 33px;
	float: left;
	margin-bottom: 10px;
}

#flickr-work {
	display:block;
	background: url(../images/btn-flickr-work.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 145px;
	height: 22px;
	float: left;
	margin-bottom: 10px;
}

#twitter {
	display:block;
	background: url(../images/btn-twitter.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 145px;
	height: 22px;
	float: left;
	margin-bottom: 2px;
}

#facebook {
	display:block;
	background: url(../images/btn-facebook.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 145px;
	height: 22px;
	float: left;
	margin-bottom: 2px;
}

#siteurl {
	float: right;
	background: url(../images/ink-footer.jpg) no-repeat;
	background-position: right;
	padding-right: 58px;
	margin-right: 60px;
	margin-top: 115px;
}