/*^^--**--------------------------^^--**

CSS RESET

^^--**----------------------------^^--**/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,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;	outline: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}

body {	line-height: 1;}

ol, ul {	list-style: none;}

blockquote, q {	quotes: none;}

blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}

:focus {	outline: none;} 

ins {text-decoration: none;}

del {text-decoration: line-through;}

table {	border-collapse: collapse;	border-spacing: 0;}

.ie7 img {-ms-interpolation-mode: bicubic;}

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  

.clearfix:after { clear: both; }  

.clearfix { zoom: 1; }  

/*^^--**--------------------------^^--**

TYPOGRAPHY

^^--**----------------------------^^--**/

@font-face {

    font-family: 'futura_ltcondensedbold';

    src: url('../fonts/futuralt-condensedbold-webfont.eot');

    src: url('../fonts/futuralt-condensedbold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/futuralt-condensedbold-webfont.woff') format('woff'),

         url('../fonts/futuralt-condensedbold-webfont.ttf') format('truetype'),

         url('../fonts/futuralt-condensedbold-webfont.svg#futura_ltcondensedbold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'futura_ltcondensedlight';

    src: url('../fonts/futuralt-condensedlight-webfont.eot');

    src: url('../fonts/futuralt-condensedlight-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/futuralt-condensedlight-webfont.woff') format('woff'),

         url('../fonts/futuralt-condensedlight-webfont.ttf') format('truetype'),

         url('../fonts/futuralt-condensedlight-webfont.svg#futura_ltcondensedlight') format('svg');

    font-weight: normal;

    font-style: normal;

}

/*^^--**--------------------------^^--**

ESSENTIALS

^^--**----------------------------^^--**/

html, body {height: 100%;}

body {

	width: 100%;

	font-size: 16px;

	font-family: calibri, arial, sans-serif;

	background: #fff;

	color: #282560;

}

.container {

	max-width: 855px;

	margin: 0 auto;

}

p {

	font-size: .9375em;

	line-height: 1.2666;

	padding-bottom: 20px;

}

hr { border: 1px solid #282560; clear: both; }



/*^^--**--------------------------^^--**

HEADER & NAVIGATION

^^--**----------------------------^^--**/

#header {

	padding-top: 16px;

	width: 100%;

	height: 85px;

	padding-bottom: 18px;

	border-bottom: 10px solid #282560;

}

#logo {

	display: block;

	width: 170px;

	height: 83px;

	float: left;

}

#logo img { 

	max-width: 100%;

	width: 170px;

	height: 83px;

}

#logo-mobile {display: none;}

#main-nav {

	padding-top: 9px;

	float: right;

}

#header ul li {

	display: inline;

	padding: 0 16px;

	font: 1.05875em 'futura_ltcondensedlight', calibri, arial, sans-serif;

	text-transform: uppercase;

	border-right: 1px solid #282560;

	letter-spacing: 2px;

}

#header ul li:last-child, .last { border-right: 0; padding-right: 0;}

#header ul li:first-child, .first { padding-left: 0;}

#header ul li a {

	text-decoration: none;

	color: #282560;

	padding-bottom: 9px;

}

#header ul li a:hover,

.current-menu-item a{

	border-bottom: 9px solid #f57d20;

}

#sidebar-nav .current-menu-item a { border-bottom: 0!important; color: #f57d20!important; }

/*^^--**--------------------------^^--**

MAIN CONTENT

^^--**----------------------------^^--**/

#main-content {

	width: 100%;

	padding-bottom: 50px;

}

.wide-column {

	width: 70.8%;

	float: right;

}

.left-column {

	float: left;

	width: 19.85%;

}

/*^^--**--------------------------^^--**

HOME

^^--**----------------------------^^--**/

#home {

	width: 100%;

}

#home header {

	font-size: .1em;

	width: 70.8%;

	float: right;

	padding: 65.5px 0 35.5px;

	display: block;

	text-indent: -9999px;

	background: url(../images/large_text.jpg) no-repeat 0 15px;

}

.mobile-only { display: none; }

#home h3 {

	font-weight: bold;

	font-size: 1.25em;

	line-height: 1.1;

	padding: 20px 0;

}

#home article ul {	padding: 0 0 20px 0}

#home article span { line-height: 1.5;}

#home article ul li {	

	background:url(../images/bullet.png) no-repeat 0 50%;

	padding-left: 10px;

}



/* TESTIMONIALS */

#testimonials {

	width: 100%;

	height: 290px;

	position: relative;

}

.single-testimonial {

	top: 0;

	left: 0;

	position: absolute;

	background: #fff;

}

#testimonials article {

	background: url(../images/testimonial-border.jpg) no-repeat 0 100%;

	font-style: italic;

	color: #f57d20;

	padding-top: 20px;

}

#testimonials footer p {

	text-transform: uppercase;

	font-weight: bold;

	font-style: italic;

	color: #f57d20;

	padding-bottom: 20px;

}

#next-item {

	background: url(../images/next-moni.png) no-repeat -1px -1px;

	display: block;

	width: 21px;

	height: 22px;

	position: absolute;

	z-index: 30;

}

#prev-item { display: none; }

#next-item:hover { background-position: -1px -27px;}



/*^^--**--------------------------^^--**

SIDEBAR NAV

^^--**----------------------------^^--**/	

#sidebar-nav {

	width: 100%;

	padding-top: 16px;

}

#sidebar-nav ul li {

	font-weight: bold;

	font-size: .9375em;

	text-transform: uppercase;

	border-bottom: 1px solid #282560;

	padding: 5px 0;

}

#sidebar-nav ul li:last-child, .last { border-bottom: none; }

#sidebar-nav ul li a {

	color: #282560;

	text-decoration: none;

		-webkit-transition:all 300ms ease 0s;

		-moz-transition: all 300ms ease 0s; 

	transition: all 300ms ease 0s; 

}

#sidebar-nav ul li a:hover {

	color: #f57d20;

}

/*^^--**--------------------------^^--**

INDUSTRY PAGES

^^--**----------------------------^^--**/

#services{	

	padding-top: 20px;

	position: relative;

}

#services article { border-bottom: 1px solid #282560; }

#services article span {font-weight: bold;}



#industry-slider { 

	margin-top: 10px; 

	background: url(../images/line.png) repeat-x 0 58%;

	display: block;

	height: 280px;

}





#slider-code { padding-top: 20px; height: 400px; position: relative; }

#slider-code .viewport { 

	float: left; 

	height: 400px; 

	width: 605px; 

	overflow: hidden; 

	position: relative; 

}	

#slider-code .buttons { 

	position: absolute;	

	top: 32%;	

	display: block;

	width: 26px;	

	height: 25px; 

	text-indent: -9999px;

	z-index: 9999;

}

#slider-code .next { right: -26px; background: url(../images/big-next.png) no-repeat 0 0;}

#slider-code .next:hover, #slider-code .prev:hover  { background-position: 0 -26px}

#slider-code .prev { left: -26px;  background: url(../images/big-prev.png) no-repeat 0 0;}

#slider-code .disable { visibility: hidden; }

#slider-code .overview { list-style: none; position: absolute; width: 204px; padding: 0; margin: 0; left: 0; top: 0; }



#industry-slider .main-service {

	float: left;

	display: block;

	width: 204px;

	font-weight: bold;

	line-height: 1.3;

	text-transform: uppercase;

	padding-top: 170px;

}

.last { padding-right: 0!important; border-right: 0!important; }

#industry-slider  a {

	color: #f57d20;

	width: 100%;

	color: #282560;

	text-decoration: none;

}

.industry-item li {

	text-transform: none!important;

	color: #282560!important;

	font-weight: normal!important;

}

#industry-61, #clientCat-142 { background: url(../images/television-logo.jpg) no-repeat 0 0; }

#industry-64, #clientCat-143{ background: url(../images/icon_publishing.jpg) no-repeat 0 0; }

#industry-65 , #clientCat-144{ background: url(../images/icon_digital.jpg) no-repeat 0 0; }

#industry-66{ background: url(../images/icon_music.jpg) no-repeat 0 0; }

#industry-67{ background: url(../images/icon_theater.jpg) no-repeat 0 0; }

#industry-68 { background: url(../images/icon_electronics.jpg) no-repeat 0 0; }

#industry-69 { background: url(../images/icon_travel.jpg) no-repeat 0 0; }



#spinner {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 30px;

	height: 30px;

	display: block;

	background: url(../images/spinner.gif) no-repeat 0 0;

}



/* INDIVIDUAL PAGES */

#content-block {

	padding-top: 20px;

	width: 73.5%;

	float: left;

}

#content-block h3 {

	font-size: .9375em;

	line-height: 1.2666;

	text-transform: uppercase;

	font-weight: bold;

	padding-bottom: 3px;

}

#indi-service-img {

	width: 26.5%;

	float: right;

	padding-top: 40px;

}

#indi-service-img img {

	max-width: 100%;

	float: right;

}



/*^^--**--------------------------^^--**

EXPERTISE

^^--**----------------------------^^--**/	

#expertise {

	padding-top: 20px;

}

#left-col-wrap {

	width: 50%;

	float: left;

}

#right-col-wrap {

	width: 48%;

	float: right;

}

.expertise-field { padding-bottom: 20px;}

.expertise-field h3 {

	font-weight: bold;

	line-height: 1.46

}

.expertise-field ul li {

	line-height: 1.26

}



/*^^--**--------------------------^^--**

CLIENTS

^^--**----------------------------^^--**/	

#clients { padding-top: 20px; }

.clients-across .main-service {

	float: left;

	display: block;

	width: 30%!important;

	font-weight: bold;

	line-height: 1.3;

	padding-right: 3%!important;

	text-transform: uppercase;

	padding-top: 170px;

}



/*^^--**--------------------------^^--**

PROJECTS

^^--**----------------------------^^--**/

#indi-project {

	padding-top: 20px;

}

#indi-project h2 {

	color: #f57d20;

	font-size: 1.2em;

	padding-bottom: 20px;

}

#indi-project h2 span { font-weight: bold; }

#indi-project article { padding-bottom: 20px; }

#indi-project article h3 {

	text-transform: uppercase;

	font-weight: bold;

	padding-bottom: 5px;

}

#indi-project article ul li {

	background: url(../images/bullet.png) no-repeat 0 7px;

	padding-left: 2%;

	line-height: 1.2;

}

/*^^--**--------------------------^^--**

METHODS

^^--**----------------------------^^--**/

#methods-content { padding-top: 20px; }

#methods-content h3 {

	font-size: .9375em;

	line-height: 1.2666;

	text-transform: uppercase;

	font-weight: bold;

	padding-bottom: 3px;

}

#methods-content figure {

	width: 100%;

}

#methods-content figure img {

	max-width: 100%;

	border-bottom: 10px solid #282560;

}



/*^^--**--------------------------^^--**

FOOTER

^^--**----------------------------^^--**/

#footer-mobile {display: none; }

#footer{

	height: 168px;

	clear: both;

	position: fixed;

	bottom: 0;

	width: 100%;

	max-width: 855px;

	z-index: 20;

}

#footer-bar {

	height: 25px;

	width: 100%;

	background: #f57d20;

	position: relative;

	margin-top: 143px;

	cursor: pointer;

}

#footer-bar hgroup h5 {

	color: #fff;

	font: .90em 'futura_ltcondensedlight', calibri, arial, sans-serif;

	float: left;

	text-transform: uppercase;

	padding: 0 17px;

	width: 127px;

	border-right: 1px solid #fff;

	margin-top: 5px;

	letter-spacing: .15em;

}

#up-arrow {

	background: url(../images/up-down-arrow.png) no-repeat 0 0;

	position: absolute;

	display: block;

	width: 24px;

	height: 20px;

	right: 3%;

	top: 10%;

}

#footer-content-wrap {

	background: #D1D2D4;

	height: 143px;

	width: 100%;

	display: none;

	font: 1em 'futura_ltcondensedbold', calibri, arial, sans-serif;

	text-transform: uppercase;

}

.light{ font-family: 'futura_ltcondensedlight', calibri, arial, sans-serif; }



#option-buttons {

	width: 130px;

	height: 100%;

	border-right: 2px solid #fff;	

	padding: 25px 0 0 30px;

	float: left;

	display: block;

	margin-right: 20px;

	font-family: 'futura_ltcondensedlight', calibri, arial, sans-serif;

	color: #282560;

	

}

#option-buttons p {

	padding-bottom: 5px!important;

}

#option-buttons a{

	color: #282560;

	

}

#option-buttons span {

	font-family: 'futura_ltcondensedbold', calibri, arial, sans-serif!important;

}

#view { background: url(../images/view.png) no-repeat 0 0; }

#view:hover{ background-position: 0 -52px; }

#print { background: url(../images/print.png) no-repeat 0 0; }

#print:hover  { background-position: 0 -53.8px; }



#address, #email, #phone-contact {

	padding-top: 25px;

	float: left;

	display: block;

	margin-right: 30px;

	color: #282560;

}	

#address p, #phone-contact p { padding-bottom: 5px!important;}



#email { color: #282560; }

/* Footer Jquery Stuff */
#footer-bar.close  {
margin-top:0;
-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

#footer-bar {
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.close #up-arrow {
	background-position:0 100%;
}


































/*^^--**--------------------------^^--------------------------------------------------------**

SMARTPHONES

^^--**----------------------------^^--------------------------------------------------------**/



@media only screen 

and (min-device-width : 220px) 

and (max-device-width : 680px) {

/*^^--**--------------------------^^--**

MAIN CONTENT

^^--**----------------------------^^--**/

body {

	font-family: calibri, arial, sans-serif;

}

#main-content {

	width: 96%;

	padding-bottom: 0;

	margin: 0 auto;

}

.wide-column {

	width: 100%;

	margin: 0 auto;

	float: none;

}

.left-column {

	margin: 0 auto;

	width: 100%;

	height: auto;

	float: none;

	position: relative;

}

.container {

	max-width: 100%;

	margin: 0 auto;

}

#header {

	width: 96%;

	height: auto;

	margin: 0 auto;

	padding-bottom: 10px;

	border-bottom: 10px solid #282560;

}

#main-nav { display: none; }

#logo { display: none }



#logo-mobile {

	display: block;

	background-image: url(../images/logo.png);

	background-size: contain;

	height: 83px;

	width: 170px;

	margin: 0 auto;

}







/*^^--**--------------------------^^--**

HOME

^^--**----------------------------^^--**/

#home h3 {

	font-weight: bold;

	font-size: .9375em;

	line-height: 1.1;

	padding: 20px 0;

}

#home header {

	width: 100%;

	height: auto;

	display: block;

	background: #fff;

	font: 3.1em 'futura_ltcondensedbold', arial, impact, sans-serif;

	padding: 5px 0 0;

}

.mobile-only {

	max-width: 100%;

	display: block;

}

#home header h2 {	

	letter-spacing: -.03em;

	text-indent: 0;	

	color: #282560;

	line-height: 1;

	text-align: center;

}

/* TESTIMONIALS */

#testimonials {

	min-width: 100%;

	height: auto;

	position: relative;

	border-top: 10px solid #282560;

}

.single-testimonial {

	top: 0;

	left: 0;

	width: 100%;

	position: absolute;

	background: #fff;

}

#testimonials article {

	background: none;

	width: 86%;

	margin: 0 auto;

	padding-top: 20px;

	background: url(../images/testi-border-mobile.jpg) no-repeat 0 100%;

}

#testimonials article p {	padding-bottom: 20px;}

#next-item {

	background: url(../images/next-moni.png) no-repeat -1px -1px;

	display: block;

	width: 21px;

	height: 22px;

	position: absolute;

	top: 42%;

	right: 0;

	z-index: 30;

}

#next-item:hover { background-position: -1px -1px;}

#prev-item { 

	background: url(../images/prev-moni.png) no-repeat -1px -1px;

	display: block;

	width: 21px;

	height: 22px;

	top: 42%;

	left: 0;

	position: absolute;

	z-index: 30;

}

#testimonials footer { padding-top: 0; padding-right: 12%; }

#testimonials footer p {

	padding-bottom: 0;

	text-align: right;

}





/*^^--**--------------------------^^--**

FOOTER

^^--**----------------------------^^--**/

#footer{display: none;}

#footer-mobile { 

	display: block; 

	width: 96%;

	margin: 10px auto;	

	border-top: 10px solid #282560;

}

#phone-contact {

	padding: 15px 0;

	float: right;

	display: block;

	margin-right: 0;

	font-size: 1.2em;

}

#phone-contact a {

	text-decoration: none;

	font-family: 'futura_ltcondensedbold', arial, impact, sans-serif;

	color: #282560;

}	

#email { 

	text-transform: uppercase; 

	font-size: 1.2em;

	float: left;

	padding: 0;

	margin: 18px 0 0;

	font-family: 'futura_ltcondensedlight', calibri, arial, sans-serif;

}





}/* close smartphone */





@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),

only screen and (-moz-min-device-pixel-ratio: 1.5),

only screen and (-o-min-device-pixel-ratio: 3/2),

only screen and (min-device-pixel-ratio: 1.5) {

  #logo-mobile {

    background-image: url(../images/logo2x.png);

  }

}







/*^^--**--------------------------^^----------------------------------------------------------**

TABLETS

^^--**----------------------------^^------------------------------------------------------------**/

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) {





}