html {
     overflow: -moz-scrollbars-vertical;
}
body{
	background: #fff url('../../media/img/bgPageTile.jpg') top left repeat-x;
	font-family: Georgia,"Times New Roman",Times, arial, helvetica, sans-serif;
	font-size: 11px;
	scrolling:
}

a, a:visited{
	color: #1e1e1e;
	cursor: pointer;
	outline: none;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
	color:#f51077;
}
strong{
	font-weight: bold;
}
p{
	line-height: 16px;
}
hr{
	background-color: transparent;
	border: none;
	clear: both;
	display: block;
	height: 0;
	width: 0;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}
h2, h3{
	font-size: 15px;
	line-height: 15px;
}
h1{
	background: transparent url('../../media/img/profission.png') 0 4px no-repeat;
	color: #1e1e1e;
	font-size: 30px;
	height: 41px;
	line-height: 40px;
	text-indent: -5000px;
	width: 128px;
}
h1 a {
	display:block;
	height:39px;
}
h2{
	font-size:24px;
	font-style:italic;
	text-indent:566px;
	margin-top:-21px;
	line-height:24px;
}
h3{
	font-style:italic;
}
h5{
	clear: both;
	display: block;
	color:#787878;
	font-style:italic;
	line-height: 16px;
}
#portfolio .accent{
	border-color: #e80f71;
}
#what .accent{
	border-color: #f51146;
}
#apps .accent{
	border-color: #f3312d;
}
#company .accent{
	border-color: #f45310;
}

.dash{
	background-color:#fff;
	border-width:2px 0 0 0;
	border-style:solid;
	height:1px;
	margin-left:25px;
	width:38px;
	margin-top:20px
}

ul#primaryNav{
	display: block;
	float: left;
	list-style: none;
	margin-left: 545px;
	margin-top: -21px;
	padding: 0;
	width:360px

}
ul#primaryNav li{
	display: inline;
	float: left;
	height: 28px;
	margin-right: 10px;
	width: 80px;
	padding-top:1px;
}
ul#primaryNav li a{
	background-color: transparent;
	background-position: -38px 24px;
	background-repeat: no-repeat;
	display: block;
	height: 29px;
	font-size:11px;
}
ul#primaryNav li a:hover{
	color:#000;
}
ul#primaryNav li a:hover,
ul#primaryNav li a.selected{
	background-position: -4px 24px;
	text-decoration: none;
}
ul#primaryNav li a.portfolio{
	background-image: url('../../media/img/bgNavPortfolio.gif');
}
ul#primaryNav li a.what{ 
	background-image: url('../../media/img/bgNavWhat.gif');
}
ul#primaryNav li a.app{
	background-image: url('../../media/img/bgNavApps.gif');
}
ul#primaryNav li a.company{
	background-image: url('../../media/img/bgNavCompany.gif');
}
#portfolio ul#primaryNav li a.portfolio,
#what ul#primaryNav li a.what,
#apps ul#primaryNav li a.app,
#company ul#primaryNav li a.company{
	background-position: -4px 24px;
}

#portfolio.orphan ul#primaryNav li a.portfolio{
	background-position: -38px 24px;
}
#portfolio.orphan ul#primaryNav li a.portfolio:hover{
	background-position: -4px 24px;
}

#portfolio.orphan #content{
	padding-bottom:0px;

}

#portfolio.orphan .article{
	width: 619px; 
}

#portfolio.detail #content{padding-top:108px;}


#headerWrapper{
	float: left;
	width: 100%;
}
#header{
	background: transparent url('../../media/img/bgHeader.jpg') -123px bottom no-repeat;
	height:95px;
	margin: 0 auto;
	width: 1002px;
	/*border:1px solid yellow;*/
	display:block;

}
#header2{
	float: left;
	height: 54px;
	overflow:hidden;
	padding-left: 109px;
	padding-right: 0;
	padding-top: 40px;
	width: 893px;
}

#contentWrapper{
	clear: left;
	float: left;
	margin:0;
	padding:0;
	width: 100%;
	text-align:left
}
#content{
	background: transparent url('../../media/img/bgContentWrapper.jpg') -96px top no-repeat;
	clear: left;
	margin: 0 auto;
	min-height: 350px;
	padding: 87px 0 104px 88px;
	width:914px;
}

#footerFlourish {
	background:url("../../media/img/bgContent.jpg") no-repeat scroll 42px bottom transparent;
	float:left;
	height:100px;
	width:914px;
	margin-top:-20px;
}

#footerWrapper{
	background: transparent url('../../media/img/bgFooterTile.jpg') left bottom repeat-x;
	clear: both;
	float: left;
	padding: 0;
	width: 100%;
}
#footer{
	background: transparent url('../../media/img/bgFooter.jpg') -151px bottom no-repeat;
	height: 117px;
	position: relative;
	text-align: left;
	width: 899px;
	padding-left:71px;
	margin:0 auto;
}
dl#footerNav{
	padding-left: 25px;
	position: absolute;
	top: 40px;
	width: 855px;
}
dl#footerNav dt{
	color: #787878;
	float: left;
	font-style: italic;
	width: 90px;
}
dl#footerNav dd{
	float: left;
	margin-top: -16px;
	width: 160px;
}
dl#footerNav .address{
	float: right;
	width: 316px;
}
.showcase{
	display: block;
	float: left;
	margin-top:10px;
	position: relative;
	width: 100%;
	margin-left:0px
}
#showcaseImage{
	background: transparent url('../../media/img/bgShowcase.jpg') top left no-repeat;
	float: left;
	height: 303px;
	margin-left: 0;
	margin-top:2px;
	width: 566px;
}
#showcaseImage{
	padding: 10px 0 0 25px;
}
#galleryWrapper{
	width:530px
}
.showcase h2{
	background-color: #fff;
	display: inline;
	font-size: 24px;
	font-style: italic;
	left: 334px;
	padding: 20px 0 17px 38px;
	position: absolute;
	text-indent:0;
	top: 134px;
	width: 248px;
}
.showcase h5{
	color: #787878;
	font-size: 12px;
	font-style: italic;
}
.showcaseCopy{
	float: left;
	padding: 10px 0 0 64px;
	width: 215px;
}
.showcaseCopy p{
	padding: 48px 0 38px 0;
}
.showcaseCopy a{
	clear: both;
	display: block;
	float: left;
	line-height: 16px;
}
.showcaseCopy a.siteLink{
	color: #787878;
	font-style: italic;
}

#pageCount{
	border-left:2px solid #f3f3f3;
	font-size:24px;
	font-style:italic;
	height:64px;
	left:-85px;
	line-height:64px;
	margin-top:113px;
	padding-left:17px;
	position:absolute;
	text-align:left;
	width:79px;
}
#pageCount.pageCountHover{
	background-color:#1e1e1e;
	color:#fff;
	width:80px;
	cursor:pointer;
}
#pager{
	background:transparent url('../../media/img/bgPager.png') top left no-repeat;
	border-top:2px solid #f3f3f3;
	height:17px;
	left:517px;
	position:absolute;
	top:304px;
	width:38px;
}
#pager a{
	background: transparent url('../../media/img/btnPrev.png') bottom left no-repeat;
	display: block;
	float: left;
	height: 17px;
	width: 18px;
}
#pager a.next{
	background: transparent url('../../media/img/btnNext.png') bottom left no-repeat;
	float: right;
}
#pageDivider{
	background: #fff url('../../media/img/bgDivider.jpg') -13px top no-repeat;
	float: left;
	height: 252px;
	width: 914px;
	margin: -2px 0 -42px 0px;
	display:block;
}
.article{
	display: block;
	float: left;
	padding: 0 0 77px 25px;
	position: relative;
	width: 590px;
	margin:0;
}
.articleImage{
	background-color: transparent;
	float: left;
	height: 128px;
	width: 170px;
	margin:0;
}
.article h2{
	background-color: #fff;
	display: inline;
	font-size: 14px;
	font-style: italic;
	left: 85px;
	padding: 11px 0 11px 11px;
	position: absolute;
	top: 43px;
	width: 150px;
	text-indent:0;
	margin-top:-22px
}
.article h5, #intro h5{
	color: #787878;
	font-size: 12px;
	font-style: italic;
}
.articleCopy{
	float: left;
	padding: 0px 0 0 100px;
	width: 215px;
}
.articleCopy p{
	padding: 20px 0 5px 0;
}
.articleCopy a{
	clear: both;
	display: block;
	float: left;
	line-height: 16px;
}
.articleCopy a.siteLink{
	color: #787878;
	font-style: italic;
}
.articleCopy a.siteLink:hover{
	color:#f51077;
}
#intro{
	float: left;
	padding-left: 10px;
	width: 210px;
}

#intro p{
	padding-top: 20px;
}
ul#serviceList,
ul#services_list{
	clear: right;
	float:left;
	display: block;
	list-style: none;
	margin-top: -8px;
	padding: 0;
	width: 220px;
}
ul#serviceList li,
ul#services_list li{
	border-bottom: 1px solid #f2f2f2;
	padding-left: 10px;
}
ul#serviceList li a,
ul#services_list li a{
	color: #787878;
	display: block;
	font-style: italic;
	height: 30px;
	line-height: 30px;
}

ul#serviceList li a:hover,
ul#services_list li a:hover{
	color:#f51077;
}


/* Portfolio stylings ************************************************************* */	
.subheading{
	background: transparent url('../../media/img/bgSubheading.jpg') 0 9px no-repeat;
	color:#787878;
	font-style:italic;
	text-indent:35px;
	margin-left:566px;
	font-size:15px;
}

#clientList{
	display:block;
	float:left;
	position:relative;
	width:850px;
	background: transparent url('../../media/img/bgClientList.gif') top left no-repeat;
	padding:24px 0 10px 0;
	margin-top:21px;
	margin-left:-2px;
}

#highlightList{
	background: transparent url('../../media/img/bgClientList.gif') top left no-repeat;
	padding:23px 0 10px 18px;
	margin:29px 0 0 0px;
	width:895px;
	height:412px;
}

.client{
	width:172px;
	height:168px;
	float:left;
	margin-left:5px;
	padding:1px 1px 36px 1px;
	background: #fff url('../../media/img/bgClients.gif') top left no-repeat;
}
.client img{
	padding-bottom:8px
}
.client.last{
	margin-right:0
}

#ourClients #clientList{
	padding-bottom:100px;
	font-size:15px;
	font-style:italic;
	padding-bottom:100px;
	float:left;
	background:none;
}

#ourClients #highlightList
{
	padding-bottom:100px;
	font-size:15px;
	font-style:italic;
	padding-bottom:100px;
	float:left;
	background:none;
}

#ourClients{
	float:left;
	display:block;
	
}
#ourClients h2{
	line-height:40px;
	text-indent:562px;
	padding-bottom:0px;
	line-height:16px;
	font-size:16px;
	float:left;
	position:relative;
	margin:0;
}
#ourClients #clientList li{
	float:left;
	line-height:18px;
	white-space:nowrap;
}
.light a, .light{
	color:#787878;
}

ul.portfolioList{ float:left;width:960px;padding-bottom:100px; margin-top:42px;padding-top:24px;}
ul.portfolioList li{ font-style:italic; color:gray;  float:left; width:182px;line-height:16px;}
ul.portfolioList li ul{ float:left; }
ul.portfolioList li ul li{font-style:normal; color:#1e1e1e;}


/* Portfolio Detail styling ************************************************************** */
#portfolio.detail h2{
	text-indent:654px
}
#portfolio.detail .subheading{
	margin-left:654px;
}	
#portfolio.detail #copyWrapper .subheading{
	padding-bottom:10px;
	text-indent:0;
	font-size:13px;
	background-image:none;
	margin-left:0;
	margin-bottom:20px;
	border-bottom:1px solid #f2f2f2
}
#portfolio.detail #copyWrapper h3{
	padding-top:55px
}

.act{
	float:left;
	margin:0 0 0 -15px;
	padding-top:15px;
	padding-bottom:26px;
}
.act.act2{
	margin-top:0;
	padding-bottom:26px;
}
.act .imagery{
	background:transparent url('../../media/img/bgPortfolioCorner.jpg') 0 -19px no-repeat;
	float:left;
	margin-top:19px;
	margin-right:98px;
	min-height:282px; 
	position:relative;
	padding:11px 0 0 27px;
	width:530px;
}
.act .imagery img{
	float:right;
}
.act .copy{
	float:left;
	margin-top:58px;
}
#actWrapper{
	margin-left:13px
}
#imageWrapper{
	float:left;
	width:644px;
	margin-top:-67px
}
#copyWrapper{
	float:left;
	width:253px
}

.facebrick a{
	background:transparent url('../../media/img/bgFacebrick.gif') 0 6px no-repeat;
	text-indent:33px; 
}
.twatter a{
	background:transparent url('../../media/img/bgTwatter.gif') 0 6px no-repeat;
	text-indent:33px; 
}
.facebrick a:hover,
.twatter a:hover{
	background-position:0 -19px;
}
.copyWrapper p{
	padding:10px 0; 
	width:210px;
}
.copyWrapper h3{
	padding-top:32px;
}
#portfolio.detail .act .subheading,
#apps.features .copyBlock .subheading{
	font-size:11px;
	padding:0;
	text-indent:0;
	background-image:none;
	margin-left:0;
	border-bottom:1px solid #f7f7f7;
	padding-bottom:10px;
	margin-bottom:8px;
}

.act.act2 .imagery{
	background:transparent url('../../media/img/bgPortfolioCorner2.jpg') 0 0 no-repeat;
	padding-top:30px;
}
.act.act2 .copy{
	margin-top:0;
}

.imageryCopy {
	background-color:#fff;
	display:block;
	float:left;
	padding:30px 0 34px 80px;
	position:absolute;
	right:0;
	top:1;
	width:180px;
}
.imageryCopy p{
	width:136px;	
}
.imageryCopy p.subheading{
	width:180px;
}
#clientList.small {
	background:none;
	width:628px;
	padding-top:0;
	padding-left:0;
	margin-left:-6px;
}
#clientList.small .client{
	background-color:transparent;
}
#services_list.small{
	margin-top:32px;
}
#clientList.small.full {
	width:889px;
}

/* Application overview stylings ************************************************************** */
#appNav{
	clear:both;
	display:block;
	float:left;
	margin-top:115px;
	padding-left:26px;
	width:888px;
}
#appNav dt{
	height:76px;
	width:180px;
	float:left;
}
#appNav dd{
	height:60px;
	width:180px;
	float:left;
	margin-left:-180px;
	margin-top:76px;
}
#appNav h5{
	width:160px;
}


/* Application detail stylings ************************************************************** */
#sideNav{
	float:left;
	font-size:15px;
	font-style:italic;
	line-height:32px;
	margin-right:125px;
	margin-top:-6px;
	padding-left:28px;
	width:145px;
}
.selected a, a.selected{
	color:#787878;
}

#featureList, 
.copyBlock{
	float:left;
}

#featureList{
	margin-right:56px;
	width:210px;
}

img#featureList{
	width:160px;
	margin-right:106px;
}

#featureList dd, 
.quickPoints dd{
	color:#787878;
	font-style:italic;
	padding:4px 0 24px 0;
	line-height: 16px;
}
.quickPoints{
	float:left;
}
.copyBlock{
	width:310px;
}
.copyBlock.full{
	padding-left: 294px;
	width:580px;
}

.copyBlock.full .subheading{
	margin-left:0;

}
.copyBlock p{
	padding-bottom:22px;
	text-indent:30px;}
#appLogo{
	padding:30px 0 44px 0;
}

#apps.features .copyBlock{
	width:520px;
}


/*What we do styling */
#what #featureList{
	padding-left:90px;
	margin-left:-90px;
	width:580px;
}

#what #featureList.digital{
	background:transparent url('../../media/img/bgDigital.gif') 0 0 no-repeat;
}
#what #featureList.strategy{
	background:transparent url('../../media/img/bgStrategy.gif') 0 0 no-repeat;
}
#what #featureList.brand{
	background:transparent url('../../media/img/bgBrand.gif') 0 0 no-repeat;
}
#what #featureList.print{
	background:transparent url('../../media/img/bgPrint.gif') 0 0 no-repeat;
}

#what .copyBlock.full h3{
	float:left;
	padding-top:40px;
}

#what .copyBlock.full .subheading{
	background:none;
	border-bottom:1px solid #F2F2F2;
	clear:left;
	float:left;
	font-size:12px;
	margin-bottom:18px;
	padding-bottom:6px;
	text-indent:0;	
	width:230px;
}

/* Company recognition stylings  ************************************************************* */
.recognition #sideNav{margin-right:101px;}
.recognition .article{
	padding-bottom:10px;
	padding-left:0;
}
.recognition .articleCopy{
	padding-left:0;
	width:440px;
}
.recognition .articleImage{
	font-style:italic;
	height:40px;
	width:113px;
}
.recognition .articleImage sub{
	height:40px;
}
.recognition h4{
	clear:both;
	font-size:16px;
	font-style:italic;
}
.recognition h5{
	clear:both;
	font-size:14px;
}
.recognition h5 .cufon-canvas{
	margin-top:-30px;
}
.recognition h5 a{
	color:#787878
}


/*Personae stylings ************************************************************** */
.players {
	margin-top:-27px;
	
}
.players dt{
	clear:both;
	font-size:15px;
	font-style:italic;	
	padding:28px 0 10px 0;				
}
.players dd{
	font-size:14px;
	text-transform:uppercase;
}

.players dd ul li{
	white-space:wrap;
}


/* Recognition stylings ************************************************************** */
p.date {font-size:30px;text-indent:23px}
p.date sub {font-size:15px; vertical-align:baseline;}
p.date sup {font-size:22px; vertical-align:text-top;}

/* Announcement stylings  ************************************************************** */
#articleContainer{
	float:left;
	width:605px;
}
#company #articleContainer{margin-left:-24px}

/* Flash screencast */
#flashcontent {
	display: block;
	margin-left: auto;
	margin-right: auto;
}	
#flashcontent p {
	color:white; 
	padding:5px;
}


/* misc stylings ************************************************************** */
.hidden{
	display:none !important;
}
#pageNav{
	border-bottom:1px solid #F2F2F2;
	color:#787878;
	display:block;
	font-style:italic;
	height:30px;
	line-height:30px;
	margin-bottom:-30px;
	padding-left:10px;
	padding-top:38px;
}
#pageNav a{
	color:#787878;
}
#furtherInfo{
	float:left;
	margin-left:559px;
	margin-bottom:20px;
}
.extendedCopy{
	float:left;
	margin-bottom:5px;
}
.extendedCopyLink{
	clear:both;
	display:block;
	font-style:italic;
	margin-bottom:5px;
}

.FBConnectButton_Simple, .FBConnectButton_RTL_Simple {
	background-image:url("../../media/img/bgFacebrick.gif");
}

#randomPortfolio_selected_clients{
	margin-left:-7px
}

#contactForm{
	margin-bottom:77px
}

#contactForm label, #signupForm label{
	display:block;
	float:left;
	line-height:20px;
	padding-bottom:8px;
	width:150px;
}
#contactForm input, #signupForm input{
	border:1px solid #d1d1d1;
	float:left;
	height:14px;
	margin-bottom:8px;
	padding:2px;
	width:150px;
}

#contactForm textarea#enquiry{
	border:1px solid #d1d1d1;	
	clear:both;
	padding:2px;
	width:300px;
	height:80px;
}

#contactForm input#submitButton, #signupForm input#send{
	border:none;
	background-color:#fff;
	float:left;
	text-transform:uppercase;
	padding:0;
	margin:0;
	text-align:left;
	text-indent:0;
	margin-left:-3px;
	font-size:13px;
	line-height:20px;
	height:30px;
	clear: both
}

.clear{
	clear: both;
}

#signupForm{ 
	border-top: 1px solid #e6e6e6; 
	padding-top: 20px; 
	margin-bottom: 20px;
}
#signupForm #subscription{
	float: right;
	width: 159px;
	margin-top: 3px;
}
#signupForm #subscription label{ width: auto; line-height: 15px; }
#signupForm #subscription input{ width: auto; border: none; margin-bottom: 0px; clear: left;margin: 1px 5px 0 0; }
#signupForm .validate {clear: both; width: 290px; background-color: #f45310; padding: 3px 10px; color: #fff; margin: 10px 0;}
#contactForm input#submitButton:hover, #signupForm input#send:hover{
	color:#f51077; 
	cursor: pointer
}

#vSum{
	padding-bottom:8px
}
ul#primaryNav li a,
dl#footerNav{
	font-size:10px;
}