@import url('form.css');
@import url('nav.css');
@import url('portfolio.css');

body,p,ul,h1,h2,h3,h4,h5 {
	font-family:Arial, Helvetica, sans-serif;
}
body {
	color: #2d281d;
	background: #d6d5b7 url(../grfx/bg-body-2010.jpg) no-repeat 0 0;
	margin:0;
	font-size:11px;
}
h2 {
	font-size: 2.0em;
}
h3 {
	font-size: 0.9em;
}
h4 {
	font-size: 0.8em;
}
h1,h2,h3,h4,h5 {
	color: #444444;
}
h3,h4,h5 {
	padding-bottom: 1.0em;
}
/*strong {
	color: #6d614e;
}*/
p {
	/*padding-bottom: 1.0em;*/
	text-align:justify;
}
a {
	color:#444444;	
}
img {
	border: none;
}
#container {
	position:absolute;
	top:420px;
	left: 0;
}
	#wrapper {
		float: left;
		min-height:450px;
		height:auto !important;
		height:450px;
		padding:0 0 12px 0;
	}
		#portfolio-content {
			float: left;
			width:663px;
			background:url(../grfx/bg-content.png) top left no-repeat;
			padding:26px 30px 0 22px;
			text-align:justify;
			color:#444444;
			min-height:200px;
			height:auto !important;
			height:200px;
		}
		#content {
			float: left;
			width:363px;
			background:url(../grfx/bg-content.png) top left no-repeat;
			padding:26px 30px 0 22px;
			text-align:justify;
			color:#444444;
			min-height:200px;
			height:auto !important;
			height:200px;
		}
			#portfolio-content h1 {
				margin:0 0 4px;
				font-size:16px;
				line-height:21px;
				font-weight:normal;
			}
			#content h1 {
				margin:0 0 4px;
				font-size:16px;
				line-height:21px;
				font-weight:normal;
			}
			#content p{
				/*margin:0 0 17px;*/
				
			}
				#footer {
					float: left;
					height: 52px;
					width: 800px;
					padding:130px 0 0 80px;
					margin: 0;
					background: url(../grfx/footer-bg.jpg) top left no-repeat;
				}
				#footer p {
					margin-top: 0;
					line-height:17px;
				}
	#quote {
		float: left;
		width:325px;
		padding: 23px 0 0 0;
		margin: 0;
	}
	#quote ul {
		margin: 0;
		padding: 30px 0 0 0;
	}
	#quote ul li {
		list-style-type: none;
	}
	#quote h2 {
		font-size: 14px;
		font-weight: normal;
		padding: 0;
		margin: 0 0 8px 0;
	}
		#quote blockquote {
			display:block;
			font-size:22px;
			line-height:28px;
			font-weight:normal;
			margin:0 0 10px 0;
			padding:0;
			color:#444444;
			text-indent:-10px;
		}
		#quote cite {
			display:block;
			margin-top: 5px;
			
			font-style:normal;
		}
		/* hCard */
		#contact-details {
				
		}
		#company-title {
			font-weight:bold;
			margin:0 0 20px 0;
		}
		#office-number {
			display:block;
			margin:20px 0 0 0;
		}
	#sidebar {
		float: left;
		width: 163px;
		padding: 0 19px 0 73px;
	}
		#sidebar .menu{
			margin:0;
			padding:0;
			font:11px/33px Tahoma,Arial,sans-serif;
			list-style:none;
		}
			#sidebar .menu li{padding:0 0 2px;}
			#sidebar .menu a{
				display:block;
				padding:0 22px 0 10px;
				text-decoration:none;
				color:#fff;
				background:url(../grfx/bg-menu.png) no-repeat 0 0;
				cursor:pointer;
			}
			#sidebar .menu .pict{
				display:block;
				margin:1px -22px 0 -10px;
			}
				#sidebar .menu .pict img{display:block;}
				#sidebar .menu .pict span{
					display:block;
					padding:0 12px;
					background:#7a7968;
				}
			#sidebar .menu ul, #sidebar .menu ul li, #sidebar .menu ul li a {
				padding:0;
				margin:0;
				line-height:1;
				list-style-type:none;
			}
				#sidebar .menu ul li {
					margin:2px 0 1px 0;
				}
			/* e-newsletter */
				#sidebar .menu ul.newsletter li {
					position:relative;
					width:163px;
					height:114px;
					padding: 6px 0 0 0;
					background-image:url(../grfx/e-newsletter-form.jpg);
					font-family:Helvetica, Arial, sans-serif;
				}
				#sidebar .menu ul.newsletter li label {
					display:block;
					color:#373737;
					margin:3px 0 3px 8px;
				}
				#sidebar .menu ul.newsletter li input {
					background-color:#CDCDC6;
					border:none;
					margin-left:8px;
				}
				#sidebar .menu ul.newsletter li input#submit {
					color:#fff;
					font-size:11px;
					padding:0;
					cursor:pointer;
					display:block;
					width:38px;
					height:16px;
					border:none;
					border:0;
					background-color:transparent;
					position:absolute;
					bottom:1px;
					left:94px;
					outline:none;
				}
			/* Friends of the Loft */
			#sidebar #loft-friends li a {
				height: 23px;
				width: 159px;
				display: block;
				overflow: hidden;
				font-size: 10px;
				color: #474747;
				padding: 64px 0 0 4px;
			}
				#loft-friends #friend-brew {
					background: url(../grfx/friends/friend-brew.png) top left no-repeat;
				}
				#loft-friends #friend-buzz {
					background: url(../grfx/friends/friend-buzz.png) top left no-repeat;
				}
				#loft-friends #friend-junglist{
					background: url(../grfx/friends/friend-junglist.png) top left no-repeat;
				}
				#loft-friends #friend-tag-culture{
					background: url(../grfx/friends/friend-tag-culture.png) top left no-repeat;
				}
				#loft-friends #friend-epic{
					background: url(../grfx/friends/friend-one-man-epic.png) top left no-repeat;
				}
				#loft-friends #friend-wx{
					background: url(../grfx/friends/friend-wx.png) top left no-repeat;
				}
				#loft-friends #friend-yt{
					background: url(../grfx/friends/friend-yt.png) top left no-repeat;
				}
				
			/* Case Studies */
			#sidebar #loft-cases li a {
				height: 39px;
				width: 131px;
				display: block;
				overflow: hidden;
				color: #474747;
				padding: 0 22px 0 10px;
				background: url(../grfx/case-item-bg.png) top left no-repeat;
				font:10px/39px Tahoma,Arial,sans-serif;
			}
#portfolio-project-list {
	list-style-type:none;
	margin:0;
	padding:0;
	width:650px;
}
	#portfolio-project-list li {
		float:left;
		margin:0 7px 6px 0;
		font-size: 9px;
	}
		#portfolio-project-list li a {
			width:150px;
			height:150px;
			display:block;
			padding:0;
			text-decoration:none;
			color:#FFFFFF;
		}
		#portfolio-project-list li a span {
			display: none;
		}
			.portfolio-project-list-sub {
				display: none;
			}
.portfolio-pagenation {
	list-style: none;
	display: block;
	margin:0;
	padding:0;
	clear:left;
}
	.portfolio-pagenation li {
		display: block;
		width: 15px;
		float: left;
		font-size: 14px;
	}
		.portfolio-pagenation li a{
			text-decoration: none;
			color: #687707;
			outline: none;
		}
			.portfolio-pagenation li a:hover{
				border-bottom: 2px solid #687707;
			}
			.portfolio-pagenation li a.current-page{
				text-decoration: none;
				font-size: 14px;
				font-weight: bold;
				color: #444;
			}
			.portfolio-pagenation li a.current-page:hover{
				cursor: default;
				border-bottom: none;
			}
			#portfolio-links-holder a {
	color: #373737;
	text-decoration: none;
}
#portfolio-links-holder a:hover {
	color: #fff;
	text-decoration: none;
}

#mantra-holder {
	position: absolute;
	width: 550px;
	height: 60px;
	top: 340px;
	left: 83px;
	padding: 0;
	margin: 0;
}

#mantra-holder blockquote {
	display:block;
	font-size:28px;
	line-height:28px;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
	color:#444444;
	text-indent:-10px;
}
#mantra-holder cite {
	display:block;
	margin-top: -7px;
	font-style:normal;
	color: #444444;
}
#social-media-holder {
	position: absolute;
	width: 192px;
	height: 28px;
	top: 259px;
	left: 790px;
	padding: 0;
	margin: 0;
}

#social-media-holder ul {
	margin: 0;
	padding: 0;
}

#social-media-holder ul li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

#blog-sidebar {
	float: left;
	width: 220px;
	padding-top: 10px;
}

#blog-sidebar h2 {
	color: #444444;
	font-size: 16px;
	border-bottom: 1px dotted #A8A8A8;
	margin-bottom: 2px;
	padding: 4px 0 5px;
	font-weight: normal;
}

#blog-sidebar ul {
	margin: 0;
	padding: 0;
}

#blog-sidebar ul li {
	float: left;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #A8A8A8;
	list-style: none;
	padding: 4px 0;
	width: 220px;
	line-height: 17px;
}

#blog-sidebar a {
	color: #687707;
	text-decoration: none;
}

#contact-sidebar {
	float: left;
	width: 220px;
}

#contact-sidebar h2 {
	color: #444444;
	font-size: 16px;
	border-bottom: 1px dotted #A8A8A8;
	margin-bottom: 2px;
	padding: 4px 0 5px;
	font-weight: normal;
}

#contact-sidebar ul {
	margin: 0;
	padding: 0;
}

#contact-sidebar ul li {
	float: left;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #A8A8A8;
	list-style: none;
	padding: 4px 0;
	width: 220px;
	line-height: 17px;
}

#contact-sidebar a {
	color: #687707;
	text-decoration: none;
}

.fadeThisCapitalise span.hover {
	background: url(../grfx/product/capitalise-over.gif) top left no-repeat;
	cursor: pointer;
	display: block;
	height: 50px;
	left: 0;
	top: 0;
	position: absolute;
	width: 201px;
}

.fadeThisCultivate span.hover {
	background: url(../grfx/product/cultivate-over.gif) top left no-repeat;
	cursor: pointer;
	display: block;
	height: 50px;
	left: 0;
	top: 0;
	position: absolute;
	width: 201px;
}

.fadeThisCustomise span.hover {
	background: url(../grfx/product/customise-over.gif) top left no-repeat;
	cursor: pointer;
	display: block;
	height: 50px;
	left: 0;
	top: 0;
	position: absolute;
	width: 201px;
}

.fadeThisInnovate span.hover {
	background: url(../grfx/product/innovate-over.gif) top left no-repeat;
	cursor: pointer;
	display: block;
	height: 50px;
	left: 0;
	top: 0;
	position: absolute;
	width: 201px;
}

.fadeThisStimulate span.hover {
	background: url(../grfx/product/stimulate-over.gif) top left no-repeat;
	cursor: pointer;
	display: block;
	height: 50px;
	left: 0;
	top: 0;
	position: absolute;
	width: 201px;
}

.fadeThisUnite span.hover {
	background: url(../grfx/product/unite-over.gif) top left no-repeat;
	cursor: pointer;
	display: block;
	height: 50px;
	left: 0;
	top: 0;
	position: absolute;
	width: 201px;
}

.fadeThisScrutinise span.hover {
	background: url(../grfx/product/scrutinise-over.gif) top left no-repeat;
	cursor: pointer;
	display: block;
	height: 50px;
	left: 0;
	top: 0;
	position: absolute;
	width: 201px;
}

ul#esuite-product-list li {
	border: none;
}

h2#products-implemented {
	border: none;
}

#easter-egg-holder {
	width: 363px;
	padding: 20px 0 0 0;
	margin: 0;
}

#egg-picture {
	width: 128px;
	float: left;
}

#egg-info {
	float: left;
	width: 235px;
	padding: 0;
	margin: 0;
}