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

@import url("core.css");
/* Specific */

/*@font-face   {
	font-family: 'BryantProRegularAlternate';
	src: url('../fonts/bryantpro-regularalt-webfont.eot');
	src: local('☺'), url('../fonts/bryantpro-regularalt-webfont.woff') format('woff'), url('../fonts/bryantpro-regularalt-webfont.ttf') format('truetype'), url('../fonts/bryantpro-regularalt-webfont.svg#webfonteRTEYlLS') format('svg');
	font-weight: normal;
	font-style: normal;
  }*/

body
    {
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	/*font-family:'BryantProRegularAlternate', sans-serif;*/
	color:#717171;
	margin-bottom:20px;
	background:#1a1a1a;
  }
p
  {
	font-size:14px;
	line-height:22px;
  }
a
  {
	color:#717171;
  }
a:hover
  {
	text-decoration:none;
  }
#outerheader
  {
	/*background:#b6cee8;*/
	background:url(../images/header-bg.png) repeat-x #a8c3e1;
	border-bottom:1px solid #fff;
  }
#header
  {
	width:1012px;
	margin:0 auto;
	height:128px;
  }
#header ul#nav
  {
	position:relative;
	overflow:hidden;
	float:left;
	margin-top:27px;
	width:759px;
	height:80px;
  }
#header ul#nav li
  {
	display:inline;
	float:left;
	height:47px;
  }
#header ul#nav li.arrowiconholder
  {
	position:relative;
  }
#header ul#nav li a
  {
	display:block;
	height:47px;
	background:no-repeat 0 6px;
	margin-right:45px;
  }
#header ul#nav li a.graphicdesign
  {
	background-image:url(../images/nav-design.gif);
	width:112px;
  }
#header ul#nav li a.print
  {
	background-image:url(../images/nav-print.gif);
	width:75px;
  }
#header ul#nav li a.web
  {
	background-image:url(../images/nav-web.gif);
	width:71px;
  }
/* arrow icons */
#header ul#nav li span
  {
	overflow:hidden;
	position:absolute;
	display:block;
	top:0;
	width:18px;
	height:47px;
  }
#header ul#nav li span.design
  {
	left:122px;
  }
#header ul#nav li span.print
  {
	left:242px;
  }
#header ul#nav li span.web
  {
	left:356px;
  }
#header ul#nav li span img
  {
	position:absolute;
	top:0;
	left:0;
  }
/* dropdown */
#header ul#nav ul
  {
	position:absolute;
	top:60px;
	left:0;
  }
#header ul#nav ul li a
  {
	color:#fff;
	margin-right:12px;
	font-size:14px;
  }
 #header ul#nav ul li a.nomarg
  {
  margin-right: 0;
  }
#header a#pdglogo
  {
	background:url(../images/the-pd-group-logo.png) no-repeat 0 0;
	display:block;
	width:253px;
	height:128px;
	float:right;
  }
#outermain
  {
	background:#fff;
	border:solid #DEDEDE;
	border-width:1px 0;
	border:none;
  }
#outermain.black
  {
	background:#1a1a1a;
  }
/* #main section pages */
#main
  {
	position:relative;
	height:320px;
	width:1012px;
	margin:0 auto;
	overflow:hidden;
  }
#main.sectionpages
  {
	background:0 0 no-repeat;
  }
#main.sectionpages p,
#main.sectionpages h1
  {
	margin:0 15px 0 518px;
	text-align:left;
  }
#vacancies #main.sectionpages #emailcv
	{
	margin: 0 15px;
	font-size: 12px;
  line-height: 18px;
	text-align: center;
	}
#main.sectionpages p
  {
	margin-bottom:10px;
  }
#main.sectionpages p.norightmargin
  {
	margin-right:0;
  }
#main.sectionpages h1
  {
	margin-left:517px;
  }
#main.sectionpages h1
  {
	height:40px;
	padding:35px 0 10px;
	background:no-repeat 0 35px;
	background:none;
  }
/*#main.sectionpages.web   {
	background-image:url(../images/main-section-graphics-web.jpg);
  }
#main.sectionpages.design   {
	background-image:url(../images/main-section-graphics-design.jpg);
  }
#main.sectionpages.print   {
	background-image:url(../images/main-section-graphics-print.jpg);
  }
#main.sectionpages.webseo   {
	background-image:url(../images/main-section-graphics-web-seo.jpg);
  }
#main.sectionpages.webonlinebrochures   {
	background-image:url(../images/main-section-graphics-web-online-brochures.jpg);
  }
#main.sectionpages.webemail   {
	background-image:url(../images/main-section-graphics-web-email.jpg);
  }
#main.sectionpages.getintouch   {
	background-image:url(../images/location-map.jpg);
  }*/

#main.sectionpages h1.design
  {
/*background-image:url(../images/h1-design.gif);*/
  }
#main.sectionpages h1.print
  {
/*background-image:url(../images/h1-print.gif);*/
  }
#main.sectionpages h1.web
  {
/*background-image:url(../images/h1-web.gif);*/
  }
#main.sectionpages h1.printlargeformat
  {
/*background-image:url(../images/h1-printlargeformat.gif);*/
  }
#main.sectionpages h1.printdigital
  {
/*background-image:url(../images/h1-printdigital.gif);*/
  }
#main.sectionpages h1.webemailmarketing
  {
/*background-image:url(../images/h1-webemailmarketing.gif);*/
  }
#main.sectionpages h1.webonlinebrochures
  {
/*background-image:url(../images/h1-webonlinebrochures.gif);*/
  }
#main.sectionpages h1.webseo
  {
/*background-image:url(../images/h1-webseo.gif);*/
  }
#main.sectionpages h1.clients
  {
/*background-image:url(../images/h1-clients.gif);*/
  }
#main.sectionpages h1.thisishowwelikeit
  {
	background-image:url(../images/h1-thisishowwelikeit.gif);
  }
#main.sectionpages h1.ftp
  {
	background-image:url(../images/h1-ftp.gif);
  }
#main.sectionpages h1.ecoprinting
  {
	background-image:url(../images/h1-ecoprinting.gif);
  }
#main.sectionpages h1.contactus
  {
/*background-image:url(../images/h1-contactus.gif);*/
  }
#main.sectionpages h1.vacancies
  {
	background-image:url(../images/h1-vacancies.gif);
  }
#main.sectionpages h1.location
  {
/*background-image:url(../images/h1-location.gif);*/
  }
#contactus #main
  {
	overflow:visible;
  }
/* #main homepage */
#main .flashpanel
  {
	width:759px;
	height:320px;
  }
#main .panel
  {
	position:absolute;
	right:0;
	top:0;
	width:253px;
	height:319px;
	background:#fff;
  }
#contactus #main .panel
  {
	padding-top:43px;
	height:277px;
  }
#portfolio #main .panel
  {
	padding-top:84px;
	height:257px;
  }
#portfolio #main .pad1
  {
	padding-top:48px;
  }
#portfolio #main .pad2
  {
	padding-top:66px;
  }
#portfolio #main .pad3
  {
	padding-top: 56px;
  }
#portfolio #main .pad4
  {
	padding-top: 92px;
  }
#portfolio #main .pad5
  {
	padding-top: 138px;
  }
#portfolio #main .pad6
  {
	padding-top: 120px;
  }
#portfolio #main .pad7
  {
	padding-top: 74px;
  }
#portfolio #main .pad8
  {
	padding-top: 102px;
  }
#portfolio #main .pad9, .sectionpages #tenLines
  {
	padding-top: 38px;
  }
#portfolio #main .pad9, .sectionpages #elevenLines
  {
	padding-top: 28px;
  }
#portfolio #main .panel sup
  {
	line-height: 0;
	vertical-align:super;
	font-size: 10px;
  }
#portfolio #main .panel .supertm
  {
	margin-left: -2px;
  }
#portfolio #main .panel p.tracked
  {
	margin:0 13px 10px 15px;
  }
  
#main .panel h2,
#main .panel h1
  {
	height:40px;
	padding:35px 0 18px;
	margin-left:15px;
	background:no-repeat 0 43px;
  }
/*#vacancies #main .panel h1   {
	height:30px;
	background-position: 0 33px;
  }*/
#main .panel h1.intro
  {
	height:30px;
	background-image:url(../images/h1-wedothelot.gif);
  }
#home #main .panel h1.intro
  {
	background:none;
  }
#main .panel h2.blackberry
  {
	background-image:url(../images/mainsdetails-h2s-blackberry.gif);
  }
#main .panel p
  {
	font-size:12px;
	line-height:18px;
	margin:0 15px 10px;
	color:#717171;
  }
/* #main portfolio pages */
#portfolio #main .rotate,
#portfolio #main .rotate .peice,
#home #main .rotate,
#home #main .rotate .peice
  {
	width:1012px;
  }
#portfolio #main .rotate .peice,
#home #main .rotate .peice,
#portfolio #main .panel
  {
	background:#fff;
  }
a#takemeback
  {
	position:absolute;
	z-index:100000;
	top:100px;
	left:20px;
	background:url(../images/take-me-back.png) 0 0;
	width:319px;
	height:105px;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
	display:none;
  }
a#takemeback:hover
  {
	background-position:0 -105px;
  }
/* btns */
.btn
  {
	height:32px;
	background:no-repeat 0 0;
	display:block;
  }
.btn:hover
  {
	background-position:-310px 0;
  }
a.btn#btngetintouch
  {
	width:135px;
	background-image:url(../images/btns-getintouch.gif);
	margin:18px 10px 0;
  }
a.btn#btnseeit
  {
	width:90px;
	background-image:url(../images/btns-seeit.gif);
	margin:18px 10px 0;
  }
a.btn#btnseethewebsite
  {
	width:162px;
	background-image:url(../images/btns-seethewebsite.gif);
	margin:18px 10px 0;
  }
a.btn#btnmore
  {
	width:138px;
	background-image:url(../images/btns-more.gif);
	margin:18px 12px 0;
  }
a.btn#btnseeourwork
  {
	width:180px;
	background-image:url(../images/btns-seeourwork.gif);
	margin:18px 10px 0;
  }
a.btn#btndownloadmap
  {
	width:150px;
	background-image:url(../images/btns-map.gif);
	margin:18px 10px 0;
  }
a.btn#btndesignportfolio
  {
	width:170px;
	background-image:url(../images/btns-designportfolio.gif);
	margin:18px 10px 0;
  }
a.btn#btnprintportfolio
  {
	width:150px;
	background-image:url(../images/btns-printportfolio.gif);
	margin:18px 10px 0;
  }
a.btn#btnwebportfolio
  {
	width:150px;
	background-image:url(../images/btns-webportfolio.gif);
	margin:18px 10px 0;
  }
a.btn#btnviewsample
  {
	width:140px;
	background-image:url(../images/btns-viewsample.gif);
	margin:18px 10px 0;
  }
a.btn#btnbrandingportfolio
  {
	width:185px;
	background-image:url(../images/btns-brandingportfolio.gif);
	margin:18px 10px 0;
  }
a.btn#btnanimatedportfolio
  {
	width:193px;
	background-image:url(../images/btns-animatedportfolio.gif);
	margin:18px 10px 0;
  }
a.btnthisishowwelikeit
  {
	width:144px;
	background-image:url(../images/btns-seeourwork.gif);
	margin:18px 10px 0;
  }
a.btnftp
  {
	width:144px;
	background-image:url(../images/btns-ftp.gif);
	margin:18px 10px 0;
  }
a.btnpdf
  {
	width:154px;
	background-image:url(../images/btns-pdf.gif);
	margin:18px 10px 0;
  }
#main.sectionpages a.btn
  {
	margin-left:-5px;
  }
#outerlower
  {
	margin:0 auto;
	background:url(../images/outer-lower-bg-grad.png) repeat-x #404040;
  }
#portfolio #outerlower
  {
	padding-bottom:20px;
  }
ul#lower
  {
	width:1012px;
	height:125px;
	margin:0 auto;
	padding:20px 0;
  }
ul#lower li
  {
	width:240px;
	height:125px;
	float:left;
	margin-right:17px;
	background:no-repeat 0 0;
	overflow:hidden;
  }
ul#lower li a
  {
	position:relative;
  }
ul#lower li a img.alpha
  {
	position:absolute;
	top:0;
	left:0;
  }
ul#lower li.last
  {
	margin-right:0;
  }
ul#lower li.contactpane
  {
	background-image:url(../images/lower-contact.png);
	position:relative;
  }
ul#lower li.contactpane a.social {display:block; width:31px; height:32px; background-position:top left; position:absolute; top:10px; text-indent:-9999px;}
ul#lower li.contactpane a.social#twitter {background:url(../images/twitterIcon.png) top left no-repeat; right:55px;}
ul#lower li.contactpane a.social#facebook {background:url(../images/facebookIcon.png) top left no-repeat;  right:20px;}
ul#lower li.contactpane a.social#facebook:hover, ul#lower li.contactpane a.social#twitter:hover {background-position:bottom left;}
ul#lower li.peice a
  {
	width:240px;
	height:125px;
	display:block;
  }
ul#lower li.peice a
  {
	background:no-repeat 0 0;
  }
ul#lower li.peice a:hover
  {
	background-position:-240px;
  }
ul#lower li.item1 a
  {
	background-image:url(../images/lower-item1.jpg);
  }
ul#lower li.item2 a
  {
	background-image:url(../images/lower-item2.jpg);
  }
ul#lower li.item3 a
  {
	background-image:url(../images/lower-item3.jpg);
  }
#portfolio ul#lower li a
  {
	background:none;
  }
ul#lower h2
  {
	width:113px;
	height:22px;
	margin:16px 20px 8px 20px;
	background:url(../images/get-in-touch.gif) no-repeat 0 0;
  }
ul#lower p
  {
	font-size:13px;
	line-height:16px;
	margin:0 20px 7px 20px;
  }
ul#lower p,
ul#lower a
  {
	color:#acacac;
  }
/* portfolio */
#lowercontainer
  {
	position:relative;
	overflow:hidden;
	width:1012px;
	height:125px;
	margin:0 auto;
	padding:20px 0;
  }
#lowercontainer ul#lower
  {
	position:absolute;
	left:0;
	top:20px;
	/*width:1028px; width to be set with javascript */
	padding:0;
  }
#navholder
  {
	position:relative;
	width:1012px;
	margin:0 auto;
  }
#navholder a#next,
#navholder a#prev
  {
	display:block;
	width:47px;
	height:108px;
	background:no-repeat 0 0;
	position:absolute;
  }
#navholder a#prev
  {
	left:-65px;
	top:28px;
	background:no-repeat 0 -108px url(../images/portfolio-nav-arrow-btn-prev.jpg);
	cursor:default;
  }
#navholder a#next
  {
	background-image:url(../images/portfolio-nav-arrow-btn-next.jpg);
	right:-65px;
	top:28px;
  }
/* portfolio nav */
#portfolionavholder
  {
	background:url(../images/portfolio-nav-bg.png) center top no-repeat;
  }
#portfolionavholder ul#portfolionav
  {
	width:1012px;
	height:46px;
	margin:0 auto;
  }
#portfolionavholder ul#portfolionav li
  {
	float:left;
	margin-right:10px;
  }
#portfolionavholder ul#portfolionav li.design
  {
	margin-left:30px;
  }
#portfolionavholder ul#portfolionav li a
  {
	display:block;
	height:46px;
	display:block;
	background:no-repeat 0 0;
  }
#portfolionavholder ul#portfolionav li a:hover
  {
	background-position:0 -46px;
  }
#portfolionavholder ul#portfolionav li h4
  {
	height:46px;
	width:115px;
	margin-right:20px;
	background:no-repeat 0 0 url(../images/portfolio-nav-h4.png);
  }
#portfolionavholder ul#portfolionav li.newstuff a
  {
	background-image:url(../images/portfolio-nav-new-stuff.gif);
	width:89px;
  }
#portfolionavholder ul#portfolionav li.design a
  {
	background-image:url(../images/portfolio-nav-design.gif);
	width:152px;
  }
#portfolionavholder ul#portfolionav li.web a
  {
	background-image:url(../images/portfolio-nav-web.gif);
	width:129px;
  }
#portfolionavholder ul#portfolionav li.print a
  {
	background-image:url(../images/portfolio-nav-print.gif);
	width:131px;
  }
#portfolionavholder ul#portfolionav li.branding a
  {
	background-image:url(../images/portfolio-nav-branding.gif);
	width:175px;
  }
#portfolionavholder ul#portfolionav li.animation a
  {
	background-image:url(../images/portfolio-nav-animation.gif);
	width:200px;
  }
#portfolionavholder ul#portfolionav li.mainportfolio a
  {
	width:115px;
  }
body.designportfolio #portfolionavholder ul#portfolionav li.design a,
body.newstuffportfolio #portfolionavholder ul#portfolionav li.newstuff a,
body.printportfolio #portfolionavholder ul#portfolionav li.print a,
body.brandingportfolio #portfolionavholder ul#portfolionav li.branding a,
body.animationportfolio #portfolionavholder ul#portfolionav li.animation a,
body.webportfolio #portfolionavholder ul#portfolionav li.web a
  {
	background-position:0 -92px;
  }
/* clients */
#clients #main img
  {
	float:left;
  }
#clients #main ul
  {
	float:left;
	width:236px;
	margin-right:20px;
	padding-top:20px;
  }
#clients #main ul li
  {
	font-size:12px;
	line-height:14px;
	padding-bottom:3px;
  }
#clients #main ul li a
  {
	text-decoration:none;
  }
#clients #main ul li a:hover
  {
	color:#fff;
  }
#clients #main ul.second li.sectiontitle
  {
	padding-top:9px;
  }
#clients #main ul.second #authority
  {
	padding-top:11px;
  }
#clients #main ul.second li
  {
  }
#clients #main ul.third
  {
	margin-right:0;
  }
#clients #main ul.third li
  {
	padding-left:0;
  }
#clients #main ul li.sectiontitle
  {
	padding-top:6px;
	margin-bottom:3px;
	font-size:11px;
	border-bottom:1px solid #D5D5D5;
  }
#clients #main ul.third li.sectiontitle
  {
	padding-top:10px;
  }
#clients #main ul.third li.first
  {
	padding-top:0px;
  }
#clients #main ul.third li.last
  {
	padding-top:8px;
  }
#clients #main ul li.first,
#clients #main ul.second li.first
  {
	padding-top:0;
  }
#clients #main #contentholder
  {
	margin-left:261px;
  }
#clients #main h1
  {
	margin-left:0;
  }
/* 2 column layouts */
#main.twocolumn .panel
  {
	float:left;
	position:relative;
	width:506px;
	height:320px;
  }
#vacancies #main.twocolumn .panel
  {
	height:150px;
  }
#main.twocolumn .paddingtop
  {
	padding-top:93px;
	height:228px;
  }
#vacancies #main.twocolumn .paddingtop
  {
	padding-top:93px;
	height:150px;
  }
#main.twocolumn .panel p,
#main.twocolumn .panel ul li
  {
	font-size:12px;
	line-height:18px;
	text-align:left;
	margin-bottom:8px;
  }
#main.twocolumn .panel ul li
  {
	margin:0 15px 5px;
	padding-left:15px;
	background:url(../images/bullets.gif) no-repeat 0 5px;
  }
#main.twocolumn .panel h2
  {
	font-size:14px;
	line-height:18px;
	padding:0 0 12px 0;
	height:auto;
  }
#main.twocolumn .panel h2.paddingtop
  {
	padding-top:12px;
  }
#main.twocolumn .panel a
  {
	color:#A8C3E1;
  }
/*#thisishowwelikeit #main .left p, #thisishowwelikeit #main .left h1,
#vacancies #main .left p, #vacancies #main .left h1   {
	margin-left:0;
  }
#thisishowwelikeit #main .right p, #thisishowwelikeit #main .right h1,
#vacancies #main .right p, #vacancies #main .right h1   {
	margin-right:0;
  }*/

#footer
  {
	border-top:1px solid #dedede;
	border:none;
  }
#footer ul#subnav
  {
	width:1012px;
	height:27px;
	margin:0 auto;
	margin-top:20px;
  }
#footer ul#subnav li
  {
	display:inline;
	float:left;
	margin-right:22px;
  }
#footer ul#subnav li.last
  {
	margin-right:0;
  }
#footer ul#subnav li a
  {
	display:block;
	padding-top:8px;
	font-size:14px;
  }
#footer ul#subnav h3
  {
	width:333px;
	height:27px;
	background:url(../images/looking-for-something-else.gif) no-repeat 0 0;
  }
#footer p.copyright,
#footer .vcard
  {
	width:1012px;
	margin:0 auto;
	text-align:left;
	font-size:12px;
	padding-top:20px;
	line-height:16px;
  }
.imgreplace
  {
	text-indent:-1000px;
	overflow:hidden;
  }
.blue
  {
	color:#A8C3E1;
  }
.floatleft
  {
	float:left;
  }
#fsclogos
  {
	position:relative;
	padding-bottom: 25px;
  }
#fsclogos #logos
  {
	position: absolute;
	width: 198px;
	height: 86px;
	top: 0px;
	right: 10px;
  }
.animated .peice #animatedbg
  {
	width: 759px;
	height: 320px;
	background-position: left top;
	background-repeat: no-repeat;
	position:relative;
  }

#kidsam_plasma #animatedbg
	{
	background-image: url(../images/kidsam-bg.jpg);
	}
#inception_plasma #animatedbg
	{
	background-image: url(../images/inception-bg.jpg);
	}
#giftcards_plasma #animatedbg
	{
	background-image: url(../images/giftcards-bg.jpg);
	}
#filmshow_plasma #animatedbg
	{
	background-image: url(../images/filmshow-bg.jpg);
	}

#kidsam_plasma #animatedbg #flashcontainer, 
#inception_plasma #animatedbg #flashcontainer, 
#giftcards_plasma #animatedbg #flashcontainer, 
#filmshow_plasma #animatedbg #flashcontainer
  {
	position: absolute;
	width:424px;
	height:239px;
	left: 168px;
	top: 34px;
  }