@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:20px;
	font-size:14px;
}

#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;
}
#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:54px;
	height:277px;
}
#portfolio #main .panel {
	padding-top:74px;
	height:257px;
}
#main .panel h2, #main .panel h1 {
	height:40px;
	padding:35px 0 18px;
	margin-left:15px;
	background:no-repeat 0 43px;
}
#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.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);
}
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: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.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.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:31px;
}
#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:7px;
}
#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.last {
	padding-top:11px;
}
#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;
}
#main.twocolumn .paddingtop {
	padding-top:93px;
	height:228px;
}
#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 {
	width:1012px;
	margin:0 auto;
	text-align:left;
	font-size:12px;
	padding-top:20px;
}

.imgreplace {
	text-indent:-1000px;
	overflow:hidden;
}
.blue {
	color:#A8C3E1;
}
.floatleft {
	float:left;
}