/* CSS Document */

/*
.needs-copy {
color: red;
}

.rough-draft {
color: #bc8500;
}
*/


/***************** basic styles *****************/
body {
	font-size: 100%;
}

body, table, tr, td, th {
	margin: 0;
	padding: 0;
}
body, table, tr, td, th, input, textarea, select, option, legend, fieldset {
  	font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
  	font-size: .85em;
}

p {
font-size:0.8em;
}

.bold {
	font-weight: bold;
}

.left {
	float: left;
}

.right {
	float: right;
}

h1 {
font-weight:bold;
letter-spacing:-0.03em;
max-width:110%;
padding-bottom: 0.2em;
position:relative;
}

h1.title {
clear:both;
font-size:4em;
/* float: left; */
}

h1.callout {
font-size:6em;
padding-bottom: 0;
letter-spacing: -.05em;
font-weight: normal;
padding-top:75px;
}

div.calloutText {
/* float: right; */
float:left;
margin-left:480px;
width:480px;
}

div.callout.blurb {
display: block;
position: relative;
}

p.callout.blurb {
color:#666666;
font-size:1em;
line-height:1.35em;
clear: left;
}



h1.callout.one {
float: right;
}

h2 {
margin-bottom:0.1em;
}

h2.title {
font-size:2em;
}


h2.callout {
font-size:1.7em;
font-weight: normal;
}


h3 {
font-size: 1em;
}

h3.title {
clear:both;
font-weight:normal;
letter-spacing:-0.03em;
max-width:110%;
margin-bottom: 0.6em;
position:relative;
height:25px;
}

h3.case-studies {
float: right;
}


#container {
	width: 100%;
}

#container-inner {
	width: 1000px;
	margin: 0 auto;
}

#callout {
	width: 100%;
	border-top: 1px solid #c9c9c9;
	border-bottom: 3px double #c9c9c9;
	background: transparent url(../images/bgCallout.png) repeat-x 0 0;
}

#callout-inner {
	width: 960px;
	margin: 0 auto;
	height: 160px;
	padding:0 20px;
/*
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
*/
}

body.front #callout-inner {
	height: 254px;
	position:relative;
	top:-1px;
}

body.front #callout-inner ul{
	height: 254px;
	overflow: hidden;
	clear: left;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}

body.front #callout-inner ul li{
	height: 254px;
	width: 960px;
	display: block;
}

body.front #callout-inner ul li#aol{
	background: transparent url(../images/bgAol.png) no-repeat 0 0;
}

body.front #callout-inner ul li#test1{
	background: transparent url(../images/bgTest1.png) no-repeat 0 0;
}

body.front #callout-inner ul li#test2{
	background: transparent url(../images/bgTest2.png) no-repeat 0 0;
}


body.front h1.callout {
	float: left;
/* 	margin-top: 54px; */
}


body.front #content {
margin-top:30px;
}


body.front h2.title {
font-size: 1.2em;
height:20px;
margin-bottom:10px;
}


#page {
	width: 100%;
	min-height:600px;
	position:relative;
/* 	float: left; */
	margin-bottom: 20px;
}

#page-inner {
	width: 1000px;
	margin: 0 auto;
}


#main {
/*
  	float:left;
  	clear: left;
	height:100%;
*/
	width:100%;
}

#main-inner {
/*   padding: 20px 0 20px 80px; */
/* clear: left; */
width: 1000px;
margin: 0 auto;
}



#content {
margin-left:20px;
margin-top:40px;
position:relative;
width:100%;

float: left;
min-height: 400px;
*height: 400px;
}

#content-inner {
  position: relative;
  width: 1000px;
  float: left;
}




#content-area {
/*   width: 880px; */ 
  padding-left: 80px;
  margin-left: -80px;
  float: left;
  width: 880px;
}

#content-area-right {
/* float:left; */
float: right;
position:relative;
top:123px;
width:200px;
}

body.content-area-right #content-area {
  width: 640px; 
  padding-left: 80px;
  margin-left: -80px;
  float: left;
  margin-right:40px;
}

body.content-area-right #content-bottom {
  clear: none;
  width: 600px;
}


#content-bottom {
  padding-top: 10px; 
  clear: left;
  width: 1000px;
}



#sidebar-right {
float:right;
margin-left:-200px;
margin-right:0;
padding-bottom:0;
padding-left:0;
padding-right:200px;
padding-top:0;
width:200px;
}


#content-header {

}


body.not-front #side-strip {
background-color:#b2b2b2;
height:1px;
position:relative;
top:88px;
width:60px;
}

body.not-front #page{
/* background: transparent url(../images/leftAnchorLine.png) no-repeat 0 327px; */
background: none;
}

.content {
	float: left;
}

/***************** Header *****************/

#header {
	height: 96px;
}

#header-inner {
/* 	float:left; */
	height:100%;
	padding:0 20px;
	width:960px;
	margin: 0 auto;
}

/***************** Nav *****************/
#nav {
  clear: both;
/*   border-top: 1px solid #b2b2b2; */
  width: 100%;
  height:100%;
  position: relative;
  overflow: hidden;
}

#nav a{
	padding-top:85px;
/* 	padding-bottom:4px; */
	color: #737373;
}

#nav a:hover, #nav a.active {
	/*
padding-top: 80px;
	margin-top: 0;
	border-top: 0;
	background: transparent url(../images/black5px.png) repeat-x top center;
	border-bottom: 2px solid #414141;
	margin-bottom: -4px;
	color:black;
*/
}


#nav ul li {
margin-right:3px;
width: 90px;
float: left;
position: relative;
}
	
#nav ul li ul {
/*   display: none; */
}

ul.nav,
ul.nav ul {
  z-index: 5;
  position: relative;
}

#nav ul.nav li {
  position: relative;
  text-indent: -9999px;
}

#nav ul.nav li a{
  margin-left: 2px;
}

#nav ul.nav li.work a{
  background: transparent url(../images/spriteNav.png) no-repeat 0 0;
  width: 95px;
}

#nav ul.nav li.about a{
  background: transparent url(../images/spriteNav.png) no-repeat -96px 0;
    width: 95px;
}

#nav ul.nav li.contact a{
  background: transparent url(../images/spriteNav.png) no-repeat -203px 0;
    width: 110px;
}


/*#nav ul.nav li.work a:hover, */
#nav ul.nav li.work a.active {
  background: transparent url(../images/spriteNav.png) no-repeat 0 -100px;
  width: 95px;
}


/*#nav ul.nav li.about a:hover,*/
#nav ul.nav li.about a.active {
  background: transparent url(../images/spriteNav.png) no-repeat -96px -100px;
    width: 95px;
}

/*#nav ul.nav li.contact a:hover,*/
#nav ul.nav li.contact a.active {
  background: transparent url(../images/spriteNav.png) no-repeat -203px -100px;
    width: 110px;
}

#nav ul.nav li.work {
  width: 95px;
}

#nav ul.nav li.about {
    width: 95px;
}

#nav ul.nav li.contact {
    width: 110px;
}

#nav ul.nav a {
  display: block;
}

#nav ul.nav ul li {
  display: block;
}

.block ul, .item-list ul {
padding-left: 0;
}

ul.nice-menu-right,
ul.subnav {
margin-right:3px;
margin-top:0;
width:120px;
}

ul.nav {
font-size:.8em;
font-weight:normal;
margin-bottom:0;
margin-top:0;
text-transform: uppercase;
/* letter-spacing: -.02em; */

}

#primary-nav {
padding-left: 97px;
padding-top:0;
/* background: transparent url(../images/leftAnchorLine-oneBreak.png) no-repeat 0 87px; */
background: none;
height:96px;
float: right;
}


#logo {
height:32px;
margin:11px 0 0 0; /* changed from marliin.com */
position: relative;
top: 30px;
float: left;		
}

#logo img{
float: left;		
}

#tagline {
float:right;
margin-left: 10px; /* changed from marliin.com */
margin-top: 30px;/* changed from marliin.com */
font-size: 12px;
text-transform: uppercase;
}



#subnav {
  clear: both;
  height: 70px;
  margin-top: 55px;
}

#subnav a {
color:#999999;
font-size:11px;
font-weight:normal;
letter-spacing:0.05em;
}

#subnav a:hover, #subnav a.active{
  color: black;
}

.primary-links {
	float: left;
	font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
}

.primary-links ul {
  border: none;
}

.primary-links ul li {
  background-color: transparent;
  border: none;
  padding:3px 0;
}

.primary-links ul li a {
  text-decoration: none;
  padding-left: 0;
}




/***************** links *****************/




a:hover, a:focus {
	color: #A70505;
	text-decoration: none;
}

a {
	color: #A70505;
	text-decoration: none;
}

a:visited, a:visited:hover {
	color: #A70505;
	text-decoration: none;
}

/***************** Home Page *****************/
/*
#fancybox-title {
top: 0;
float:left;
left:0;
position:absolute;
width:200px !important;
padding-top: 10px;
padding-bottom: 10px;
z-index: 0;
}

*/

#fancybox-title-over {
	/* height: 100%; */
	
}

#fancybox-title-over .fb-image{
	font-size: .8em;
	font-style: italic;
	color: #999;
	margin-right: 15px;
}

#fancybox-title-over .fb-title{
font-size: 1.25em;
font-weight: bold;
	
}

#fancybox-title-over .fb-title a{
float: right;
	font-size: .65em;
	color: white;
	text-transform: uppercase;
	-moz-border-radius: 20px;
	padding:7px 10px 5px 10px;
	background: red;
	margin-top: -4px;
}


#fancybox {
	clear: left;
	float: left;
	width: 1000px;
}

/*
#fancybox-left, #fancybox-right {
	width: 50%;
	cursor: pointer;
}

#fancybox-left:hover, #fancybox-right:hover {

}

#fancybox-left-ico, #fancybox-right-ico {
	background:url(../images/translucentBlack.png) repeat 0 0;
	height: 100%;
	width: 35%;
	margin: 0;
	top: 0;
}
*/

/***************** Work Page *****************/
body.page-work #content {
	margin-top: 18px;
}

#case-studies {
	float: right;
	position:relative;
	top:-40px;
}

#case-studies h3{
	float: left;
	margin-top: 10px;
}

#case-studies img{
	float: left;
	margin-left: 20px;
	cursor: pointer;
}

#case-studies img.doh{
	position: relative;
	top:3px;
}

body.page-work #callout-inner {
	background: transparent url(../images/bgCallout04.png) no-repeat 0 0;	
}

/***************** About Page *****************/

body.page-about #callout-inner {
	background: transparent url(../images/bgCallout02.png) no-repeat 0 0;
}

/***************** Contact Page *****************/

body.page-contact #callout-inner {
	background: transparent url(../images/bgCallout03.png) no-repeat 0 0;
}

/***************** Case Study Pages *****************/
body.case-study {
	background: transparent url();
}

body.case-study #main {
  background: transparent url(../images/bgCalloutCs.png) repeat-x 0 0;
	height: 254px;
	width: 100%;
	margin: 0;
}

body.case-study #callout {
  background: transparent url(../images/bgCalloutCs.png) repeat-x 0 0;
	height: 325px;
}



body.case-study #content {
  margin-top: 0;
  margin-left: 0;
}

body.case-study .content {
	/* width: 780px; */
	width: 740px;
}

body.case-study #content-inner {
/*   margin-left: 60px; */
/*   margin-top: 20px; */
}

#hero {
	height: 325px;
	width: 100%;
}

#hero h1.title {
	color: #ccc;
	font-size: 2em;
	font-weight: normal;
	height:2em;
}

#hero .top a {
	color: #999;
}

#hero .top a.rolloutMenu {
	font-size: 1em;
	font-weight: bold;
}

#hero .top ul.rolloutMenu li {
	font-size: .85em;
	font-weight:normal;
	list-style-type:none;
	padding:3px 0;
}


#hero .top ul.rolloutMenu li a {
	
}

#hero .prev-next {
	/*
float:right;
	left:132px;
	position:absolute;
	top:22px;
*/
	clear: left;
	position: absolute;
	top: 300px;
}

#hero .prev-next img{
	cursor: pointer;
}

#hero ul.rolloutMenu {/* display: none; */} 

body.case-study h2.title {
	margin-bottom: 40px;
	height:40px;
}

.content-bottom{
	
}

img.clientLogo {
	/* margin-top: 70px; */
}

.top {
	height: 91px;
	margin-top: 20px;
}
.bottom {
/* 	height: 323px; */
	clear: left;
	height: 140px;
	color: #333;
}

body.case-study #hero {
	color: #c1c1c1;
	line-height: 1em;
}

body.case-study .col-left{
/* 	width: 180px; */
	width: 220px;
	float: left;
	margin-right: 20px;
}

.picture-slides-container {
float:left;
height:100%;
margin-bottom:2em;
/* width:700px; */
width:780px;

}

.picture-slides-fade-container a {
text-align:left;
height: 100%;
min-height: 324px;
}

.picture-slides-fade-container a img {
-moz-box-shadow: none;
}

.picture-slides-thumbnails li {
float:left;
margin:0 10px 5px 0;
}



.picture-slides-thumbnails li .picture-slides-selected-thumbnail img {
-moz-border-radius: 0;
background:none;
border:none;
padding:0;
width: 100%;
}

.picture-slides-image-text {
	background: none;
}

.thumbnails-container {
	clear:left;
/* float:left; */
position:relative;
/* top:-20px; */
/* width:700px; */
z-index: 2000;
/* left:183px; */
}

.thumbnails {
/* 	width: 700px; */
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	text-align: center;
}

.thumbnails ul.picture-slides-thumbnails {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
/* margin-top:1em; */
display: inline;
list-style: none;
margin: 0;
padding: 0;
border: none;

}

.picture-slides-fade-container {
overflow:visible;
position:relative;
z-index:1002;
/* top: -110px; */
}

.client {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2em;
	font-weight: lighter;
	display: block;
	line-height: 1em;
	margin-top: 70px;
}

.project {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: lighter;
	display: block;
	color: #666;
}

.services {
	margin-top: 40px;
	position:absolute;
	top:180px;
}

.services ul li{
	padding: 3px 0 3px 20px;
	list-style-type:  none;
	font-weight: bold;
}

li.yes {
	background: transparent url(../images/checkYes.png) no-repeat 0 3px;
}

li.no {
	background: none;
	color: #666;
}

#highlights {
	color: #666;
	line-height: 1.2em;
}

#highlights strong {
	font-size: .8em;
}

#highlights div {
	clear: left;
	margin-top: 20px;
}


/***************** gallery page (home page?) *****************/
#gallery {
	float:left;
	height:100%;
	width:960px;
/* 	padding-top: 20px; */
}

/*
#gallery {
	width: 900px;
}
*/


div.thumb {
background:none repeat scroll 0 0 transparent;
float:left;
height:160px;
margin-bottom:20px;
margin-right:15px;
overflow:hidden;
position:relative;
width:180px;
}

body.front div.thumb {
float:left;
margin-bottom:40px;
margin-right:20px;
/* height:230px; */
height:100%;
width:300px;
}


body.front div.thumb.last,
div.thumb.last{
margin-right: 0px;
}

	div.boxHover {
/* 		background:url("../images/translucentWhite.png") ; */
		display:none;
		position:absolute;
		height:155px;
		width:300px;
		z-index:50;
	}
/*
div.thumb {
float:left;
width:195px;
height: 139px;
background: gray;
margin-right: 20px;
margin-bottom: 20px;
}
*/


#gallery ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left: 0;
}

#gallery ul li {
display:inline;
margin-bottom:15px;
margin-right: 20px;
float: left;
width:200px;
height: 160px;
}

#gallery ul img {
/* border:1px solid #3E3E3E; */
}

#gallery h3 {
font-size:1em;
margin:3px 0 0;
}

#gallery p.clientName {

}

#gallery p {
color:#999999;
line-height:1.3em;
margin-top:1px;
/* height: 55px; */
}


#gallery p.clientName{
text-transform: uppercase;
color: #a70505;
font-size: .8em;
/* height: inherit; */
}

div.thumb p{

}

.gal-thumb-title{
height: 50px;
}


/***************** footer styles *****************/


#footer {
border-top:1px solid #CCCCCC;
clear:both;
height:100%;
margin-top:80px;
position:relative;
width:100%;
float: left;
}

#footer a{
	color: #333;
}

#footer a:hover{
	color: #A70505;
	text-decoration: none;
}

#footer-inner {
	margin:0 auto;
	padding:20px;
/* text-align:center; */
	width:960px;
}

span.title {
font-weight: bold;
font-size: 1.25em;
float:left;
margin-bottom: 10px;
}

#footer span.title.left {
	
}

#footer span.title.right {
	
}

/** contact info block id**/

#contact-info {
color:#333;
font-size:0.8em;
line-height:1.5em;
float: left;
margin-right: 40px;
clear: left;
font-weight: bold;
/* margin-left: 20px; */
}

.contact-info {
	float: left;
	width: 120px;
	margin-right: 40px;
}

/** recent activity block **/

#activity {
	float: left;
	width: 280px;
	color:#333333;
	font-size:0.85em;
	line-height:1.6em;
	position: relative;
	top: -29px;
}

#activity .tweet,
#activity .facebook,
#activity .blog{
/*
	padding: 10px;
	-moz-border-radius: 10px;
	background: #999;
	color: white;
	font-weight: bold;
	margin-top: 20px;
	margin-left:12px;
*/
/* margin-bottom: 10px; */
line-height:1.4em;
clear: left;
}

#activity p {
	font-size: .95em;
	margin-bottom: 0;
}

#activity .icon{
	height:34px;
	left:-30px;
	margin-top:-34px;
	position:relative;
	top:8px;
	width:34px;
}

#activity .tweet .icon{
	background: url(../images/recentTwitter.png) no-repeat 0 0;
}

#activity .facebook .icon{
	background: url(../images/recentFacebook.png) no-repeat 0 0;
	
}

#activity .blog .icon{
	
}

#activity .tweet a,
#activity .facebook a,
#activity .blog a{
/* 	color: #333; */
	font-weight: bold;
	font-size: .95em;
	display: block;
}

#activity .tweet a:hover,
#activity .facebook a:hover,
#activity .blog a:hover{
/*
	color: #79B701;
	text-decoration: none;
*/
}

#activity .blog a.more{
	clear: left;
	font-size:0.85em;
	font-weight: normal;
	font-style: italic;
}

.copyright {
	clear:left;
	font-size:0.7em;
	font-style:italic;
	line-height:1.5em;
	padding-top: 100px;
}

/* --- footer nav --- */

#footer-links {
  	font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
  	float: left;
  	font-size: .8em;
}
#footer-links ul.menu {
	padding: 0;
  	margin: 0;
  	float: left;
  	width: 120px;
  	margin-right: 40px;
  	line-height:1.5em;
}


#footer-links ul.menu li {
/*   float: left; */
  list-style: none;
  list-style-image: none;
  margin-right: 30px;
  font-weight: bold;
  color: black;
  margin-bottom: 0px;
}

#footer-links ul.menu li ul {
margin: 0;
padding: 0;	
margin-top: 8px;
line-height:1.5em;
}

#footer-links ul.menu li.expanded a {
  color: black;
}


#footer-links ul.menu li ul li {
  float: none;
  list-style: none;
  font-weight: normal;
}

#footer-links ul.menu li ul li.leaf a:link, 
#footer-linkss ul.menu li ul li.leaf a:visited {
	color: gray;
	font-weight: bold;
	text-decoration: none;
}

#footer-links ul.menu li ul li.leaf a:hover,
#footer-links ul.menu li ul li.leaf a.active {
	color: black;
	text-decoration: none;
}
 
/** client logo grid**/
#logo-grid {
margin-top: 120px;
float: left;
}

#logo-grid img{
float: left;
border: 0;
margin-right:40px;
}

#logo-grid img.last{
margin-right:0;
}

#logo-grid img.aol {

}


/***************** PRODUCTS: Matrixes *****************/
#matrix {
width: 100%;
padding-top: 40px;
clear: left;
width: 840px;
}

#matrix .side-anchor {
width: 60px;
height: 1px;
margin: 0 20px 0 0;
padding: 0;
background-color: black;
position: relative;
left: -80px;
}

#matrix  ul {
padding-left: 0;
margin: 0;
}

#matrix ul li {
list-style: none;
min-height: 66px;
border-top: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
}

#matrix .iinstinct-left ul li {
text-align:center;
}

#matrix .iinstinct-right ul li {
font-weight: bold;
font-size: 1.2em;
line-height: 1.3em;
}

#matrix ul li img{
margin: 0 auto;
}
#matrix table {
width:880px;
}

#matrix table tr{

}

#matrix table td {
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
height:80px;
text-align:center;
width:147px;
}

#matrix p{
	color: red;
}

#matrix table tr.top td{
border-bottom: 2px solid black;
border-top: none;
text-align: left;
}


#matrix table td.arrow,
#matrix table tr.top td.arrow{
/* padding-right:12px; */
width:40px;
padding-top:3px;
border: none;
}

#matrix table td.spacer,
#matrix table tr.top td.spacer{
padding-right:0;
width:13px;
border: none;
}

#matrix table td.stretch,
#matrix table tr.top td.stretch{
padding-right:0;
width: 0;
}

#matrix table td.right-col {
font-size:1.1em;
font-style:normal;
line-height:1.15em;
text-align:left;
vertical-align:middle;
width:455px;
}


#matrix table td.right-col strong{
font-size: 1.1em;
font-style: normal;
}

#matrix table td.right-col span{
font-size: 1.4em;
color: #79b701;
font-weight: bold;
}

#matrix h3 {
color:#333333;
line-height:1.2em;
margin-bottom:0;
margin-top:0;
}


/***************** PRODUCT: iiNstinct *****************/
body.page-products-iinstinct  #main-inner{
/* background: transparent url(../images/main-iinstinct.png) no-repeat 0 0; */
/* background: transparent url(../images/marliin-business-intelligence.png) no-repeat 0 100px; */
}

body.page-products-iinstinct .field-field-videopage-title {
/* display: none; */
background: none;
}
body.page-products-iinstinct .field-field-video-textarea {
/* background: transparent url(../images/white-seethrough.png) no-repeat 0 0; */
/* border-top: 1px solid black; */
}


body.page-products-iinstinct .col-intro {
background:none repeat scroll 0 0 transparent;
border-bottom:1px solid #CCCCCC;
margin-bottom:30px;
padding-bottom:10px;
width:880px;
}

body.page-products-iinstinct .col {
width: 140px;
}

body.page-products-iinstinct .col-head {
/* padding-bottom:45px; */
}

body.page-products-iinstinct #content-area {

}
#iinstinct-top, #iinstinct-bottom, #iinstinct-lists, #iinstinct-service {
clear: left;
width: 840px;
}

#iinstinct-lists, #iinstinct-service {
padding-top: 40px;
}

h3.iinstinct {
border-bottom:medium none;
float:left;
font-size:1.3em;
margin-top:0;
min-height:0;
padding-top:0;
}

h4.iinstinct {

}


#iinstinct-top p.overview{
font-size: 1.05em;
line-height: 1.6em;
}


.iinstinct-left, .iinstinct-right {
float: left;
}

.iinstinct-left {
width: 320px;
margin-right: 40px;
}

.iinstinct-right {
/* margin-left: 30px; */
width: 480px;
}

.wrapper-right{
/* width: 520px; */
clear: both;
}

.bi-col {
width: 200px;
margin-right: 10px;
float: left;
}

.horiz-col {
border-top:1px solid #CCCCCC;
float:left;
margin-right:10px;
margin-top:20px;
padding-top:30px;
width:960px;
}


.horiz-col p {
color:#333333;
font-size:0.85em;
line-height:1.6em;
margin-left:300px;
}

.bi-col p{
	margin-bottom: 1em;
	line-height: 1.5em;
	font-size: .85em;
}
.tri-col {
margin-right:20px;
width:273px;
float: left;
}

.tri-col a:link{
font-weight: bold;
color: black;
text-decoration: none;
}

.tri-col a:hover {
color: #79B701;
}


.right-col{
width: 200px;
}

#iinstinct-service ul{
padding-left: 0;
}

#iinstinct-service ul li{
list-style: none;
padding-bottom: 20px;
font-weight: bold;
font-size: .85em;
}




/***************** pages *****************/
.field-field-page-title {
font-size: 2.3em;
font-weight: normal;
/* padding-top: 1em; */
padding-bottom:0.2em;
/* border-bottom: 1px solid #B2B2B2; */
/* margin-bottom: 1em; */
margin-left: -80px;
padding-left: 80px;
/* background: transparent url(../images/leftAnchorLine.png) no-repeat bottom left; */
}

.field-field-text-area {
/* border-top: 1px solid #A2A2A2; */
position: relative;
padding-top: 20px;
/* width: 880px; */
}

.content-title {
width: 100%;
font-size: 1.25em;
font-weight: bold;
}

.col {
float:left;
margin-right:20px;
padding-bottom:40px;
/* width:180px; */
width: 200px;
}

.col2 {
float:left;
margin-right:20px;
padding-bottom:40px;
width: 330px;
}

.last {
	margin-right: 0;
}

.col2 p{
	color:#333333;
	font-size:0.85em;
	line-height:1.6em;
}

.col2 p.header{
	color: #A70505;
	font-size:0.85em;
	line-height:1.6em;
}

.col4 {
	float:left;
	margin-right:20px;
	padding-bottom:40px;
width: 200px;
	clear: right;
}

.col4 h3 {
border-bottom:1px solid #CCCCCC;
color:#333333;
margin-bottom:20px;
padding-bottom:10px;
}

.col4 span {
color:#79B701;
font-size:1.6em;
}

.col4 p{
color:#888888;
font-size:0.85em;
line-height:1.6em;
}

.col.first {

}

.col.last {
margin-right: 0;
}

.col-intro {
	font-size:1.25em;
	line-height:1.5em;
	float:left;
	/* height:220px; */
margin-right:20px;
	padding-bottom:0;
	/* width:600px; */
margin-bottom: -10px;
	width: 960px;
	clear: right;
}

.col-intro-2 {
font-size:1.25em;
line-height:1.5em;
float:left;
margin-right:40px;
padding-bottom:0;
width:330px;
}

.col-intro-3 {
float:left;
font-size:1.5em;
line-height:1.7em;
margin-right:40px;
padding-bottom:0;
width:420px;
}

.col-head {
font-size:1.2em;
font-weight:bold;
line-height:1.5em;
margin-bottom:5px;
min-height:60px;
width:300px;
float: left;
/* padding-bottom:20px; */
/* padding-bottom:45px; */
}

.col-head span{
	color: #A70505;
}


.col p {
font-size:0.85em;
line-height:1.65em;
}

.col-intro p {
color:#333333;
font-size:0.9em;
/* margin-top:-65px; */
padding-left:300px;
}

.col-wrap2 {
clear:left;
float:left;
margin-bottom:10px;
width:480px;
}

body.node-type-page {

}

/***************** section active states *****************/

body.section-agency #block-nice_menus-10 a.agency-active,
body.section-products #block-nice_menus-10 a.products-active,
body.section-results #block-nice_menus-10 a.results-active,
body.section-connect #block-nice_menus-10 a.connect-active {
border-top:2px solid black;
color:black;
margin-top:-1px;
padding-top:11px;
}

/***************** section bg ../images *****************/
/* --- AGENCY --- */
body.page-agency {
  background-position: 73px 0;
 background-repeat: no-repeat;
/*  background-image: url(../images/section-placeholder.png); */
}

/* --- Services --- */
body.page-agency-services {
  background-position: 73px 0;
 background-repeat: no-repeat;
/*  background-image: url(../images/section-placeholder.png); */
}

/* --- About --- */
body.page-agency-about {
  background-position: 73px 0;
 background-repeat: no-repeat;
/*  background-image: url(../images/section-placeholder.png); */
}

/* --- Get Started --- */
body.page-agency-get-started {
  background-position: 73px 0;
 background-repeat: no-repeat;
/*  background-image: url(../images/section-placeholder.png); */
}


/* --- PRODUCTS --- */
body.page-products{
  background-position: 73px 0;
 background-repeat: no-repeat;
/*  background-image: url(../images/section-placeholder.png); */
}

/* --- Workshops --- */
body.page-products-workshops {
  background-position: 73px 0;
 background-repeat: no-repeat;
/*  background-image: url(../images/section-placeholder.png); */
}

/* --- iiNstinct --- */
body.page-products-iinstinct-brand-measurement {
  background-position: 73px 0;
 background-repeat: no-repeat;
/*  background-image: url(../images/section-placeholder.png); */
}

/* --- Publishare --- */
body.page-products-publishare {
  background-position: 73px 0;
 background-repeat: no-repeat;
/*  background-image: url(../images/section-placeholder.png); */
}

/* --- RESULTS --- */
body.page-results {
  background-position: 73px 0;
 background-repeat: no-repeat;
/*  background-image: url(../images/section-placeholder.png); */
}

/* --- case studies --- */
body.page-results-case-studies {
/* background-image:url(../images/section-placeholder.png); */
  background-position: 73px 0;
background-repeat:no-repeat;
}

/* --- gallery --- */
body.page-results-gallery {
  background-position: 73px 0;
 background-repeat: no-repeat;
/*  background-image: url(../images/section-placeholder.png); */
}



/* --- CONNECT --- */
body.page-connect {
  background-position: 73px 0;
 background-repeat: no-repeat;
/*  background-image: url(../images/section-placeholder.png); */
}

/* --- Blog --- */
body.page-connect-blog {
  background-position: 73px 0;
 background-repeat: no-repeat;
/*  background-image: url(../images/section-placeholder.png); */
}

/* --- Jobs --- */
body.page-connect-jobs {
  background-position: 73px 0;
 background-repeat: no-repeat;
/*  background-image: url(../images/section-placeholder.png); */
}

/* --- Contact --- */
body.page-connect-contact {
  background-position: 73px 0;
 background-repeat: no-repeat;
/*  background-image: url(../images/section-placeholder.png); */
}


/***************** connect/blog page ******************/
body.page-connect div.social img {
float: left;
}

body.page-connect-blog #content-area-right{
position: relative;
top: 0;
}

body.node-type-external-blog #content-area-right {
position: relative;
top: 150px;
}

node-type-external-blog h2 {
font-size: 1.2em;
}


body.node-type-ext-blog #subnav_block a.blog-active {
color: black;
}


.view-wordpress-blog img,
.node-type-external-blog img {
float: left;
padding-right: 20px;
}

#block-views-wordpress_feed-block_1,
#block-views-wordpress_blog-block_2 {
float:left;
margin-right:40px;
width:600px;
}

#block-views-wordpress_feed-block_1 .views-row,
#block-views-wordpress_blog-block_2 .views-row,
#block-views-wordpress_blog-block_1 .views-row{
margin-top:20px;
padding-bottom:20px;
border-bottom: 1px solid #ccc;
clear: left;
}


#block-views-wordpress_feed-block_2,
#block-views-wordpress_blog-block_1 {
float: left;
margin-right: 40px;
width: 600px;
}

#block-views-wordpress_blog-block_2 .views-field-field-ext-blog-text-value span{
font-size: .85em;
}

.views-field-field-ext-blog-text-value {
clear: left;
margin-top: 10px;
}

/*
.view-display-id-block_1 .views-field-title,
.view-display-id-block_2 .views-field-title,
*/
.views-field-field-ext-blog-title-value {
font-weight: bold;
letter-spacing: -.02em;
font-size: 1.5em;
/* margin-bottom: 0.667em; */
line-height: 1.1em;
}

#block-views-wordpress_blog-block_3 {
width: 200px;
float: left;
}

#block-views-wordpress_blog-block_3 .views-field-field-ext-blog-title-value {
font-size: .85em;
}

.field-field-ext-blog-title {
color:#444444;
font-size:2em;
font-weight:bold;
letter-spacing:-0.02em;
margin-bottom:10px;
margin-top:5px;
}

.views-field-field-ext-blog-author-value {
font-size: .85em;
font-weight: bold;
color: #777;
}

.view-display-id-block_1 .views-field-description,
.view-display-id-block_2 .views-field-description {
font-size: .85em;
line-height: 1.4em;
}

.view-display-id-block_1 .views-field-timestamp,
.view-display-id-block_2 .views-field-timestamp,
.views-field-field-ext-blog-date-value,
.field-field-ext-blog-date {
color:#999999;
font-size:0.875em;
font-style:italic;
margin-top:20px;
}

#block-views-wordpress_blog-block_1 .views-field-field-ext-blog-date-value {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background-color:#79b701;
color:white;
float:left;
font-size:1em;
font-weight:bold;
height:30px;
line-height:1.1em;
margin-right:5px;
padding:6px;
text-align:center;
text-transform:uppercase;
vertical-align:middle;
width:30px;
clear: both;
font-style: normal;
margin-top: 0;
}


.views-field-view-node {
font-weight: bold;
font-size: .7em;
text-transform: uppercase;
}


#block-block-8 {
width: 220px;
float: left;
}

div.social {

}

div#facebook,
div#twitter, 
div#linked-in {
clear: left;
padding-bottom: 10px;
padding-top: 10px;
}

div#facebook span,
div#twitter span, 
div#linked-in span{
letter-spacing: -.02em;
font-weight: bold;
position:relative;
top:11px;
padding-left: 10px;
}


div#facebook {

}

div#twitter {

}

div#linked-in {

}

div#contacts {
clear: left;
padding-top: 40px;
}

/***************** contact page *****************/

body.page-connect-contact #content-area-right {
width: 400px;

}
body.page-connect-contact #content-area {
float:left;
margin-left:-80px;
margin-right:20px;
padding-left:80px;
width:450px;
}

/*  contact form */


#contact-mail-page {
  width: 200px;
}

#block-formblock-contact_site,
#block-formblock-contact_form {
float:left;
width:400px;
}

#block-formblock-contact_form input.form-text{
width: 375px;
border: 1px solid #a2a2a2;
height:21px;
padding-left:5px;
padding-top:5px;
font-size: 1em;
}


form#contact-mail-page,
form#node-form{
font-size: .85em;
}

#contact-mail-page div.messages,
#block-formblock-contact_form div.messages{
border: none;
color:#79b701;
margin-bottom:5px;
margin-left:1em;
margin-right:1em;
margin-top:0;
min-height:21px;
padding: 0;
background: none;
font-size: 2em;
}

#contact-mail-page div.messages li{
list-style: none;
}

#edit-name,
#edit-mail,
#edit-subject {
  width: 186px;
 
}

/*----- CONTACT FORM --------- */


form.cForm {
	float: left;
	width: 420px;
}

.formError {border: 1px solid red !important; color:red !important}

 #contactForm {
font-size: .8em;
  	}
  	
  	 #contactForm input,#contactForm textarea {
color: #999;
border: 1px solid #999;
padding:6px;
width: 420px;
  	}
  	
  	#contactForm input{
height: 14px;
  	}
  	
  #contactForm label{
	width: 100px;

  	}
  	
  	#contactForm input.submit,
  	#contactForm input.code{
width: 100px;
padding-top:0;
	height: 23px;
  	}
  	
  	#message-received {
  	
  	}
  	
  	#contactForm input.submit {
  		background-color: #A70505;
  		border: 0;
  		color: white;
  		text-transform: uppercase;
  		font-size: .7em;
  		-moz-border-radius: 20px; /* Firefox */
 		-webkit-border-radius: 20px; /* Safari, Chrome */
  		border-radius: 20px; /* CSS3 */
		padding-top:4px;
  	}
  	
  .col-intro #contactForm p {
  	float: left;
  	padding: 0;
  }
 .formbreak {
 	clear: both;
 	}
 
 .form-text-title {
  float:left; width:25%; text-align:left; vertical-align:top; padding:5px; font-weight:bold; font-size: 11px;
 }
 
 .form-input-box {
 	float: left; width:75%;  text-align:left; vertical-align:top; padding:5px;
 	}
 
 
.form-bottomrow {
	text-align:left; vertical-align:middle; padding:5px;
	}


/*----- CONTACT FORM --------- */

span.required {
	color: red;
}

/** overlabel technique for forms **/
.overlabel-apply {
color: #b2b2b2;
font-size: 85%; 
font-weight: normal !important;
margin-left: 7px;
position: absolute;
text-align: left;
margin-top: 2px;
}





/***************** jobs pages *****************/
/* --- Main Page View--- */

div.view-job-posting-categories .views-row {
margin-bottom: 40px;
}

div.view-job-posting-categories .views-field-title {

}

div.view-job-posting-categories .views-field-title a{
font-weight: bold;
font-size: 1.5em;
}

div.view-job-posting-categories .views-field-created {
font-size: .75em;
color: #888888;
font-style: italic;
}

div.view-job-posting-categories .views-field-field-job-description-value {

}

div.view-job-posting-categories .views-field-view-node {
font-size: .7em;
font-weight: bold;
text-transform: uppercase;
}

div.view-job-posting-categories .views-field-view-node a{
/* color: #888888; */
}

div.view-job-posting-categories .views-field-view-node a:hover{
/* color: black; */
}


/* --- Individual Job Page View--- */

body.node-type-job-posting {
/* background: transparent url(../images/case-studies-black.gif) repeat-x 0 -38px; */
}

body.logged-in.node-type-job-posting{
/* background: transparent url(../images/case-studies-black.gif) repeat-x 0 -8px; */
}

body.node-type-job-posting div.node-inner {
	position: relative;
	top: -17px;
}

body.node-type-job-posting #subnav_block a.jobs-active {
color: black;
}

.node-type-job-posting h2 {
font-size:1.5em;
font-weight:normal;
margin-bottom:0;
}

body.node-type-job-posting h1 {
float:left;
font-size:3.15em;
font-weight:bolder;
margin-left:-80px;
padding-left:80px;
}


#job_field_title_job {

}

#job_field_job_description{
clear: left;
padding-top:20px;
}


#block-block-7 {
  width: 740px;
  float: right;
}