/* --- First, reset a bunch of things.  I mean, honestly, why is there still bottom padding after a </form> tag element anyway? ---*/
html, body, div, span, h1, h2, h3, p, a, img, strong, ul, li, form, label, table, tbody, tr, th, td {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-family: arial, helvetica, sans-serif;
}
html {
	overflow-y:scroll;
}
input, textarea, form, select {
	margin: 0;
	padding: 0;
	font-family:arial, sans-serif;
	font-size:100%;
}
textarea {
	overflow:auto;
}
ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	/* Note: tables still need 'cellspacing="0"' in the markup */
}
a img {
	border:0px;
	text-decoration:none;
}
input[type=submit],input[type=button],button,select {
	cursor:pointer;
}
#contacttable input, #contacttable textarea {
	padding:3px;
}
#contacttable input:focus, #contacttable textarea:focus{
	padding:3px;
	background-color: #e0f3ff;
	border:2px solid #a5acb2;
}
/* main body styles */
body {
	background:#fff;
	border-top:20px solid #700;
}
a {
	color:#900;
}

a:hover {
	color:#c00;
}
.right {
	text-align:right;
}
.center {
	text-align:center;
}
.logo {
	padding:0px 0px 36px 45px;
}
.clear {
	clear:both;
}

#flashcontent {
	background:#000;
	width:836px;
	height:120px;
	margin:20px 0px 20px 45px;
	position:relative;
	z-index:0;
}
#contentContainer {
	width:920px;
	margin:0px auto;
	background:#fff;
	border:0;
	min-height: 100%;
	clear:both;
}
a.link {
	padding:0 2px;
	margin-left:-2px;
}
a.link:hover {
	color:#fff;
	background:#900;
	text-decoration:none;
}
#casestudy_table a.link:hover {
	background:none;
}
#casestudy_table td img:hover {
	background:#eee;
}
h1 {
	color:#900;
	width:625px;
	font-size:180%;
	font-family:helvetica, arial, sans-serif;
	letter-spacing:-1.5px;
	padding:46px 0px 24px 45px;
	font-weight:normal;
	line-height:34px;
}
h2 {
	color:#900;
	padding:18px 0px 6px 0px;
	font-family:helvetica, arial, sans-serif;
	font-size:95%;
	font-weight:bold;
	margin-bottom:2px;
	text-transform:uppercase;
}
h2#benefits {
	clear:both;
	padding-top:40px;
}
#copyContainer{
	width:835px;
	padding:0px 0px 30px 45px;
	margin-right:30px;
}
#copyContainer.contact {
	background:url(../images/woman_on_phone.gif) #fff bottom right no-repeat;
	width:876px;
}
#copyContainer p {
	font-size:75%;
	line-height:18px;
	padding-bottom:18px;
	width:625px;
	color:#666;
}
#contacttable {
	font-size:75%;
	line-height:18px;
	padding-bottom:18px;
	color:#666;
}	
#contacttable p {
	width:200px;
}
ul.content {
	padding:0px 0px 0px 40px;
	margin:0px;
	list-style-type:square;
	width:590px;
}
ul.content li {
	font-size:75%;
	line-height:18px;
	padding-bottom:18px;
	color:#666;
}
ol.searchresult {
	padding:0px 0px 0px 40px;
	margin:0px;
	list-style-type:square;
	width:590px;
}
ol.searchresult li {
	font-size:75%;
	padding-bottom:18px;
	color:#666;
}
#copyContainer p.first {
	font-family:georgia;
	font-weight:bold;
	color:#666;
	font-size:140%;
	line-height:22px;
	font-weight:normal;
}
#copyContainer .container p {
	width:540px;
}
div.container {
	background-position: 0px 16px;
	background-repeat: no-repeat;
	padding-left:70px;
}
#researchcontainer {
	background-image:url(../images/microscope.gif);
}
#strategycontainer {
	background-image:url(../images/bulb.gif);
}
#designcontainer {
	background-image:url(../images/prototype.gif);
}
#newscontainer {
	background-image:url(../images/news.gif);
}
.callout {
	float:right;
	width:136px;
	font-size:90%;
	padding:0px 15px 10px 15px;
	color:#000;
	margin:-16px 1px 10px 25px;
/*	border-top:1px solid #cccab1;*/
	background:url(../images/container_bottom.gif) #fffcdd bottom left no-repeat;
}
.callout strong {
	font-size:80%;
}
.callout #newsitem {
	margin-top:-16px;
}
#newscontainertop {
	margin-left:-15px;
}
#copyContainer .callout p {
	width:130px;
	line-height:14px;
}
#copyContainer .sidebar {
	float:right;
	width:164px;
	color:#555;
}
#copyContainer .sidebar p {
	font-size:70%;
	width:160px;
	line-height:16px;
}
#copyContainer .sidebar h3 {
	font-size:75%;
	line-height:16px;
	color:#000;
}
#copyContainer .sidebar ul li {
	padding-bottom:4px;
	font-size:70%;
}
#copyContainer .sidebar ul li.nav {
	padding-top:3px;
	padding-bottom:6px;
	font-size:80%;
}
#copyContainer .sidebar ul li.nav a {
	text-decoration:none;
}
#copyContainer .sidebar ul li.here {
	font-weight:bold;
}
.newsTable {
	width:625px;
	margin-top:0px;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	margin-bottom:20px;
	font-size:76%;
	line-height:1.4em;
}
.newsTable table {
	width:100%;
}
.newsTable td {
	padding:6px 16px 6px 0px;
	border-bottom:1px dotted #666;
}
.newsTable td.last {
	padding:4px 0px 10px 0px;
	border-bottom:none;
}
.newsTable td.date {
	padding:4px 0px 10px 0px;
	border-bottom:none;
	width:60px;
}
h3 {
	padding-bottom:6px;
	font-weight:bold;
	color:#000;
	font-size:75%;
}

ul.clientListing {
	margin:0px;
	display:block;
	font-size:76%;
	padding-left:45px;
	padding-bottom:20px;
}
ul.clientListing li {
	background:url(../images/bullet.gif) left 50% no-repeat;
	padding:2px 4px 2px 15px;
	color:#666;
}
ul.one {
	float:left;
	width:270px;
}
ul.two {
	float:left;
	width:270px;
}
.caseStudyContainer {
	background:#000;
	padding:15px 20px 20px 20px;
	font-size:80%;
	color:#bbb
}
.caseStudyImage {
	padding:0px 0px 10px 20px;
}
.caseStudyContainer h1 {
	padding:0px;
	font-size:150%;
	color:#fff;
	letter-spacing:normal;
	font-weight:bold;
}
.caseStudyContainer h3 {
	color:#fff;
	font-size:100%;
	padding-top:10px;
}
.caseStudyContainer p a {
	color:#fff;
	padding:0 2px;
	margin-left:-2px;
}
.caseStudyContainer p a:hover {
	color:#fff;
	background:#900;
	text-decoration:none;
}

ul.csBullets {
	margin:0px;
	display:block;
	padding-left:85px;
	padding-bottom:10px;
	padding-top:10px;
}
ul.csBullets li {
	list-style-type:disc;
	padding:2px 4px 2px 4px;
	color:#bbb;
}

/* Overlay */
.modal {
	display:none;
}
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:500px; width:860px; color:#bbb; background-color:#000; border:4px solid #555; padding:12px;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

/* search */
#search {	
	background:url(../images/search_background.gif) #990000 bottom left repeat-x;
	width:149px;
	padding:6px 4px 8px 10px;
	vertical-align:middle;
	border:1px solid #666;
	border-top:0px;
	margin-left:715px;
}
#search img {
	vertical-align:bottom;
}
#searchform {
	margin:0px;
	padding:0px;
	vertical-align:middle;
}
#searchfield {
	width:110px;
	border-color:#000;
	padding-left:4px;
	font-size:80%;
}
#searchform button {
	border:0px;
	width:24px;
	padding:0px;
	margin:0px;
	background:transparent;
	vertical-align:middle;
}

/* search suggestions */
.sf_text{
	color:#888;
}
.sf_suggestion {
	position:relative;
	font-size:80%;
	filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9;
	z-index:50;
}
.sf_suggestion ul {
	position:absolute;
	margin:0;
	padding:0;
	background:#fff;
	top:0;
	left:0;
	border:1px solid #000;
}
.sf_suggestion li {
	margin:0;
	padding:0;
	list-style:none;
	overflow-x:hidden;
}
.sf_suggestion li a {
	display:block;
	text-indent:3px;
	color:#000;
	text-decoration:none;
	padding:2px;
	white-space:nowrap;
}
.sf_suggestion li.selected a {
	background:#800;
	color:#fff;
}
.fd_results {
	font-size:80%;
}
strong.hl1 {
	font-weight:bold;
	color:#000;
	}
strong.hl2 {
	font-weight:bold;
	color:#000;
	font-style:italic;
	}
/* primary nav */
ul#mainNav {
	height:45px;
}
ul#mainNav li {
	display:inline;
	float:left;
	border-top:5px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:0px 5px 0px 0px;
	width:100px;
	height:38px;
}
ul#mainNav li a {
	display:block;
	width:95px;
	text-decoration:none;
	font-family:arial;
	font-size:75%;
	font-weight:bold;
	color:#666;
	padding:5px 0px 8px 5px;
	margin-top:0px;
	cursor:pointer;
}
ul#mainNav li a span {
	font-size:80%;
	font-weight:normal;
	color:#999;
}
ul#mainNav li.item:hover {
	border-top-color:#500;
	border-bottom-color:#000;
	background:url(../images/nav_background.gif) #7d0101 top left repeat-x;
}
ul#mainNav li.here a, ul#mainNav li.here a span {
	color:#fff;
}
ul#mainNav li a:hover, ul#mainNav li a:hover span {
	color:#fff;
}
ul#mainNav li.here {
	border-top-color:#000;
	border-bottom-color:#000;
	background:url(../images/select_background.gif) #333 top left;
}
ul#mainNav li.item:hover a, ul#mainNav li.item:hover a span {
	color:#fff;
}
ul#mainNav li.leftspacer {
	width:40px;
	padding:0px;
	border-bottom:0px;
}
ul#mainNav li.rightspacer {
	width:245px;
	padding:0px;
	border-bottom:0px;
	margin-right:0px;
}

/* quotes */
#quotes {
	background:#eee;
	padding:20px 20px 10px 20px;
	width:585px;
}
#quotes p {
	width:585px;
}
#quotebottom {
	padding-left:20px;
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider li{ 
	width:585px;
	overflow:hidden; 
}
span#prevBtn{}
span#nextBtn{}					
#prevBtn, #nextBtn{ 
	display:block;
	font-size:76%;
}
#nextBtn{ 
	padding-left:480px;
}

a.linkedin {
	display:block;
	width:74px;
	height:22px;
	background:#fff url(../images/linkedin.gif) no-repeat 0px 0px;
}
a.linkedin:hover{
	background-position:0px -22px;
}


/* footer */
#footer {
	border-top:4px solid #000;
	background:url(../images/footer_background.gif) #333 top left repeat-x;
}
#footerContainer {
	width:920px;
	margin:0px auto;
	border:0;
	min-height: 100%;
	clear:both;
	padding-top:20px;
	padding-bottom:30px;
	color:#fff;
}
#footerContainer a  {
	color:#fff;
	padding:0 2px;
	margin-left:-2px;
}
#footerContainer a:hover {
	color:#fff;
	background:#900;
	text-decoration:none;
}
#copyright {
	clear:both;
	line-height:16px;
	color:#fff;
	font-size:70%;
	padding-top:30px;
	padding-left:45px;
	width:835px;
}
#footerlinks {
	line-height:16px;
	color:#fff;
	font-size:76%;
	padding-left:43px;
	width:835px;
}
#footerlinks ul#sitemap {
	list-style:none;
	margin:0;
	padding:0;
}
#footerlinks ul#sitemap li {
	display:inline;
	float:left;
	font-weight:bold;
	margin:0 30px 0 0;
	padding:0;
}
#footerlinks ul#sitemap li.services {
	width:150px;
}
#footerlinks ul#sitemap li.clients {
	width:130px;
}
#footerlinks ul#sitemap li.about {
	width:170px;
}
#footerlinks ul#sitemap li.newsandviews {
	width:100px;
}

#footerlinks ul#sitemap li a {
	font-size:90%;
	text-decoration:none;
	font-weight:bold;
	margin-left:2px;
}
#footerlinks ul#sitemap li li {
	float:none;
	display:block;
	margin:0;
}
#footerlinks ul#sitemap li li a {
	font-weight:normal;
}
#slideprogress {
	z-index:200;
}
#slidecontainer {
	width: 836px;
	height: 199px;
	background: url('../images/bannerimages/banner-background.gif') 0px 0px no-repeat;
	overflow: hidden;
	position: relative;
	margin:20px 0px 30px 0px;
}
#slides {
	z-index: 100;
	position: absolute;
	left: 0px;
}
#slidecontainer .slide {
	width: 836px;
	height: 200px;
	position: absolute;
}
#slidecontainer .slidecontent {
	position: relative;
	width: 836px;
	height: 200px;
}
#slidecontainer .image {
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#slidecontainer h1 {
	padding:0px;
	line-height:1em;
	color:#fff;
	position: absolute;
	top: 20px;
	left: 330px;
	width:490px;
}
#slidecontainer .design h1 {
	top: 20px;
	left: 20px;
	width:490px;
}
#slidecontainer .strategy h1 {
	top: 20px;
	left: 20px;
	width:490px;
}
#slides .intro {
	left:0px;
}
#slides .research {
	left:900px;
}
#slides .strategy {
	left:1800px;
}
#slides .design {
	left:2700px;
}
/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 11px/92% Arial, Helvetica, sans-serif;
	padding: .4em .6em .42em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
/* red */
.red {
	color: #fff;
	border: solid 1px #980c10;
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:hover {
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}