@charset "utf-8";
/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif; font-size:74%; line-height:1.6em; color:#1c1c1c; padding:0px; margin:0px; }

body.inner { font-family:Arial, Helvetica, sans-serif; font-size:74%; line-height:1.6em; color:#1c1c1c; padding:0px; background:url(../images/display-images/inner-bg.jpg) top no-repeat; }
.inner-repeat {padding:0 0 40px; background:url(../images/display-images/inner-bg-repeat.jpg) repeat-y center top; float: left; margin: 0 auto;
width: 100%;}
.inner-new { background:url(../images/display-images/inner-bg-top.jpg) no-repeat center top; height: 455px;}



.topline { float:left; width:100%; height:5px; overflow:hidden; background:url(../images/display-images/body-bg.gif) repeat-x; display:inline; }
a, a:link, a:active, a:visited { color:#0d4672; text-decoration:none; }
a:hover { text-decoration:underline; } 

#container { position:relative; margin:0px auto; width:990px;}

.content { float:left; width:960px; }

.content-col { float:left; width:700px; background:#FFF; padding:0px 5px; margin:-6px 0px 0px 1px;}
/*.content-col-small { float:left; width:440px; background:#FFF; padding:0px 5px 15px 5px; margin:-6px 0px 0px 1px; min-height:530px; height:auto !important;   }*/
.content-col-small { float:left; width:451px; background:#FFF; padding:0px 5px 15px 5px; margin:-6px 0px 0px 1px;  height:auto !important;   }

.content-col-right { float:right; width:230px; background:#FFF; padding:0px 5px 15px 5px; margin:-6px 0px 0px 1px; min-height:517px; height:auto !important;   }
.content-col-right-news {
	float:right;
	width:230px; background:#FFF; 
	margin:-6px 0px 30px 1px;
	padding:0px 5px 15px 5px; 
	min-height: 382px;
}

.logo { float:left; margin:30px 0px 0px 0px; width:960px; display:inline; overflow:hidden; }

.nav { float:left; width:710px; margin:20px 0px 26px 0px; display:inline; overflow:hidden; }
.nav ul {}
.nav ul li { float:left; }
.nav ul li a { float:left; height:39px; background-position:top left; overflow:hidden; margin:0px 15px 0px 0px; text-indent:-9999em; }
.nav ul li a:hover  { background-position:bottom left; }

.nav-new { float:left; width:960px; margin:20px 0px 26px 0px; display:inline; overflow:hidden; }
.nav-new ul {}
.nav-new ul li { float:left; }
.nav-new ul li a { float:left; height:39px; background-position:top left; overflow:hidden; margin:0px 15px 0px 0px; text-indent:-9999em; }
.nav-new ul li a:hover  { background-position:bottom left; }

.nav-home a { background:url(../images/display-images/nav/home.gif); width:94px; }
.nav-about a { background:url(../images/display-images/nav/about.gif); width:94px;  }
.nav-events a { background:url(../images/display-images/nav/events.gif); width:94px; }
.nav-clients a { background:url(../images/display-images/nav/clients-new.gif); width:147px; }
.nav-contact a { background:url(../images/display-images/nav/contactus.gif); width:94px; }
.nav-newsletter a { background:url(../images/display-images/nav/newsletter.gif); width:94px; }
.nav-new ul li.nav-facebook a { background:url(../images/display-images/nav/facebook-logo.png); width:39px;  margin-left: 13px; }
.nav-twitter a { background:url(../images/display-images/nav/twitter-logo.png); width:39px; }

.full-col { float:left; width:960px; margin:15px 0px 0px 0px; display:inline; overflow:hidden; }

.col1 { float:left; width: 224px; margin:21px 18px 0px 0px; }
.col2 { float:left; width: 225px; margin:21px 22px 0px 0px;   }
.col3 { float:right; width: 220px; margin:21px 0px 0px 0px;  }
.col4 { float:left; width: 240px; margin-left: 9px; }
.col4w{ float:right; width: 230px; }

.calendar { float:left; margin:27px 0px 25px 0px; width:220px; height:190px; }
.newsletter {
	color:#165b6f;
	font-size:12px;
	background: url(../images/display-images/newsletter-new.png) no-repeat left top;
	padding: 25px 0 5px 0;
	float:left;
	margin:10px 0 0;
	width:711px;
	clear: both;
}
.newsletter-content {padding:0 5px 0; margin: 0 0px 0px 1px; }

.newsletter-input { float:left; height:27px; width:195px; margin:0px 0px 8px 0px; padding:4px 0px;  color:#969696; display:block; overflow:hidden; font-size:12px; border:solid 1px #b8b8b8; }
.newsletter-input:focus { background-color:#e9f5ff; border:solid 1px #9dcbee; color:#0E456E;}
.submit  { float:right; }
.breadcrumb { float:left; width:100%; margin:3px 0px 3px 0px; font-size:11px; color:#5c5c5c; }
.breadcrumb a { padding:1px; background:#f4f4f4; margin:0px 5px 0px 0px; }
.breadcrumb a:hover {  text-decoration:none; color:#666; }

h1, h2, h3, h4, h5 {  color:#0d4672; font-family:helvetica, arial, sans-serif;  }
h1 { font-size:1.7em; line-height:1.4em; margin:0px 0px 5px 0px; background:url(../images/display-images/header-bg.gif) left bottom no-repeat; }
h2 { font-size:1.5em; margin:3px 0px 0px 0px; }
h3 { font-size:1.4em; }

a.contact-btn-home { float:left; margin:287px 0 0 7px; background:url(../images/display-images/contact-icon.png) 0px 0px; z-index:99; width:125px; height:31px;  text-indent:-9999em;}
a.contact-btn-home:hover { background:0px -31px; }
a.contact-btn { cursor:pointer; float:left;  margin:145px 0 0 10px; background:url(../images/display-images/contact-icon.png) 0px 0px; width:125px; height:31px;  text-indent:-9999em; }
a.contact-btn:hover { background:0px -31px; }

h3.comp-title, h3.comp-title a { color:#8A34B9; }
.grey { color:#b2b2b2; }
h1.welcome { float:left; background:url(../images/display-images/welcome-header.gif) no-repeat; width:100%; height:28px; margin:0px 0px 10px 0px; text-indent:-9999em; }
p { margin:5px 0px 10px 0px; clear: left; }

.main-content { float:left; width:711px; text-align:left;}

.cat1 { float:left; margin:0px 7px 0px 0px; width:220px; display:inline; overflow:hidden; }
.cat1w { float:left; margin:0px 7px 0px 0px; width:330px; display:inline; overflow:hidden; }


a.festival-btn { float:left; background:url(../images/display-images/fest-btn-new.gif) 0px 0px; width:109px; height:39px; text-indent:-9999em; margin: 0;  display:inline; overflow:hidden; }
a.exhibition-btn { float:left; background:url(../images/display-images/sport-btn-new.gif) 0px 0px; width:109px; height:39px; text-indent:-9999em; margin: 0; display:inline; overflow:hidden; }
a.bespoke-btn { float:left; background:url(../images/display-images/out-btn-new.gif) 0px 0px; width:109px; height:39px; text-indent:-9999em;  margin: 0 5px; display:inline; overflow:hidden; }

a.festival-btn:hover, a.exhibition-btn:hover, a.bespoke-btn:hover { background-position:0px -39px; }

a.more { float:right; background:url(../images/display-images/more-btn.gif) 0px 0px; overflow:hidden; width:60px; height:15px; text-indent:-9999em; }
a.more:hover { background-position:0px -15px; }
.footer {
	/*position:relative;*/
	text-align: center;
	margin: -195px auto 0 auto;
	width: 100%;
	font-size:11px;
	background: #fff url(../images/display-images/footer-wall-bg.jpg) no-repeat center top;
	height: 240px;
	float: left;
	padding: 0;
	/*z-index: 1;*/
}
p.webbynumberslink { background-color: #fff; margin: 0; float: left; width: 100%; text-align: center; padding-bottom: 15px;}
p.webbynumberslink a { color:#666;}
.poweredby { float:right; }

h2.teaser-title { color:#fff; margin:5px 0px 10px 0px; }
a.blue-more { float:right; color:#0E456E; } 
a.red-more { float:right; color:#AC1E1D; } 
.bag { position:absolute; top:600px; left:768px; }

.comp-image { float:left; width:69px; background:#fff;   } 
.comp-text { float:right;  width:130px; } 
.teaser-holder { float:left; width:180px; margin:0px; padding:3px; font-size:11px;  }
.news-title { font-size:1.3em; color:#0E456E;}
.news-date { color:#999; }

.intro { float:left; width:100%; background:url(../images/display-images/intro-bg.gif) repeat-x bottom; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; }
.intro-text { float:left; width:510px; margin:5px 0px 0px 0px; }

.image-col { float:right; width:160px; margin:0px 15px 0px 15px; }
.content-image { float:left; width:156px; padding:2px; background:#fff; border:solid 1px #dedede; margin:0px 0px 10px 0px; }
.content-image img { width:156px; }
.news-list { float:left; width:100%; padding:6px 0px; border-bottom:1px solid #dedede; }
.casestudy-image { float:left; width:335px; height:215px; overflow:hidden; margin:0px 0px 5px 0px; }


.form-col { float:left; width:350px; background:#f4f4f4; padding:10px; margin:5px 10px 0px 0px; }
.email-col { float:left; width:300px;  margin:0px 10px 0px 0px; padding:10px 0px; }
.form-input { float:left; width:100%; font-family:Arial, Helvetica, sans-serif;  font-size:12px; padding:7px 0px; background:#fff; border:1px solid #dedede; }
.form-textarea { float:left; width:100%; font-family:Arial, Helvetica, sans-serif;  font-size:12px; padding:7px 0px; background:#fff; border:1px solid #dedede; }
.form-input:focus { background:#E9F5FF; border:solid 1px #9DCBEE; color:#0D4672; }

.person { float:left; margin:5px 0px 10px 0px; width:100%; padding:0px 0px 5px 0px; border-bottom:1px solid #dedede;  }

.events { float:left; width:100%; margin:0px 0px 5px 0px; border-bottom:1px solid #dedede; display:inline; padding:7px 0px 7px 0px; }

.event-passed { float:left; width:100%; color:#8a8a8a; margin:0px 0px 5px 0px; border-bottom:1px solid #dedede; display:inline; padding:7px 0px 7px 0px; }
.event-passed .event-text a { color:#5e89b6; }

.events:hover  { background:#f4f4f4; }
.events-image { float:left; width:120px; padding:2px; background:#fff; border:solid 1px #dedede; margin:0px 5px 5px 0px; }
.events-image img { width:120px; }
.event-text { /*float:left;*/ /*width:225px;*/ margin:0px 0px 0px 0px; }
.event-textw { float:left; width:325px; margin:0px 0px 0px 0px; }
.event-date { color:#999; }

.client { float:left; width:165px;  }
.type { float:left; width:700px; margin:10px 0px 0px 0px; }


.calendar-header { float:left; width:100%;  margin:0px 0px 5px 0px; }

.calendar-table { float:left; }

a.calendar-back { float:left; text-indent:-9999em; background:url(../images/display-images/previous-btn.png); width:30px; height:27px; }
.calendar-title { float:left; width:160px; text-align:center; padding:3px 0px;  }
a.calendar-forward { float:right; text-indent:-9999em; background:url(../images/display-images/next-btn.png); width:30px; height:27px; }

calendar td { text-align:center; }
td.calendar-day { text-align:center; }
.day-activity  { display:block; background:url(../images/display-images/calendar-active.gif); color:#fff; text-align:center; width:23px; height:15px; }
.day-activity a { color:#fff; }

.top-image { float:right; background:url(../images/display-images/top-image-bg.gif); padding:0px 0px 0px 9px; width:271px; height:152px; overflow:hidden; margin:-20px 15px -9px 0px; }

.client {
	border: 1px solid #DEDEDE;
    float: left;
    height: 105px;
    margin: 10px 10px 0 0;
    text-align: center;
    width: 220px;
}

.tl { float:left; background:url(../images/display-images/tl.gif); width:7px; height:6px; margin:0px; }
.tr { float:right; background:url(../images/display-images/tr.gif); width:7px; height:6px; margin:0px; }


/*.col-left { float:left; width:335px; padding:0px 5px; height:570px; line-height:1.2em; overflow:hidden;  }*/
.col-left { float:left; width:348px; padding-bottom: 5px; line-height:1.2em; margin: -6px 0 0; background-color: #fff;}
.col-right { float:right; width:585px; padding:0px 3px 0px 5px;  margin:0px 0px 0px 0px; height:350px; }
.col-right { float:right; width:585px; padding:0px 3px 0px 5px;  margin:0px 0px 0px 0px; height:350px; }
.col-right-new { float:left; /*width:347px; */padding: 0 0 5px;  margin:-6px 0 0px 16px; text-align: center; background-color: #fff; }
.col-right-new-comment { float:left; width:337px; padding: 5px;  margin:-6px 0 8px 16px; text-align: left; background-color: #fff; min-height: 149px;}
.spacer {height:1px;}
.slideshow { float:left; /*width:330px;*/ overflow: visible;  background:#ffffff; /*padding: 0 6px;*/ margin: 6px 0 0 0;}
.calendar-col { float:right; width:220px; margin:-75px 0px  0px 0px;  }

.home-buttons { float:left; width:100%; }
.home-teasers { float:right; width:595px; margin:20px 0px 0px 0px; }

.news-teaser { float:left; width:185px;  }
.video-teaser { float:left; width:185px;  margin:0px 0px 0px 20px; }
.comp-teaser { float:left; width:185px; margin:0px 0px 0px 20px;  }

.home-intro { font-size:12px; line-height:16px; }
.home-text { font-size:12px; line-height:16px; }
#prevBtn, #nextBtn { display:none; }

.home-col-top { float:left; background:url(../images/display-images/home-col-top.gif) no-repeat; width:344px; height:6px; }
.home-col-mid { float:left; width:338px; margin: 0 5px; min-height: 392px;}
.home-col-end { float:left; background:url(../images/display-images/home-col-end.gif)  no-repeat; width:344px; height:6px; }

div#slideshow { float: left; /*width: 330px;*/ height: 302px; margin: 0; padding: 0; }

#home-fade { float:left; width:330px; }
.slide { float:left; /*width:336px;*/ height:218px; background:#fff; padding: 0 6px; }
.home-col-mid .breadcrumb {margin: 5px 0 3px;}
.round, .roundnotIE {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
#groupphoto {
	background: url(../images/display-images/group-photo.jpg) no-repeat left top;
	float: right;
	height: 202px;
	width: 317px;
	position: relative;
}
.lucy-image, .kate-image, .stephen-image, .rachael-image {
	position: absolute;
	left: 18px; top: 15px;
}
.stephen-image {
	left: 93px; top: 3px;
}
.kate-image {
	left: 174px; top: 18px;
}
.rachael-image {
	left: 242px; top: 40px;
}
.news-list p {
	margin: 0;
}