p, h1, h2, h3, h4, li, a { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/hIEfix.png,sizingMethod=crop);zoom:1; }

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -120px; /* the bottom margin is the negative value of the footer's height */
}
.push {
	height: 60px; /* .push must be the same height as .footer */
}

#footer {
	height: 120px; /* .push must be the same height as .footer */
}

html {background:url(../images/bg-page.gif) repeat 50% 0;}
body {
	margin:0;
	color:#000;
	font:11px "museo-sans-1","museo-sans-2",serif;
	background:url(../images/bg-body.gif) repeat-x;
	min-width:920px;
}
img {border-style:none;}
a{
	text-decoration:none;
	color:#839602;
}
a:hover {text-decoration:underline;}
input,
textarea,
select {
	font:100% "museo-sans-1","museo-sans-2",serif;
	vertical-align:middle;
}
form,
fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
.wrapper-holder {
	overflow:hidden;
	width:100%;
	background:url(../images/bg-wrapper-holder.gif) repeat-x;
}
#wrapper {
	margin:0 auto;
	width:920px;
	overflow:hidden;
}
.container {
	overflow:hidden;
	width:910px;
	background:url(../images/bg-container.gif) no-repeat;
	padding:14px 0 0 12px;
	margin:0 0 33px;
}
.info {
	float:left;
	margin:5px 0 0;
	padding:0;
	list-style:none;
}
.info li {
	float:left;
	color:#fff;
	margin:0 20px 0 0;
	font-size:12px;
}
#search 						{ float: right; background: url(../images/search-bg.png) no-repeat left 2px; width: 236px;}
#search .watermark_container span 	{ padding-top: 6px; }
#search input					{ font-size: 14px; margin-top: 6px; margin-left: 5px; width: 175px; }
#search button 					{ border: 0; background: none; float: right; margin: -3px 0 0 0;}
#header {
	width:100%;
	background:url(../images/bg-header.png) no-repeat;
	overflow:hidden;
	margin:0 0 0 0;
}
#homepage #header { height: 180px }
#homepage .holder	{margin-top:-10px;}
.logo {
	width:296px;
	height:67px;
	background:url(../images/logo.gif);
	text-indent:-9999px;
	overflow:hidden;
	margin:34px 0 16px 314px;
	float:left;
	position:relative;
}
.logo a {
	display:block;
	height:100%;
}
#header .block {margin:0 0 -6px;}
.block {
	width:100%;
	overflow:hidden;
	position:relative;
	clear:both;
}
.block-holder {
	position:relative;
	float:left;
	left:50%;
}
.block-frame {
	position:relative;
	float:left;
	left:-50%;
}
#nav {
	float:left;
	padding:0 0 0 2px;
	list-style:none;
	position:relative;
	margin:0;
	background:url(../images/separator.gif) no-repeat 0 1px;
}
#nav li {
	float:left;
	font-size:13px;
	font-weight:bold;
	background:url(../images/separator.gif) no-repeat 100% 1px;
}
#nav a {
	float:left;
	color:#373d66;
	cursor:pointer;
}
#nav a span {
	float:left;
	padding:21px 19px 22px 20px;
}
#nav a:hover {
	text-decoration:none;
	color:#717f09;
}
#nav .active a,
#nav .active a:hover {
	color:#fff;
	background:url(../images/bg-nav.gif) no-repeat 100% -59px;
}
#nav .active a {
	position:relative;
	margin:0 0 0 -2px;
}
#nav .active a span 	{ background:url(../images/bg-nav.gif) no-repeat;}
#nav .work span			{ width: 66px; padding: 21px 0px 22px 0px; text-align: center; }
#nav .work.active-sub 	{ background:url(../images/work-tab-active.png) no-repeat; }
#nav .services.active-sub 	{ background:url(../images/services-tab-active.png) no-repeat; }
#nav .products.active-sub 	{ background:url(../images/products-tab-active.png) no-repeat; }
#nav .team span			{ width: 66px; padding: 21px 0px 22px 0px; text-align: center; }
#nav .team.active-sub 	{ background:url(../images/team-tab-active.png) no-repeat; }
#nav .contact span			{ width: 84px; padding: 21px 0px 22px 0px; text-align: center; }
#nav .contact.active-sub 	{ background:url(../images/contact-tab-active.png) no-repeat; }
#nav .blog span			{ width: 63px; padding: 21px 0px 22px 0px; text-align: center; }
#nav .blog.active-sub 	{ background:url(../images/blog-tab-active.png) no-repeat; }
#nav .active-sub a	 	{ color: white;  text-shadow: #444 2px 2px 2px; }
#nav .homepageTab.active span	{ padding: 20px 19px 22px 20px; }			

#subnav 		{ background:url(../images/subnav.png) no-repeat; margin: 0 auto; list-style-type: none; padding: 0; width: 900px; height: 53px; display: block; }
#subnav li		{ float: left; padding: 18px; margin: 0;}
#subnav li a 	{ color: white; font-size: 15px; font-weight: bold; text-shadow: #444 2px 2px 2px; }

#subnav.servicesNav			{ padding-left: 18px; width: 882px; background:url(../images/subnav-services.png) no-repeat; height: 64px; }
#subnav.servicesNav img		{ float: left; margin-right: 10px;}
#subnav.servicesNav span	{ font-size: 12px; float: left; padding-top: 5px; }
#subnav.servicesNav li		{ padding: 14px 25px 0 0; }

#main {
	overflow:hidden;
	width:900px;
	padding:0 10px 0px 0;
	margin: 30px auto 0 auto;
}
.holder {
	overflow:hidden;
	width:900px;
	margin:0 0 0 10px;
	clear:both;
}
.box {
	overflow:hidden;
	width:900px;
	background:url(../images/bg-box-c.gif) repeat-y;
}
.box-holder {
	background:url(../images/bg-box-top.jpg) no-repeat;
	padding:4px 0 0;
}
.box-frame {
	overflow:hidden;
	min-height:365px;
	background:url(../images/bg-box-center.jpg) no-repeat;
	padding:6px 0 0;
}
* html .box-frame {
	height:365px;
	overflow:visible;
}
.bottom {
	height:23px;
	overflow:hidden;
	background:url(../images/bg-box-bottom.png) no-repeat;
	font-size:0;
	line-height:0;
}
.box .visual {
	float:left;
	text-align:center;
	width:450px;
	margin:0 38px 0 0;
}
.box .visual img {vertical-align:top;}
.text-block {
	float:left;
	width:366px;
	margin:58px 0 0;
}
.text-block h1 {
	margin:0 0 23px;
	font:bold 31px/36px "museo-sans-1","museo-sans-2",serif;
	color:#000;
}
.text-block h2 {
	margin:0;
	font:19px/22px "museo-sans-1","museo-sans-2",serif;
	color:#000;
}
.list {
	overflow:hidden;
	width:100%;
	padding:0 0 85px;
}
.list h3 {
	margin:0 0 18px;
	color:#666;
	font-size:16px;
}
.list ul {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:918px;
}
.list li {
	float:left;
	font:bold 13px/20px "museo-sans-1","museo-sans-2",serif;
	margin:0 23px 0 0;
	display:inline;
}
.list li span {float:left;}
.list li img {
	float:left;
	margin:0 9px 0 0;
}
.list li a {
	color:#666;
	cursor:pointer;
}
.list li a:hover {background:url(../images/none.gif) no-repeat;}
.list li a:hover span {text-decoration:underline;}
.contact-form {
	padding:0 0 20px;
	float:left;
}
.contact-form fieldset {float:left;}
.row {
	float:left;
	margin:0 24px 0 0;
	overflow:hidden;
	display:inline;
}
.row-holder {
	float:left;
	background:url(../images/bg-contact.gif) no-repeat;
	padding:0 0 0 16px;
	height:46px;
}
.row-frame {
	background:url(../images/bg-contact.gif) no-repeat 100% -46px;
	float:left;
	padding:11px 0 10px;
}
.contact-form span {
	float:left;
	color:#373d66;
	font-size:19px;
	padding:1px 18px 1px 0;
}
.contact-form a {
	float:left;
	background:url(../images/bg-contact-form-btn.gif) no-repeat 100% 0;
	padding:12px 19px 12px 12px;
	color:#4d5801;
	font-size:19px;
}
.contact-form .row-frame a{
	background: none;
	padding: 0;
}
.contact-form a:hover {text-decoration:none;}
.contact-form .area {
	height:25px;
	width:185px;
	background:url(../images/bg-contact-form.gif) no-repeat;
	padding:0 16px 0 6px;
	float:left;
}
.contact-form .text {
	font-size:13px;
	border:0;
	width:184px;
	float:left;
	background:none;
	margin:1px 0 0;
	padding:3px 0;
	color:#373d66;
}
.contact-form .submit {
	background:url(../images/bg-contact-form-btn.gif) no-repeat 100% 0;
	float:left;
	width:48px;
	text-align:center;
	margin:0;
	border:0;
	cursor:pointer;
	color:#4d5801;
	font:19px/46px "museo-sans-1","museo-sans-2",serif;
	height:46px;
	padding:0;
}
.contact-form .watermark_container { margin-top: -5px; }
#footer {
	overflow:hidden;
	width:100%;
	background:#b7c1cc url(../images/bg-footer.gif) repeat-x;
}
.footer-holder {
	overflow:hidden;
	width:900px;
	margin:0 auto;
	background:url(../images/bg-footer-holder.gif) no-repeat 100% 16px;
	font:bold 12px "museo-sans-1","museo-sans-2",serif;
	padding:21px 0 40px;
}
.footer-holder p {
	margin:0 0 3px;
	color:#fff;
}
.footer-holder .copyright {
	color:#000;
	padding:0 12px 0 0;
}
.footer-holder span {
	font-size:9px;
	margin:0 0 19px 12px;
	display:block;
}
.footer-holder ul {
	padding:0;
	list-style:none;
	float:left;
	margin:0 0 0 13px;
	display:inline;
}
.footer-holder ul li {
	float:left;
	font-size:11px;
	margin:0 9px 0 0;
}
.footer-holder li a {color:#fff;}

#subpage		{ background: url(../images/page-bg.png) repeat-y; border-top: 1px solid #999; width: 885px; margin: 0 auto; overflow: hidden; padding-left: 15px; }
#subpage.press-subpage	{ padding-left:0; width: 900px;}
#subpageFooter	{ background: url(../images/page-bg-footer.gif) no-repeat; height: 25px; width: 900px;  margin: 0 auto 50px auto; }

#content		{ margin: 15px; font-size: 13px; }

/* Work list
----------------------------*/

.clientWorkItemOuter	{ overflow: hidden; margin: 30px 0px 0px 15px; width: 270px; float:left; }
.clientWorkItem 		{ height: 151px; background: url(../images/work-frame.png); position: relative; }
.clientWorkItem a	 	{ position: absolute; top: 9px; left: 6px; width: 249px; height: 139px; }
.clientWorkItemDetail	{  }
.skillz					{ list-style: none; float: right; margin: 8px 0 0 0; }
.skillz li				{ float: left; padding-left: 5px;}
.clientWorkItemDetail p	{ float:left; font-size: 14px; font-weight: bold; margin: 10px 0 0 0; }	

/* Work Detail
----------------------------*/
#workDetail				{ position: relative; font-size: 13px; }
#focusImage				{ position: absolute; left: 10px; top: 20px; width: 573px; height: 229px; }
#servicesProvided		{ position: absolute; left: 610px; width: 250px; margin-top: 15px; height: 229px;}
#servicesProvided p 	{ font-size: 14px; font-weight: bold; }
#servicesProvided ul	{ list-style: none; padding: 0; }
#servicesProvided li	{ clear: both; height: 50px;}
#servicesProvided img	{ float:left; }
#servicesProvided span	{ float:left; padding-left: 10px; padding-top: 5px; }
#clientWorkDetail		{ margin: 330px 10px 10px; float: left; } 
#blurb					{ width: 573px; }
#clientQuote			{ position: absolute; right: 25px; top: 395px; width: 250px; }

/* Product List
---------------------------*/
.product			{ overflow: auto; margin: 30px 0px 0px 15px; width: 270px; float:left; }
.productDetail p	{ font-size: 14px; font-weight: bold; margin: 10px 0 0 0; }

/* Services List
---------------------------*/
#services				{ position: relative; }
#services div			{ margin: 25px 15px; display: none; }
#services div.selected 	{ display: block; }
#services h1			{ font-size: 25px; padding-top: 10px; }
#services p	 			{ font-size: 17px; font-weight: lighter; margin-right: 15px; }
#services p#nextService	{ margin: 0; position: absolute; top: 15px; right: 40px; }
#services img			{ float: left; margin-right: 20px; }

/* Team
---------------------------*/
#subpage.about-subpage	{ padding: 0; width: 900px; border-top: 0;}
#bios					{ padding: 10px 10px 10px 10px; width: 880px; }
#team img				{ }
#jon,
#colin,
#simon					{ float: left; width:33%; }
#team h1				{ font-size: 16px; }
#team p					{ font-size: 12px; }
#team div p,			
#team div h1			{ padding: 0 15px; }
.teamContact			{ float: right; margin-right: 20px; }
#team .teamContact p	{ padding: 0 5px 0 0; margin: 4px 0 0 0; float:left; font-weight: bold; }

input,
textarea		{ background:white url(../images/textbg.png) repeat-x; border: 1px solid #999; }

/* Contact
---------------------------*/
#contact p 				{ font-size: 16px; font-weight: lighter; }
#contact form			{ width: 600px; float: left; margin-left: 10px; margin-top: 5px; font-size: 14px; }
#contact form div		{ margin: 7px 0; }
#contact label			{ float: left; width: 80px; padding-top: 3px; }
#contact input,
#contact textarea		{ width: 500px; margin: 0; }
#contact .watermarked	{ width: 580px; }
.watermark_container span	{ padding-top: 5px; }
#messageContainer .watermark_container span { padding-top: 10px; }
#contact textarea		{ height: 100px; }
#contactDetails 		{ float: right; width: 260px; margin-top: 10px;}
#contactDetails	p		{ margin: 0; }
#contactDetails	h2		{ margin-bottom: 0; }
#contact button			{ border: 0; background: none; margin-right: 8px; float: right; cursor: pointer; }
#contact span.error		{ font-size: 0.8em; color: #FF3001; padding-top: 6px; display:block; }
#contact div#thankyou 	{ width: 600px; float: left; margin-left: 10px; margin-top: 5px; font-size: 14px; }

/* Newsletter
---------------------------*/
#newsletter				{ margin: 15px; }
#newsletterSignup .watermark_container { margin-top: 0px; }
#newsletterSignup .watermark { padding:0; }
#newsletter p			{ font-size: 14px; }
#newsletter form *		{ font-size: 14px; }
#newsletter label		{ padding-top: 5px; padding-right: 10px; float: left;}

/* Blog
---------------------------*/
#subpage.blog-subpage,
#subpage.single-page,
#subpage.category-subpage,
#subpage.archive-page		{ padding:0; width: 900px; }	{ padding:0; width: 900px; }
#blog 						{ float: left; width: 625px; border-right: 1px solid #ccc; }
#blog h1					{ padding: 20px 25px; font-size: 17px; background: url(../images/blog-bar.png) bottom 1px no-repeat; }                                  
#blog h1 a					{ color: black; }                                                        
.post						{ clear: both; float: left; width: 600px; color: #333;  }       
.postDetails 				{ float: left; padding-left: 30px; color: #5B6B94; }                               
.postBody 					{ margin-left: 160px; font-size: 14px; line-height: 18px; text-align: justify; }          
.postBody img				{ border: 1px solid #A6AEC5; padding: 4px; background: white; max-width: 430px; }
#blogContents				{ float: left;  }
#blogSide					{ float: right; width: 270px; }
#blogCategories h2,     
#blogArchives h2			{ background: url(../images/blog-sidebar-fade.png) repeat-y; color:#3F4770; margin: 0; font-size: 17px;  }
#blogCategories h2			{ padding: 30px 18px 18px 18px; }
#blogArchives h2			{ padding: 18px 18px 18px 18px;  }
#blogCategories ul,     
#blogArchives ul			{ padding: 0; list-style: none; margin: 0; background: url(../images/blog-sidebar-line-fade.png) top left no-repeat; }
#blogCategories li,     
#blogArchives li			{ padding: 7px 17px; background: url(../images/blog-sidebar-line-fade.png) bottom left no-repeat; }
#blogCategories a,      
#blogArchives a				{ color: #333; font-size: 13px; }
#blog pre					{ overflow: auto;}

/* Comments
---------------------------*/

#comments				{ clear: both; padding-left: 30px;}
.comment				{ clear:both; margin-bottom: 10px;}
.commentDetails			{ float:left; width: 105px; padding-top: 15px;}
.commentBody			{ background: url(../images/comment-fade.png) no-repeat; min-height: 65px; padding: 8px 40px; margin-left: 105px; color: #465079; font-size: 13px;}
#comments h3			{ color: #465079; font-size: 15px; clear:both; }
.commentAuthor			{ margin-bottom: 0; }
.commentAuthor a 		{ color: #333; font-size: 13px; }
.commentDate			{ color: #465079; margin-top: 5px; }

#contact p 				{ font-size: 16px; font-weight: lighter; }
#contact form			{ width: 600px; float: left; margin-left: 10px; margin-top: 5px; font-size: 14px; }
#contact form div		{ margin: 7px 0; }
#contact label			{ float: left; width: 80px; padding-top: 3px; }
#contact input,
#contact textarea		{ width: 500px; margin: 0; }
#contact .watermarked	{ width: 580px; }
.watermark_container span	{ padding-top: 5px; }
#messageContainer .watermark_container span { padding-top: 10px; }
#contact textarea		{ height: 100px; }
#contactDetails 		{ float: right; width: 260px; margin-top: 10px;}
#contactDetails	p		{ margin: 0; }
#contactDetails	h2		{ margin-bottom: 0; }
#contact button			{ border: 0; background: none; margin-right: 8px; float: right; cursor: pointer; }


#comments form div		{ margin: 7px 0; }
#comments label			{ float: left; width: 200px; padding-top: 3px; }
#comments input,
#comments textarea		{ width: 570px; margin: 0; font-size: 14px; }
#comments .watermarked	{ width: 580px; }
.watermark_container span	{ padding-top: 5px; }
#messageContainer .watermark_container span { padding-top: 10px; }
#comments textarea		{ height: 100px; }
#contactDetails 		{ float: right; width: 260px; margin-top: 10px;}
#contactDetails	p		{ margin: 0; }
#contactDetails	h2		{ margin-bottom: 0; }
#comments button		{ border: 0; background: none; margin-right: 8px; float: right; cursor: pointer; }


/* Search results
------------------------------------*/
#subpage.search-results-page	{ padding:0; width: 900px; }
#searchResults					{ width: 625px; float: left; }
.search-results-page h1			{ margin: 20px 20px 0px 20px; }
.search-results-page h2			{ margin-bottom: 0; }
.search-results-page p			{ margin-top: 0; }
.searchResult					{ background: url(../images/blog-bar.png) bottom 1px no-repeat; padding: 15px 20px; }
#searchPaging					{ margin: 20px; font-size: 14px; }
#searchSidebar 					{ float: right; width: 270px; }
#searchSidebar h2				{ margin: 25px 0 20px 0; }
#searchSidebar p				{ margin: 0px 20px 10px 0; line-height: 1.3; }
#noResults						{ margin: 20px 20px;}