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


/*
REDEFINE TAGS
*/

*{
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height:18px;
	font-weight: normal;
	color: #145CB6;
	margin-bottom: 8px
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height:15px;
	font-weight: bold;
	color: #145CB6;	
	margin-bottom: 4px
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height:14px;
	font-weight: normal;
	color: #145CB6;	
	margin-bottom: 10px
}
h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height:14px;
	font-weight: normal;
	color: #145CB6;	
	margin-bottom: 10px
}
h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height:13px;
	font-weight: bold;
	color: #666;	
	margin-bottom: 2px
}

p {
	font-size: 13px;
	line-height:19px;
	margin-top:0;
	margin-bottom:1em;	
}

img {
	border: none
}

a, a:link, a:visited {
	color:#145CB6;
	text-decoration:none;
	border-bottom: 1px dotted #145CB6;
	font-style:italic
}

a:hover {
	color: #145CB6;
	border-bottom: 1px solid #145CB6;
}

a.noborder, a.noborder:hover {
	border-bottom: none
}


/*
GLOBAL CLASSES
*/

.left {
	float:left
}

.right {
	float:right
}

.textRight {
	text-align:right
}

.marginTop {
	margin-top:12px	
}

.padTop {
	padding-top: 12px
}

.padBottom {
	padding-bottom: 12px
}
.noMargin {
	margin:0
}
.noPad {
	padding-top:0;
	padding:0
}
.strong{
	font-weight:bold;	
}
.wait {
	cursor:wait;	
}

.smaller {
	font-size:11px;	
}

.grey {
	color:#666;
}

.italic {
	font-style:italic;	
}

.new_window {
	background:url(../siteimages/icon_newwindow.gif) top right no-repeat;
	padding-right:13px;
}

.georgiaBlue {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#145CB6;
}

.georgiaGrey {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
}

/* 
LAYOUT
*/

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background: #fff url(../siteimages/bg_header1900.jpg) center top no-repeat;	
}

#header {
	color:#fff;
	position:relative;
	height:310px;
}

#header a {
	color:#fff;
	cursor:pointer;
	border-bottom-color: #fff;
}

#header #logo {
	position:absolute;
	top:0px;
	right:0px;
	margin-top:16px;
	background:url(../siteimages/b2d2_sprite.png) 0px 0px no-repeat;
}

#header #logo a {
	border:0;
	display:block;
	width:174px;
	height:52px;
}

#header #logo a span {
	display:none;
}

#header #contact {
	position:absolute;
	padding-top:2px;
	top:0px;
	right:20px;
	font-size:12px;
}

#header #status {
	position:absolute;
	bottom:20px;
	left:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-size:28px;
	line-height:36px;
	text-shadow:1px 1px 1px #444;
}

#header #status p {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-size:28px;
	line-height:36px;
	margin-bottom:0;	
}
#header #topnav {
	background:url(../siteimages/bg_tint_15.png);
	display:inline;
	padding:10px 20px;
}

#header #topnav li {
	display:inline;
	list-style-type:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding-bottom:10px;
	font-size:14px;	
}

#header #topnav li.first a {
	padding-left:0
}

#header #topnav li.last a {
	padding-right:0;
	border-right:none
}

#header #topnav li a {
	font-style:normal;
	padding:0px 10px 0 10px;
	border-bottom:none;
	border-right:1px solid #fff;
}

#header #topnav li.services {
	cursor:pointer	
}

#header #topnav li a:hover {
	color:#145CB6
}

#header #topnav li ul li {
	font-size:11px;
	float:left;
	display:block;
	font-weight:bold;
	width:150px
}

#header #topnav li ul li ul {
	margin-top:6px;
}

#header #topnav li ul li ul li {
	font-size:10px;
	font-weight:normal;
	padding-bottom:2px
}

#drop-services {
	background:url(../siteimages/bg_tint_50.png) repeat; 
	position:absolute; 
	top:28px; 
	color:#fff; 
	padding:10px;
	z-index:1000;
	display:none
}
 
#contact_bar {
	background-color:#0C67AD;
}

#contact_bar .grid_4 {
	background:url(../siteimages/bg_tint_15.png);	
	padding:10px 0 20px 10px;
	width:930px;
	color:#fff;
}

#contact_bar h2 {
	color:#fff;
	font-size:28px;
	line-height:28px;
	text-shadow:1px 1px 1px #333;
}

#contact_bar p {
	margin-bottom:4px;
}

#contact_bar a {
	color:#fff;
	cursor:pointer;
	border-bottom-color: #fff;
}

#contact_bar a.closeme {
	width:15px;
	height:15px;
	background:url(../siteimages/b2d2_sprite.png) -216px -72px no-repeat;
	display:block;
	cursor:pointer;
}

#contact_bar a.closeme:hover {
	background-position:-252px -72px;
}


#content{
	background:url(../siteimages/bg_tint_15.png) repeat;
}

#maincol {
	padding:20px 0;
}

#maincol ul {
	list-style:disc;
	margin-left:30px;
}

#maincol ul li {
	padding-left:0px;
	font-size:13px;
	margin-bottom:5px;
}

#sidebar {
	padding-bottom:30px;
}

#sidebar h2 {
	color:#333;
}

#footer {
	width:100%;
	background-color:#d3d3d3;	
	padding:10px 0 40px 0;
	font-size:11px;
	color:#656565;
}

#footer h2 {
	color: #666;
	font-weight:normal;
	font-size:12px;
	border-bottom:1px solid #666;
	margin-bottom:10px;
	padding-bottom:4px;
	padding-left:20px
}

#footer h2.contact {background:url(../siteimages/ico_email.png) no-repeat top left}
#footer h2.twitter {background:url(../siteimages/ico_twitter.png) no-repeat top left}
#footer h2.insights {background:url(../siteimages/ico_rss.png) no-repeat top left}
#footer h2.jobs {padding-left:0}

#contactLoading {
	display:none;
	height:11px; 
	font-size:0;
	background:url(../siteimages/ajax-loader.gif) no-repeat top left
}

$contactResult {
	display:none;	
}

#footer p {
	font-size:11px;
	margin-bottom:6px
}

#footer p.secondary a, #footer a.secondary {
	color:#656565	
}

#footer .footerbase {
	font-weight:bold
}

#footer .footerbase a {
	font-style:normal;
	border-bottom:none
}

#footer .footerbase a:hover {
	border-bottom:solid 1px #656565
}

/*
b2d2 styles
*/

#intro p {
	font-style:italic;
	width:590px
}

.contact #intro p {
	font-style: normal;
}

.contentblock {
	padding:10px;
	background-color:#ebebeb
}

.contentblock h2 {
	color:#333;
	padding-bottom:2px;
	border-bottom:2px solid #145CB6;
	margin-bottom:6px;
	font-weight: normal
}

.vr_2_1{
	background:url(../siteimages/vr.png) 467px 0px no-repeat;
}


.vr_1_2{
	background:url(../siteimages/vr.png) 227px 0px no-repeat;
}

.new {
	background:transparent url(../siteimages/b2d2_sprite.png) -36px -72px no-repeat;
	width:44px;
	height:29px;
}

.new_small {
	background:transparent url(../siteimages/b2d2_sprite.png) -108px -72px no-repeat;
	width:29px;
	height:19px;
}

#maincol .hr {
	background-color:#FFF;
	height:10px;
	border:0;
}

#maincol .hr2col {
	background:transparent url(../siteimages/b2d2_sprite.png) 0px -207px no-repeat;
	width:460px;
	height:9px;
	border:0;
	margin:25px 0 10px 0;
}

#maincol .shorterCol .hr2col {
	width:450px;
}

#sidebar .hr {
	background-color:#FFF;
	height:10px;
	border:0;
}

#addthis {
	margin-top:50px;	
}

#aboutus h3 {
	color:#666;
	font-size:20px;
	line-height:24px;
	vertical-align:text-top;

	font-style:italic
	
}

#aboutus #cta {
	width:150px; 
	float:left;
	color:#145CB6
}
#aboutus #cta span {
	display:block
}
#aboutus #cta span.line1 {
	font-size:50px;
	line-height:32px
}
#aboutus #cta span.line2 {
	font-size:24px;
	line-height:24px
}
#aboutus #cta span.line3 {
	font-size:28px;
	line-height:24px
}
#aboutus #cta span.line4 {
	font-style:italic;
	font-size:19px;
	line-height:24px
}

#latestwork h3 {
	color: #333;
	font-size:11px;
	font-weight:bold;
	margin-bottom:2px
}
	

#latestwork .col {
	padding-top:10px;
	float:left;
	width:160px
}

#latestwork .col img {
	margin-bottom:6px
}


/*
LATEST NEWS
*/

#latestPiece {
	
}

#latestPiece .pieceIntro {
	float:left;
	width:220px;
	margin-right:5px;
}

#latestPiece .pieceImage {
	float:left;
	width:260px;
	margin-right:5px;
	position:relative;
	padding-top:5px;
}

#latestPiece .pieceImage .new {
	position:absolute;
	top:-2px;
	right:5px;
}

#latestPiece .pieceDescription {
	margin-right:10px;
	float:left;
	width:200px;
	padding-top:20px;
}

.pieceDescription h4 {
	margin-bottom:4px;
}

.pieceDescription p, .workPiece p {
	font-size:11px;
	line-height:16px;
	margin-bottom:10px;
}

#maincol ul.tags {
	list-style:none;
	margin-bottom:1em;
	margin-left:0;
}

#maincol ul.tags li {
	list-style:none;	
	display:inline;
	margin-right:7px;
	font-size:11px;
	font-style:italic;
}



/*
CLIENTS
*/

#clientList ul {
	clear:left;
	list-style:none;
	margin:0;
}

#clientList ul li {
	list-style:none;
	float:left;
	width:74px;
	height:40px;
	background-image:url(../siteimages/client_logos.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	cursor:auto;
	margin-bottom:15px;
	margin-right:10px;
}

#clientList ul.row3 li {
	margin-bottom:0px;
}

#clientList ul li span {
	display:none;
}

#clientList .logo1 { background-position:0px 0px; }
#clientList .logo2 { background-position:0px -40px; }
#clientList .logo3 { background-position:0px -80px; }
#clientList .logo4 { background-position:0px -120px; margin-right:0; }
#clientList .logo5 { background-position:0px -160px; }
#clientList .logo6 { background-position:0px -200px;}
#clientList .logo7 { background-position:0px -240px; }
#clientList .logo8 { background-position:0px -280px;  margin-right:0; }
#clientList .logo9 { background-position:0px -320px; }
#clientList .logo10 { background-position:0px -360px; }
#clientList .logo11 { background-position:0px -400px; }
#clientList .logo12 { background-position:0px -440px;  margin-right:0;}

.tooltip {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	font-weight:bold;
	margin:0px 10px;
	color:#fff;
}


/*
SHOWREEL
*/


#showreel {
	width:560px;
	height:327px;
}

#showreel #flowplayer {
	width:560px;
	height:327px;
	display:block;
	border:0;
}

.workPiece img {
	border:1px solid #CCC;
	margin-bottom:5px;	
	width: 218px;
	height: 84px;
}



/*
EXPERTISE
*/

#expertiseList {
	position:relative;
	background:url(../siteimages/vr.png) -2px 0px no-repeat;
}

#listPointer{
	position:absolute;
	background:url(../siteimages/b2d2_sprite.png) -180px -72px no-repeat scroll;
	top:0px;
	left:2px;
	width:11px;
	height:22px;
	z-index:999;
}

#expertiseList ul {
	list-style:none;
	margin-left:20px;
	margin-top:3px;
}

#expertiseList ul li {
	font-size:11px;
	line-height:15px;
	margin-bottom:10px;
	cursor:pointer;
}

#expertiseList ul li:hover, #expertiseList ul li.selected {
	color:#145CB6;
}

#expertiseWindow {
	height:270px;
	overflow:hidden;
	padding:3px 30px 0 0;
	position:absolute;
}

#expertiseWindow div {
	/*height:250px;*/
	padding-bottom:200px;	
}


/*
SIDEBAR
*/

.sideContent {
	font-size:11px;
	line-height:16px;
}

.sideContent p {
	font-size:11px;
	line-height:16px;
}

.sideContent .col p {
	padding-right: 10px;
}

.sideContent .imageLink{
	border: none;
	margin: 0;
}

.sidebarLinks p {
	margin-bottom:3px;
	color:#145CB6;
}

.sidebarLinks p.grey {
	color:#999;
}

.sidebarLinks p.dark {
	color:#666;
}

.sidebarLinks p a, .sidebarLinks p a:link, .sidebarLinks p a:visited  {
	color:#145CB6;
	border:none;
	line-height:13px;
}

.sidebarLinks p a:hover {
	color:#145CB6;
	border-bottom: 1px dotted #145CB6;
}

.sidebarLinks p.secondary a, .sidebarLinks p.secondary a:link, .sidebarLinks p.secondary a:visited,
.fullcopy p.secondary a, .fullcopy p.secondary a:link, .fullcopy p.secondary a:visited {
	border:none;
	font-style:italic;
	color:#999;
}

.sidebarLinks p.secondary a:hover {
	margin-bottom:0;
	color:#999;
	border-bottom: 1px dotted #999;
}



/*
TWIITER
*/

#twitterFeed {
	position:relative;	
}

#twitterBird {
	position:absolute;	
	background:url(../siteimages/b2d2_sprite.png) 0px -72px no-repeat;
	top:40px;
	left:0px;
	width:26px;
	height:49px;
}

.tweet {
	position:relative;
	padding-bottom:22px;
	margin-bottom:10px;
	background:url(../siteimages/bg_footer_divider.png)no-repeat bottom;
}

.tweet .tweetdate {
	color:#656565;
	font-style:italic;
	padding-top:3px;
}

.tweet .pointer{
	position:absolute;
	top:10px;
	left:-13px;
	width:13px;
	height:24px;
	background:url(../siteimages/b2d2_sprite.png) -144px -72px no-repeat;
}



/*
INSIGHTS
*/

.insight {
	position:relative;
	padding-bottom:22px;
	margin-bottom:10px;
	background:url(../siteimages/bg_footer_divider.png)no-repeat bottom;	
	
}

#insights.all .insight {
	padding-bottom:15px;
}

#insights .person {
	float:left;
	width:60px;
	height:60px;
	position:relative;
}

#insights.all .person {
	float:left;
	width:60px;
	height:60px;
	position:relative;
	border:1px solid #CCC;
	-moz-box-shadow: #CCC 2px 2px 5px;
	-webkit-box-shadow: #CCC 2px 2px 5px;
}

#insights .person a {
	width:60px;
	height:60px;
	display:block;
	border:none;
}

#insights .person .new_small {
	position:absolute;
	top:-2px;
	left:-5px;
}

#insights .jbaldwin {background:url(../siteimages/people/jbaldwin.jpg) no-repeat;}
#insights .lcw {background:url(../siteimages/people/lcw.jpg) no-repeat;}
#insights .thill {background:url(../siteimages/people/thill.jpg) no-repeat;}
#insights .qellis {background:url(../siteimages/people/qellis.jpg) no-repeat;}
#insights .dford {background:url(../siteimages/people/dford.jpg) no-repeat;}
#insights .abull {background:url(../siteimages/people/abull.jpg) no-repeat;}
#insights .vkeeble {background:url(../siteimages/people/vkeeble.jpg) no-repeat;}
#insights .njohnson {background:url(../siteimages/people/njohnson.jpg) no-repeat;}

#insights .copy {
	float:right;
	width:135px;
	padding-top:3px;
}

#insights .fullcopy {
	float:left;
	width:435px;
	padding-top:3px;
	margin-left:20px;
}

#insights .fullcopy p {
	margin-bottom:5px;
}

#insight_article .articleImage {
	width:208px;
	border:1px solid #999;
	-moz-box-shadow: #999 3px 3px 7px;
	-webkit-box-shadow: #999 3px 3px 7px;
	margin-bottom:20px;
}

#articleImages {
	padding-top:2.5em;
}

#insight_article h1{
	margin-bottom:.5em;
}

#insights h1, .customContent h1 {
	margin-bottom:1em;
}

#insights.all {
	padding-left:10px;	
}


/*
FLICKR & MEDIA
*/

#flickr .media_img {
	width:70px;
	height:74px;
	float:left;
	position:relative;
	background:url(../siteimages/b2d2_sprite.png) -324px 0px no-repeat;
}


#flickr .media_img img {
	width:54px;
	height:54px;
	position:absolute;
	top:7px;
	left:7px;
	border:1px solid #666;
}

.media_info {
	float:right;
	width:125px;
}

.media_img a {
	border:0;
}

#spotify .media_img {
	width:70px;
	height:51px;
	float:left;
	background:url(../siteimages/b2d2_sprite.png) -180px 0px no-repeat;
}

#spotify .media_img a {
	width:70px;
	height:74px;
	display:block;
}

#lastfm .media_img {
	width:70px;
	height:64px;
	float:left;
	background:url(../siteimages/b2d2_sprite.png) -252px 0px no-repeat;
}

#lastfm .media_img a {
	width:70px;
	height:64px;
	display:block;
}

/*
FORMS
*/

label {
	cursor:pointer	
}

label:hover {
	color:#145CB6
}

label.error {
	color: #C00;
	display:block
}

input, textarea {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#656565;
	width:160px
}

textarea {
}

input.submit {
	background-color:#656565;
	color:#fff;
	font-style:normal;
	font-weight:bold;
	padding: 4px 16px;
	border:none;
	cursor:pointer;
	width:auto;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;	
}

input.submit:hover {
	border:none;
	background-color:#145CB6;
}

a.button {
	background-color:#145CB6;
	color:#fff;
	font-style:normal;
	font-weight:bold;
	padding: 4px 16px;
	border-bottom:none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

a.button:hover {
	border-bottom:none;
	background-color:#656565;
}

form a.button {background-color:#656565}
form a.button:hover {background-color:#145CB6}


/*
WORK
*/

#our-work ul{
	margin-left: 10px;
}

#our-work li{
	width: 300px;
	list-style: none;
	float: left;
}

/*
SERVICES
*/
#maincol ul.services-main {
	list-style:none;
	margin-left:0;
}

#maincol ul.services-main li {
	border:1px solid #333;
	background-color:#ebebeb;
	padding:10px;
	float:left;
	width:250px;
	margin-right:20px;
	font-weight:bold
}

#maincol ul.services-main li ul {
	border-top:2px solid #145CB6;
	margin-top:2px;
	margin-left:0;
	padding-top:10px	
}

#maincol ul.services-main li ul li{
	list-style-type:none;
	border:none;
	float:none;
	padding:0;
	font-weight:normal;
	font-size:12px
}

/*
WORK
*/

#our-work .thumbnail{
	border: none;
}

#our-work{
	padding: 40px 20px 50px 20px;
}

#our-work #intro p{
	width: 600px;
}

#our-work ul{
	margin-left: 10px;
	width: 100%;
}

#our-work li{
	width: 300px;
	list-style: none;
	float: left;
}

#our-work .details{
	font-size: 12px;
	padding-top: 5px;
	padding-right: 22px;
}

#our-work .details h3{
	float: left;
}

#our-work .details a{
	float: right;
}

#our-work .details h3 em{
	color: #666;
}

a.pp_close, .pp_nav a, .pp_hoverContainer a{
	border: none;
}