/**** Base styles ****/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body{
margin: 0 auto;
background-color:#ffffff;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
color: #333333; 
font-size: 15pt; 
line-height: 11.5pt; 
}

.header{
margin-top: 0px;
margin-left: 30px;
}

.logo {
position: absolute;
margin-left: 0px;
margin-top: 25px;
width: 70px;
height:70px; 
z-index:25;

}

.topmenu {
position: absolute;
margin-left: 0px;
margin-top: 120px;
text-align: left;
float: left;
height: 20px;
width: 500px;
font-size: 10pt;
letter-spacing:1.5px; 
}

.topmenu a {
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
margin-right: 14px;
}

.topmenu a:hover {
color: #ff0000; 
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.topmenu a:active {
color: #333333;
}

.topmenu_2 {
position: absolute;
margin-left: 850px;
margin-top: -10px;
text-align: left;
height: 20px;
width: 120px;
font-size: 10pt;
letter-spacing:1.5px; 
}

.topmenu_2 a {
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
margin-right: 14px;
}

.topmenu_2 a:hover {
color: #ff0000; 
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.topmenu_2 a:active {
color: #333333;
}

.line{
position:absolute;
background-color:black;
margin-top: 140px;
margin-left:0px;
width: 940px;
height: 1px;
z-index:2;
}

.intro_text{
position:absolute;
margin-top: 160px;
margin-left: 30px;
width: 800px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 55pt; 
color: #333333;
font-weight:normal;
font-style:italic;
line-height: 58pt;
	
}


#slideshow {
position:absolute;
margin-left:0px;
top: 0px;
height:700px;
width: 1000px;
z-index:-20;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow_project {
position:absolute;
margin-left:30px;
margin-top:150px;
height:700px;
width: 940px;
z-index:-20;
}

#slideshow_project IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow_project IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow_project IMG.last-active {
    z-index:9;
}




h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30pt; 
color: #333333;
font-weight:normal;
font-style:italic;
line-height: 32pt;
margin-bottom: 10px;	
}

h2 {
height:14px;
padding: 1px 8px 5px 8px;
color: white;
background-color: black;
text-transform: uppercase;
font-size: 12px;
font-weight: normal;
letter-spacing:1.5px;
margin-bottom: 10px;
}

h3 {
height:15px;
color: black;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
letter-spacing:1.5px;
}


.headerline_above{
background-color:black;
height: 1px;
width: 219px;
background-repeat:repeat-y;
z-index:5;
margin-bottom: 5px;
}

.headerline_below{
background-color:black;
height: 1px;
width: 219px;
background-repeat:repeat-y;
z-index:5;
margin-top: 5px;
}



.intro_copy{
position:absolute;
margin-top: 750px;
margin-left: 30px;
width: 670px;
font-size: 14pt;
font-weight: 300; 
color: #333333;
line-height: 18pt;	
}

.news_head{
position:absolute;
margin-top: 800px;
margin-left: 741px;
width: 229px;
}

.news_copy{
position:absolute;
margin-top: 845px;
margin-left: 741px;
width: 200px;
font-size: 8pt; 
color: #333333;
line-height: 10pt;
}

.news_copy_2{
position:absolute;
margin-top: 1500px;
margin-left: 741px;
width: 200px;
height: 800px;
font-size: 8pt; 
color: #333333;
line-height: 10pt;
}

.news_line{
background-color:black;
height: 1px;
width: 30px;
background-repeat:repeat-y;
z-index:5;
margin-bottom: 5px;
}

.news_linefinal{
background-color:black;
height: 1px;
width: 219px;
background-repeat:repeat-y;
z-index:5;
margin-top: 20px;
}

.strategy_services{
position:absolute;
margin-top: 1050px;
margin-left: 30px;
width: 228px;
font-size: 10pt; 
line-height: 12pt;
color: #333333;
}

.design_services{
position:absolute;
margin-top: 1050px;
margin-left: 267px;
width: 228px;
font-size: 10pt; 
line-height: 16pt;
color: #333333;
}

.experience_services{
position:absolute;
margin-top: 1050px;
margin-left: 504px;
width: 228px;
font-size: 10pt; 
line-height: 16pt;
color: #333333;
}


.challenge{
position:absolute;
margin-top: 1100px;
margin-left: 30px;
width: 300px;
font-size: 10pt; 
line-height: 16pt;
color: #333333;
}

.idea{
position:absolute;
margin-top: 1100px;
margin-left: 350px;
width: 300px;
font-size: 10pt; 
line-height: 16pt;
color: #333333;
}

.solution{
position:absolute;
margin-top: 1100px;
margin-left: 670px;
width: 300px;
font-size: 10pt; 
line-height: 16pt;
color: #333333;
}

.services_head{
position:absolute;
margin-top: 800px;
margin-left: 750px;
width: 219px;
}

.services_copy{
position:absolute;
margin-top: 845px;
margin-left: 750px;
width: 200px;
font-size: 8pt; 
color: #333333;
line-height: 10pt;
}

.services_linefinal{
background-color:black;
height: 1px;
width: 219px;
background-repeat:repeat-y;
z-index:5;
margin-top: 10px;
}

/* Our People Page---------------------------*/
.intro_copy_our_people{
margin-top: 160px;
margin-left: 30px;
height: 150px;
width: 940px;
font-size: 14pt;
font-weight: 300; 
color: #333333;
line-height: 18pt;
margin-bottom: 20px;	
}

.fb_values{
margin-top:0px; 
margin-left:30px; 
width:940px; 
height:60px;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
color: #333333; 
font-size: 10pt;
line-height:14pt;
}

.creative_box{
float:left; 
width: 229px; 
height: 200px;
margin-right: 8px;
}

.fb_value_line{
background-color:black;
top: 0px;
left:0px;
width: 229px;
height: 1px;
z-index:2;
margin-bottom: 15px;
}

.creative_header{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18pt; 
font-weight:normal;
font-style:italic;
margin-bottom: 10px;
}

.leadership_header{
margin-top: 0px;
margin-left: 30px;
height: 50px;
width: 940px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18pt; 
color: #333333;
font-weight:normal;
font-style:italic;
line-height: 32pt;
margin-bottom: 140px;
}

.leadership_headshot_row{
margin-top: 0px;
margin-left: 30px;
width: 940px;
height: 500px;
}



.leadership_headshot_cell{
float: left;
width: 150px;
height: 230px;
margin-right: 8px;
margin-bottom: 10px;	
}

.leadership_headshot_cell:nth-child(6n+6){
float: left;
width: 150px;
height: 230px;
margin-right:0px;
margin-bottom: 10px;	
} 

.leadership_headshot_cell a{
display: block;
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.leadership_headshot_cell a:hover{
display: block;
color: #333333;
opacity: .25;
text-decoration: none;
transition: opacity .15s ease-in-out;
-webkit-transition: opacity .15s ease-in-out; /* Safari */
-moz-transition: opacity .15s ease-in-out;
-ms-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;

}

.leadership_headshot_cell a:active{
display: block;
color: #333333;
}

.headshot_image{
width: 150px; 
height: 150px;
margin-bottom: 5px;	
}

h4 {
font-family: Georgia, "Times New Roman", Times, serif;
color: black;
font-size: 16px;
line-height: 20px;
font-weight:normal;
font-style:italic;
margin-bottom: -3px;
}

p.headshot_descrip{
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
font-size: 8.5pt; 
font-weight:normal;
font-style:none;
line-height: 15pt;			
}


.employee_header{
margin-top: 0px;
margin-left: 30px;
height: 50px;
width: 940px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18pt; 
color: #333333;
font-weight:normal;
font-style:italic;
line-height: 32pt;
}

.employee_headshot_row{
margin-top: 0px;
margin-left: 30px;
width: 940px;
height: 1200px;
}

.employee_headshot_insiderow{
margin-top: 0px;
margin-left:0px;
width: 468px;
height: 300px;
margin-right: 8px;
}


#slideshow_creative {
position:relative;
float: left;
margin-top: 0px;
margin-left: 470px;
height: 466px;
width: 308px;
z-index:-20;
}

#slideshow_creative IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow_creative IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow_creative IMG.last-active {
    z-index:9;
}

.employee_headshot_cell_inside{
position: relative;
padding: 0;
width:100px;
display:block;
float: left;
width: 150px;
height: 150px;
margin-right: 8px;
margin-bottom: 8px;	
}

.employee_headshot_cell_inside:nth-child(3n+3){
float: left;
width: 150px;
height: 150px;
margin-right:0px;
margin-bottom: 8px;	
}

.employee_headshot_cell{
position: relative;
padding: 0;
width:100px;
display:block;
float: left;
width: 150px;
height: 150px;
margin-right: 8px;
margin-bottom: 8px;	
}

.employee_headshot_cell:nth-child(6n+6){
float: left;
width: 150px;
height: 150px;
margin-right:0px;
margin-bottom: 8px;	
}

.employee_headshot_cell a{
text-decoration: none;
}
  
.employee_bg {
position: absolute;
width: 150px;
height: 150px;
top: 0;
z-index: 10;
-webkit-transition: opacity linear .1s;
-khtml-transition: opacity linear .1s;
-moz-transition: opacity linear .1s;
-ms-transition: opacity linear .1s;
-o-transition: opacity linear .1s;
transition: opacity linear .1s;
-webkit-user-select: none;
-webkit-touch-callout: none;
opacity: 0; 
}

.employee_bg:hover {
opacity: 1;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
-webkit-touch-callout: none  
}

.employee_name {
padding-top: 10px;
padding-left: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-style:italic;
line-height: 15pt;
font-size: 16px;
color:#ffffff;
text-align: left;

}

/* project pages---------------------------*/

.main_col{
float: left;
margin-right: 20px;
width:670px;	
}

.info_col{
float: left;
width:210px;
}


.project_title{
font-family: Georgia, "Times New Roman", Times, Serif; 
font-size: 22pt;
line-height: 24pt; 
font-weight:normal;
font-style:italic;
letter-spacing:.5px; 
color: #000000;
margin-bottom: 40px;
margin-top: -5px;
width: 220px;
z-index:5;
}


.project_info{
font-family: "Arial, Helvetica, Lucida Grande", sans-serif;
font-size: 8pt; 
line-height: 10pt;
letter-spacing:.5px;
color: #000000;
width: 220px;
margin-bottom: 40px;
z-index:5;
}

p.info_header{
font-size: 8pt; 
font-weight:bold;
color: #000000;
}

.project_descrip{
font-size: 11pt; 
line-height: 17pt;
color: #000000;
width: 220px;
z-index:5;
}

p.project_header{

}

.project_container{
width:670px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 60px;
}

/*Editorial Page---------------------*/

.editorial_col{
float: left;
width:690px;	
}

.editorial_cell{
float: left;
width: 210px;
height: 285px;
margin-right: 20px;
margin-bottom: 20px;	
}

.editorial_cell a{
display: block;
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.editorial_cell a:hover{
display: block;
color: #333333;
opacity: .25;
text-decoration: none;
transition: opacity .15s ease-in-out;
-webkit-transition: opacity .15s ease-in-out; /* Safari */
-moz-transition: opacity .15s ease-in-out;
-ms-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;

}

.editorial_cell a:active{
display: block;
color: #333333;
}

.editorial_image{
width: 210px; 
height: 130px;
margin-bottom: 20px;	
}

h1.editorial_date{
font-family: "Arial, Helvetica, Lucida Grande", sans-serif;
font-size: 6.5pt; 
line-height: 10pt;
margin-top: 5px;
margin-bottom: 0px;	
}

h2.editorial_title{
font-size: 14pt; 
font-weight:normal;
font-style:italic;
line-height: 16pt;
margin-bottom: 8px;	
}

p.editorial_descrip{
font-size: 10pt; 
font-weight:normal;
font-style:italic;
line-height: 12pt;			
}

.editorial_line{
position:inherit;
margin-top: 0px;
background-color:black;
margin-right: auto;
width: 100%;
height: 1px;
z-index:2;
}

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

.about_info{
margin-top: 25px;
font-size: 20pt; 
color: #333333;
font-weight:normal;
font-style:italic;
line-height: 32pt;
}

.line_shadow{
position: absolute;
margin-top: 50px;
height: 3px;
width: 100%;
background-repeat:repeat-y;
z-index:2;
}

.about_col_1a{
position: absolute;
margin-top: 100px;
margin-left: 0px;
font-size: 9.25pt;
line-height: 13pt; 
color: #333333;
z-index:2;	
}

.about_col_2a{
position: absolute;
margin-top: 100px;
margin-left: 173px;
font-size: 9.25pt;
line-height: 13pt; 
color: #333333;
z-index:2;
}

.about_col_2a a{
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.about_col_3a{
position: absolute;
margin-top: 100px;
margin-left: 403px;
font-size: 9.25pt;
line-height: 13pt; 
color: #333333;
z-index:2;
}

.about_col_3a a{
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.about_col_3a a:hover {
color: #B5B5B5;
}
 

.about_col_4a{
position: absolute;
margin-top: 100px;
margin-left: 631px;
z-index:2;	
}

.about_col_1b{
position: absolute;
margin-top: 200px;
margin-left: 0px;
font-size: 9.25pt;
line-height: 13pt; 
color: #333333;
z-index:2;		
}

.about_col_1b2{
position: absolute;
margin-top: 200px;
margin-left: 79px;
font-size: 9.25pt;
line-height: 13pt; 
color: #333333;
z-index:2;		
}

.about_col_2b{
position: absolute;
margin-top: 200px;
margin-left: 173px;
font-size: 9.25pt;
line-height: 13pt; 
color: #333333;
z-index:2;	
}

.about_col_2b a{
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.about_col_2b a:hover {
color: #B5B5B5;
}

.about_col_3b{
position: absolute;
margin-top: 200px;
margin-left: 403px;
font-size: 9.25pt;
line-height: 13pt; 
color: #333333;
z-index:2;	
}


.about_col_3b a{
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.about_col_3b a:hover {
color: #B5B5B5;
}

.about_col_4b{
position: absolute;
margin-top: 200px;
margin-left: 631px;
font-size: 9.25pt;
line-height: 13pt; 
color: #333333;
z-index:2;
	
}


/*----------------------------------*/

/*Contact Page---------------------*/
.contact_info_1{
margin-top: 25px;
width: 350px;
font-size: 20pt; 
color: #333333;
font-weight:normal;
font-style:italic;
line-height: 32pt;
}

.contact_info_1 a{
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.contact_info_1 a:hover {
color: #B5B5B5;
}

.contact_info_2{
position: absolute;
margin-top: -125px;
margin-left: 403px;
font-size: 20pt; 
color: #333333;
font-weight:normal;
font-style:italic;
line-height: 32pt;
}

.contact_info_2 a{
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.contact_info_2 a:hover {
color: #B5B5B5;
}

.contact_info_3{
position: absolute;
margin-top: -120px;
margin-left: 865px;
font-size: 20pt; 
color: #333333;
font-weight:normal;
font-style:italic;
line-height: 32pt;
}



/*----------------------------------*/



#options {
	margin: 0 auto;
	margin-top: 10px;
	margin-left:0px;
	padding-left:0px;
	padding-right:50px;
	padding-bottom: 0px;
	font-size: 12pt;
	line-height: 18pt;  
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select:none;
	-o-user-select: none;
	user-select: none;
}

#options ul {
margin: 0;
list-style: none;
text-align: left;
}

#options li {
  float: left;
  margin-left:0px;
  text-align: left;
  color: #000000;
}

#options li a {
display: block;
margin-left:0px;
margin-right:15px;
color: #B5B5B5;
text-align: left;
transition: none;
-webkit-transition: none; /* Safari */
text-decoration: none;
}

#options li a:hover {
  color: #ec008c;
  transition: none;
  -webkit-transition: none; /* Safari */  
  text-decoration: none;
}

#options li a:active {
  color: #ec008c;
  text-decoration: none;
}

#options li:last-child a {
  margin-right:40px;
}

#options li a.selected {
  text-shadow: none;
  color: #ec008c;
  cursor:default;
}

.breakhack {
  display: none;
}
/*--------------------------------------*/
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/**** Isotope styles ****/

/* required for containers to inherit vertical size from window */
html,
body {
  height: 100%;
  width: 100%;
}

#content {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
}

#container {
	position: absolute;
	margin-top: 75px;
	margin-left: 0px;
	padding-left:0px;
	padding-right:0px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select:none;
	-o-user-select: none;
	user-select: none;
}



/*--------------------------------------*/

/* sticky.css---------------------------*/
* {margin: 0;}

html, body {
	height: 100%;}

#wrap {

	min-height: 100%;
	width:100%;
	max-width: 1000px;
	margin: 0 auto;
}

#main {
	overflow-y:auto;
	overflow-x:hidden;
	padding-bottom: 100px; /* must be same height as the footer */
	visibility: hidden;
	}  

.footer {
position: relative;
font-size: 9.25px;
margin-top: 1900px; /* negative value of footer height */
min-width: 300px;
height: 50px; /* total 100px with the top padding*/
padding-top: 0px;
text-align: left;
margin-left: 30px;
clear:both;
z-index: 2;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select:none;
-o-user-select: none;
user-select: none;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}



/* Isotope, etc. -------------------------------------------------------------*/
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

.isotope .isotope-item:nth-child(4n+4) {
	
	
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */