html {
	margin: 0em;
	padding: 0em;
	}
	
body {
	margin: 0em;
	padding: 0em;
	font-size: 75%;
	text-align:center;
	background: rgb(65,65,67) url(../images/bg.jpg) repeat-x top center; /* dark grey */
	color: rgb(255,255,255) /* white */
	}
	
body#home {
	background: rgb(65,65,67) url(../images/bg-home.jpg) repeat-x top center; /* dark 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(186,246,41); /* light green */
	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-left:40px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	font-size:1.2em;
	margin: 0 0 1.0em 0;
	}	
	
blockquote cite {
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	font-style:normal;
	margin:0.5em 0 0 0;
	}

.hidden {
	display:none;
	}	
		
.error {
	color: rgb(255,0,0); /* red */
	}
	
* :focus { outline: 0; }	

/* ================================ Headers ================================ */
	
h1 {
	margin:0 0 0.5em 0; 
	padding:0;
	position:relative;
	display:block;
	color: rgb(255,255,255); /* white */
	font-size:2.0em;
	font-weight:normal;
	}

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

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

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

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

div#header {
	display:block;
	height:63px;
	position:relative;
	}
		
div#container {
	width:100%;
	margin: 0;
	position:relative;
	padding-top:10px;
	}

div#container div.primary {
	float:left;
	width:600px;
	position:relative;
	margin:0 20px 1.0em 0;
	padding:0;
	}	

div#container div.secondary {
	float:left;
	width:300px;
	position:relative;
	margin:0 0 0 20px;
	padding:0;
	}
	
div#container div.primary.flip {
	width:360px;
	}	

div#container div.secondary.flip {
	width:540px;
	margin-bottom:-40px
	}
	
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;
	margin-top:3.0em;
	position:relative;
	padding: 23px 18px 25px 23px;
	color: rgb(204,204,204); /* light grey */
	background: url(../images/bg-footer.jpg) repeat-x;
	}

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

div#header div#logo a {
	height:41px;
	width:478px;
	text-indent:-10000px;
	background: url(../images/newlease.gif) no-repeat;
	display:block;
	}
	
div#header div#navigation {
	width:430px;
	position:absolute;
	bottom:0;
	right:0;
	height:42px;
	text-align:right;
	}	
	
div#header ul {
	list-style-type:none;
	display:block;
	height:42px;
	}
	
div#header ul li {
	float:left;
	height:42px;
	margin-left:22px;
	padding:0 3px 0 3px;
	text-align:center;
	text-indent:-10000px;
	}	
	
div#header ul li a {
	display:block;
	height:42px;
	}	
		
div#header ul li#nav-home a {
	background: url(../images/nav.gif) no-repeat 0 -83px;
	width:35px;
	}
	
div#header ul li#nav-home a:hover, body#home div#header ul li#nav-home a {
	background-position: 0 0;
	}	
		
div#header ul li#nav-about a {
	background: url(../images/nav.gif) no-repeat -70px -83px;
	width:40px;
	}
	
div#header ul li#nav-about a:hover, body#about div#header ul li#nav-about a {
	background-position: -70px 0;
	}	
	
div#header ul li#nav-work a {
	background: url(../images/nav.gif) no-repeat -146px -83px;
	width:40px;
	}
	
div#header ul li#nav-work a:hover, body#work div#header ul li#nav-work a {
	background-position: -146px  0;
	}	
	
div#header ul li#nav-services a {
	background: url(../images/nav.gif) no-repeat -220px -83px;
	width:55px;
	}
	
div#header ul li#nav-services a:hover, body#services div#header ul li#nav-services a {
	background-position: -220px 0;
	}	
	
div#header ul li#nav-feed a {
	background: url(../images/nav.gif) no-repeat -305px -83px;
	width:35px;
	}
	
div#header ul li#nav-feed a:hover, body#feed div#header ul li#nav-feed a {
	background-position: -305px 0;
	}				
		
			
div#header ul li#nav-contact a {
	background: url(../images/nav.gif) no-repeat -375px -83px;
	width:55px;
	}
	
div#header ul li#nav-contact a:hover, body#contact div#header ul li#nav-contact a {
	background-position: -375px 0;
	}				
				

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

div#container p {
	line-height:1.6em;
	}	
	
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.1em;
	}

div#banner p {
	font-size:1.2em;
	}
	
h3.avatar {
	padding-left:60px;
	position:relative;
	height:50px;
	}
	
h3.avatar img {
	position:absolute;
	top:0;
	left:0;
	border:2px solid rgb(204,204,204); /* lgiht grey */
	}
	
h3.avatar em {
	font-style:normal;
	font-size:0.8em;
	display:block;
	}
 
/* ================================ Container: Secondary ================================ */	

div#container div.secondary {
	}
	
div#container div#shadow {
	background: url(../images/bg-shadow.jpg) no-repeat;
	padding-left:30px;
	width:170px;
	min-height:245px;
	}	
		
p.caption {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	font-size:1.1em;
	color: rgb(163,163,163); /* medium grey */
	}		

div#container div#highlight {
	margin-left:0;
	background:url(../images/bg-secondary.jpg) no-repeat;
	padding-left:20px;
	}
		
div.box {
	background: url(../images/bg-box.gif) no-repeat;
	padding: 20px 23px 10px 20px;
	}
	
div.close {
	background: url(../images/bg-box-close.gif) no-repeat;
	height:10px;
	margin: 0 0 20px 0;
	display:block;
	}	
	
div.box dl dt {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: rgb(204,204,204); /* light grey */
	font-weight:normal;
	font-style: oblique;
	}
	
div.box dl dd {
	margin-left:0;
	margin-bottom:1.0em;
	}		

p#lifecycle {
	background: url(../images/lifecycle_sm.png) no-repeat center right;
	padding-right:80px;
	}


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

div.full {
	clear:both;
	border-top:1px solid rgb(102,102,102); /* dark medium grey */
	padding-top:1.5em;
	}

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

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

div#cta-divider em {
	text-align:left;
	float:left;
	width:740px;
	margin-top:7px;
	}


/* ================================ Work ================================ */	

div.wide a img {
	border:3px solid rgb(186,246,41); /* light green */
	display:block;
	margin-bottom:8px;
	}

div#container div.wide ul#grid {
	margin-top:2.0em;
	}
	
div#container div.wide ul#grid li {
	width:240px;
	float:left;
	height:200px;
	padding:0;
	}
	
div#container div.wide ul#grid li img {
	width:214px;
	}
	
div.wide h1 {
	margin:0;
	font-weight:normal;
	}		
	
div.wide h2 {
	margin:0;
	font-weight:normal;
	font-size:1.5em;
	}	
	
div.wide h3 {
	margin:0;
	font-weight:normal;
	font-size:1.0em;
	}	
	
div#container div.narrow ul li {
	border-bottom:1px solid rgb(102,102,102); /* medium dark grey */
	padding:4px 0 4px 0;
	margin:0;
	font-size:1.2em;
	background:none;
	}		

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

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

div.work-divider {
	display:block;
	clear:both;
	background: url(../images/bg-divider-work.jpg) no-repeat top center;
	height:20px;
	margin-bottom:4.0em;
	padding-top:75px;
	}

div.work-divider h2 {
	background: url(../images/bg-project.gif) no-repeat top left;
	padding-left: 66px;
	height:33px;
	line-height:33px;
	font-weight:normal;
	font-size:1.3em;
	}
	
div.work-divider h2 em {
	background: url(../images/bg-client.gif) no-repeat top left;
	padding-left: 55px;	
	height:33px;
	line-height:33px;
	font-weight:normal;
	font-style: normal;	
	display:inline-block;
	margin-left:10px;
	}

div.navigation {
	display:block;
	clear:both;
	height:2.0em;
	margin: 1.0em 0 3.0em 0;
	position:relative;
	border-bottom:1px solid rgb(131,131,131); /* medium grey */
	}

div.navigation-bottom {
	display:block;
	clear:both;
	height:2.0em;
	margin: 2.0em 0 2.0em 0;
	position:relative;
	}
		
div.navigation div.left, div.navigation-bottom div.left {	
	width:50%;
	}
	
div.navigation div.right, div.navigation-bottom div.right {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	width:50%;
	}
	
div.navigation a, div.navigation-bottom a {
	height:17px;
	line-height:17px;
	display:block;
	}	
	
div.navigation a em, div.navigation-bottom a em {
	color: rgb(255,255,255);
	}	
	
div.navigation div.right a, div.navigation-bottom div.right a {
	background: url(../images/arrow-right.gif) no-repeat top right;
	padding-right:40px;
	}	
	
div.navigation div.left a, div.navigation-bottom div.left a {
	background: url(../images/arrow-left.gif) no-repeat top left;
	padding-left:40px;
	}	
	
div#callout {
	background: url(../images/bg-callout.png) no-repeat;
	height:65px;
	font-size:1.3em;
	line-height:1.2em;
	font-weight:bold;
	padding:15px 80px 0 10px;
	margin: 1.0em 0 2.0em 0;
	}	
	
div#callout strong {
	color: rgb(118,207,255); /* aqua */
	}	

div#photo-holder {
	height: 430px;
	width:540px;
	position:relative;
	}
	
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:20px;
	float:left;
	margin-left:5px;
	}

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

div.panel {
	display:block;
	position:relative;
	}
	
div.panel div.caption {
	position:absolute;
	top:345px;
	left:0;
	width:540px;
	background: rgb(0,0,0); /* black */	
	opacity: .9;
	height:60px;
	}
	
div.panel div.caption p {
	margin: 0 20px 5px 20px;	
	}

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

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

div.home-box {
	background: url(../images/bg-home-box.png) no-repeat;
	width:282px;
	height:138px;
	padding:20px 10px 10px 10px;
	float:left;
	margin: 0 16px 3.0em 0;
	}
	
div.home-box h2 {
	padding-left:40px;
	}
	
div.home-box p {	
	margin-left:40px;
	}
	
div.home-box p.link a {	
	font-style:oblique;
	font-family:Georgia, "Times New Roman", Times, serif;
	background: url(../images/wedge.gif) no-repeat center left;
	height:13px;
	line-height:13px;
	padding-left:12px;
	display:block;
	}		
	
div#twitter {
	margin-right:0;
	}	

div#services {
	background: url(../images/bg-home-box-em.png) no-repeat;
	}
	
div#services h2 {
	background: url(../images/icon-soma.gif) no-repeat;
	}
	
div#news h2 {
	background: url(../images/icon-news.gif) no-repeat;
	}
	
div#twitter h2 {
	background: url(../images/icon-twitter.gif) no-repeat;
	}	
	
div#twitter span.twitter-timestamp {
	display:none;
	}
	
div#twitter ul.twitter {
	list-style-type:none;
	margin-left:40px;
	}		
	
div#container div#twitter ul.twitter li {
	background:none;
	padding-left:0;
	position:relative;
	}	

/* ================================ Services ================================ */

div#service {
	background: url(../images/bg-services.png) no-repeat;
	min-height:400px;
	}
	
div#service div.bucket {
	width:260px;
	margin: 16px 40px 0 20px;
	float:left;
	}
	
div#service div.last {
	margin-right:0;
	}	

div#service div.bucket h2 {
	margin-bottom:0;
	}
	
div#service div.bucket ul {
	margin-top:2.0em;
	}
	
div#service div.bucket ul li {
	border-bottom:1px solid rgb(102,102,102); /* medium dark grey */
	padding:4px 0 4px 0;
	margin:0;
	background:none;
	}		

div#detail-box {
	background: url(../images/bg-service-box.png) no-repeat;
	height:241px;
	width:270px;
	position:relative;
	padding: 20px 410px 20px 20px;
	margin-bottom:2.0em;
	}
	
div#detail-box img {
	position:absolute;
	top:0;
	right:3px;
	}
	
div.wide h3.services { 
	font-size:1.5em;
	margin: 0 0 0.5em 0;
	font-weight:normal;	
	}		

div.wide p {
	margin-right:25px;
	}

div#service-cta {
	display:block;
	margin:2.0em 0 2.0em 0;
	font-size:1.0em;
	padding:12px;
	background: url(../images/bg-cta.png) no-repeat;
	height:43px;
	position:relative;
	}	
	
div#service-cta a.button {
	float:left;
	width:176px;
	}
	
div#service-cta a img {
	border:0;
	}		

div#service-cta em {
	text-align:left;
	float:left;
	width:400px;
	margin-top:7px;
	font-size:1.5em;
	font-style:normal;
	}
	
div#slider h2 {
	font-size:10px;
	border-bottom:1px solid rgb(102,102,102); /* medium dark grey */
	padding:4px 30px 4px 0;
	margin:2.0em 0 0 0;
	display:block;
	position:relative;
	cursor:pointer;
	text-indent:-10000px;
	}

div#slider h2 em {	
	background:url(../images/toggle-off.gif) no-repeat top right;
	text-indent:-10000px;
	width:20px;
	height:30px;
	position:absolute;
	top:-10px;
	right:0;
	display:block
	}

div#slider h2.opened em {	
	background:url(../images/toggle-on.gif) no-repeat top right;
	}
	
div#slider h2#strategy {
	background: url(../images/title-strategy.gif) no-repeat;
	}	

div#slider h2#design {
	background: url(../images/title-design.gif) no-repeat;
	}	
	
div#slider h2#social {
	background: url(../images/title-social.gif) no-repeat;
	}			
	
/* ================================ Contact ================================ */

div#message {
	width:460px;
	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 div.post ul li {	
 	font-size:1.0em;
	}
	
body#feed div.post ul li ul 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 110px 6px;
	margin-bottom:0.5em;
	}
	
body#feed div.feedflare {
	display:none;
	}	
	

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

div#form label {
	margin:0;
	}

div#form input {
	background:rgb(102,102,102); /* dark medium grey */
	border:1px solid rgb(153,153,153); /* medium grey */
	display:block;
	margin:0;
	font-size:1.2em;
	width:240px;
	color: rgb(255,255,255); /* white */
	}
	
div#form textarea {
	background:rgb(102,102,102); /* dark medium grey */
	border:1px solid rgb(153,153,153); /* medium grey */
	display:block;
	width:100%;
	font-size:1.2em;
	color: rgb(255,255,255); /* white */
	}

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(65,65,67);
	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 {
	margin:0 auto 0 auto;
	padding:0;
	clear:left;
	width:950px;
	text-align:left;
	}	

/* ================================ 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.sifr {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 30px;
	}

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

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

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

.sIFR-hasFlash div.home-box h2 {
	visibility: hidden;
	font-size: 14px;
	line-height:1.5em;
	margin:0 0 0.5em 0;
}

.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: 22px;
	}