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

body { font-family:Arial, Helvetica, sans-serif; font-size:74%; line-height:1.6em; color:#1c1c1c; padding:0px; background:url(../images/display-images/new-content-bg.jpg) top no-repeat; 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; }
.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:960px;  min-height:911px; height:auto !important; height:911px;   }

.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-right { float:right; width:230px; background:#FFF; padding:0px 5px 15px 5px; margin:-6px 0px 0px 1px; min-height:530px; height:auto !important;   }

.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-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.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; }

.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:right; width: 220px; }

.calendar { float:left; margin:27px 0px 25px 0px; width:220px; height:190px; }
.newsletter {  color:#165b6f; font-size:12px; background:url(../images/display-images/newsletter.png) no-repeat; padding:25px 0px 0px 10px; float:left; margin:43px 10px 0px 0px; width:220px; height:150px; overflow:hidden;   }

.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; }

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

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


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

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

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:right; margin:160px auto 30px auto; width:960px; font-size:11px;  }
.footer 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:360px; margin:5px 0px 0px 0px; }
.kate-image { float:right; margin:-49px 10px -5px 0px; }
.lucy-image { float:right; margin:-49px 10px -5px 0px; }

.image-col { float:left; width:160px; margin:0px 15px 0px 0px; }
.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-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 { float:left; margin:10px 10px 10px 0px; width:160px; overflow:hidden; }

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


.col-left { float:left; width:335px; padding:0px 5px; height:570px; line-height:1.2em; overflow:hidden;  }
.col-right { float:right; width:585px; padding:0px 3px 0px 5px;  margin:0px 0px 0px 0px; height:350px; }
.slideshow { float:left; width:330px; overflow: hidden; }
.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); width:344px; height:6px; }
.home-col-mid { float:left; width:334px; padding:5px 5px; background:url(../images/display-images/home-col-mid.gif) repeat-y; }
.home-col-end { float:left; background:url(../images/display-images/home-col-end.gif); 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:330px; height:350px; overflow:hidden; background:#fff; }