html {
	margin: 0em;
	padding: 0em;
	}
	
body {
	margin: 0em;
	padding: 0em;
	font-size: 88%;
	text-align:center;
	background: rgb(0,0,0) url(../images/bg.png) repeat-x top center; /* black */
	color: rgb(102,102,102) /* grey */
	}
	
/* This sets the font-types */
body, h1, h2, h3, h4, h5, h6, td, p, li, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	}

img { /* This turns off borders around images */
	border: 0;
	}

/* Ordinary paragraphs and list-items */
p, ul, ol {
	margin: 0em;
	padding: 0em;
	margin-bottom: 1.2em;
	font-size: 1.0em;
	}

ul li {
	font-size: 1.0em;
	margin-bottom:0.4em;
	}

/* General font sizing -- for IE */
input, textarea, select, td, th {
	font-size: 1.0em;
	}

/* General link colors */
a, a:visited, a:active {
	color: rgb(255,107,0); /* orange */
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

acronym, abbr {
	border-bottom: 1px dotted black;
	cursor: help;
	}

sup {
	font-size: 0.9em;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}	

	
hr { /* For Internet Explorer */
	clear:both;
	height: 1px;
	color: rgb(102,102,102); /* dark grey */
	border: none;
	margin-bottom:1.0em;
	}

html>body hr { /* For Gecko-based browsers */
	clear:both;
	height: 1px;
	background-color: rgb(102,102,102); /* dark grey */
	border: none;
	margin-bottom:1.0em;
	}

html>body hr { /* For Opera and Gecko-based browsers */
	clear:both;
	height: 1px;
	background-color: rgb(102,102,102); /* dark grey */
	border: 0px solid rgb(102,102,102); /* dark grey */
	margin-bottom:1.0em;
	}

blockquote {
	background: url(/images/quote.gif) no-repeat;
	padding: 10px 0 0 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	line-height:1.5em;
	margin: 0 0 1.0em -20px;
	}	
	
blockquote cite {
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	font-style:normal;
	margin:0.5em 0 0 0;
	font-size:0.9em;
	}

* :focus { outline: 0; }	

/* ================================ Headers ================================ */
	
h1 {
	margin:0 0 0.5em 0; 
	padding:0;
	position:relative;
	display:block;
	font-size:1.7em;
	font-weight:normal;
	}
	
h1#title {
	margin: 0 40px 1.0em 40px;
	width:780px;
	position:relative;
	}	

h2 {
	font-size: 1.3em;
	margin: 0 0 1.0em 0;
	font-weight:normal;	
	}

h3 { 
	font-size:1.5em;
	margin: 0 0 0.5em 0;
	font-weight:normal;	
	}
	
h3 em {
	font-style:normal;
	font-size:0.7em;
	}	
	
h4 {
	font-size:1.2em;
	margin: 0 0 0.5em 0;
	font-weight:normal;		
	}	
	
h4.powered {
	font-size:0.9em;
	margin:-1.0em 0 2.0em 0;
	}	
	
h5 {
	font-size:1.2em;
	margin: 10px 20px 0.5em 20px;
	}		

	
/* ================================ Layout Containers ================================ */	

div#page {
	width:860px;
	margin: 0 auto 0 auto;
	text-align:left;
	position:relative;
	}

div#header {
	display:block;
	height:143px;
	position:relative;
	background: url(/images/bg-nav.gif) repeat-x 0 94px;
	}
		
div#container {
	width:100%;
	margin: 0;
	position:relative;
	padding-top:45px;
	background: rgb(255,255,255); /* white */
	}
	
div#container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

div#container div.primary {
	float:left;
	width:520px;
	position:relative;
	margin:0 10px 1.0em 40px;
	padding:0;
	clear:both;
	}	

div#container div.secondary {
	float:left;
	width:240px;
	position:relative;
	margin:0;
	padding:0 20px 0 30px;
	background: url(/images/bg-secondary.jpg) no-repeat;
	min-height:330px;
	}
	
div#container div.primary.flip {
	width:250px;
	margin-right:0;
	clear:none;
	}	

div#container div.secondary.flip {
	width:540px;
	margin-bottom:1.0em;
	padding:0;
	background:none;
	}
	
div#container div.primary.wide {
	width:725px;
	margin:1.0em 15px 1.0em 0;
	}	

div#container div.secondary.narrow {
	width:200px;
	margin:1.0em 0 0 0;
	}			

div#footer {
	clear:both;
	position:relative;
	color: rgb(255,255,255); /* white */
	background: url(../images/bg-footer.png) no-repeat;
	}

/* ================================ Header ================================ */

div#header {
	}

div#logo {
	height:162px;
	width:193px;
	position:absolute;
	top:0;
	left:-40px;
	z-index:10;
	}

div#logo a {
	height:162px;
	width:193px;
	text-indent:-10000px;
	background: url(../images/mural.png) no-repeat;
	display:block;
	z-index:10;
	}
	
div#header div#navigation {
	width:550px;
	position:absolute;
	bottom:0;
	right:0;
	height:93px;
	text-align:right;
	}	
	
div#header ul {
	list-style-type:none;
	display:block;
	height:75px;
	}
	
div#header ul li {
	float:left;
	height:75px;
	margin-left:10px;
	padding:0 3px 0 3px;
	text-align:center;
	text-indent:-10000px;
	}	
	
div#header ul li a {
	display:block;
	height:75px;
	}	
		
div#header ul li#nav-about a {
	background: url(/images/nav.gif) no-repeat 0 0;
	width:109px;
	}
	
div#header ul li#nav-about a:hover, body#about div#header ul li#nav-about a {
	background-position: 0 -76px;
	}	
	
div#header ul li#nav-work a {
	background: url(/images/nav.gif) no-repeat -129px 0;
	width:124px;
	}
	
div#header ul li#nav-work a:hover, body#work div#header ul li#nav-work a {
	background-position: -129px -76px;
	}	
	
div#header ul li#nav-feed a {
	background: url(/images/nav.gif) no-repeat -270px 0;
	width:56px;
	}
	
div#header ul li#nav-feed a:hover, body#feed div#header ul li#nav-feed a {
	background-position: -270px -76px;
	}		
	
div#header ul li#nav-people a {
	background: url(/images/nav.gif) no-repeat -346px 0;
	width:67px;
	}
	
div#header ul li#nav-people a:hover, body#people div#header ul li#nav-people a {
	background-position: -346px -76px;
	}	
	
div#header ul li#nav-contact a {
	background: url(/images/nav.gif) no-repeat -435px 0;
	width:96px;
	}
	
div#header ul li#nav-contact a:hover, body#contact div#header ul li#nav-contact a {
	background-position: -435px -76px;
	}				

/* ================================ Container ================================ */	

div#container p {
	line-height:1.4em;
	}	
	
div#container ul {
	list-style-type:none;
	margin-bottom:2.0em;
	}
	
div#container ul li {
	background:url(/images/bullet.gif) no-repeat 0 5px;
	padding-left:10px;
	position:relative;
	}

div#container ol li {
	margin: 0 0 0.2em 2.0em;
	}

/* ================================ Container: Primary ================================ */	

div#container div.primary {
	}	

div#banner div#tagline {
	margin-bottom:0;
	}

div#banner p {
	font-size:1.2em;
	}
	
div#container div.primary div.smaller {
	font-size:0.9em;
	}
	
p.date{
	margin-bottom:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: rgb(204,204,204); /* light grey */
	}	

/* ================================ Container: Secondary ================================ */	
	
div#container div#highlight {
	padding-left:0;
	background: none;
	margin-left:10px;
	width:260px;
	}
	
div.close {
	background: url(../images/bg-box-close.gif) no-repeat;
	height:10px;
	margin: 0;
	display:block;
	}	
	
div.secondary dl dt {
	font-weight:normal;
	}
	
div.secondary dl dd {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: rgb(204,204,204); /* light grey */
	font-weight:normal;
	font-style: oblique;
	margin-left:0;
	margin-bottom:1.0em;
	}	
	
div.lists dl dt {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: rgb(204,204,204); /* light grey */
	font-style: oblique;
	}	
	
div.lists dl dd {
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	}	
	
div.secondary dl.news dt {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: rgb(204,204,204); /* light grey */
	font-style: oblique;
	margin-bottom:0.2em;
	}	
	
div.secondary dl.news dd {
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size: 0.9em;
	margin-bottom:1.0em;
	}	
	
div.secondary dl.people dt {
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	}	
	
div.secondary dl.people dd {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: rgb(204,204,204); /* light grey */
	font-style: oblique;
	font-size:0.9em;
	}				

p#lifecycle {
	font-size:0.85em;
	}

p#lifecycle img {
	float:right;
	margin: 0 0 5px 5px;
	}	
	
p.caption {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	font-size:1.0em;
	color: rgb(163,163,163); /* medium grey */
	width:240px;
	margin-left:20px;
	}		


/* ================================ Container: Full ================================ */	

div.full {
	clear:both;
	border-top:1px solid rgb(204,204,204); /* light grey */
	padding-top:1.5em;
	width:780px;
	margin-left:40px;
	}

/* ================================ Container: CTA Divider ================================ */		

div#cta-divider {
	clear:both;
	display:block;
	margin:2.0em 0 2.0em 40px;
	font-size:1.0em;
	padding:12px;
	background: url(../images/bg-divider.png) no-repeat;
	height:38px;
	position:relative;
	}	
	
div#cta-divider a.button {
	float:left;
	width:150px;
	}	

div#cta-divider em {
	text-align:left;
	float:left;
	width:600px;
	margin-top:7px;
	}
	
/* ================================ Work ================================ */	

div.work a img {
	border:3px solid rgb(255,107,0); /* orange */
	display:block;
	margin-bottom:8px;
	}
	
div.work a#recent em {
	position:absolute;
	top:2px;
	right:2px;
	width:124px;
	height:124px;
	background: url(/images/recent-work.png) no-repeat;
	}	

div#container div.work ul#grid {
	margin-top:2.0em;
	}
	
div#container div.work ul#grid li {
	width:170px;
	float:left;
	height:200px;
	padding:0;
	}
	
div#container div.work ul#grid li img {
	width:156px;
	}
	
div.work h1 {
	margin:0;
	font-weight:normal;
	}		
	
div.work h2 {
	margin:0;
	font-weight:normal;
	}	
	
div.work h3 {
	margin:0;
	font-weight:normal;
	font-size:1.0em;
	}	
	
div#container div.lists ul li {
	border-bottom:1px solid rgb(204,204,204); /* light grey */
	padding:4px 0 4px 0;
	margin:0;
	font-size:1.0em;
	background:none;
	}		

div.lists h2.sifr {
	font-size:16px;
	}

	
div#container ul#Acquiring Prospects {
	font-weight:bold;
	}
	
ul#Prospects li#tag-prospects {
	font-weight:bold;
	}

/* ================================ Projects ================================ */	

h2#project {
	background: url(/images/bg-project.gif) no-repeat top left;
	font-weight:normal;
	font-size:1.0em;
	margin:0 0 0.2em 0;
	padding:0 0 2px 55px;
	}
	
h2#client {
	background: url(/images/bg-client.gif) no-repeat top left;
	padding:4px 0 3px 55px;
	font-weight:normal;
	display:block;
	clear:both;
	font-size:1.0em;
	margin:0 0 0.4em 0;
	border-bottom:1px solid rgb(204,204,204); /* light grey */
	}
	
div#tags {
	margin-bottom:2.0em;
	}
	
div#tags a {
	margin-right:5px;
	}	

div.navigation {
	display:block;
	clear:both;
	height:2.0em;
	margin: 1.0em 0 3.0em 0;
	width:510px;
	position:absolute;
	top:-45px;
	right:40px;
	}

div.navigation-bottom {
	display:block;
	clear:both;
	height:3.0em;
	margin: 2.0em 0 2.0em 0;
	width:520px;
	position:relative;
	padding-top:15px;
	background: url(/images/bg-navigation.jpg) no-repeat;
	}
		
div.navigation div.left, div.navigation-bottom div.left {	
	width:50%;
	}
	
div.navigation div.right {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	width:50%;
	} 

div.navigation-bottom div.right {
	position:absolute;
	top:15px;
	right:0;
	text-align:right;
	width:50%;
	}
	
div.navigation a, div.navigation-bottom a {
	height:17px;
	line-height:17px;
	display:block;
	font-size:0.9em;
	}	
	
div.navigation a em, div.navigation-bottom a em {
	color: rgb(102,102,102) /* grey */
	}
	
div#callout {
	background: url(/images/bg-callout.png) no-repeat;
	height:85px;
	font-size:1.0em;
	line-height:1.2em;
	font-weight:bold;
	padding:10px 90px 0 20px;
	margin: 1.0em 0 2.0em -20px;
	}	
	

div#callout strong {
	color: rgb(118,207,255); /* aqua */
	}	
	
div#container div.primary.flip blockquote {
	margin-right:20px;
	}	

div#photo-holder {
	height: 412px;
	width:560px;
	position:relative;
	margin-bottom:2.0em;
	}
	
div#photo-holder div#photo-nav {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	}

div#photo-holder div#photo-nav a {
	background: url(/images/gallery-off.gif) no-repeat;
	height:12px;
	text-indent:-10000px;
	display:block;
	width:41px;
	float:left;
	margin-left:10px;
	}

div#photo-holder div#photo-nav a.activeSlide {
	background: url(/images/gallery-on.gif) no-repeat;
	}

div.panel {
	display:block;
	position:relative;
	border: 10px solid rgb(204,204,204); /* light grey */
	height: 380px;
	width:520px;
	}
	
div.panel div.caption {
	position:absolute;
	top:320px;
	left:0;
	width:520px;
	background: rgb(0,0,0); /* black */	
	opacity: .8;
	filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	height:60px;
	}

div.panel div.caption h5 {
	color: rgb(255,255,255); /* white */
	}
	
div.panel div.caption p {
	margin: 0 20px 5px 20px;	
	color: rgb(255,255,255); /* white */
	}

div#deliverables ul li {
	margin:0 0 0.3em 0;
	font-size:1.2em;
	padding:0;
	background:none;
	}

/* ================================ Home ================================ */

div#flash {
	margin-left:20px;
	margin-top:-75px;
	}
	
div#home blockquote {
	background:none;
	margin-right:15px;
	}
	
h1#home-title {
	width:100%;
	margin: 1.0em 0 0.5em 40px;
	}		
	
div#home p {
	line-height:1.6em;
	}	
	
div#home div.secondary {
	background: url(/images/bg-secondary-short.jpg) no-repeat 10px 0;
	min-height:255px;
	}	
	
/* ================================ People ================================ */

div.bio {
	padding-left:60px;
	position:relative;
	}
	
	
div.bio img.avatar {
	position:absolute;
	top:0;
	left:0;
	}	
	
div.bio h2 {
	margin:0;
	}
	
div.bio h3.bio-title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	}	

div.bio p {
	font-size:0.9em;
	clear:both;
	}
	
div#container ul.bio-links {
	list-style-type:none;
	height:16px;
	margin-bottom:0.5em;
	}
	
div#container ul.bio-links li {
	padding:0;
	background:none;
	margin-right:5px;
	float:left;
	height:16px;
	width:16px;
	}
	
div#container ul.bio-links li a {
	display:block;
	background: url(/images/icon-cp.gif) no-repeat;
	text-indent:-10000px;
	}
	
div#container ul.bio-links li a:hover {
	background-position: 0 -16px;
	}	
	
		
/* ================================ Contact ================================ */

div#message {
	width:260px;
	margin-right:20px;
	float:left;
	}
	
div#details {
	width:240px;
	float:left;
	}

div#map {
	background: url(/images/map.gif) no-repeat 444px 25px;
	min-height:300px;
	}

div#map ul {
	width:720px;
	}

div#map ul li {
	padding:0;
	width:210px;
	margin-right:30px;
	float:left;
	height:210px;
	background:none;
	}
	
div#map ul li.wide {
	margin-right:270px;
	}
		
div#map ul li.wrap {
	clear:left;
	}
	
div#map ul li h3 {
	font-weight:normal;
	font-size:1.4em;
	}	

h3#phone {
	padding-left:22px;
	background: url(/images/icon-phone.gif) no-repeat;
	height:26px;
	width:120px;
	}
	
a.down {
	padding-left:18px;
	background: url(/images/icon-down.gif) no-repeat;
	height:18px;
	}

/* ================================ Feed ================================ */

body#feed p, body#feed div.post ul li, body#feed div.post ol li {	
	font-size:0.9em;
	}
	
body#feed div.post ul li p, body#feed div.post ul li ul li, body#feed div.post ol li p, body#feed div.post ol li li {
 	font-size:1.0em;
	}	

div.post {
	margin:0 0 2.0em 0;
	}

div.post p.meta {
	font-style:oblique;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: rgb(153,153,153); /* medium grey */
	margin:0 0 0.3em 0;
	}
	
div.post h2 {
	font-size:1.7em;
	margin:0 0 0.2em 0;
	}	
	
div.post p.actions {	
	margin: 0.5em 0 0 0;
	}
	
a.comment {
	background: url(/images/icon-comment.gif) no-repeat 0 3px;
	padding-left:15px;
	}	

body#feed div.secondary ul li {
	background:none;
	padding-left:0;
	font-size:0.9em;
	margin-bottom:1.0em;
	}	

.twitter-timestamp abbr {
	display:block;
	border:0;
	font-size:0.8em;
	}

body#feed h2#tweets {
	background: url(/images/tweetie.gif) no-repeat bottom right;
	}

/* ================================ Form ================================ */

div#form label {
	margin:0;
	}

div#form span.wpcf7-form-control-wrap input {
	background:rgb(235,235,235); /* very light grey */
	border:1px solid rgb(204,204,204); /* light grey */
	display:block;
	margin:0;
	font-size:1.2em;
	width:240px;
	}
	
div#form textarea {
	background:rgb(235,235,235); /* very light grey */
	border:1px solid rgb(204,204,204); /* light grey */
	display:block;
	width:100%;
	font-size:1.2em;
	}

div#form div#send input {
	background: url(/images/send-message.png) no-repeat top right;
	border:0;
	width:240px;
	height:50px;
	margin-top:1.0em;
	display:block;
	position:relative;
	font-size:5px;
	color:rgb(255,255,255); /* hide real text */
	text-align:left;
	}
	
span.wpcf7-not-valid-tip-no-ajax {
	color:rgb(255, 91, 0); /* orange */
	}
	
div.wpcf7-response-output {
	color:rgb(255, 91, 0); /* orange */
	display:block;
	clear:both;
	}

div.wpcf7-mail-sent-ok {
	font-weight:bold;
	color: rgb(186,246,41); /* light green */
	display:block;
	clear:both;
	}
	
/* ================================ Footer ================================ */	
	
div#footer p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	margin: 0 0 1.0em 40px;
	padding-top:25px;
	width:520px;
	line-height:1.8em;
	}
	
div#footer a, div#footer a:visited, div#footer a:active {
	color: rgb(255,255,255); /* white */
	text-decoration:underline;
	position:relative;
	}	
	
div#footer a.customer {
	background: url(/images/icon-converting-to-customers.png) no-repeat 2px 0;
	padding-left:27px;
	padding-bottom:3px;
	display:inline-block;
	height:16px;
	line-height:19px;
	}

div#footer a.prospect {
	background: url(/images/icon-acquiring-prospects.png) no-repeat 2px 0;
	padding-left:27px;
	padding-bottom:3px;
	display:inline-block;
	height:16px;
	line-height:19px;
	}		
	
div#footer a.advocate {
	background: url(/images/icon-creating-advocates.png) no-repeat 2px 0;
	padding-left:27px;
	padding-bottom:3px;
	display:inline-block;
	height:16px;
	line-height:19px;
	}		
	
div#footer div#contact-us {
	margin: 2.0em 0 0 40px;
	clear:both;
	display:block;
	font-size:1.0em;
	position:relative;
	height:42px;
	}	
	
div#footer div#contact-us a.button {
	float:left;
	width:180px;
	}	

div#footer div#contact-us em {
	text-align:left;
	float:left;
	width:340px;
	margin-top:7px;
	}	
	
div#footer div#footer-data {
	margin: 4.0em 0 2.0em 40px;
	clear:both;
	color: rgb(90,90,90); /* dark grey */
	}	
	
div#footer div#footer-data a {
	color: rgb(90,90,90); /* dark grey */
	}
	
div#footer div#footer-data span {
	margin-right:20px;
	}	

/* ================================ sIFR ================================ */	

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h1#home-title  {
	visibility: hidden;
	font-size:42px;
	letter-spacing: -4px;
	}

.sIFR-hasFlash h1.sifr, .sIFR-hasFlash h1.grey {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 30px;
	}
	
.sIFR-hasFlash h1#title {
	visibility: hidden;
	letter-spacing: 1px;
	font-size: 34px;
	line-height:1.3em;
	position:relative;
	}

.sIFR-hasFlash h2.sifr {
	visibility: hidden;
	font-size: 20px;
	line-height:1.5em;
}

.sIFR-hasFlash body#feed h2.sifr {
	font-size:18px;
	}

.sIFR-hasFlash h3.sifr {
	visibility: hidden;
	font-size: 12px;
	line-height:1.5em;
}

.sIFR-hasFlash div#deliverables h3 {
	visibility: hidden;
	font-size: 14px;
	line-height:1.5em;
	margin:0 0 0.5em 0;
}

.sIFR-hasFlash div#tagline {
	visibility: hidden;
	letter-spacing: -10px;
	font-size: 53px;
	}

.sIFR-hasFlash div#cta-divider em {
	visibility: hidden;
	letter-spacing: -8px;
	font-size: 20px;
	}

.sIFR-hasFlash div#footer div#contact-us em {
	visibility: hidden;
	letter-spacing: -8px;
	font-size: 18px;
	}