@font-face {
    font-family: 'texgyreadventorregular';
    src: url('texgyreadventor-regular-webfont.eot');
    src: url('texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('texgyreadventor-regular-webfont.woff') format('woff'),
         url('texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* global rules
--------------------------------------------- */


strong {
  font-weight:700;
  color:#333;
}

a {
  text-decoration:none;
  color:#FFFFFF;

}

p {
  margin-bottom:1em;
}

h1 {
	font-size:18px;
	font-family: 'texgyreadventorregular', sans-serif;
}

h2 {
  font-size:3.16666667em;
  font-weight:800;
  text-transform:uppercase;
  line-height:.8em;
}

h3 {
  font-size: 2.333333333em;
  font-weight:800;
  text-transform:uppercase;
  line-height:.8em;
  margin-bottom:.5em;
}

h4 {
  font-size:2em;
  font-weight:800;
  text-transform:uppercase;
  line-height:.8em;
}

h5 {
  font-size:1.666666667em;
  font-weight:800;
  text-transform:uppercase;
  line-height:.8em;
}

h6 {
  font-size:1.333333333em;
  font-weight:800;
  text-transform:uppercase;
  line-height:.8em;
}



/* sidebar navigation
--------------------------------------------- */

#sidebar {
	width:960px;
	margin:0 auto;
}

#sidebar header {
	width: 205px;
	position: fixed; /*--Fix the sidenav to stay in one spot--*/
	float: left;
	height:100%;
	z-index:888;
	min-height:700px;
	background-repeat: repeat;
	background-position: left top;
	margin-left: 20px;
	
}

#sidebar header aside {
	position:fixed;
	bottom:0;
	text-transform:uppercase;
	
}

#sidebar div.live-feed {
  width:188px;
  margin-left:18px;
}

#sidebar p.header {
  font-weight:800;
  color:#fff;
  background:url(images/sidebar-divider.png) no-repeat left bottom;
  padding:8px 10px;
  margin-bottom:0;
  letter-spacing:.1em;
}

#sidebar .live-feed ul {
  margin-bottom:1em;
}

#sidebar .live-feed a {
  color:#777;
  display:block;
  text-decoration:none;
  border-bottom:1px solid #666;
  padding:.5em 0;
  letter-spacing:.1em;
}

#sidebar .live-feed a:hover {
  color:#fff;
}

#sidebar .live-feed li:last-child a {
  border-bottom:0;
}

#sidebar p.copyright {
  font-size:.6666666667em;
}

#sidebar h1 {
  margin-bottom:15px;
}

#sidebar h1 a {
  display:block;
}

#sidebar h1 img {
  display:block;
  margin:0 auto;
}

#sidebar nav {
	width:175px;
	font-family: 'texgyreadventorregular', sans-serif;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	font-weight: 100;
	border-top-width: 0px;
	border-right-width: 0;
	border-bottom-width: 3px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #006857;
	border-right-color: #006857;
	border-bottom-color: #006857;
	border-left-color: #006857;
	z-index: 888;
	display: block;
	position: relative;
}

#sidebar nav ul {
	font-size:14px;
	list-style-type: none;
	font-weight: 100;
	
}

#sidebar nav li {
	text-align:right;
	font-weight: 100;
	padding-top: 1.1em;
	padding-right: 0;
	padding-left: 0;
}

#sidebar nav li.selected {
	border-top:0px solid #444;
	border-bottom:0px solid #444;
	padding-right: 0;
	padding-left: 0;
	margin: 0px;
}

#sidebar nav span.subtitle {
  font-size:10px;
  padding: 0;
}

#sidebar nav span.title {
	display:block;
	font-weight: 100;
	display: block;
	z-index: 2000;
}


#sidebar nav span.number, 
#sidebar nav span.subtitle {
  display:none;
}

#sidebar nav li.selected span.number { 
  color:#BBB; 
  font-weight:normal;
}

#sidebar nav li.selected span.title {
	color:#8DC642;
	font-weight:100; 
}

#sidebar nav li.selected span.subtitle { 
  color:#ff5900; 
}

#sidebar nav li a {
	color: #006857;
	text-decoration:none;
	display:block;
	letter-spacing:.1em; 
}

#sidebar nav li a:hover {
	color: #89c439;	
}

#sidebar nav li.selected span.number {
  display:inline; 
}
#sidebar nav li.selected span.subtitle {
  display:block;

}


/* content framework
--------------------------------------------- */

section.outer {
	position:relative;
	overflow:hidden;
	padding-bottom:150px;
	min-width: 1050px;

}

.container {
  width:1050px;
  margin:0 auto;		
  
/*  background:url(../images/bg.png) repeat-y left top;
  height:100%;
*/}

.inner {
	width:720px;
	margin-left:240px;
	padding-bottom:40px;
	padding-top:10px;
	position:relative;
	
}

.inner img {
  position:relative;
  z-index:0;
}

.inner header.main {
	padding-bottom:22px;
	margin-bottom:20px;
	
}

.inner header.main h1 {
  font-size:1em;
  font-style:italic;
  text-transform:uppercase;
  color:rgb(191,190,190);
  font-weight:100;
  padding:6px 20px;
  text-align:right;
}

.inner header.main h1 span.number {
  display:block;
  float:left;
}

.inner header.main.dark {
  background:url(../../images/header-arrow-black.png) no-repeat 10px bottom;
}

.inner header.main.dark h1 {
  background:#363636;
}

.inner header.main.light {
  background:url(../../images/header-arrow-white.png) no-repeat 10px bottom;
}

.inner header.main.light h1 {
  background:#fff;  
}


.inner header.sub {
  border:2px solid #333;
  border-width:2px 0;
  margin-bottom:1em;
}
.inner header.sub h1 {
  text-transform:uppercase;
  font-weight:normal;
  letter-spacing:.1em;
  line-height:2em;
  color:#484848;
  font-size:1.3333333em;
}

.inner header.sub h1 span.number {
  display:block;
  float:right;
  width:130px;
  text-align:right;
  font-style:italic;
  color:rgb(191,190,190);
  background:#333;
  font-weight:400;
  letter-spacing:.4em;
  padding-right:10px;
  font-size:.75em;
  line-height:2.66666666em;
}


/* 01 - INTRO / PEEL THE ORANGE
--------------------------------------------- */

section#intro {
  height:1483px;
  /* background:url(../images/01-intro/clouds-mountains.jpg) 50% -350px no-repeat; */  
/*  background:url(../images/01-intro/clouds-mountains.jpg) 50% -450px no-repeat;*/
  background:url(../../images/01-intro/clouds-mountains-scale.jpg) 50% 0 no-repeat;
  /*background:#4d4d4f;*/
  padding-bottom:0;
  overflow:hidden;
}

section#intro div.scale {
/*  background:url(../images/01-intro/scale.png) 0 80px no-repeat;*/
background:url(../../images/01-intro/intro-text.png) 85px 80px no-repeat;
	height: 1170px;
	position: absolute;
/*  width: 50px;*/
width:100%;
	z-index: 100;  
}

section#intro div.mountains {
  background:url(../../images/01-intro/mountain2.png) 50% 670px no-repeat;
	height: 1170px;
	width:100%;
	position: absolute;
	z-index: 90;  
}


/*#intro img.scale {
  float:left;
  margin-right:30px;
}
*/
#intro h1.intro {
  color:rgb(255,255,255);
  margin-bottom:1.5em;
  margin-left:60px;
}

#intro h1.intro span {
  color:rgb(248,127,45);
  display:block;
  
}


/* 02 - RE-THINK PR
--------------------------------------------- */

section#re-think-pr {
  /*min-height:700px;*/
}

div.lightbulb {
  position:absolute;
  width:100%;
  height:700px;
  background:url(../../images/02-rethink-pr/parallax/layer1b.png) no-repeat 0 0;
  
}

section.section20 {
  height:700px;
  background:url(../../images/02-rethink-pr/parallax/background.png) no-repeat -40px -120px;
}


h1.rethink-text {
  position:absolute;
  left:300px;
  top:110px;
  color:rgba(255,114,0,.8);
  margin-bottom:1.5em;
  z-index:10;
}

div.ignite {
  margin-top:2.5em;
  padding-right:350px;
  background:url(../../images/02-rethink-pr/matchbox.jpg) no-repeat 400px 30px;
}

div.ignite h2 {
  color:#fa6c0b;
  background:url(../../images/02-rethink-pr/match.png) no-repeat left top;
  padding-left:35px;
  min-height:142px;
  letter-spacing:.1em;
  line-height:.95em;
  margin-bottom:1em;
}

div.ignite p {
  font-size:1.1666666667em;
}

div.ignite ul {
  color:#fa6c0b;
  margin-bottom:1em;
}

div.ignite li {
  font-size:1.33333333em;
  font-weight:100;
}

div.services p.header {
  text-transform:uppercase;
  font-weight:100;
  color:#FB6D0C;
  margin-bottom:.5em;
}

div.services ul.tabs {
  margin-bottom:2em;
}

div.services ul.tabs li {
  width:177px;
  height:82px;
  display:block;
  float:left;
  margin-right:2px;
  text-align:center;
  /*line-height:67px;*/
}

div.services ul.tabs div.icon {
  height:60px;
  line-height:60px;
}

div.services ul.tabs a {
  width:177px;
  height:82px;
  display:block;
  background:url(../../images/02-rethink-pr/services-tab-black.png) repeat-y left top;
  /*line-height:67px;*/
}

div.services ul.tabs div.label {
  color:#fff;
  font-weight:100;
  font-size:.9166666667em;
}

div.services ul.tabs a.current {
  background:url(../../images/02-rethink-pr/services-tab-orange.png) repeat-y left top;  
}

div.services ul.tabs img {
  vertical-align:middle;
}

div.services h3 {
  color:#FB6D0C;
}

div.services h3 span {
  font-weight:100;
  margin-left:.5em;
}

div.card {
  padding-bottom:1.5em;
}

div.card img {
  float:left;
}

div.card .details {
  padding-top:1.5em;
  margin-left:410px;
}

h5.tabs-location {
  font-weight:100;
  margin-bottom:.5em;
  padding-bottom:.5em;
  border-bottom:3px solid #333;
}

h5.tabs-location strong {
  font-weight:100;
}

h5.tabs-location span {
  display:block;
  float:right;
  font-size:.6em;
  padding-top:.6em;
  letter-spacing:.2em;
}

p.clients {
  border-bottom:2px solid #d3d3d3;
  padding-bottom:1em;
}

p.clients span {
  color:#333;
}

/* 03 - OUR PROCESS
--------------------------------------------- */

section#our-process {
  background:rgb(33,195,232);
  padding-bottom:0;
}

section#our-process .header-text {
  width:320px;
}

section#our-process .header-text h1 {
  color:#fff;
  line-height:.9em;
  margin-bottom:.25em;
}

section#our-process .header-text h5 {
  color:#333;
  line-height:1.2em;
}
  

section#our-process img.agency-influences {
  position:relative;
  left:-90px;
  top:-30px;
  z-index:50;
}

section#our-process div.large-agency-experience {
  width:720px;
  height:600px;
  background:url(../../images/03-our-process/large-agency-experience.png) no-repeat 590px 58px;
  position:absolute;
  right:0;
  top:200px;
  z-index:100;
}

section#our-process div.in-house-marketing {
  width:720px;
  height:600px;
  background:url(../../images/03-our-process/in-house-marketing.png) no-repeat 300px 216px;
  position:absolute;
  right:0;
  top:200px;
  z-index:100;
}

section#our-process div.publishing {
  width:720px;
  height:600px;
  background:url(../../images/03-our-process/publishing.png) no-repeat 0 0;
  position:absolute;
  right:0;
  top:390px;
  z-index:100;
}


/* 04 - OUR WORK
--------------------------------------------- */
div.our-work-header {
  background:rgb(221,221,31);
}

div.our-work-header section.inner {
  background:url(../../images/04-our-work/our-work.png) no-repeat 5px 0;
  height:690px;
}

div.case-studies ul.list {
  border-bottom:2px solid #333;
}

div.case-studies ul.list li {
  font-size:1.33333333em;
}

div.case-studies ul.tabs a {
  display:block;
  padding:.25em .5em;
  font-weight:700;
  color:#A7A7A7;
}

div.case-studies ul.list li:nth-child(odd) {
  background-color:#ebedeb;
}

div.case-studies ul.tabs a.current {
  color:#fff;
  background-color:#fb6d0c;
}

div.case-study {
  background:url(../../images/divider.png) repeat-x left top;
  padding-top:40px;
  margin-bottom:2em;
}

div.case-study img {
/*  float:left;
*/}

div.case-study .info {
  margin-left:490px;
}

div.case-study .info img.logo {
  display:block;
  margin-bottom:1em;
  float:none;
}

div.case-study h5.tabs-location {
  border:none;
  padding-bottom:0;
}

div.case-study p.header {
  margin-top:1em;
  border-top:2px solid #333;
  border-bottom:1px solid #d3d3d3;
  text-transform:uppercase;
  padding:.5em 0;
}

div.case-study h4 {
  color:#f87f2d;
}

div.case-study a.pdf-link {
  font-weight:800;
  color:#f87f2d;
  border:1px solid #f87f2d;
  display:inline-block;
  padding:.5em 1em;
  text-transform:uppercase;
  text-decoration:none;
}

div.case-study a.pdf-link:hover {
  background:#f87f2d;
  color:#fff;
}

div.case-studies p.testimonial {
  border:1px solid #d3d3d3;
  border-width:1px 0;
  padding:1em 0;
}

div.case-studies p.testimonial span {
  color:#f87f2d;
}

div.case-studies p.situation-analysis strong {
  text-transform:uppercase;
  font-size:1.166666667em;
  font-weight:800;
}



/* 05 - OUR PEOPLE
--------------------------------------------- */

section#our-people .intro {
  margin-bottom:2em;
  padding-bottom:60px;
  background:url(../../images/divider2.png) repeat-x left bottom;
}

section#our-people .intro h1 {
  color:#fc2b2b;
  margin-bottom:.25em;
  letter-spacing:.1em;
  line-height:.9em;
}

section#our-people .intro img {
  float:left;
}

section#our-people .intro .description {
  margin-left:490px;
}

section#our-people .intro .description h4 {
  padding-top:.5em;
  letter-spacing:.1em;
  line-height:1em;
  margin-bottom:.5em;
}

section#our-people .bios h3 {
  letter-spacing:.1em;
  color:#fc2b2b;
  border-bottom:3px solid #333;
  padding-bottom:.5em;
}

section#our-people .bios img {
  float:left;
}

section#our-people .bios .info {
  margin-left:410px;
}


/* 06 - TALK TO US
--------------------------------------------- */

section#talk-to-us div.contact img {
  float:left;
  margin-left:35px;
}

section#talk-to-us div.contact div.info {
  margin-left:410px;
}

section#talk-to-us div.contact div.info div.short {
  width:210px;
  padding-right:20px;
}

section#talk-to-us div.contact div.info h5 {
  border-top:7px solid #333;
  padding-top:.75em;
  letter-spacing:.05em;
  line-height:1em;
  margin-bottom:1em;
}

section#talk-to-us .details {
  border:solid #333;
  border-width:2px 0;
}

section#talk-to-us .details h6 {
  text-transform:none;
  color:#F87F2D;
  padding:1em 0;
  line-height:1.5em;
  border-bottom:1px solid #a7a7a7;
}

section#talk-to-us .details span {
  display:block;
  font-weight:400;
  color:#222;
  
}

section#talk-to-us .details span:after {
  content: " /";
}




/* content classes
--------------------------------------------- */

ul.circles span {
  display:block;
  float:left;
  width:19px;
  height:19px;
  text-align:center;
  line-height:19px;
  background:url(../../images/disc.png) no-repeat left top;
  color:#BFBEBE;
  font-weight:700;
  font-style:italic;
}

ul.circles p {
  margin-left:25px;
}

div.three-column {
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  column-count: 3;
  column-gap: 20px;
}

div.divider {
  background:url(../../images/divider.png) no-repeat center bottom;
  padding-bottom:40px;
  margin-bottom:2em;
}

div.slidewrap {
  position:relative;
  border-bottom:3px solid #333;  
}

ul.slidecontrols {
  position:absolute;
  top:140px;
  width:389px;
  height:53px;
  z-index:100;
}

.case-study ul.slidecontrols {
  position:absolute;
  top:140px;
  width:471px;
  height:53px;
  z-index:100;  
}

div.case-study div.images {
  width:471px;
  float:left;
}

div.case-study div.slidewrap {
  border-bottom:none;
}

div.case-study div.images ul.slider {
  margin-bottom:1em;
}

ul.slidecontrols .next,
ul.slidecontrols .prev {
  width:41px;
  height:53px;
  position:absolute;
  text-indent:-5000px;
}

ul.slidecontrols .next {
  right:0;
  background:url(../../images/slider-next.png) no-repeat;
}

ul.slidecontrols .prev {
  left:0;
  background:url(../../images/slider-prev.png) no-repeat;
}

ol.carousel-tabs {
  position:absolute;
  right:0;
  top:0;
  margin-bottom:1em;
}

div.case-study ol.carousel-tabs {
  position:relative;
  margin-bottom:0;
}

ol.carousel-tabs li {
  display:inline;
  letter-spacing:.2em;
}

ol.carousel-tabs a {
  color:#333;
  font-weight:400;
}

ol.carousel-tabs li.carousel-active-tab a {
  font-weight:800;
}

ol.carousel-tabs li:after {
  content:" / ";
}

ol.carousel-tabs li:last-child:after {
  content:"";
}

.parallax-viewport {
    position: relative;     /* relative, absolute, fixed */
    overflow: hidden;
}
.parallax-layer {
    position: absolute;
}  

#parallax { position:relative; width:720px; height:700px; }

#twitter {
  width:27px;
  height:27px;
  position:absolute;
  right:-57px;
  top:10px;
  z-index:1000;
}

#twitter a {
  display:block;
  height:27px;
  width:27px;
}