/* @override http://192.168.0.180:314/style.css */

/* 	Worktown Interiors
	© unite form 2008  */

/* Whitespace Reset */

* {
	margin: 0;
	padding: 0;
}

/* Images */

img {
	display: block;
}

a img {
	border: none;
}

a.workplace img, a img, img, a.logo img {
	behavior: url(iepngfix.htc);
}

a.workplace img {
	behavior: url(iepngfix.htc);
}

img.l {
	float: left;
}

img.r {
	float: right;
}

.right img {
	margin-bottom: 18px;
}

img.snap {
	border: 3px solid #393e3f;
}

img.snap.float {
	float: right;
	margin-left: 12px;
	display: inline;
}

img.snap.space {
}

/* Type */

ul {
	list-style-type: none;
}

ul.list {
	padding-bottom: 16px;
}

ul.list li {
	padding-left: 14px;
	padding-bottom: 4px;
	background: url(images/content/bullet.gif) no-repeat 3px 8px;
}

p {
	padding-bottom: 16px;
}

p.intro {
	line-height: 18px;
	font-size: 12px;
}

p.small {
	font-size: 10px;
}

p.support {
	background: url(images/type/support.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	height: 234px;
}

p.intro a {
	color: #dbdbdb;
}

p.intro a:hover {
	text-decoration: none;
}

/* Titles */

.section h2, .section h3 {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.section.top h2 {
	height: 15px;
	padding-bottom: 16px;
	border-bottom: 1px solid #7e8185;
	margin-bottom: 18px;
}

#news .section.top h2 {
	height: 15px;
	padding-bottom: 0px;
	border-bottom: none;
	margin-bottom: 16px;
}

.section h2 {
	height: 15px;
	padding-bottom: 16px;
}

.section h3 {
	height: 15px;
	padding-bottom: 12px;
}

.section h4 {
	font-size: 10px;
	line-height: 16px;
	border-bottom-style: none;
}

/* @group h2 */

h2.about {
	background: url(images/titles/h2-about.gif) no-repeat;
}

h2.whatwedo {
	background: url(images/titles/h2-whatwedo.gif) no-repeat;
}

h2.phone {
	background: url(images/titles/phone.gif) no-repeat right top;
}

h2.consultancy {
	background: url(images/titles/h2-consultancy.gif) no-repeat;
}

h2.design {
	background: url(images/titles/h2-design.gif) no-repeat;
}

h2.scope {
	background: url(images/titles/h2-scope.gif) no-repeat;
}

h2.casestudies {
	background: url(images/titles/h2-casestudies.gif) no-repeat;
}

h2.contact {
	background: url(images/titles/h2-contact.gif) no-repeat;
}

h2.construction {
	background: url(images/titles/h2-construction.gif) no-repeat;
}

h2.furniture {
	background: url(images/titles/h2-furniture.gif) no-repeat;
}

h2.healthsafety {
	background: url(images/titles/h2-healthsafety.gif) no-repeat;
}

h2.support {
	background: url(images/titles/h2-support.gif) no-repeat;
}

h2.leasing {
	background: url(images/titles/h2-leasing.gif) no-repeat;
}

h2.news {
	background: url(images/titles/h2-news.gif) no-repeat;
}

/* @end */

/* @group h3 */

h3.bitabout {
	background: url(images/titles/h3-bitabout.gif) no-repeat;
}

h3.upclose {
	background: url(images/titles/h3-upclose.gif) no-repeat;
}

h3.gettingstarted {
	background: url(images/titles/h3-gettingstarted.gif) no-repeat;
}

h3.examining {
	background: url(images/titles/h3-examining.gif) no-repeat;
}

h3.newbuilding {
	background: url(images/titles/h3-newbuilding.gif) no-repeat;
}

h3.spaceplan {
	background: url(images/titles/h3-spaceplan.gif) no-repeat;
}

h3.workplacedesign {
	background: url(images/titles/h3-workplacedesign.gif) no-repeat;
}

h3.officedesign {
	background: url(images/titles/h3-officedesign.gif) no-repeat;
}

h3.speed {
	background: url(images/titles/h3-speed.gif) no-repeat;
}

h3.responsibility {
	background: url(images/titles/h3-responsibility.gif) no-repeat;
}

h3.flexibility {
	background: url(images/titles/h3-flexibility.gif) no-repeat;
}

h3.quality {
	background: url(images/titles/h3-quality.gif) no-repeat;
}

h3.cost {
	background: url(images/titles/h3-cost.gif) no-repeat;
}

h3.management {
	background: url(images/titles/h3-management.gif) no-repeat;
}

/* @end */

/* Layout */

body {
	color: #eee;
	font: 11px/18px "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	background: #44494b;
}

/* Banner */

#banner {
	position: relative;
	width: 100%;
	height: 305px;
	overflow: hidden;
}

.banner {
	position: relative;
	width: 895px;
	margin-left: auto;
	margin-right: auto;
	height: 305px;
	z-index: 98;
	padding-left: 160px;
	padding-right: 160px;
}

.blend-left {
	position: absolute;
	top: 0;
	left: 0;
	height: 305px;
	width: 50%;
}

.blend-right {
	position: absolute;
	top: 0;
	right: 0;
	height: 305px;
	width: 50%;
}

a.logo {
	position: absolute;
	left: 0;
	top: -180px;
}

a.workplace {
	position: absolute;
	left: 0;
	top: -340px;
}

#home a.logo {
	top: -178px;
}

/* @group colours */

#banner.pink .banner {
	background: url(images/banners/pink.jpg) no-repeat;
}

#banner.pink .blend-left {
	background: url(images/banners/pink-left.jpg) repeat-x;
}

#banner.pink .blend-right {
	background: url(images/banners/pink-right.jpg) repeat-x;
}

#banner.white .banner {
	background: url(images/banners/white.jpg) no-repeat;
}

#banner.white .blend-left {
	background-color: #fff;
}

#banner.white .blend-right {
	background-color: #dfdfdf;
}

#banner.green .banner {
	background: url(images/banners/green.jpg) no-repeat;
}

#banner.green .blend-left {
	background: #fff url(images/banners/green-left.jpg) repeat-x;
}

#banner.green .blend-right {
	background: #fff url(images/banners/green-left.jpg) repeat-x;
}

#banner.black .banner {
	background: url(images/banners/black.jpg) no-repeat;
}

#banner.black .blend-left {
	background: url(images/banners/black-left.jpg) repeat-x;
}

#banner.black .blend-right {
	background: url(images/banners/black-right.jpg) repeat-x;
}

#banner.brown .banner {
	background: url(images/banners/brown.jpg) no-repeat;
}

#banner.brown .blend-left {
	background: url(images/banners/brown-left.jpg) repeat-x;
}

#banner.brown .blend-right {
	background: url(images/banners/brown-left.jpg) repeat-x;
}

#banner.orange .banner {
	background: url(images/banners/orange.jpg) no-repeat;
}

#banner.orange .blend-left {
	background: url(images/banners/orange-left.jpg) repeat-x;
}

#banner.orange .blend-right {
	background: url(images/banners/orange-right.jpg) repeat-x;
}

/* @end */

/* Home Overrides */

#home #nav {
	border-bottom-style: none;
}

#home #content {
	padding-top: 0;
	border-bottom-style: none;
}

#home #foot {
	padding-top: 0px;
	border-top: 1px solid #fff;
}

#home img.shift {
	position: absolute;
	left: 328px;
	z-index: 999;
	top: 222px;
}

/* Nav */

/* @group nav */

#nav {
	height: 74px;
	background: url(images/nav/nav.gif) repeat-x;
	border-bottom: 2px solid #3d4144;
}

.nav {
	position: relative;
	width: 895px;
	margin-left: auto;
	margin-right: auto;
}

.nav ul {
	position: absolute;
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	left: -17px;
}

#nav ul li {
	display: inline;
}

#nav ul li a {
	display: block;
	float: left;
	height: 74px;
	text-indent: -9999px;
	overflow: hidden;
	background-position: 0 0;
}

#nav ul li.aboutus a {
	width: 200px;
	background: url(images/nav/aboutus.jpg);
}

#nav ul li.whatwedo a {
	width: 204px;
	background: url(images/nav/whatwedo.jpg);
}

#nav ul li.scopeofdesign a {
	width: 199px;
	background: url(images/nav/scopeofdesign.jpg);
}

#nav ul li.casestudies a {
	width: 171px;
	background: url(images/nav/casestudies.jpg);
}

#nav ul li.contactus a {
	width: 155px;
	background: url(images/nav/contactus.jpg);
}

#nav ul li a:hover, #nav ul li a.active {
	background-position: 0 -74px;
}



/* @end */

/* @group subnav */

ul.subnav {
	height: 17px;
	float: right;
	margin-top: 4px;
}

ul.subnav li {
	display: inline;
}

ul.subnav li a {
	display: block;
	float: left;
	height: 17px;
	text-indent: -9999px;
	overflow: hidden;
	background-position: 0 0;
	margin-left: 14px;
}

ul.subnav li.aboutus a {
	width: 68px;
	background: url(images/subnav/aboutus.gif);
}

ul.subnav li.consultancy a {
	width: 86px;
	background: url(images/subnav/consultancy.gif);
}

ul.subnav li.design a {
	width: 50px;
	background: url(images/subnav/design.gif);
}

ul.subnav li.construction a {
	width: 91px;
	background: url(images/subnav/construction.gif);
}

ul.subnav li.furniture a {
	width: 63px;
	background: url(images/subnav/furniture.gif);
}

ul.subnav li.healthsafety a {
	width: 108px;
	background: url(images/subnav/healthsafety.gif);
}

ul.subnav li.support a {
	width: 59px;
	background: url(images/subnav/support.gif);
}

ul.subnav li.leasing a {
	width: 54px;
	background: url(images/subnav/leasing.gif);
}

ul.subnav li a:hover, ul.subnav li a.active {
	background-position: 0 -17px;
}

/* @end */

/* News */

/* @group link */

#home #content a.news {
	display: block;
	position: absolute;
	top: -160px;
	right: 0;
	width: 160px;
	height: 21px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/nav/news.gif) no-repeat;
}

#content .left a.news {
	display: block;
	position: absolute;
	top: -3px;
	right: 0;
	width: 160px;
	height: 21px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/nav/news.gif) no-repeat;
}

#content .left a.allnews {
	display: block;
	position: absolute;
	top: -3px;
	right: 0;
	width: 109px;
	height: 21px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/nav/news-all.gif) no-repeat;
}

#home #content a:hover.news, #content .left a:hover.news, #content .left a:hover.allnews {
	background-position: 0 -21px;
}

.right p.news a {
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	float: right;
	margin-bottom: 6px;
}

/* @end */

/* @group news */

.newshead {
	position: relative;
	border-bottom: 1px solid #585a5c;
	margin-bottom: 14px;
}

.newshead h4 a {
	display: block;
	padding-right: 140px;
}

.newshead h4.news a {
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	padding-bottom: 6px;
	padding-top: 7px;
}

.newshead h4.news a:hover {
	background-color: #585a5c;
}

.newshead p.date {
	padding-bottom: 0;
	position: absolute;
	right: 0;
	top: 8px;
}

#news .right img {
	margin-top: 10px;
	margin-bottom: 12px;
}

/* @end */

/* Content */

#content {
	width: 895px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 42px;
	position: relative;
	z-index: 99;
}

h1.logo {
	width: 151px;
	height: 18px;
	padding-bottom: 26px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/content/logo.gif) no-repeat;
}

/* Sections */

.section {
	float: left;
}

.section.top .left, .section.top .right {
	padding-top: 0;
	border-top-style: none;
}

#news .section.top .left, #news .section.top .right {
	padding: 0;
	border: none;
}

.left {
	position: relative;
	display: inline;
	float: left;
	width: 570px;
	margin-right: 33px;
	padding-top: 20px;
	padding-bottom: 8px;
	border-top: 1px solid #7e8185;
}

.right {
	position: relative;
	display: inline;
	float: left;
	width: 292px;
	padding-top: 20px;
	padding-bottom: 8px;
	border-top: 1px solid #7e8185;
}

#news .left {
	padding-top: 14px;
}

#news .right {
	padding-top: 14px;
}

/* Columns */

.col1 {
	width: 268px;
	float: left;
	margin-right: 34px;
}

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

/* What We Do */

.do {
	padding-bottom: 12px;
}

.do p {
	clear: both;
	padding-bottom: 8px;
}

.do.one p {
	background: url(images/type/1.gif) no-repeat 0 2px;
	padding-left: 24px;
	font-size: 12px;
	padding-top: 2px;
	position: relative;
}

.do.two p {
	background: url(images/type/2.gif) no-repeat 0 2px;
	padding-left: 24px;
	font-size: 12px;
	padding-top: 2px;
	position: relative;
}

.do.three p {
	background: url(images/type/3.gif) no-repeat 0 2px;
	padding-left: 24px;
	font-size: 12px;
	padding-top: 2px;
	position: relative;
}

ul.l, ul.r {
	float: left;
	width: 260px;
	display: inline;
	font-size: 11px;
	padding-right: 20px;
	padding-bottom: 18px;
	padding-left: 0;
}

ul.l li, ul.r li {
	padding-left: 24px;
	padding-bottom: 4px;
	background: url(images/content/bullet.gif) no-repeat 12px 7px;
}

/* Case Studies */

.section h3.chilworthhouse {
	background: url(images/titles/h3-chilworthhouse.gif) no-repeat;
	height: 28px;
}

.section h3.heritagepark {
	background: url(images/titles/h3-heritagepark.gif) no-repeat;
	height: 28px;
}

.section h3.aviva {
	background: url(images/titles/h3-aviva.gif) no-repeat;
	height: 28px;
}

.section h3.warehouseconv {
	background: url(images/titles/h3-warehouseconv.gif) no-repeat;
	height: 28px;
}

.section h3.hatchwarren {
	background: url(images/titles/h3-hatchwarren.gif) no-repeat;
	height: 28px;
}

.section h3.perse {
	background: url(images/titles/h3-perseschool.gif) no-repeat;
	height: 28px;
}

p.case {
	background-color: #3c4143;
	padding: 6px 8px;
	font-size: 10px;
	line-height: 14px;
}

p.case.space {
	margin-bottom: 12px;
	position: relative;
	height: 14px;
}

p.case span {
	color: #788186;
	float: left;
	display: inline;
}

p.case small {
	color: #788186;
	font-size: 10px;
	float: right;
	display: inline;
}

p.case strong {
	color: #cbcfd1;
}

#showcase1, #showcase2, #showcase3, #showcase4, #showcase5, #showcase6 {
	height: 240px;
	overflow: hidden;
	position: relative;
	border: 3px solid #3c4143;
	float: left;
	width: 564px;
	border-bottom-width: 2px;
}

.scroll img {
	border-style: none;
}

.scroll {
	width: 5000px;
	height: 1000px;
	position: absolute;
	top: 0;
	left: 0;
}

.thumbs {
	float: left;
	display: inline;
	width: 570px;
	background-color: #3c4143;
	margin-bottom: 8px;
	padding-bottom: 1px;
}

.thumbs img {
	border: 2px solid #3c4143;
	float: left;
	display: inline;
	padding-left: 1px;
	padding-bottom: 1px;
}

.thumbs #scroll6 img, .thumbs #scroll15 img, .thumbs #scroll21 img, .thumbs #scroll27 img, .thumbs #scroll36 img, .thumbs #scroll42 img {
	padding-left: 0;
	padding-right: 1px;
}

#show1, #show10, #show16, #show22, #show31, #show37 {
	display: inline;
	height: 240px;
	width: 564px;
	position: absolute;
	top: 0;
	left: 0;
}

#show2, #show11, #show17, #show23, #show32, #show38 {
	display: inline;
	height: 240px;
	width: 564px;
	position: absolute;
	top: 0px;
	left: 564px;
}

#show3, #show12, #show18, #show24, #show33, #show39 {
	display: inline;
	height: 240px;
	width: 564px;
	position: absolute;
	top: 0px;
	left: 1128px;
}

#show4, #show13, #show19, #show25, #show34, #show40 {
	display: inline;
	height: 240px;
	width: 564px;
	position: absolute;
	top: 0px;
	left: 1692px;
}

#show5, #show14, #show20, #show26, #show35, #show41 {
	display: inline;
	height: 240px;
	width: 564px;
	position: absolute;
	top: 0px;
	left: 2256px;
}

#show6, #show15, #show21, #show27, #show36, #show42 {
	display: inline;
	height: 240px;
	width: 564px;
	position: absolute;
	top: 0px;
	left: 2820px;
}

#show7, #show28, #show43 {
	display: inline;
	height: 240px;
	width: 564px;
	position: absolute;
	top: 240px;
	left: 0;
}

#show8, #show29, #show44 {
	display: inline;
	height: 240px;
	width: 564px;
	position: absolute;
	top: 240px;
	left: 564px;
}

#show9, #show30, #show45 {
	display: inline;
	height: 240px;
	width: 564px;
	position: absolute;
	top: 240px;
	left: 1128px;
}

#show46 {
	display: inline;
	height: 240px;
	width: 564px;
	position: absolute;
	top: 240px;
	left: 1692px;
}

#show47 {
	display: inline;
	height: 240px;
	width: 564px;
	position: absolute;
	top: 240px;
	left: 2256px;
}

/* Contact */

.form fieldset {
	border: none;
	padding-bottom: 4px;
	position: relative;
}

.form label {
	display: block;
	padding-bottom: 3px;
	padding-left: 3px;
	font-size: 10px;
}

.form small {
	font-size: 9px;
	color: #788186;
}

.form input, .form textarea {
	font-size: 16px;
	padding: 4px 2px;
	color: #2e3234;
	border: 3px solid #3b4042;
	width: 254px;
}

.form input.send {
	padding: 0;
	border-style: none;
	width: 78px;
	height: 29px;
	margin-top: 6px;
}

.form input#butSend {
	padding: 0;
	border-style: none;
	width: 78px;
	height: 29px;
	margin-top: 10px;
}

.form textarea {
	height: 126px;
}

span.error {
	background: url(images/content/error.gif) no-repeat;
	height: 26px;
	display: block;
	position: absolute;
	width: 45px;
	text-indent: -9999px;
	overflow: hidden;
	left: 216px;
	top: 24px;
}

.ErrorSummary {
	width: 214px;
	background: url(images/content/error-summary.gif) no-repeat 3px 8px;
	font-size: 10px;
	line-height: 14px;
	padding: 10px 6px 8px 26px;
}

.ErrorSummary strong {
	padding-bottom: 6px;
}

.ErrorSummary ul {
	padding-top: 6px;
	line-height: 16px;
}

ul.contactdetails {
	text-align: right;
	font-size: 12px;
	padding-bottom: 14px;
}

ul.contactdetails li.map {
	font-size: 11px;
	padding-top: 6px;
}

ul.contactdetails li.map a {
	font-size: 11px;
	padding: 3px 6px 5px 8px;
	background: #3c4143;
	text-decoration: none;
}

ul.contactdetails li a {
	color: #b8b8b8;
	text-decoration: none;
}

ul.contactdetails li a:hover {
	text-decoration: underline;
}

ul.contactdetails.clear {
	clear: both;
}

/* Foot */

#foot {
	clear: both;
	padding-top: 10px;
}

#foot .left, #foot .right {
	padding-top: 10px;
	padding-bottom: 30px;
}

#home #foot .left, #home #foot .right {
	border-top-style: none;
}

#foot h3 {
	width: 36px;
	height: 24px;
}

#foot h3 a {
	width: 36px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/foot/logo.gif) no-repeat;
	display: block;
}

#foot ul.copyright {
	font-size: 9px;
	line-height: 11px;
	position: absolute;
	top: 14px;
	left: 45px;
	width: 110px;
	display: inline;
}


#foot ul.accreditation {
	font-size: 9px;
	line-height: 11px;
	position: absolute;
	top: 14px;
	left: 395px;
	display: inline;
}

#foot ul.opnet {
	font-size: 9px;
	line-height: 11px;
	position: absolute;
	top: 14px;
	left: 105px;
}

#foot ul.links {
	font-size: 9px;
	line-height: 11px;
	text-align: right;
	position: absolute;
	top: 14px;
	right: 0;
}

#foot ul li.onlinestore {
	color: #a4a4a4;
	display: inline;
	position: absolute;
	top: -1px;
	left: 100px;
}

#foot ul li.onlinestore a {
	background: url(images/foot/onlinestore.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 143px;
	height: 26px;
}

#foot ul li.onlinestore a:hover {
	background-position: 0 -26px;
}

#foot ul li.isoinfo {
	color: #a4a4a4;
	display: inline;
	position: absolute;
	top: -1px;
}

#foot ul li.isoinfo a {
	background: url(images/foot/accreditation.png) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 143px;
	height: 26px;
}

#foot ul li.isoinfo a:hover {
	background-position: 0 -26px;
}

#foot ul li.too {
	top: -1px;
	background: url(images/foot/too.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 153px;
	height: 26px;
	right: 101px;
	position: absolute;
	text-align: left;
}

#foot ul li.corporate {
	color: #a4a4a4;
	display: inline;
	position: absolute;
	top: -1px;
	right: 0;
}

#foot ul li.corporate a {
	background: url(images/foot/corporate.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 101px;
	height: 26px;
	text-align: left;
}

#foot ul li.corporate a:hover {
	background-position: 0 -26px;
}

#foot ul li {
	color: #a4a4a4;
	display: inline;
}

#foot ul li a {
	color: #ffffff;
	text-decoration: none;
}

#foot ul li.bright, #foot ul li.bright a {
	color: #fff;
}

#foot ul li a:hover {
	text-decoration: underline;
}