#container {
	margin-top: 15px;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	background: #fff url(/images/layout/content_tl_bg.jpg) left top no-repeat;
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 0 0 23px 23px;
}
#container #breadcrumb {
	float: left;
	font-size: 12px;
	color: #1d75b8;
	padding: 23px 0 15px 155px;
}
#container #breadcrumb a {
	color: #333;
	text-decoration: none;
}
#container #breadcrumb a:hover {color: #2c7ebd;}
#container #breadcrumb .arrow {
	padding: 0 8px;
	color: #999;
}
#maincontent {
	overflow: hidden;
	width: 937px;
}

/****************************** Our Work Page ******************************/
.workblock {
	width: 438px;
	height: 160px;
	float: left;
	margin: 0 14px 14px 0;
	position: relative;
}
.chanceblock {
	width: 895px;
	height: 71px;
	float: left;
	margin: 0 0 14px 0;
	position: relative;
}
.title {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
.title a * {
  display: none;
}
.title a, .title a .hover {
  height: 155px;
  width: 438px;
  position: relative;
  display: block;
  background: url(/images/work/work_nav.png) 0 0 no-repeat;
}
.title a.brandidentity {background-position: -438px 0;}
.title a.brandidentity:hover, .title a.brandidentity.hover {background-position: -438px -160px;}
.title a.designforprint {background-position: -1314px 0;}
.title a.designforprint:hover, .title a.designforprint.hover {background-position: -1314px -160px;}
.title a.digitaldesign {background-position: -876px 0;}
.title a.digitaldesign:hover, .title a.digitaldesign.hover {background-position: -876px -160px;}
.title a.printdisplay {background-position: 0 0;}
.title a.printdisplay:hover, .title a.printdisplay.hover {background-position: 0 -160px;}

.title a.takeachance, .title a.takeachance.hover { height: 71px;  width: 895px;}
.title a.takeachance {background-position: 0 -315px;}
.title a.takeachance:hover, .title a.takeachance.hover {background-position: -895px -315px;}

.imagecycle {
	margin: 10px 0 0 12px;
	overflow: hidden;
}
.workblock .imagecycle {
	width: 426px;
	height: 150px;
}
.chanceblock .imagecycle {
	width: 879px;
	height: 58px;
}

/******************************   Sub Navigation   ******************************/
#subnav {
	position: absolute;
	width: 210px;
	top: 110px;
	right: 23px;
	z-index: 99;
}
#subnavshow {
	float: right;
	margin-right: 2px;
	background: #10427a;
	width: 210px;
	display: none;
	-moz-border-radius: 0 0 0 10px;
	-webkit-border-radius: 0 0 0 10px;
}
#subnavshow ul {
	list-style: none;
	padding: 12px 0 12px 20px;
	font: 12px Helvetica, Arial, sans-serif;
}
#subnavshow ul li {margin: 3px 0;}
#subnavshow ul li a {
	color: #fff;
	text-decoration: none;
}
#subnavshow ul li a:hover {color: #00b4fe;}
#subnavshow hr {
	margin-left: 20px;
	padding: 0;
	border: 0;
	height: 2px;
	width: 80%;
	background: transparent url(/images/work/subnav_seperator.jpg) left top repeat-x;
}
#subnavshow ul.secondary_nav li a {color: #86b4e8;}
#subnavshow ul.secondary_nav li a:hover {color: #00b4fe;}

.slide {
	margin: 0;
	padding: 0;
	float: right;
	background: transparent url(/images/work/subnav_bg.png) no-repeat right top;
}
.btn-slide {
	background: transparent url(/images/work/arrow.png) no-repeat right -24px;
	text-align: right;
	width: 180px;
	height: 31px;
	padding: 8px 32px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	float: right;
}
.active {
	background-position: right 8px;
}

/****************************** Work Section Pages ******************************/
#leftpane {
	float: left;
	width: 300px;
}
#leftpane h1 {
	width: 300px;
	margin-bottom: 10px;
	background: url(/images/work/work_nav.png) 0 0 no-repeat;
	display: block;
}
#leftpane h1 a {
	width: 300px;
	height: 100%;
	display: block;
	border: 0;
}
#leftpane h1 span {	display: none;}
#leftpane h1.brandandidentity-title {background-position: -438px 0; height: 107px;}
#leftpane h1.designforprint-title {background-position: -1314px 0; height: 147px;}
#leftpane h1.printanddisplay-title {background-position: -0 0; height: 90px;}
#leftpane h1.digital-title {background-position: -876px 0; height: 142px;}
#leftpane .indented {padding: 0 10px 0 14px;}
#leftpane h2 {
	font: 20px Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #1d75b8;
}
#leftpane h3 {
	font: 14px Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #1d75b8;
}
#leftpane ul {list-style: none; margin-top: 10px;}
#leftpane ul li {
	padding-left: 12px;
	margin-bottom: 3px;
	background-image: url(/images/layout/blue_bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 0.3em;	
}
#leftpane hr {
	width: 75%;
	text-align: left;
	border: #bddff0 1px solid;
	margin: 30px 0 15px;
}
#leftpane a {
	color: #1d75b8;
	text-decoration: none;
}
#leftpane a:hover {color: #00b4fe;}

#rightpane {
	width: 600px;
	margin-left: 14px;
	float: left;
}
#rightpane .boxes-logos a {
	margin: 0 8px 8px 0;
	float: left;
	background-position: -142px 0;
	width: 142px;
	height: 120px;
	overflow: hidden;
}
#rightpane .boxes a {
	margin: 0 8px 8px 0;
	float: left;
	width: 142px;
	height: 120px;
	overflow: hidden;
}
#rightpane .largeboxes a {
	margin: 0 8px 8px 0;
	float: left;
	width: 192px;
	height: 120px;
	overflow: hidden;
}

#rightpane .boxes-logos a span, #rightpane .boxes a span, #rightpane .largeboxes a span {display: none;}

/* LOGOS */
#rightpane .boxes-logos a.fryandkent {background-image: url(/images/work/logos/fryandkent.jpg);}
#rightpane .boxes-logos a.its {background-image: url(/images/work/logos/its.jpg);}
#rightpane .boxes-logos a.portchesterengineering {background-image: url(/images/work/logos/portchester.jpg);}
#rightpane .boxes-logos a.akorn {background-image: url(/images/work/logos/akorn.png);}
#rightpane .boxes-logos a.bonwyke {background-image: url(/images/work/logos/bonwyke.jpg);}
#rightpane .boxes-logos a.in2events {background-image: url(/images/work/logos/in2events.png);}
#rightpane .boxes-logos a.officekit {background-image: url(/images/work/logos/officekit.jpg);}
#rightpane .boxes-logos a.meon {background-image: url(/images/work/logos/meon.jpg);}
#rightpane .boxes-logos a.bubble {background-image: url(/images/work/logos/bubble.png);}
#rightpane .boxes-logos a.abarbistro {background-image: url(/images/work/logos/abar.jpg);}
#rightpane .boxes-logos a.treasury {background-image: url(/images/work/logos/treasury.jpg);}
#rightpane .boxes-logos a.infinity {background-image: url(/images/work/logos/infinity.png);}
#rightpane .boxes-logos a.alexandrasports {background-image: url(/images/work/logos/alexandrasports.png);}
#rightpane .boxes-logos a:hover {background-position: 0 0;}

#rightpane .boxes a.navy_print {background-image: url(/images/work/designforprint/navy_thumb.jpg);}
#rightpane .boxes a.spectrum_print {background-image: url(/images/work/designforprint/spectrum_thumb.jpg);}
#rightpane .boxes a.drum_print {background-image: url(/images/work/designforprint/drum_thumb.jpg);}
#rightpane .boxes a.beerfestival {background-image: url(/images/work/designforprint/beer_thumb.jpg);}
#rightpane .boxes a.brickell {background-image: url(/images/work/designforprint/brickell_thumb.jpg);}
#rightpane .boxes a.shepcd {background-image: url(/images/work/designforprint/shep_thumb.jpg);}
#rightpane .boxes a.uniworld {background-image: url(/images/work/designforprint/uniworld_thumb.jpg);}
#rightpane .boxes a.viewhill {background-image: url(/images/work/designforprint/viewhill_thumb.jpg);}
#rightpane .boxes a.infocentrality {background-image: url(/images/work/designforprint/infocentrality_thumb.jpg);}
#rightpane .boxes a.splendid {background-image: url(/images/work/designforprint/splendid_thumb.jpg);}
#rightpane .boxes a.nhs {background-image: url(/images/work/designforprint/nhs_thumb.jpg);}
#rightpane .boxes a.impressions {background-image: url(/images/work/designforprint/impressions_thumb.jpg);}
#rightpane .boxes a.h2o {background-image: url(/images/work/designforprint/h2o_thumb.jpg);}
#rightpane .boxes a.ultima {background-image: url(/images/work/designforprint/ultima_thumb.jpg);}
#rightpane .boxes a.swaythling {background-image: url(/images/work/designforprint/swaythling_thumb.jpg);}
#rightpane .boxes a.douglasstafford {background-image: url(/images/work/designforprint/douglasstafford_thumb.jpg);}
#rightpane .boxes a.ulysses {background-image: url(/images/work/designforprint/ulysses_thumb.jpg);}

#rightpane .boxes a.douglasstafford-web {background-image: url(/images/work/digitaldesign/douglasstafford_thumb.jpg);}
#rightpane .boxes a.in2events {background-image: url(/images/work/digitaldesign/in2events_thumb.jpg);}
#rightpane .boxes a.dekorgrip {background-image: url(/images/work/digitaldesign/dekorgrip_thumb.jpg);}
#rightpane .boxes a.newcgi {background-image: url(/images/work/digitaldesign/newcgi_thumb.jpg);}
#rightpane .boxes a.cgi {background-image: url(/images/work/digitaldesign/cgi_thumb.jpg);}
#rightpane .boxes a.bubble-web {background-image: url(/images/work/digitaldesign/bubble_thumb.jpg);}
#rightpane .boxes a.portchester-web {background-image: url(/images/work/digitaldesign/portchester_thumb.jpg);}
#rightpane .boxes a.bonwyke-web {background-image: url(/images/work/digitaldesign/bonwyke_thumb.jpg);}
#rightpane .boxes a.ulysses-web {background-image: url(/images/work/digitaldesign/ulysses_thumb.jpg);}
#rightpane .boxes a.bigfeet {background-image: url(/images/work/digitaldesign/bigfeet_thumb.jpg);}
#rightpane .boxes a.excelscotland {background-image: url(/images/work/digitaldesign/excelscotland_thumb.jpg);}
#rightpane .boxes a.spectrum_vid {background-image: url(/images/work/digitaldesign/spectrum_vid_thumb.jpg);}
#rightpane .boxes a.drum_vid {background-image: url(/images/work/digitaldesign/drum_vid_thumb.jpg);}

#rightpane .largeboxes a.navy_large {background-image: url(/images/work/printanddisplay/navy_thumb.jpg);}
#rightpane .largeboxes a.abar_large {background-image: url(/images/work/printanddisplay/abar_thumb.jpg);}
#rightpane .largeboxes a.fryandkent_large {background-image: url(/images/work/printanddisplay/fryandkent_thumb.jpg);}
#rightpane .largeboxes a.saucony_large {background-image: url(/images/work/printanddisplay/saucony_thumb.jpg);}
#rightpane .largeboxes a.h2o_large {background-image: url(/images/work/printanddisplay/h2o_thumb.jpg);}
#rightpane .largeboxes a.eurotask_large {background-image: url(/images/work/printanddisplay/eurotask_thumb.jpg);}
#rightpane .largeboxes a.whiteandco_large {background-image: url(/images/work/printanddisplay/whiteco_thumb.jpg);}
#rightpane .largeboxes a.meon_large {background-image: url(/images/work/printanddisplay/meon_thumb.jpg);}
#rightpane .largeboxes a.spectrum_large {background-image: url(/images/work/printanddisplay/spectrum_thumb.jpg);}
#rightpane .largeboxes a.legalservices_large {background-image: url(/images/work/printanddisplay/legalservices_thumb.jpg);}

#rightpane #largepanel {
	width: 600px;
	height: 430px;
	float: left;
	background: #f3f3f3 url(../images/layout/portfolio_bg.jpg) left top no-repeat;
	overflow: hidden;
}
#rightpane #largepanel img {margin: 10px 0 0 10px;}
#rightpane #pager {
	list-style: none;
	float: right;
	margin-top: 10px;
}
#rightpane #pager li {
	float: left;
	width: 12px;
	height: 12px;
	margin-left: 5px;
}
#rightpane #pager li a {
	width: 12px;
	height: 12px;
	background: url(/images/layout/pager_grey.jpg) left top no-repeat;
	text-decoration: none;
	display: block;
}
#rightpane #pager li a:hover {background: url(/images/layout/pager_blue.jpg) left top no-repeat;}
#rightpane #pager li a.activeSlide {background: url(/images/layout/pager_blue.jpg) left top no-repeat;}

#servicesbg {
	background: #fff url(/images/layout/services_large.jpg) left top no-repeat;
	float: right;
	width: 505px;
	height: 592px;
	display: block;
}
#contactbg {
	background: #fff url(/images/layout/contact_large.jpg) left top no-repeat;
	float: right;
	width: 508px;
	height: 485px;
	display: block;
}

h1.services-title span, h1.contact-title span, h1.links-title span, h1.terms-title span, h1.privacy-title span {display: none;}
h1.services-title { 
	width: 306px;
	height: 143px;
	background: transparent url(/images/layout/services_contact_title.png) left top no-repeat;
}
h1.contact-title { 
	width: 376px;
	height: 143px;
	background: transparent url(/images/layout/services_contact_title.png) right top no-repeat;
}
h1.links-title {
	width: 182px;
	height: 98px;
	background: transparent url(/images/layout/links_privacy_terms_title.png) 0 0 no-repeat;
}
h1.terms-title {
	width: 338px;
	height: 143px;
	background: transparent url(/images/layout/links_privacy_terms_title.png) -182px 0 no-repeat;
}
h1.privacy-title {
	width: 248px;
	height: 113px;
	background: transparent url(/images/layout/links_privacy_terms_title.png) right top no-repeat;
}

#large-leftpane {
	float: left;
	width: 410px;
	padding-left: 15px;
}
#legal-leftpane {
	float: left;
	width: 710px;
	padding-left: 15px;
	font-size: 12px;
}
h1.largetitle {
	padding: 20px 0 0 15px;
}
#large-leftpane .services-column {
	float: left;
	width: 200px;
	padding-right: 5px;
	margin-bottom: 20px;
}
#large-leftpane .double-services-column {
	float: left;
	width: 400px;
	padding-right: 5px;
}
#large-leftpane h2, #legal-leftpane h2 {
	font: 20px Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #1d75b8;
	margin: 12px 0 5px;
}
#large-leftpane h3, #legal-leftpane h3 {
	font: 16px Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #1d75b8;
}
#large-leftpane ul, #legal-leftpane ul {list-style: none;}
#large-leftpane ul li, #legal-leftpane ul li {
	padding-left: 12px;
	margin-bottom: 3px;
	background-image: url(/images/layout/blue_bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 0.3em;	
}
#large-leftpane a, #legal-leftpane a {
	color: #1d75b8;
	text-decoration: none;
}
#large-leftpane h3 a {
	color: #1d75b8;
	text-decoration: underline;
}
#large-leftpane a:hover, #legal-leftpane a:hover {color: #00b4fe;}