@charset "utf-8";
 
@media all {

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0; padding:0; border:0; outline:0;font-style:normal; font-size:100%; font-family:Helvetica, Arial, sans-serif; vertical-align:baseline; }
body { font-size:0.625em; line-height:1; color:#454545; text-align:left; background:url(/i/design/grass.jpg) repeat 0px 0px; }
ol, ul { list-style:none; }
img { display:block; }
a { text-decoration:none; }

}

@media screen, projection, tv {

/* Structure */

#container { position:absolute; top:50%; left:50%; width:940px; height:570px; padding:10px; margin:-285px 0 0 -500px; background:url(/i/design/whitebox.png) no-repeat 0 0; }
#header, #navigation, #content, #footer { margin:0 auto; width:940px; }
#header { position:relative; height:100px; }
#navigation { height:36px; }
#content { position:relative; overflow:hidden; width:900px; height:360px; padding:20px 20px 0; background:url(/i/design/swirls.png) no-repeat 0 0; }
#copy, #side-bar { float:left; }
#copy { width:620px; height:300px; }
#contact-us #copy, #legal #copy, #privacy #copy, #accessibility #copy, #site-map #copy { width:900px; }
#copy-scroll { width:610px; height:230px; padding:0 10px 0 0; overflow:auto; overflow-x:hidden; }
#legal #copy-scroll, #privacy #copy-scroll, #accessibility #copy-scroll, #site-map #copy-scroll { width:890px; }
#side-bar { position:absolute; top:0px; right:20px; overflow:hidden; width:260px; height:380px; background-position:0 100%; background-repeat:no-repeat; }
#footer { position:relative; height:30px; background:url(/i/design/swirls.png) no-repeat 0 -380px; }

/* Fonts */

h1, h2, h3 { margin:0 0 10px; letter-spacing:-1px; }
h1, #contact-us h2, #new-client h2 { font-size:3em; height:30px; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat; }
h2 { font-size:1.8em; }
h3 { font-size:1.4em; }
p, li, td, cite { font-size:1.2em; line-height:18px; }
p, blockquote { padding:0 0 10px; }
ul { margin:0 0 10px 30px }
li { list-style-type:disc; }
a { color:#00853F; font-weight:bold; }
a:hover, a:focus { color:#FF8B00; }
.green, .creative { font-weight:bold; }
.green { color:#008435; }
.creative { color:#292929; }
#small-text { font-size:1.5em; }

/* Columns */

.columns { overflow:hidden; }
.right-column, .left-column { float:left; width:290px; }
.right-column { margin:0 0 0 10px; }

/* Header */

#header p { position:absolute; top:20px; padding:0; text-indent:-9999px; }
#logo { left:20px; width:256px; background:url(/i/design/green-creative.png) no-repeat 0 0; }
#logo a { display:block; width:256px; height:60px; }
#banner { overflow:hidden; right:20px; width:618px; height:58px; border:1px solid #00853F; }

/* Navigation */

#navigation { border:2px solid #03843B; border-width:2px 0; background:#BDD63C url(/i/design/navigation-background.png) repeat-x 0 0; }
#navigation ul { margin:0; }
#navigation li { float:left; display:inline; width:104px; height:36px; line-height:36px; text-align:center; list-style:none; font-size:1.4em; color:#fff; font-weight:bold; }
#navigation li#contact { width:108px; }
#navigation a { display:block; color:#fff; height:36px; line-height:36px; background:url(/i/design/navigation.png) no-repeat 0 0; }
#navigation li.active { background-repeat:no-repeat; background-image:url(/i/design/navigation.png); }

/* Footer */

#footer p { padding:0; text-align:center; color:#666; font-weight:bold; line-height:30px; }
#footer ul { position:absolute; top:35px; left:0px; width:940px; margin:0; text-align:center; }
#footer li { display:inline; color:#fff; }
#footer li a { color:#fff; font-weight:bold; }

/* Side bar */

#side-bar p, #side-bar img { margin:0 auto; }
#side-bar p { width:220px; padding:0; text-indent:-9999px; }
#view-brochure { background:url(/i/design/view-brochure.png) no-repeat 0 0; }
#brochure-enquiry { background:url(/i/design/brochure-enquiry.png) no-repeat 0 0; }
#view-brochure a, #brochure-enquiry a { display:block; width:220px; height:40px; }
#brochure-enquiry a { height:110px; }

/* Homepage */

#homepage h1 { width:420px; height:60px; background-image:url(/i/headings/homepage.png); }
#homepage #current a, #homepage h2 { color:#FF8B00; }
#homepage #side-bar { height:350px; padding:85px 0 0; background:#FF8B00; }
#homepage #navigation li#home a, #navigation li#home a:hover, #navigation li#home a:focus, #homepage .active { background-position:0 -114px; }
#new-client h2 { background-image:url(/i/headings/new-client.png); }
#new-client h3 { font-size:1.8em; line-height:26px; }
#new-client strong { color:#FF8B00; }
#social-media { position:absolute; left:0; bottom:0; padding:0; }
#social-media li { display:inline; float:left; line-height:30px; padding:0 10px 0 0; color:#fff; }

/* What we do */

#what-we-do h1 { width:370px; background-image:url(/i/headings/what-we-do.png); }
#what-we-do h2 { height:30px; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat; }
#what-we-do .small { color:#666; }
#what-we-do #copy-scroll { height:245px; }
#what-we-do #current a, #what-we-do h2, #what-we-do h3, #what-we-do blockquote p#cite { color:#FF005E; }
#what-we-do #side-bar { background:#FF005E; }
#what-we-do blockquote p, #what-we-do blockquote strong { font-style:italic; }
#what-we-do blockquote p { font-size:1.4em; text-align:center; padding:0; }
#what-we-do blockquote p#cite strong { font-style:normal; }
#what-we-do #navigation li#what a, #navigation li#what a:hover, #navigation li#what a:focus, #what-we-do .active { background-position:-208px -114px; }
#our-solutions { display:none; overflow:hidden; height:70px; margin:0 0 10px; }
#our-solutions li { float:left; width:105px; height:100px; margin:0 10px 0 0; list-style:none; }
#our-solutions li a span { display:block; font-size:1.4em; padding:0 0 5px; font-weight:bold; }
#our-solutions li a { display:block; width:85px; height:50px; padding:10px 10px 0; font-size:1.2em; color:#fff; font-weight:normal; letter-spacing:-1px; background-color:#FF005E; }
#our-solutions li a:hover { background-color:#CA004B; }
#graphic-panel h2 { width:315px; background-image:url(/i/headings/graphic-design.png); }
#web-panel h2 { width:270px; background-image:url(/i/headings/web-design.png); }
#project-panel h2 { width:265px; background-image:url(/i/headings/project-management.png); }
#marketing-panel h2 { background-image:url(/i/headings/marketing-campaigns.png); }
#creative-panel h2 { width:230px; background-image:url(/i/headings/creative-solutions.png); }

/* Add value */

#add-value h1 { width:365px; height:60px; background-image:url(/i/headings/add-value.png); }
#add-value #current a, #add-value h1, #add-value h2 { color:#00A6FF; }
#add-value #side-bar { background:#00A6FF; }
#add-value #navigation li#value a, #navigation li#value a:hover, #navigation li#value a:focus, #add-value .active { background-position:-104px -114px; }
#add-value .columns ul { margin:0 0 0 15px; }

/* Environment */

#environment h1 { height:60px; background-image:url(/i/headings/environment.png); }
#environment #current a { color:#00A715; }
#environment #side-bar { background:#00A715; }
#environment #navigation li#the-environment a, #navigation li#the-environment a:hover, #navigation li#the-environment a:focus, #environment .active { background-position:-312px -114px; }
#environment .columns ul { margin:0 0 10px 15px; }

/* Portfolio */

#portfolio h1 { height:60px; background-image:url(/i/headings/portfolio.png); }
#portfolio #current a, .portfolio-window h2 { color:#FF3900; }
#portfolio #side-bar { background:#FF3900; }
#portfolio #navigation li#our-portfolio a, #navigation li#our-portfolio a:hover, #navigation li#our-portfolio a:focus, #portfolio .active { background-position:-416px -114px; }
.portfolio-window img { margin:0 0 10px; }

/* Carousel */

.jcarousel-container { position:relative; background-color:rgb(255, 57, 0); }
.jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden; position:relative; }
.jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; }
.jcarousel-list li { margin:0 10px 0 0; }
.jcarousel-list li, .jcarousel-item { float:left; list-style:none; width:120px; height:120px; }
.jcarousel-next, .jcarousel-prev { z-index:3; display:none; }
.jcarousel-skin { display:none; }
.jcarousel-skin .jcarousel-container-horizontal { position:absolute; top:120px; left:0px; width:650px; margin:30px 0 0; padding:10px 0 10px 10px; }
.jcarousel-skin .jcarousel-clip-horizontal { width:650px; height:120px; }
.jcarousel-skin .jcarousel-next-horizontal, .jcarousel-skin .jcarousel-prev-horizontal { position:absolute; top:-35px; width:30px; height:30px; cursor:pointer; }
.jcarousel-skin .jcarousel-next-horizontal { left:330px;  background:transparent url(/i/design/next-horizontal.png) no-repeat 0 0; }
.jcarousel-skin .jcarousel-prev-horizontal { left:290px; background:transparent url(/i/design/prev-horizontal.png) no-repeat 0 0; }
.jcarousel-skin .jcarousel-next-horizontal:hover, .jcarousel-skin .jcarousel-prev-horizontal:hover { background-position:-30px 0; }
.jcarousel-skin .jcarousel-next-horizontal:active, .jcarousel-skin .jcarousel-prev-horizontal:active { background-position:-60px 0; }
.jcarousel-skin .jcarousel-next-disabled-horizontal, .jcarousel-skin .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin .jcarousel-prev-disabled-horizontal, .jcarousel-skin .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin .jcarousel-prev-disabled-horizontal:active { cursor:default; background-position:-90px 0; }

/* Printing */

#printing h1 { width:340px; height:60px; background-image:url(/i/headings/printing.png); }
#printing #current a { color:#00A2FF; }
#printing #side-bar { background:#00A2FF; }
#printing #navigation li#print a, #navigation li#print a:hover, #navigation li#print a:focus, #printing .active { background-position:-520px -114px; }
#printing .right-column, #printing .left-column { float:left; width:280px; }
#printing .right-column { margin:0 0 0 20px; }
#printing .columns img { margin:0 0 10px; }

/* Quote */

#quote h1 { width:480px; background-image:url(/i/headings/quote.png); }
#quote #copy-scroll { height:240px; }
#quote #current a { color:#662FC0; }
#quote #side-bar { background:#662FC0; }
#quote #navigation li#get-quote a, #navigation li#get-quote a:hover, #navigation li#get-quote a:focus, #quote .active { background-position:-624px -114px; }

/* Careers */

#vacancies h1 { width:103px; background-image:url(/i/headings/careers.png); }
#vacancies #navigation li#careers a, #navigation li#careers a:hover, #navigation li#careers a:focus, #vacancies .active { background-position:-728px -114px; }
#vacancies #copy-scroll ul { font-weight:bold; }
#vacancies #copy-scroll { overflow:hidden; }

/* Contact us */

#contact-us h1 { width:370px; background-image:url(/i/headings/contact-us.png); }
#contact-us h2 { height:33px; background-image:url(/i/headings/enquiry-form.png); }
#contact-us #location-map h2 { width:160px; background-image:url(/i/headings/our-location.png); }
#contact-us h2, #contact-us h3, #contact-us th { color:#FF0D00; }
#contact-us #navigation li#contact a, #navigation li#contact a:hover, #navigation li#contact a:focus, #contact-us .active { background-position:-832px -114px; }
#contact-details { overflow:hidden; position:relative;  }
#contact-message, #enquiry-form { float:left; }
#contact-message { width:290px; margin:0 10px 0 0; }
#enquiry-form { width:590px; margin:0 0 0 10px; }

/* Error pages */

#internal-server-error h1 { width:255px; background-image:url(/i/headings/internal-server-error.png); }
#file-not-found h1 { width:174px; background-image:url(/i/headings/file-not-found.png); }
#forbidden h1 { width:138px; background-image:url(/i/headings/forbidden.png); }
#authorisation-required h1 { width:285px; background-image:url(/i/headings/authorisation-required.png); }

/* Misc pages */

#legal h1 { width:75px; background-image:url(/i/headings/legal.png); }
#privacy h1 { width:100px; background-image:url(/i/headings/privacy.png); }
#accessibility h1 { width:270px; background-image:url(/i/headings/accessibility.png); }
#site-map h1 { width:115px; background-image:url(/i/headings/site-map.png); }

/* Form */

form, .button { overflow:hidden; }
label { float:left; display:block; width:80px; padding:0 10px 0 0; cursor:pointer; font-size:1.2em; }
input, textarea, button { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }
.form-column { float:left; width:295px; }
.form-column input, .form-column textarea { padding:2px; width:180px; border:1px solid #ccc; background-color:rgba(255, 255, 255, 0.7); }
textarea { overflow:auto; height:60px; }
#comments { height:140px; }
.row { overflow:hidden; padding:0 0 5px; }
button { width:64px; height:28px; padding:4px; text-indent:-9999px; cursor:pointer; border:none; background:#fff url(/i/design/submit.png) no-repeat 0 0; color:#fff; font-weight:bold; }
.button { clear:both; padding:0 15px 0 0; }
.submit { float:right; }
#errortop, .error { color:#FF0D00; font-weight:bold; }
#errortop, #all-fields { position:absolute; top:10px; right:15px; }

}

@media print {

body { font-size:11pt; }

#banner, #navigation, #footer ul, .hide-me, #new, #side-bar, .jcarousel-skin, .next, .previous, #print-button, .hide-me, #enquiry-form, #view-map { display:none; }

#header, #content { margin:0 0 10px; border-bottom:1px solid #333; }

#new-client, #graphic-panel, #web-panel, #project-panel, #marketing-panel, #creative-panel, #location-map { display:block !important; }

#new-client, #graphic-panel, #web-panel, #project-panel, #marketing-panel, #creative-panel, .portfolio-window { margin:0 0 10px; padding:10px 10px 0; border:1px solid #ccc; }

#map { width:100%; }

h1, h2, h3, h4, p, .portfolio-window, .portfolio-window img, #map { margin:0 0 10px; }
h1, h2, h3, h4, #logo a { font-weight:bold; letter-spacing:-1px; }
#logo { font-size:22pt; line-height:26pt; }
h1 { font-size:20pt; }
h2, #graphic-panel h2, #web-panel h2, #project-panel h2, #marketing-panel h2, #creative-panel h2 { font-size:16pt !important; }
h3 { font-size:14pt; }
p, li { line-height:18pt; }
ul { margin:0 0 10px 30px; }
li { list-style-type:disc; }

}