/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	font: 70% Arial, Helvetica, sans-serif;
	color: #666666;
	background: url(../images/bg.gif) repeat-x;
}
h1 {
	font: 2.3em Arial, Helvetica, sans-serif;
	color: #FF8700;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}
a { outline: none; }
ul {
	margin:0px;
}

li {
	margin-top:3px;
	margin-bottom:3px;
	font-size:110%;
}

.web {color: #FF8700; }
.emailhead {color:#66CC00; }
.print {color: #97048C; }
.ourwork {color: #FF1F98; }
.about {color: #053DA3; }
.contact {color:#238D43; }
.news {color: #4FB9FF; }
.newsheader {color:#666666; }


h1.web, h1.emailhead, h1.print, h1.ourwork, h1.about, h1.contact, h1.news, h1.newsheader {
	line-height: 28px;
}

#maintext p.leadinPara, #contact_text p.leadinPara { font-size:1.5em; color:#666666; line-height:1.3em; }

h3 {
	font: 1.6em Arial, Helvetica, sans-serif;
	color: #999999;
	line-height: 18px;
	margin: 0px 0px 5px;
	padding: 0px;
}



h4 {
	font: 1.4em Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 0px 0px 5px;
	padding: 0px;
	font-weight:normal;
}
#homelink {
	margin: 0px;
	float: left;
	padding-top: 50px;
	padding-left: 53px;
}
.heading {
	margin-bottom: 35px;
}
#wrap {
	margin: 0 auto;
	width: 761px;
	padding: 0px;
	background: #FFFFFF;
}
#top {
	margin: 0px;
	padding: 0px;
	width: 761px;
	height:105px;
	background: #FFFFFF;
}
#logo {
	float: left;
	margin: 0px;
	padding: 35px 0px 25px 40px;
	width: 150px;
}
#content {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}
#topnav {
	margin: 0px;
	padding: 50px 48px 6px 0px;
	float: right;
	text-align: right;
	background: #FFFFFF;
}
#topnav a:link, #topnav a:visited, #topnav a:hover {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
.one {
	border-bottom: 1px solid #F4F4F4;
	margin: 0px 0px 20px;
	padding: 0px;
}
#maintext {
	float: left;
	width: 515px;
	margin: 0px;
	padding: 20px 20px 35px 53px;
}
#largetext {
	float: left;
	width: 700px;
	margin: 0px;
	padding: 20px 20px 35px 53px;
}
#newsarticlelists {
	width:350px;
	}
#portfolioleadin {	margin: 0px;
	padding: 20px 20px 0px 30px;}
#maintext p {
	line-height: 1.6em;
	font-size: 1.1em;
	margin-bottom: 25px;
}
#maintext.portfolio h3 {
	color:#FF0188;
}
#maintext.portfolio a {
	color:#FF0188;
	font-weight:bold;
}
#maintext.portfolio a:hover {
	text-decoration:underline;
}
#maintext ul {
	text-decoration: none;
	list-style-type: none;
	padding: 0px;
	margin-top: 14px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
	font-weight: bold;
}
#maintext #casestudy-quote {
	margin:30px 0 40px 0;
}
#maintext #casestudy-quote span.quote {
	color:#FFFFFF;
	background-color:#FF0188;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:300%;
	margin:0px;
}
#maintext #casestudy-quote span.quotee {
	color:#333333;
	background-color:#E3E3E3;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:130%;
}
	
#newsarea p {
	line-height: 1.6em;
	font-size: 1.1em;
	margin-bottom: 25px;
}

#newsarticles p {
	line-height: 1.6em;
	font-size: 1.0em;
	margin-bottom: 25px;
}

#newsarticles a:link, #newsarticles a:visited {
	color: #FE0000;
	font-weight: bold;
}
#newsarticles a:hover {
	color: #000000;
	font-weight: bold;
}

#sidenav {
	float: right;
	padding: 25px 23px 30px 0px;
	width: 145px;
	margin: 0px;
}
#sidenav img.logo {
	margin:36px 0 70px 64px;
}
#sidenav img, #sidenav p{ padding:0px;margin:0px; }
#sidenav a:link, #sidenav a:visited, #sidenav a:hover { padding:0px;margin:0px; }
#seonav ul {
	margin: 0px;
	padding: 0px;
}
#seonav li {
	list-style: none;
	border-bottom: 1px solid #D4D0C8;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
}
#seonav a:link, #seonav a:visited, #seonav a:hover {
	padding:0px;
	margin:0px;
	text-decoration: none;
	color: #666666;

}
a:link, a:visited  {
	text-decoration: none;
	color: #FF8700;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
#randomquote {
	color: #999999;
	margin-top: 25px;
}
#homefeatured {
	padding: 0px;
	float: right;
	width: 250px;
	margin-top: 0px;
}
#homeleft {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 420px;
}
#footer {
	padding: 5px 0px 25px;
	border-top: 1px solid #D4D0C8;
	margin: 0px;
	background: #FFFFFF;
}
#footer a:link, #footer a:visited {	color: #666666;
	text-decoration: underline; }
#footer a:hover {
	color: #333333;
	text-decoration: underline;
}
#footer {
	padding: 5px 0px 25px;
	border-top: 1px solid #D4D0C8;
	margin: 0px;
	background: #FFFFFF;
}
#footer a:link, #footer a:visited {	color: #666666;
	text-decoration: underline; }
#footer a:hover {
	color: #333333;
	text-decoration: underline;
}
#footer .footerleft {
	margin:0 0 0 52px;
	padding: 5px 0 0 0px;
	float: left;
	width:300px;
}
#footer .footerright {	
	margin:0 52px 0 0;
	padding: 5px 0 0 0px;
	float: right;
	text-align:right;
	width:350px;
}
.footline {
	margin-bottom: 35px;
}

.formbuttonstd {
	margin-top: 10px;
}

.formblur {
	background : #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border: 1px solid #BDBDBD;
	text-indent: 5px;
	width:180px;
}
.formfocus {
	background : #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border: 1px solid #7f7f7f;
	text-indent: 5px;	width:180px;
}
#firstnews {
	float: left;
	width: 250px;
	margin-right: 35px;
}
.empty {
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}
.awardimage {
	float: right;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 25px;
	margin-left: 15px;
}
.featuredimage {
	float: left;
	width:150px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 25px;
	font-size:95%;
}
.featuredimage img {
	margin-bottom: 5px;
}
.featuredimage a {
	color: #666666;
	line-height: 16px;
	font-size: 90%;
}
.featuredimage .smallerfeaturedtext {	font-size: 90%;	line-height: 16px;}
.featuredimage img.porfolio_readmore {margin-top:4px;}
#audit td {
	padding: 4px 5px 4px 25px;
}
#homeleft a:link, #homeleft a:visited {
	color: #333333;
	text-decoration: none;
}
#jobsheet .formblur {
	background : #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border: 1px solid #BDBDBD;
	text-indent: 5px;
	width:250px;
}
#jobsheet .formfocus {
	background : #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border: 1px solid #7f7f7f;
	text-indent: 5px;	width:250px;
}
.smformblur {
	background : #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border: 1px solid #BDBDBD;
	text-indent: 5px;
	width:50px;
}
#jobsheet td {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
}
#other td {
	padding: 7px 25px 7px 10px;
}
.person {
	margin: 0px 15px 15px 0px;
	padding: 12px;
	float: left;
	width: 200px;
	border: 1px solid #F4F4F4;
}
.twocolumn {
	margin: 0px 15px 15px 0px;
	padding: 12px;
	float: left;
	width: 200px;
}
.dilbert { margin: 0 auto;}
.twocolumn ul {margin:0px; padding:0px}
.twocolumn li {
	margin:5px 0px;
	padding:0px;
	list-style: none;
	font-size: 110%;
}
.technologyimgpadding {
	float: left;
	padding: 0px;
	margin: 10px 30px 0px 0px;
}
.technologyimgrightpadding {
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 35px;
}
a.weblink:link, a.weblink:visited {color: #FF8700}
a.contact:link, a.contact:visited {color: #238D43}
a.ourworklink:link, a.ourworklink:visited {color: #FF1F98}
a.printlink:link, a.printlink:visited {color: #97048C}
a.aboutlink:link, a.aboutlink:visited {color: #053DA3}
a.newslink:link, a.newslink:visited {color: #4FB9FF}
a.weblink:hover, a.contact:hover, a.ourworklink:hover, a.printlink:hover, a.aboutlink:hover, a.newslink:hover  {
	color: #333333;
	text-decoration: none;
}



.portfoliolinkarea {
	font: 0.9em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
.homecolumn {
	margin: 0px;
	padding: 0px 0px 0px 40px;
	float: left;
	width: 425px;
}
.homecolumnright {
	padding: 0px 0px 0px 45px;
	float: left;
	width: 225px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#homenews a:link, #homenews a:visited{
	font-weight: bold;
	color: #FE0000;
	text-decoration: none;
}
#homenews a:hover {}
#newsarea a:link, #newsarea a:visited {
	color: #FE0000;
	font-weight: bold;
}
#homenews a:hover, #newsarea a:hover {
	color: #000000;
	font-weight: bold;
}
.newscolumn {
	float: left;
	width: 250px;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 16px;
	margin-left: 0px;
	padding-top: 12px;
	padding-right: 24px;
	padding-bottom: 12px;
	padding-left: 0px;
}

.newscolumnleft {
	float: left;
	width: 325px;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 16px;
	margin-left: 0px;
	padding-top: 12px;
	padding-right: 24px;
	padding-bottom: 12px;
	padding-left: 0px;
}

.newsthumbnail {
	float:left;
	padding-top: 15px;
	padding-right: 15px;
	margin-bottom: 10px;
	}

pre {
	font: 12px Arial, Helvetica, sans-serif;
}
#wizard td {
	margin: 0px;
	padding: 5px 15px 5px 0px;
}
.seperator {
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #9C9C9C;
}
.homespacer {
	margin-top: 0px;
	padding: 15px 0px 0px;
	clear: both;
}
.homebottomspacer {
	margin-top: 0px;
	padding: 10px 0px 0px;
	clear: both;
}
#portfoliosquares {
	margin-top: 0px;
}
#portfoliosquares img {
	border:1px solid #E7E7E7;
	margin:0 10px 10px 0px;
}
.nextcasestudylink {
	text-align: right;
}
#overview {
	margin: 0px;
	padding: 0px;
}
#overview p {
	margin:0px;
	padding:0px;
}
#overview strong {
}
#overview ul {margin:10px 0px 0px 10px; padding:0px}
#overview li {
	margin:3px 0px;
	padding:0px;
	list-style: circle url(none);
}
.contactimg {	margin:0 10px 0px 0px;}
#portfoliothumbs {
	margin-top: 35px;
	margin-left: 25px;
}
#portfoliothumbs img {	border:1px solid #E7E7E7;
	margin:0 5px 5px 0px;}

#contact_location {
	margin:40px 0 40px 0;
}	
.contact_map { 
	float:left;
	width:222px; 
}
.contact_address {
	float:right;
}
#contact_text {
	float:left;
	width:410px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 35px;
	padding-left: 53px;
}
.contactMsg { 
	margin:20px 15px 15px 0;
	font-weight:bold;
}
#contact_right {
	float:right;
	width:220px;
	padding-top: 30px;
	padding-right: 35px;
	padding-bottom: 0;
	padding-left: 0;
}
#contact_right .enquiry h2 {
	font:1.4em Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	color:#333333
}
#contact_right .enquiry .enquiryForm { margin:25px 0 20px 0; }
#contact_right .enquiry .enquiryForm td {
	padding-right: 25px;
	padding-bottom: 5px;
}
#contact_right .enquiry .enquiryForm .formblur { 
	border:#CCCCCC 1px solid; 
	width:200px; 
	padding:3px 1px 3px 1px; 
	background-color:#F7F7F7; 
	color:#999999; 
}
#contact_right .enquiry .enquiryForm .formfocus { 
	width:180px; 
	border:1px solid #999999; 
	background-color:#F7F7F7; 
}
#contact_text .contactTel { font-size:1.8em; color:#238d43; font-weight:normal; }
#contact_text .contactEmail { font-size:1.3em; color:#238d43; font-weight:normal; }
#contact_text .companyInfo { font-size:0.9em; color:#999999; }
	
.contactcolumn {
	padding: 0px;
	float: left;
	width: 250px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.locationcolumn {
	padding: 0px;
	float: right;
	width: 180px;
	margin-top: 7px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contactrequest td {
	padding-right: 25px;
	padding-bottom: 5px;
}
#largeformtext .formblur, #largeformtext .formfocus {
	width: 300px;
}
.clientlist {
	margin: 0px 15px 15px 0px;
	padding: 12px;
	float: left;
	width: 200px;
	border: 1px solid #F4F4F4;
}
#clientListarea { margin:20px 0px 15px 0px; font-size:0.9em; }  
#clientListarea .left, #clientListarea .right, #clientListarea .middle  { float:left; margin:0px; padding:0px; width:150px; }
#clientListarea .middle {
	margin-top:0px;
	margin-right:20px;
	margin-bottom:0px;
	margin-left:20px;
}
#clientListarea ul li { 
	list-style:none; 
	margin:0px 0px 1px 0px; 
	padding:1px 0px 1px 0px; 
	font-weight:normal; 
}
#clientListarea ul li.end { border:none; }

.clientSlideshow { float:right; margin:0px 150px 0px 0px; padding:8px; } 
.clientLeadinText { float:left; width:230px; }
.boxedarea {
	margin-right: 20px;
	margin-left: 20px;
	border: 1px solid #8F8F8F;
	padding: 10px 7px;
	margin-bottom: 25px;
}
#printheading { 	display:none;}
.homecolumn h1 {
	margin-bottom: 30px;
	margin-top: 25px;
}
.homecolumn ul {
	margin: 10px 0px 10px 20px;
	padding: 0px 0px 0px 20px;
	border-left: 1px solid #D4D4D4;
}
.homecolumn li {
	list-style: none;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
}
.clientlogos img {
	border: 1px solid #CCCCCC;
	margin-right: 2px;
	margin-top: 0px;
	margin-bottom: 2px;
}
#seonav ul.lowersidenav { margin-top:35px;}
#serhome .lowersidenav { display:none;}
.downloadicon {
	padding-left: 25px;
	padding-right: 10px;
}
#portfoliowrap {
	margin: 0 auto;
	width: 761px;
	padding: 0px;}
.porfoliobgspacing 	{padding-top: 307px;
	border-bottom: 1px solid #F4F4F4;
	margin: 0px;}
#pullquotefirst {
	font: bold 140% Geneva, Arial, Helvetica, sans-serif;
}
.quoteright {
	background: url(../images/portfolio/quoteright.jpg) no-repeat right bottom;
	float: right;
	padding-right: 50px;
}
/*#sidenav .fancyachat {
	margin-top: 25px;
}*/

#what_we_do_landing .feature .online { background-image:url(../images/content_images/what_we_do/online_landing.jpg); }
#what_we_do_landing .feature .search { background-image:url(../images/content_images/what_we_do/search_landing.jpg); }
#what_we_do_landing .feature .email { background-image:url(../images/content_images/what_we_do/email_landing.jpg); }
#what_we_do_landing .feature .branding { background-image:url(../images/content_images/what_we_do/branding_landing.jpg); }
#what_we_do_landing .feature .print { background-image:url(../images/content_images/what_we_do/print_landing.jpg); }
#what_we_do_landing .feature .tea { background-image:url(../images/content_images/what_we_do/tea_landing.jpg); }
#what_we_do_landing .feature.right { margin-right:0px; }
#what_we_do_landing .feature {
	display:block;
	width:160px;
	float:left;
	margin-right:10px;
}
#what_we_do_landing .feature a {
	display:block; 
	background-position:top; 
	background-repeat:no-repeat; 
	padding:92px 0 0 0;
	border:#F1F1F1 1px solid;
}
#what_we_do_landing .feature span {
	float:right;
	text-align:right;
	background-color:#FF8700;
	color:#FFFFFF;
	padding:4px;
	font-size:125%;
}
#what_we_do_landing .feature a:hover span {
	background-color:#FFFFFF;
	color:#FF8700;
}
#what_we_do_landing .feature p.info { 
	margin:10px 0 10px 0; 
	font-weight:normal;
	font-size:90%;
	line-height:1.2em; 
}


#fancyachat {
	margin-top: 25px;
	margin-left:10px;
	text-align: right;
	width: 112px;

}
#fancyachat p {
	padding-bottom: 5px;
	padding-top: 3px;
	font-size: 1.1em;

}
#fancyachat .tel { font-size:120%; }
#fancyachat.orange .tel, #fancyachat.orange .email { color:#FF8700; }
#fancyachat.purple .tel, #fancyachat.purple .email { color:#97048C; }
#fancyachat.blue .tel, #fancyachat.blue .email { color:#053DA3; }

#featuredproject {
	margin: 20px 50px 0px 0px;
	padding: 0px;
	float: left;
	width: 155px;
}
#featuredservice {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	float: left;
	width: 200px;
}
.warning {
	font-weight: bold;
	color: #FE0000;
}
#sidecontactrequest .formblur, #sidecontactrequest .formfocus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #238D43;
	border: 1px solid #EEEEEE;
	text-indent: 5px;
	width:95px;
	background: #FFFFFF;
	margin-bottom: 3px;
}
#sidecontactrequest .formfocus {
	border: 1px solid #7f7f7f;
}
#fancyachat .smalltext {
	font-size: 95%;
	margin-top: 25px;
}
.watermillstudios {
	padding: 15px;
}
#mazenewslist ul, #industrynewslist ul {
	padding: 0px;
	margin-top: 15px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mazenewslist li, #industrynewslist li {
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	list-style-type: none;
	text-align: right;
}

#ourwork_area {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 40px;
}
#ourwork_area .feature {
	float:left;
	margin:15px 40px 0 0;
	width:320px;
}
#content #ourwork_area .feature .title {
	margin:8px 0 8px 0;
}
#ourwork_area .feature p {
	margin:3px 0 5px 0;
}
#ourwork_area .feature a.readcasestudy {
	color:#FE2B8A;
}
#ourwork_area .feature a:hover.readcasestudy {
	text-decoration:underline;
}

.portfolio_featured_bartondale {
	background-image: url(../images/ourwork_screens/bartondale.jpg);
	background-repeat: no-repeat;
	background-position: 275px 20px;
}

.portfolio_featured_eatonwilliams {
	background-image: url(../images/ourwork_screens/eatonwilliams.jpg);
	background-repeat: no-repeat;
	background-position: 275px 20px;
}

.portfolio_featured_gabem {
	background-image: url(../images/ourwork_screens/gabem.jpg);
	background-repeat: no-repeat;
	background-position: 275px 20px;
}

.portfolio_featured_riot_of_colour {
	background-image: url(../images/ourwork_screens/riotofcolour.jpg);
	background-repeat: no-repeat;
	background-position: 275px 20px;
}

.portfolio_featured_codra {
	background-image: url(../images/ourwork_screens/codra.jpg);
	background-repeat: no-repeat;
	background-position: 275px 20px;
}
.portfolio_featured_mortonmichel {
	background-image: url(../images/ourwork_screens/mortonmichel.jpg);
	background-repeat: no-repeat;
	background-position: 275px 20px;
}
.portfolio_featured_junction10 {
	background-image: url(../images/ourwork_screens/junction10.jpg);
	background-repeat: no-repeat;
	background-position: 275px 20px;
}
.portfolio_featured_brookdecorations {
	background-image: url(../images/ourwork_screens/brookdecorations.jpg);
	background-repeat: no-repeat;
	background-position: 275px 20px;
}
.portfolio_featured_text {
	margin-top: 20px;
	padding-left: 0px;
	padding-bottom: 50px;
	font-size: 95%;
	padding-right: 325px;
}

#maintext .portfolio_featured_text .portfolio-featured-mainpara {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.readmore-btn {
padding-bottom: 5px;
padding-top: 6px;}
#newsarea .smallertext {
	font-size: 90%;
	text-align: center}