/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.3;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:62.5%; color:#9F9F9F; background:#fff; font-family: helvetica}
h1, h2, h3, h4, h5, h6, h7 {font-weight:normal;color:#fff; font-size:2em; font-weight:700; margin:6px 0 16px 1px;}
h1 {font-size:2em;line-height:1;margin-bottom:0;}
h1 img {margin:0;}
h4.left {float:left}
p {margin:0 0 1.5em 2px; font-size:1.2em}
.news p {margin:0 0 4px 2px; font-size:1.1em}
a:focus, a:hover {color:#EAE7E0;}
a {color:#00ccff;text-decoration:none;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0;}
ul {list-style-type:none;}
.col-rt .module ul.points {margin-top:0}
.col-rt .module ul.points li{background:url(../imgs/icons/points.gif) no-repeat 0 5px; color:#fff; font-size:1.4em; font-weight:900; padding:0 0 0 17px}
ol {list-style-type:decimal;}
dl {width:234px;margin:0 8px 15px 2px;float:left;font-size:1.1em}
dl.last {margin-right:0}
dl.bottom {margin-bottom: 0;}
dt {margin-bottom:4px}
dt.empty {width:49px}
dt strong{color:#fff}
dl.event dt {float:left; margin-right:3px}
dl.event dd {float:left; width:230px}
dl.flickr {float: left; overflow: hidden; width: 234px;}
dl.flickr.two {margin-right:0}
.flickr dt {color:#fff; margin-bottom:10px; font-weight: 700;}
dl.flickr dd {float:left; margin: 0;}
dd.flickr-rotate  {float:left;}
dl.flickr dd img {float:left; margin-right:9px}
dd {margin-bottom:4px}
dl dd img.last {margin-right:0px}
span.tag{color:#00ccff;}
.photo-carousel {
	float:left;
	overflow:hidden;
	visibility:visible;
	position:relative;
	z-index:2;
	left:0px;
	height:75px;
	width:200px;
	margin: 0;
}
span.indent {
  margin-left: 53px;
}

/* grid.css */
body {margin:0; background:#171514;}
.container {width:982px; margin:30px auto 0; position: relative;}

#global-hat {
	background: #fff;
	float: left;
	height: 30px; width: 100%;
        margin-top: -30px;
}
#global-hat .global-hat-content {
	width: 980px;
	margin: 0 auto;
}
#global-hat ul li, #global-hat ul li a {
	float: left;
	font-size: 11px;
	color: #656565;
}
#global-hat .global-hat-nav {
	float: left;
	line-height: 4.4em;
}
#global-hat .global-hat-nav li {
	float: left;
	height: 30px;
	padding: 0 5px 0 0;
}
#global-hat .global-hat-nav li a {
	font-size: 1.2em;
	line-height: 2.3em;
        padding: 0 5px;
}
#global-hat .global-hat-nav li a:hover {
	text-decoration: underline;
}
#global-hat .global-hat-nav li.current a {
	background:#171514;
	color: #fff;
	padding: 0 10px;
}

#global-hat .social-networks {float: right;}
#global-hat .social-networks li {line-height: 2.8em; float: left; margin-right: 18px;}
#global-hat .social-networks li.last {margin-right: 0;}
#global-hat .social-networks li.title {
	color: #b2b2b2;
	font-size: 11px;
	font-weight: 700;
	margin-right: 20px;
}
#global-hat .social-networks li img {float: left; margin: 5px 6px 0 0;}
#global-hat .social-networks li a:hover {text-decoration: underline;}

#header, #header-subpages, #client-banner, #footer {float:left;}
#header {top: 0; left: 0; width:980px; margin-top:5px; overflow: hidden; position: absolute;z-index: 50;}
#header-subpages {width:980px; margin-top:5px; overflow: hidden;}
#header h1, #header-subpages h1 {float:left;}
#header ul, #header-subpages ul {float:right; margin:10px 0 0 0}
#header li, #header-subpages li {background:url(../imgs/arrow.gif) no-repeat right center; padding:0 1em 0 0; font-size:1.3em; font-weight:bold;}
#header-subpages .tag, #header .tag {margin-top: 35px; float: right; font-size: 16px; font-weight: 700; padding-top: 6px; height: 18px; overflow: hidden;}

#content {width:980px; margin: 0 auto; clear: both;}

#hero{	
        background-position: 50% 39px;
	float:left;
	height:505px;
	width:980px;
        overflow: hidden;
}

#hero .hero-content{
	left:1px;
	position:relative;
        top: -160px;
	
}
#hero .hero-content h2, #hero .hero-content h3{font-family:Helvetica;}
#hero .hero-content h2{
	font-size:42px;
	font-weight:900;
	margin:0;
	padding:0
}
#hero .hero-content h3{
	font-size:18px;
	margin:0;
}
#hero .hero-content p{
	color:#fff;
	font-size:13px;
	margin:7px 0 0;
	width:350px;
}
#hero .hero-caption{
	background-color:#272623;
	height:56px;
        top: 449px;
        left: 0;
	width:980px;
	position: absolute;
}
#hero .hero-caption a{ color:#fff;}
#hero .hero-caption a:hover span { color:#0cf;}
#hero .hero-caption img, #hero .hero-caption ul{}
#hero .hero-caption ul{
	color:#fff;
	/*position:relative;
	left:600px; */
        float: right;
	margin: 10px 21px 0px 0px;
	text-align:right;
	font-size:14px;
	font-weight:900;
}
#hero .jcarousel-clip .hero-caption ul{margin: 10px 171px 0px 0px;}

#hero .hero-content.mitchum p{
	color:#fff;
	font-size:13px;
	margin:7px 0 0 17px;
	width:425px;
}
#hero .hero-content.mitchum a { color:#1a740b; margin-left: 17px;}
#hero .hero-content.mitchum a.launch, #hero .hero-content.mitchum a.case_study { background: url(../imgs/arrow_right_green.gif) no-repeat right 4px;}

#hero .hero-caption ul span{font-weight:bold; font-size: 11px; font-family: arial; color: #99968f;}
#hero ul li {position: relative;}
#hero a.launch, #hero a.case_study{
	background: url(../imgs/arrow_right_blue.gif) no-repeat right 4px;
	color: #00ccff;
	font-weight: 900;
	font-size: 14px;
	padding-right: 16px;
	float:left;
	margin-top:20px;
        -webkit-transition: color 0.2s ease-out;
}
#hero a.case_study{margin-left:23px;}
#hero .hero-showcase-logo{float: left; }
#hero a:hover.launch,#hero a:hover.launch, #hero a:hover.case_study,#hero a:hover.case_study {color:#fff}
a.joinSF {margin-top:2px}

.jcarousel-skin-hero-showcase .jcarousel-container-horizontal {width: 980px;margin-top: 0px;}
.jcarousel-skin-hero-showcase .jcarousel-clip-horizontal { overflow:hidden; width:  980px;height: 505px;}
.jcarousel-skin-hero-showcase .jcarousel-item {width: 980px;height: 505px;}
.jcarousel-skin-hero-showcase .jcarousel-item-placeholder {color: #000;}
.jcarousel-skin-hero-showcase .jcarousel-next-horizontal {
    position: absolute;
    border-left: solid 1px #171514;
    background-color: #272623;
    float: right;
    right: 0px;
    top: 449px;
    width: 74px;
    height: 56px;
    cursor: pointer;
    background: url(../imgs/hero_carousel_next.gif) no-repeat 0px 0px;
}
.jcarousel-skin-hero-showcase .jcarousel-next-horizontal:hover { background-position:0px -56px;}
.jcarousel-skin-hero-showcase .jcarousel-next-disabled-horizontal,
.jcarousel-skin-hero-showcase .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-hero-showcase .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0px 0;
}
.jcarousel-skin-hero-showcase .jcarousel-prev-horizontal {
    position: absolute;
    background-position:0px 0px;
    border-left: solid 1px #171514;
    background-color: #272623;
    float: right;
    top: 449px;
    right: 75px;
    width: 74px;
    height: 56px;
    cursor: pointer;
    background-image: url(../imgs/hero_carousel_prev.gif);
    background-repeat:no-repeat;
}
.jcarousel-skin-hero-showcase .jcarousel-prev-horizontal:hover { background-position:0px -56px;}
.jcarousel-skin-hero-showcase .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-hero-showcase .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-hero-showcase .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0px 0px;
}

div#client-banner {width:980px; overflow:hidden; margin: 15px 0 -12px; float: left; clear: both;}
#banners {clear: both; float: left; width:980px;}
#banners .offscreen {position: absolute; left: -9999em; overflow: hidden;}
#banners .project {
	float: left;
	margin: 0 20px 18px 0;
	position: relative;
	height: 206px; width: 230px;
	overflow: hidden;
}
#banners .project img {position: relative; z-index: 1;}
#banners li .hover {
	height: 150px; width: 100%;
	z-index: 3;
	position: absolute;
	top: 0; left: 0;
}
#banners li .hover.offscreen {position: absolute; left: -9999em; overflow: hidden;}
#banners li .hover .hover-bg {
	background: #0aa1c6;
	height: 150px; width: 100%;
	position: absolute; top: 0; left: 0;
}
#banners li .hover.offscreen .hover-bg {
	background: none;
}
#banners li .hover .hover-content {
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
	height: 120px; width: 200px;
	padding: 15px;
}
#banners li .hover a {
	float: left;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.1em;
	cursor: pointer;
}
#banners li .hover a:hover {text-decoration: underline;}
#banners li .hover .hover-content ul {
	position: absolute;
	bottom: 15px; left: 0;
}
#banners li .hover .hover-content ul li {
	float: left; clear: both; 
	width: 80px;
	cursor: pointer;
}
#banners li .hover .hover-content ul li {width: auto;}
#banners li .hover .hover-content ul li a {
	font-size: 14px;
	background: url(../imgs/arrow_right_white.gif) no-repeat center right;
	padding-right: 17px;
	cursor: pointer;
}
#banners li .hover .hover-content ul li a:hover {text-decoration: underline;}
#banners li .hover .hover-content a {text-transform: capitalize;}
#banners li .hover .hover-content a:hover {display: block; text-decoration: underline;}
#banners .project.last {margin-right: 0;}
#banners .project img {
	float: left;
	position: relative;
	z-index: 0;
}
#banners .project span {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	text-align: right;
	line-height: 1em;
	margin: 0;
	float: right;
	cursor: pointer;
}
#banners .project span em {
	font-size: 11px;
	color: #b2b2b2;
	font-weight: 400;
	text-align: right;
	font-style: normal;
}
#banners .project .project-info {clear: both; float: left; background-color: #272623; height: 40px; width: 210px; padding: 16px 10px 0;}
#banners .project .project-info a {float: left; width: 100%; color: #fff;}
#banners .project .project-info img {float: left; top: -5px}
div.module {width:480px; float:left; margin: 16px 20px 0 0; min-height:210px; height:auto!important; height:210px; overflow: hidden;}
div.module .rokkanites{float:left; position:relative; right:-35px;}
div.module.wide {width: 980px; min-height: 1px; margin-top:48px;}
div.last {margin-right:0}
div.module.wide h6 {font-size: 2.4em; margin: 16px 0 0; font-weight:normal}

hr { background:url(../imgs/hr.png) repeat-x; height:6px; clear:both;float:none;width:480px;margin:0 0 1.45em;border:none;}
div.hr-header { background:#44423e; height:4px; clear:both;float:none;width:100%; border:none}
div.hr-header hr {display: none;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* Masthead */
#masthead { display:inline; margin: 0;}
#masthead h1 {
	background: url(../_imgs/logo.gif) top left no-repeat;
	display:inline;
	float:left;
	font-size: 1em;
	line-height: 1em;
	height: 12px;
	margin: 0 0 5px 0;
	padding:0;
	text-indent: -3000px;
	width: 102px;
}

#masthead ul {
	display:inline;
	float:right;
	list-style:none;
	margin-right: 12px;
	width: 45px;
	color: #00ccff;
	font-size:0.9em;
}
#masthead ul li { 
	display:inline;
	float:left;
	font-size:1.1em;
}


.pre-nav {
	border-bottom: 4px solid #44423e;
	clear: both; float: left;
	height: 30px; width: 100%;
	position: relative;
}
.pre-nav a:hover.back-link, .pre-nav a:hover.next-link{color:#00ccff}
.pre-nav a.back-link {
	background: url(../imgs/arrow_left_grey.gif) no-repeat left 4px;
	color: #b5b1a8;
	font-weight: 700;
	font-size: 14px;
	padding-left: 16px;
	position: absolute;
	bottom: 4px; left: 0;
}
.pre-nav a.next-link {
	background: url(../imgs/arrow_right_grey.gif) no-repeat right 4px;
	color: #b5b1a8;
	font-weight: 900;
	font-size: 14px;
	padding-right: 16px;
	position: absolute;
	bottom: 4px; right: 0;
}



a.joinNY,a.joinSF {
	background: url(../imgs/arrow_right_blue.gif) no-repeat right 4px;
	color: #00ccff;
	font-weight: 900;
	font-size: 14px;
	padding-right: 16px;
	bottom: 4px; right: 0;
	float:left;
	margin-top:20px;
}
a:hover.joinNY,a:hover.joinSF {color:#fff}
a.joinSF {margin-top:2px}

.pre-nav a:hover.back-link, .pre-nav a:hover.next-link {text-decoration: underline;}

.col-lft {
	float: left; 
	width: 653px; 
	margin-right: 27px;
}
.col-rt {
	float: left; 
	width: 300px;
}

body#jobs .col-rt {
	position:relative;
	top:65px;
}


.col-lft h2 {
	color: #fff;
	font-size: 40px;
	line-height: 1em;
	margin: 16px 0 26px;
}

.col-rt .module {
	height: auto; min-height: 0px;
	width: 100%;
}

.col-rt .module dl {
	color:#9F9F9F;
	float: left;
	width: 144px;
}
.col-rt .module h3 {
	color:#fff;
	font-size: 15px;
}
.col-rt .module h3.name{color:#9F9F9F; font-weight:normal}
.col-rt .module p {margin-bottom: 27px;}
.col-rt .module ul {
	float: left;
	margin: 6px 0 15px 0;
}
.col-rt .module ul li {
	background: none;
	clear: both; float: left;
	padding: 0;
}
.col-rt .module ul li, .col-rt .module ul li a {
	font-weight: 500;
	font-size: 12px;
}
.col-rt .module ul li{color: #9F9F9F;}
.col-rt .module ul li a:hover {color: #FFFFFF;}

.col-rt .module.client h5 {
	font-size: 10px;
	margin-top: 16px;
}
.col-rt .module.client{margin-top:0}
.col-rt .module.client h5{margin-bottom:0}
.col-rt .module.client .client-logo {
	margin: 0 auto 18px 0;
	text-align: center;
}
.col-rt .module.client img {
	margin: 0 auto;
}

.module ul {float:right; margin:10px 7px 0 0}
.module li {background:url(../imgs/arrow.gif) no-repeat right center; padding:0 1em 0 0; font-size:1.1em; font-weight:bold}
.module h4{font-size:23px; font-weight:900; color:#ffffff; line-height:23px}
.module h3.mexico{float:left; width:247px;}
.module a.mexico{float:right; margin-top:7px; position:relative; left:10px;}
.module.mexico div.pics{float:left;margin:10px 0 0 0}
.module.mexico img{margin:0 11px 13px 0; float:left}
.module.mexico img.last{margin:0 0 0 0}
.module.top{margin-top:20px;}

.gallery-holder {
	background: #403e3a;
	height: auto; width: 653px;
	overflow: hidden;
}
.gallery-holder li {
	float: left;
	height: 476px; width: 653px;
}



.gallery-holder #gallery {
	background: #403E3A;
	height: 466px; width: 653px;
	overflow: hidden;
	position: relative;
}
.gallery-holder #gallery #loading {
	background: url(../imgs/ajax-loader.gif) no-repeat center center;
	position: absolute;
	top: 0; left: 0;
	height: 426px; width: 653px;
}
.gallery-holder #gallery .slideshow-container {
	height: 426px; width: 653px;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.gallery-holder #gallery #slideshow {
	height: 426px; width: 653px;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.gallery-holder #gallery #slideshow a img {position: relative; top: -13px;}
.gallery-holder #thumbs ul.thumbs {position: absolute; left: -9999em; overflow: hidden;}
.gallery-holder #thumbs ul.thumbs.noscript {position: relative; left: 0; overflow: hidden;}
.gallery-holder .controls-holder {
	float: left;
	height: 40px; width: 653px;
	padding: 0;
	position: absolute;
	bottom: 40px; left: 0;
	z-index: 1;
}
.gallery-holder .controls-holder-bg {
	background: #000;
	float: left;
	height: 40px; width: 653px;
	padding: 0;
	position: absolute;
	bottom: 0; left: 0;
	z-index: 0;
}
.gallery-holder #controls {
	float: left;
	height: 30px; width: 300px;
	margin-top: 12px;
	padding-left: 12px;
	position: relative;
	z-index: 2;
}
.gallery-holder #controls a {
	color: #eae7e0;
	font-size: 14px;
	font-weight: 700;
	padding-top: 2px;
	padding-bottom: 2px;
}
.gallery-holder a:focus {outline: none;}
.gallery-holder #controls a.prev {
	border-right: 2px solid #44423e;
	padding-right: 14px;
}
.gallery-holder #controls a.next {
	padding-left: 14px;
}
.gallery-holder #controls a:hover {
	color: #00ccff;
}
.gallery-holder #thumbs {
	margin-top: 12px;
	float: right;
	position: relative;
	z-index: 2;
}
.gallery-holder #thumbs .pagination {padding-right: 10px}
.gallery-holder #thumbs .pagination a, .gallery-holder #thumbs .pagination span {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 2px 6px;
} 
.gallery-holder #thumbs .pagination a:hover, .gallery-holder #thumbs .pagination a:hover.current {color: #00ccff}
.gallery-holder #thumbs .pagination a.current, .gallery-holder #thumbs .pagination span.current {
	background: #44423e;
}
.gallery-holder #thumbs .pagination a.arrow-links {display: none;}
.gallery-holder #gallery #caption {
	background: #403e3a;
	clear: both; float: left;
	height: 40px; width: 653px;
}
.gallery-holder #gallery #caption .image-desc p {
	color: #d1ccc1;
	font-size: 12px;
	line-height: 1.3em;
	padding: 5px 10px;
}



.case-summary {clear: both; float: left; width: 653px;}
.case-summary p {
	color: #9F9F9F;
	clear: both; float: left;
	font-size: 15px;
	line-height: 1.5em;
	margin: 30px 0 0;
	width: 98%;
}
.case-summary p.first {margin-top:15px}

.case-summary p.state{margin-top:5px}

.case-summary p strong {
	color: #fff;
}
.case-summary p span{
	color:#fff;
	font-size:18px;
	font-weight:900;
	text-transform:uppercase;
}
.case-summary p span.no-recruiters{
	color:#bcbcbc;
	font-size:11px;
	text-transform:none;
}



#footer {clear:left; margin:68px 0 0 0; width: 100%; float: left; line-height: 4em;}
#footer img {margin-right: 10px; float: left;}
#footer span {color: #99968f; float: left; font-size: 11px;}
#footer span.footer-privacy-policy{float: right;}
#footer ul {float: right;}
#footer ul li, #footer ul li a {color: #99968f; font-size: 11px;}
#footer ul li a:hover {text-decoration: underline;}