/*******************************************************************
* AH, THE STUFF THAT MAKES STUFF LOOK GOOD.                        *
*                                                                  *
*                                                                  *
*******************************************************************/


/* BECAUSE STANDARD WEB FONTS SUCK. *******************************/
@font-face {
	font-family:'DIN-COBO';
	src:url('../fonts/DIN/DIN-CondBold.eot');
	src:url('../fonts/DIN/DIN-CondBold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/DIN/DIN-CondBold.woff') format('woff'),
         url('../fonts/DIN/DIN-CondBold.ttf') format('truetype');
	font-weight:normal;
    font-style:normal;
}
@font-face {
	font-family:'DIN-COME';
	src:url('../fonts/DIN/DIN-CondMed.eot');
	src:url('../fonts/DIN/DIN-CondMed.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/DIN/DIN-CondMed.woff') format('woff'),
         url('../fonts/DIN/DIN-CondMed.ttf') format('truetype');
	font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'MisoRegular';
    src:url('../fonts/Miso/miso-webfont.eot');
    src:url('../fonts/Miso/miso-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Miso/miso-webfont.woff') format('woff'),
         url('../fonts/Miso/miso-webfont.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}


/* JUST RE-SETTING SOME BASICS HERE *******************************/
html {width:100%; height:100%;}
body {width:100%; margin:0; padding:0; border:none; color:#7a7a7a; font:12px/15px 'Helvetica Neue', helvetica, arial, sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-weight:normal;}
ul:not(.bullets), ul:not(.bullets)>li {margin:0; padding:0; list-style-type:none;}
a {text-decoration:none; border:none; outline:0 none; color:#9c0b09; -webkit-transition:color .1s ease-in; -moz-transition:color .1s ease-in; -o-transition:color .1s ease-in; transition:color .1s ease-in;}
a:hover {color:#9c0b09;}
img {border:none; outline:0 none;}




/*******************************************************************
* TYPOGRAPHY, COLORS, SIZES                                        *
*                                                                  *
*                                                                  *
*******************************************************************/
.upcase {text-transform:uppercase;}
.italic {font-style:italic;}

.lightGrey {
	color:#ccc;
	}
.midGrey {color:#8c8c8c;}
.darkerGrey {color:#484848;}
.red {color:#eb1921;}
.darkRed {color:#9c0b09;}
.white {color:#fff;}
a.white:hover {color:#d8d8d8;}

.size18 {font-size:18px; font-family:'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif;}
.size16 {font:16px/20px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif;}




/*******************************************************************
* SECTIONS, POSITIONS, SPACES                                      *
*                                                                  *
*                                                                  *
*******************************************************************/
.clear {
	clear: both;
}
.eachSec {position:relative; float:left; width:100%;
	background-color:#fff;
}
header.nav {
	z-index:100;
}
#Work .eachSec {padding-bottom:100px}
.row290 {height:290px;}

.centerSec {position:relative; width:978px; margin:0 auto;}
.centerSecAbs {position:absolute; top:0; left:50%; width:978px; margin-left:-489px;}

.centerBlock {display: block; margin: 0 auto;}

.goL {float:left;}
.goR {float:right;}



/* BUTTONS */
.controlBtns {position:absolute; top:0; width:25px; height:25px; display:block; overflow:hidden; cursor:pointer;}
.standardBtn {position:absolute; top:0; left:0; width:24px; height:24px; display:block; overflow:hidden; cursor:pointer;}
.deadBtn {cursor:default;}

.controlBtns .roundBtn {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/roundBtns.png') no-repeat; overflow:hidden; z-index:1;}
.controlBtns.nextBtn .roundBtn {background-position:-25px 0px;}

.controlBtns .roundBtnHover {z-index:2; background-position:0px -25px; opacity:0;}
.controlBtns.nextBtn .roundBtnHover {background-position:-25px -25px;}

.deadBtn .roundBtnDead {z-index:1; background-position:0px -50px; opacity:0;}
.nextBtn.deadBtn .roundBtnDead {background-position:-25px -50px;}

.standardBtn .basicBtn {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/redbuttons.png') no-repeat; overflow:hidden; z-index:1;}
.standardBtn .basicBtnHover {z-index:2; background-position:0px -24px; opacity:0;}




/*******************************************************************
* TOGGLED WORK BAR                                                 *
*                                                                  *
*                                                                  *
*******************************************************************/
/*




/*******************************************************************
* GLOBAL MENU BAR                                                  *
*                                                                  *
*                                                                  *
*******************************************************************/
#mainMenu {width:100%; height:90px; margin:0;}

#mainNav {float:left;}
#mainMenu .navLinks {float:left; position:relative;}
#mainMenu .navLinks a {display:block;}
#mainMenu .logoLink {margin:29px 33px 0 0;}
#mainMenu .logoLink img {
	width:278px;
	height:29px;
}
#mainNav .pageLink a {padding:0 15px; line-height:90px; height:90px; color:#aaa; cursor:pointer; text-transform:uppercase;}
#mainNav .pageLink a:hover, #mainNav .currentPage a {color:#484848;}
#mainNav .redBar {position:absolute; top:0; left:0; width:100%; height:2px; background-color:#eb1921; z-index:1; cursor:default; display:none;}
#mainNav .currentPage .redBar {display:block;}

/* TWITTER */
#twitFeed {position:absolute; top:0; right:60px; width:260px;}
#twitFeed h1{font: 12px/6px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif; margin: 15px 0px 7px 0px;}
#twitFeed h1 a{color: #eb1921;}
#twitFeed h1 a:hover{color: #9c0b09;}
#jstwitter {font-size:11px; line-height:13px; color:#484848;}
#jstwitter a, .redBoxText.gallery a {color:#eb1921;}
#jstwitter a:hover, .redBoxText.gallery a:hover {color:#9c0b09;}
#jstwitter .time {font-style:italic; color:#8c8c8c;}
span.time {
	display: block;
}

/* BUZZ SAYS */	
.buzzicon{
	width:65px; 
	height:90px; 
	margin:0; 
	background:url('../images/buzzicon.jpg') no-repeat right bottom;
	float: right;
}
.buzzSays{
	display: none;
	width: 306px;
	height: 75px;
	background-image: url('../images/buzzSpeechBubble3RED.svg');
	background-repeat: no-repeat;
	float: right;
	z-index: 1000;
	position: relative;
	margin-right: -17px;
	margin-top: 5px;
}
.buzzisms{
	display: block;
	width: 245px;
	height: auto !important;
	padding: 10px;
	font-size: 14px;
	margin: 0 auto;
	color: #fff;
}

/*******************************************************************
* MARQUEE SLIDESHOW                                                *
*                                                                  *
*                                                                  *
*******************************************************************/
#marqueeBox {
	position:relative;
	width:100%;
	min-width:978px;
	float:left;
	background-color:#484848;
}

.arrowBlocks {position:absolute; top:50%; margin-top:-20.5px; width:30px; height:41px; background:url('../images/home/arrowBlocks.png') no-repeat 50% top #fff; overflow:hidden; cursor:pointer; z-index:5; -webkit-transition:all .1s ease-in; -moz-transition:all .1s ease-in; -o-transition:all .1s ease-in; transition:all .1s ease-in;}
.arrowBlocks:not(.deadBtn):hover {width:46px; background-color:#9e9e9e;}
#prevBlock {left:0; background-position:50% -41px;}
#nextBlock {right:0; background-position:50% top;}
.arrowBlocks.galPos {
	z-index: 51;
	top: 383px;
}
.arrowBlocks.deadBtn {
	pointer-events: none;
	cursor: default;
	opacity: .25;
}

#marqueeWrap {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
.eachMarquee {
	position:absolute;
	width:100%;
	height:100%;
	left:100%;
}
.activeSlide {left:0%; z-index:2;}
.nextSlide {left:100%; z-index:1;}
.prevSlide {left:-100%; z-index:1;}


.featBlock {position:relative; float:left; width:558px; height:325px; overflow:hidden;}
.featBlock img{
	position:relative;
}
.featInfo {position:relative; float:right; width:390px; height:265px; margin-top:30px;}
.featInfo p {width:390px; float:left; margin-bottom:15px;
	white-space: pre-wrap;
}
.p_home .featInfo p.featText {
	font-size: 17px;
	line-height: 20px;
}
.featInfo a {
	color:#fff;
}
.featInfo a:hover {
	color:#eb1921;
}
.featTitle {margin-top:20px; font:40px/36px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif;}
.featBtn {float:left; display:block; height:26px; padding:2px 8px 0; font:16px/26px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif; background-color:#eb1921;}
.featBtn:hover {color:#9c0b09 !important;}




/*******************************************************************
* HOME PAGE                                                        *
*                                                                  *
*                                                                  *
*******************************************************************/
.latestSec {
	float:left;
	width:100%;
	padding:20px 0;
}

.triColumns {float:left; width:306px; margin-left:30px;}
.triColumns:first-child {margin-left:0;}

.triBlock {display:block; float:left; width:306px;}
.triBlock:hover .linkText {color:#484848 !important; -webkit-transition:color .1s ease-in; -moz-transition:color .1s ease-in; -o-transition:color .1s ease-in; transition:color .1s ease-in;}
.linkImg {
	display:block;
	float:left;
	width:306px;
	height:146px;
	overflow:hidden;
	margin:10px 0px;
}
.linkText {display:block; float:left;}

.clientsSec {float:left; width:100%; padding:20px 0 30px;}
.clientLogos {float:left; width:100%; height:80px; line-height:80px; margin-top:20px;}
.clientBlock {float:left; width:163px; height:80px;}
#logo1 {background:url('../images/home/logo1.jpg') no-repeat center center;}
#logo2 {background:url('../images/home/logo2.jpg') no-repeat center center;}
#logo3 {background:url('../images/home/logo3.jpg') no-repeat center center;}
#logo4 {background:url('../images/home/logo4.jpg') no-repeat center center;}
#logo5 {background:url('../images/home/logo5.jpg') no-repeat center center;}
#logo6 {background:url('../images/home/logo6.jpg') no-repeat center center;}




/*******************************************************************
* ABOUT PAGE                                                       *
*                                                                  *
*                                                                  *
*******************************************************************/
.gridRowWrap {position:relative; float:left; width:100%; height:290px; overflow:hidden;}
.gridRowWrapBig {height:362px;}
.gridRow {position:absolute; top:0; left:50%; width:1818px; height:100%; margin-left:-909px; overflow:hidden;}

.boxWrap {position:relative; float:left; width:420px; height:100%; background-color:#eee; overflow:hidden;}

#redBox {
	position:relative;
	float:left;
	width:558px;
	height:290px;
	background-color:#eb1921;
	overflow:hidden;
}
#redBox.clients {
	background-color:#3c3c3c;
	width:768px;
}
	#redBox>.fill {
		position: absolute;
		width: 230px;
		height: 100%;
		background: #484848;
	}
	#redBox>.mask {
		position: absolute;
		overflow-x: hidden;
		top: 30px;
		bottom: 35px;
		width: 230px;
	}

#galNavWrap {
	position:relative;
	width:978px;
	margin:0 auto;
	z-index:99;
}

#galNavBox {
	position:absolute;
	width:230px;
	height:290px;
	background-color:#6a161a;
	overflow:hidden;
	top:90px;
}
#galNavBox .back, #redBox .back {
	position:absolute;
	bottom:10px;
	left:10px;
	color:#bfbfbf;
	width:215px;
}
#redBox .back {
	font:12px/15px 'Helvetica Neue',helvetica,arial,sans-serif;
}
#redBox a.back:hover {
	color:#9c0b09;
}
#galNavBox .show {
	display:none;
	left:auto;
	right:2px;
	top:auto;
	bottom:2px;
	padding-left:202px;
}
#galNavBox .show .basicBtn {
	left:auto;
	width:24px;
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-o-transform:scale(.8);
	transform:scale(.8);
}
#galNavMenuList, #aboutMenuList.clients {
	padding:40px 5px 5px 10px;
	font:18px/27px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif;
}
#galNavMenuList span, #aboutMenuList.clients span, #galThumbs .overlay span {
	font-family:'MisoRegular','Helvetica Neue',helvetica,sans-serif;
	font-size:90%;
	text-transform:none;
	color:#bfbfbf;
}
#aboutMenuList.clients {
	position: static;
	width:205px;
	padding-top: 0;
}
#aboutMenuList.clients li {
	float:none;
}

#galNavMenuList li, #aboutMenuList.clients li {
	text-transform:uppercase;
	height:23px;
	margin:10px 0px;
	overflow:hidden;
	color:#fff;
}
#aboutMenuList.clients li:first-child {
	margin-top: 0;
}
#aboutMenuList.clients li:last-child {
	margin-bottom: 0;
}
#galNavMenuList a {
	display:block;
	color:#fff;
}
#galNavBox a:hover {
	color:#EB1921;
}

#galNavMenuList .current, #aboutMenuList.clients .aboutMenuItem.activeitem {
	border-bottom:2px solid #d51f26;
	margin-bottom:-2px;
	cursor:default;
	color:#fff !important;
}
#galThumbs {
	position:relative;
	float:left;
	width:630px;
	height:520px;
	left:230px;
	margin-left:16px;
}
#galThumbs li {
	width:295px;
	height:160px;
	float:left;
	margin:0px 20px 20px 0px;
}
#galThumbs a {
	display:table;
	height:100%;
}
#galThumbs .overlay {
	font:40px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	width:255px;
	text-align:center;
	line-height:45px;
	vertical-align:middle;
	display:table-cell;
	padding:5px 20px 0px;
	background-color:rgba(0,0,0,.66);
	opacity:0;
}


.box558 {width:558px;}
.box768 {width:768px;}
.box210 {width:210px;}

.gridblock {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; z-index:1;}
.gridblock img {width:100%; height:100%;}
.activegrid {left:0%;}
.nextgrid {left:100%;}

#aboutMenuList {
	position:absolute;
	top:60px;
	left:0px;
	width:498px;
	padding:0 30px;
	font:16px/20px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif;
}

#aboutMenuList li {float:left; margin-right:7px; text-transform:uppercase; color:#fff; cursor:default;}

#aboutMenuList .aboutMenuItem, #pastList .aboutMenuItem {
	-webkit-transition:color .1s ease-in;
	-moz-transition:color .1s ease-in;
	-o-transition:color .1s ease-in;
	transition:color .1s ease-in;
}
#moreInfo>div {
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
#aboutMenuList .aboutMenuItem.clientMenuItem { color: #fff; }
#aboutMenuList .aboutMenuItem:hover, #moreInfo .toggle:hover {color:#9c0b09; cursor:pointer;}
#pastList .aboutMenuItem:hover {
	color:#eb1921;
	cursor:pointer;
}
#aboutMenuList .aboutMenuItem.activeitem {color:#9c0b09; cursor:default;}
#pastList li, #pastList .aboutMenuItem.activeitem, #pastList .aboutMenuItem.disabled {
	color:#fff;
	cursor:default;
}


#pastList li {
	background-color:rgba(0,0,0,.25);
	padding:1px 3px;
	font-size:14px;
}
#pastList .aboutMenuItem.activeitem {
	background-color:rgba(156,11,9,.5);
}
#pastList .aboutMenuItem.disabled {
	background-color:transparent;
}

#redBoxTextWrap {position:absolute; top:113px; left:0; bottom:30px;
	right: 0;
	overflow:hidden;
}
#redBoxTextWrap.clients {
	top:50px;
	left:230px;
	bottom:auto;
	height:225px;
}
#redBoxTextWrap.gallery {
	top:0px;
	left:235px;
	bottom:0px;
	width:472px;
	min-height:50px;
}

.redBoxText {
	position:absolute;
	top:-100%;
	left:0;
	width:528px;
	height:142px;
	padding:0 30px;
	overflow:hidden;
	visibility:hidden;
}
.redBoxText.clients {
	width:498px;
	height:220px;
	overflow:hidden;
	padding:0px 20px;
}

.redBoxText h1 {float:left; width:498px; margin:0 0 10px; font:42px/42px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif; color:#fff;}
.redBoxText p {float:left; width:498px; font-size:15px; line-height:17px; color:#fff; white-space: pre-wrap;}
.redBoxText.clients h1, .redBoxText.clients p {
	float:none;
}

.redBoxText p a{color: #D51F26 !important;}
.redBoxText p a:hover{color: #ffffff !important;}

.redBoxText.clients h2 {
	position:relative;
	top:-15px;
}

.redBoxText p a:hover {color:#fff;}
.activetext {
	top:0;
	visibility:visible;
}
.nexttext {
	top:-100%;
	visibility:visible;
}




/*******************************************************************
* CONTACT PAGE                                                     *
*                                                                  *
*                                                                  *
*******************************************************************/

body#contactPage {
	background: url("../images/gal_bkg.jpg") repeat scroll center 48px transparent;
}

#contact-wrap {
	width: 978px;
	height: 764px;
	background: url('../images/bg-contact.jpg');
	margin: 0 auto;
	position: relative;
	top: 90px;
	margin-bottom: 90px;
}

.pop-up {
	display: none;
}

.pop-up#find {
	height: 290px;
    width: 558px;
	display: block;
}

.pop-up#find p#mapAddress {
	color: #fff;
}

.pop-up#work, .pop-up#call, .pop-up#email {
	padding: 20px;
}
div#sb-player.html {
	padding: 20px;
}

div.bubble {
	font-size: 23px;
	line-height: 23px;
	position: absolute;
	z-index: 50;
	height: 19px;
	padding: 4px;
	background: #ea1921;
	font-family: 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif;
}

div.bubble.hover {
	background: #ee3e41;
}

div.bubble.work {
	top: 405px;
	left: 225px;
}

div.bubble.find {
	top: 110px;
	left: 275px;
}

div.bubble.email {
	top: 310px;
	left: 560px;
}

div.bubble.call {
	top: 635px;
	left: 730px;
	width: auto;
}

div.arrow.top {
	height: 0px;
	width: 0px;
	border-bottom: 10px solid #ea1921;
	border-right: 10px solid transparent;
	display: block;
	position: absolute;
	left: 0px;
	top: -10px;
}

div.arrow.bottom {
	height: 0px;
	width: 0px;
	border-top: 10px solid #ea1921;
	border-left: 10px solid transparent;
	display: block;
	position: absolute;
	right: 0;
	bottom: -10px;
}

div.arrow.bottom.hover {
	border-top: 10px solid #ee3e41;
	border-left: 10px solid transparent;
}

div.arrow.top.hover {
	border-bottom: 10px solid #ee3e41;
	border-right: 10px solid transparent;
}

div.bubble p {
	color: #ffffff;
	display: block;
}

#contactPage div.gif {
position: absolute;
	z-index: 40; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

#contactPage div.gif:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1!important;
}

#contactPage div.gif.globe {
	left: 198px;
	top: 0;
}

#contactPage div.gif.box {
	left: 133px;
	top: 263px;
}

#contactPage div.gif.juicer {
	left: 564px;
	top: 263px;
}

#contactPage div.gif.light {
	left: 0;
    top: 431px;
}

#contactPage div.gif.radio {
	left: 303px;
    top: 431px;
}

#contactPage div.gif.phone {
    left: 751px;
    top: 605px;
}

object#sb-player {
	margin: 20px;
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 260px;
}

.pop-up.sound {
	width: 440px; 
	height: 36px; 
	padding: 20px;
}

.pop-up.video {
	width: 480px; 
	height: 360px;
}

#contactPage div.gif.sevenup {
	left: 144px;
	top: 161px;
	cursor: pointer;
}

#contactPage div.gif.world {
	left: 433px;
	top: 140px;
	cursor: pointer;
}

#contactPage div.gif.kfc {
	left: 504px;
	top: 625px;
	cursor: pointer;
}

#contactPage div.gif.peanut {
	left: 478px;
	top: 325px;
	cursor: pointer;
}

#contactPage div.gif.subrosa {
	left: 662px;
	top: 434px;
	cursor: pointer;
}

#contactPage div.gif.wine {
	left: 471px;
	top: 447px;
	cursor: pointer;
}

#contactPage div.gif.buzz {
	left: 772px;
	top: 282px;
	cursor: pointer;
}

a.radios.three {
	position: absolute;
	left: 292px;
	top: 305px;
}

a.radios.three div {
	height: 108px;
	width: 163px;
	display: inline-block;
}

a.radios.four {
	position: absolute;
	left: 339px;
	top: 678px;
}

a.radios.four div {
	height: 76px;
	width: 160px;
	display: inline-block;
}

a.radios.five {
	position: absolute;
	left: 610px;
	top: 662px;
}

a.radios.five div {
	height: 88px;
	width: 139px;
	display: inline-block;
}


div#sb-player h1 {font:20px/20px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif; color:#484848; text-transform:uppercase;}
div#sb-player p {color:#8c8c8c;}
div#sb-player p a {color:#eb1921;}
div#sb-player a:hover {color:#9c0b09;}

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container { height: auto; width: auto; background-color:#eeeeee;}
#simplemodal-container .simplemodal-data {}
#simplemodal-container a.modalCloseImg {background: url("../images/redbuttons.png") no-repeat scroll 0 0 transparent; no-repeat center; width:24px; height:24px; display:inline; z-index:3200; position:absolute; top:-14px; right:-14px; cursor:pointer;}
#simplemodal-container a.modalCloseImg:hover {background-position: 0 -24px;}

#contactPage .redBoxText {top:100%;}
#contactPage .gridblock {left:0%;}
#contactPage .imgBlock2 {left:100%;}

#redMap {position:absolute; top:0; left:0; width:558px; height:290px; background:url('../images/contact/map.png') no-repeat #731513; overflow:hidden;}
#mapAddress {position:absolute; top:83px; left:119px; font-size:14px; line-height:17px; color:#fff;}

#viewMap {position:absolute; bottom:0; right:0; padding:2px 10px 0; font:15px/25px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif; color:#fff; background-color:#731513; -webkit-transition:background-color .1s ease-in; -moz-transition:background-color .1s ease-in; -o-transition:background-color .1s ease-in; transition:background-color .1s ease-in; cursor:default;}
#viewMap:hover {color:#fff; background-color:#ee3e41; cursor:pointer;}

.box330 {width:330px;}
.box510 {width:510px;}

.moreInfoBox {background-color:#222;}
.moreInfoBox .imgBlock2 img {opacity:0.1; filter:alpha(opacity=10);}

.moreInfoBox .imgBlock2 .standardBtn {top:10px; right:10px; left:auto;}
.plusBoxBtn .basicBtn {
	background-position:-24px 0px;
}
.plusBoxBtn .basicBtnHover {
	background-position:-24px -24px;
}
.moreInfoBox .imgBlock1 img {
	position:absolute;
}
.moreInfoBox .imgBlock1 img.gif {
	display:none;
}

#contactList {float:left; width:270px; margin:30px 0 0 30px; overflow:hidden;}
#contactList li {float:left; width:270px; margin:0 0 12px; border-bottom:1px dotted #ccc;}
#contactList li h1 {font:20px/20px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif; color:#484848; text-transform:uppercase;}
#contactList li p {padding-bottom:8px; color:#8c8c8c;}
#contactList li p a {color:#eb1921;}
#contactList li p a:hover {color:#9c0b09;}

.personBlurb {position:absolute; top:43px; left:40px; right:40px; bottom:0; overflow:hidden; z-index:1;}
.personBlurb .personName {float:left; width:100%; font:38px/38px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif; color:#fff; text-transform:uppercase;}
.personBlurb .personTitle {float:left; width:100%; margin-bottom:28px; font:16px/22px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif; color:#f1f1f1; text-transform:uppercase;}
.personBlurb p {float:left; width:100%; margin-bottom:22px; font-size:12px; line-height:18px; color:#d6d6d6;}

.personBlurb .personSocials {float:left; width:100%; width:100%;}
.personBlurb .personSocials li {position:relative; float:left; width:100%; height:23px; margin-bottom:5px;}
.personSocialLink {position:relative; display:block; line-height:23px; height:23px; cursor:pointer;}
.personSocialLink .basicBtn {position:absolute; top:0; left:0; width:23px; height:23px; background:url('../images/socialbuttons.png') no-repeat; overflow:hidden;}
.personSocialLink .basicBtnHover {opacity:0;}
.personSocialLink .socialLinkText {position:absolute; left:32px; top:0; height:23px; line-height:23px; color:#d6d6d6;}

.personSocialLink.facebook .basicBtn {background-position:0px 0px;}
.personSocialLink.twitter .basicBtn {background-position:-23px 0px;}
.personSocialLink.youtube .basicBtn {background-position:-46px 0px;}
.personSocialLink.linkedin .basicBtn {background-position:-69px 0px;}
.personSocialLink.flickr .basicBtn {background-position:-92px 0px;}
.personSocialLink.pinterest .basicBtn {background-position:-115px 0px;}
.personSocialLink.tumblr .basicBtn {background-position:-138px 0px;}
.personSocialLink.instagram .basicBtn {background-position:-161px 0px;}
.personSocialLink.blog .basicBtn {background-position:-184px 0px;}

.personSocialLink.facebook .basicBtnHover {background-position:0px -23px;}
.personSocialLink.twitter .basicBtnHover {background-position:-23px -23px;}
.personSocialLink.youtube .basicBtnHover {background-position:-46px -23px;}
.personSocialLink.linkedin .basicBtnHover {background-position:-69px -23px;}
.personSocialLink.flickr .basicBtnHover {background-position:-92px -23px;}
.personSocialLink.pinterest .basicBtnHover {background-position:-115px -23px;}
.personSocialLink.tumblr .basicBtnHover {background-position:-138px -23px;}
.personSocialLink.instagram .basicBtnHover {background-position:-161px -23px;}
.personSocialLink.blog .basicBtnHover {background-position:-184px -23px;}



/*******************************************************************
* WORK PAGES                                                       *
*                                                                  *
*                                                                  *
*******************************************************************/
#galleryWrap {
	position:relative;
	float:left;
	width:100%;
	height:586px;
	margin:0 0 30px;
	overflow:hidden;
	z-index:50;
}
#loadBlock {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:1; background-color:#fff;}
#loadBlock img {position:absolute; top:50%; left:50%; width:24px; height:24px; margin:-12px 0 0 -12px; overflow:hidden;}

#gallerySlider {
	position:absolute;
	top:33px;
	left:100%;
	width:0;
	height:520px;
	overflow:hidden;
}
.galleryBlock {
	position:relative;
	float:left;
	height:520px;
	padding:0px 2.5px;
	overflow:hidden;
}
.galleryBlock .overlay {
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.66);
	cursor:pointer;
	display:none;
}

.currentBlock {
	margin:0px 247.5px;
}
.currentBlock .overlay {
}
.videoBlock {width:924px; height:520px;}


#projectNames {
	float:left;
	margin:0 20px 30px 0;
	width:215px;
	text-align:right;
}
#projectNames.gallery {	
	width:215px;
	border-right:2px solid #484848;
	margin:0px 0px 30px;
	padding-right:20px;
}

#projectTitle {font:26px/26px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif; color:#484848; text-transform:uppercase;}
#projectSubTitle {font:14px/15px 'Helvetica Neue',helvetica,sans-serif; color:#8c8c8c;}

.redBoxText.gallery {
	padding:0px 0px 0px 20px;
	width:auto;
	height:auto;
}
.redBoxText.gallery p {
	font:12px/17px 'Helvetica Neue',helvetica,sans-serif;
	color:#484848;
	width:auto;
}

#galleryNav {position:absolute; top:0; right:0; height:25px; padding-right:60px; display:none;}
#galleryControls {position:absolute; top:0; right:0; width:55px; height:25px;}
#galleryControls .prevBtn {left:0;}
#galleryControls .nextBtn {right:0;}

#galleryNav h1 span {float:left; padding-right:5px; margin-top:2px; font:14px/23px georgia,times,serif; color:#aaa; font-style:italic;}
#galleryNav h1 .counterText {font:16px/23px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif; font-style:normal; text-transform:uppercase;}



/*******************************************************************
* FOOTER BAR                                                       *
*                                                                  *
*                                                                  *
*******************************************************************/
.footerSpace {height:45px;}

#footerBar {position:fixed; width:100%; height:45px; bottom:0; left:0; background-color:#484848; z-index:666;}

#socials {position:absolute; top:11px; left:0; height:23px;}
#socials li {float:left;}
#socials .standardBtn {position:relative; float:left; display:block; width:23px; height:23px; margin-right:5px; overflow:hidden; cursor:pointer;}
#socials .standardBtn .basicBtn {background:url('../images/socialbuttons.png') no-repeat #484848;}
#socials .facebook .basicBtn {background-position:0px 0px;}
#socials .twitter .basicBtn {background-position:-23px 0px;}
#socials .youtube .basicBtn {background-position:-46px 0px;}
#socials .linkedin .basicBtn {background-position:-69px 0px;}
#socials .flickr .basicBtn {background-position:-92px 0px;}
#socials .pinterest .basicBtn {background-position:-115px 0px;}
#socials .tumblr .basicBtn {background-position:-138px 0px;}
#socials .instagram .basicBtn {background-position:-161px 0px;}
#socials .blog .basicBtn {background-position:-184px 0px;}

#socials .facebook .basicBtnHover {background-position:0px -23px;}
#socials .twitter .basicBtnHover {background-position:-23px -23px;}
#socials .youtube .basicBtnHover {background-position:-46px -23px;}
#socials .linkedin .basicBtnHover {background-position:-69px -23px;}
#socials .flickr .basicBtnHover {background-position:-92px -23px;}
#socials .pinterest .basicBtnHover {background-position:-115px -23px;}
#socials .tumblr .basicBtnHover {background-position:-138px -23px;}
#socials .instagram .basicBtnHover {background-position:-161px -23px;}
#socials .blog .basicBtnHover {background-position:-184px -23px;}

#newsCon {position:absolute; top:0; left:354px; height:45px; font-size:11px;}
#newsCon span {display:block; height:45px; line-height:45px; cursor:pointer; color:#fff; -webkit-transition:color .1s ease-in; -moz-transition:color .1s ease-in; -o-transition:color .1s ease-in; transition:color .1s ease-in;}
#newsCon span:hover {color:#d8d8d8;}
#newsCon img {vertical-align:middle; margin-top:-4px;
	width:86px;
	height:23px;
}

#contactInfo {position:absolute; right:0; top:10px; font-size:11px; line-height:13px; text-align:right;}




/*******************************************************************
* IGNITION NEWSLETTER                                              *
*                                                                  *
*                                                                  *
*******************************************************************/
#newsletterWrap {position:fixed; bottom:0; left:50%;
	width:386px;
	height:45px; margin-left:-152px; overflow:hidden; z-index:665;
}
#newsletterWrap h1 {position:absolute; top:0; left:0; width:100%; height:88px; background:url('../images/ribbon.png') no-repeat; overflow:hidden; text-indent:-9999em; z-index:1;}
#newsForm, #newsPast {
	position:absolute;
	background-color:#f7f7f7;
	-webkit-box-shadow:4px -4px 16px rgba(0,0,0,0.52);
	box-shadow:4px -4px 16px rgba(0,0,0,0.52);
}
#newsForm {display:block; width:264px; height:100%; margin-left:21px;}
#newsPast {
	top:88px;
	right:120px;
	width:50px;
	padding:40px 10px 25px 21px;
}
#newsPast span {
	position:absolute;
	background:url('../images/ribbon_past.png') no-repeat;
	left:0px;
	top:0px;	
	width:87px;
	height:32px;
}
#newsPast li {
	margin:5px 0px;
}
#newsPast a {
	font:14px/20px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif;
	text-transform:uppercase;
	color:#484848;
}
#newsPast a:hover {
	color:#9c0b09;
}

.formRow {position:relative; float:left; width:240px; margin:0 12px 15px;}
.formRow:first-child {padding-top:96px;}

label {float:left; width:240px; margin:0; padding:0; border:none; font:14px/20px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif; color:#484848; text-transform:uppercase;}
input, textarea {float:left; border:none; outline:none; margin:0; padding:0;}
.grayInput {float:left; width:220px; height:32px; padding:3px 10px 0; border-top:1px solid #b4b4b4; background:#ececec; font:20px/32px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif; color:#979696; -webkit-box-shadow:inset 0px 3px 5px rgba(0,0,0,0.15); -moz-box-shadow:inset 0px 3px 5px rgba(0,0,0,0.15); box-shadow:inset 0px 3px 5px rgba(0,0,0,0.15);
	-webkit-transition:border-color .1s ease-in;
	-moz-transition:border-color .1s ease-in;
	-o-transition:border-color .1s ease-in;
	transition:border-color .1s ease-in;
	border:3px solid #f7f7f7;
	margin:-3px;
}
.grayInput.invalid {
	border-color:#eb1921;
}

.submitRow {margin:20px 12px 0;}
.submitBtn {
	float:left;
	height:24px;
	margin:0 0 0 20px;
	padding:1px 10px 0;
	background:#eb1921;
	font:16px/24px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
	-webkit-transition:color .1s ease-in,background-color .2s ease-in;
	-moz-transition:color .1s ease-in,background-color .2s ease-in;
	-o-transition:color .1s ease-in,background-color .2s ease-in;
	transition:color .1s ease-in,background-color .2s ease-in;
	width:117px;
	text-align:center;
}
.submitBtn:hover {color:#9c0b09;}
.submitBtn.wait {
	background-color:rgba(235,25,33,.66);
	pointer-events:none;
}

#cancel {float:left; height:24px; margin:0; padding:1px 10px 0; background:none; font:16px/24px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif; color:#aaa; text-transform:uppercase; cursor:pointer; -webkit-transition:color .1s ease-in; -moz-transition:color .1s ease-in; -o-transition:color .1s ease-in; transition:color .1s ease-in;}
#cancel:hover {color:#484848;}

/****JAROD CSS**************************************************************/
.hidden {
	display:none;
}
#aboutSlideTextP {
	width:513px;
}

.scroll-pane {
	overflow:auto;
}
.redBoxText .scroll-pane {
	width:523px;
	height:90px;
}
.redBoxText.clients .scroll-pane {
	width:auto;
	height:168px;
}
.scroll-pane .jspVerticalBar {
	width:10px;
	background:none;
}
.scroll-pane .jspTrack {
	background:rgba(255,255,255,.25);
}
.clients .scroll-pane .jspTrack {
	background:rgba(255,255,255,.15);
}
.scroll-pane .jspDrag {
	background:rgba(156,11,9,.75);
}
.clients .scroll-pane .jspDrag {
	background:rgba(255,255,255,.45);
}
.scroll-pane .jspHover, .scroll-pane .jspActive {
	background:rgba(156,11,9,1);
}
.clients .scroll-pane .jspHover, .clients .scroll-pane .jspActive {
	background:rgba(255,255,255,.6);
}

.triBlock .linkImg img {
	position:relative;
}

#faves .triBlock,
#cases .triBlock {
	position:absolute;
}
#faves .triBlock:not(:first-of-type),
#cases .triBlock:not(:first-of-type) {
	opacity:0;
}



::selection {
	color:#fff !important;
	background-color:#eb1921 !important;
}

#moreInfo {
	position: relative;
	z-index: 99;
	background: none;
	color: #fff;
}
	#moreInfo .textBox {
		position: absolute;
		left: 0;
		right: 0;
		top: -362px;
		padding: 35px 30px;
		background: #000;
		background: rgba(0, 0, 0, 0.66);
	}
		#moreInfo .textBox .mask {
			overflow: hidden;
			width: 523px;
			max-height: 292px;
		}
		#moreInfo .textBox p, #moreInfo .textBox ul {
			float: left;
			width: 498px;
			font-size: 15px;
			line-height: 25px;
			white-space: pre-wrap;
		}
		#moreInfo .textBox li {
			list-style-type: disc;
			margin-left: 20px;
		}
	#moreInfo .toggle {
		position: absolute;
		z-index: 1;
		left: 15px;
		top: -30px;
		padding: 2px 15px 5px;
		border-radius: 0 0 2px 2px;
		background: #eb1921;
		font: 16px/20px 'DIN-COME','MisoRegular','Helvetica Neue',helvetica,sans-serif;
		text-transform: uppercase;
	}

.eachSec.feed {
	overflow: hidden;
	min-width: 978px;
}
.latestSec #clients .mask {
	position: relative;
	overflow: hidden;
	height: 60px;
	margin: 10px -120px;
}
.latestSec #clients ul {
	position: absolute;
	white-space: nowrap;
	font-size: 0;
}
.latestSec #clients li {
	display: inline-block;
	float: none;
	margin: 0 30px;
}
.latestSec #clients li:first-child {
	margin-left: 0;
}
.latestSec #clients li:last-child {
	margin-right: 0;
}
	.latestSec #clients a {
		display: block;
		width: 120px;
		height: 50px;
	}
		.latestSec #clients a img {
			position: absolute;

			-webkit-transition: opacity .1s ease-in;
			-moz-transition: opacity .1s ease-in;
			-o-transition: opacity .1s ease-in;
			transition: opacity .1s ease-in;
		}
		.latestSec #clients a img.c1 {
			opacity: 0 !important;
		}
		.latestSec #clients a:hover img.c0 {
			opacity: 0;
		}
		.latestSec #clients a:hover img.c1 {
			opacity: 1 !important;
		}
.fade {
	position: absolute;
	pointer-events: none;
	width: 120px;
	height: 50px;
	background-repeat: repeat-y;
}
	.fade.L {
		left: 0;
		background-image: url('../images/fadeL.png');
	}
	.fade.R {
		right: 0;
		background-image: url('../images/fadeR.png');
	}

.no-scroll {
	overflow: hidden;
}

.lonePage {
	width: 700px;
	margin-bottom: 20px;
	text-align: center;
}
	.lonePage .featTitle {
		margin: 32px 0 12px;
		color: #ee3a43;
		font-size: 60px;
		line-height: 1;
		font-weight: bold;
	}
	.lonePage ul.bullets {
		color: #484848;
	}
	.lonePage p {
		text-align: left;
		margin-bottom: 1em;
		color: #484848;
		font-size: 15px;
		line-height: 1.2;
	}
	.lonePage a.featBtn {
		display: inline-block;
		float: none;
		height: auto;
		padding: 10px 13px 5px;
		background-color: #ee3a43;
		font-size: 30px;
		line-height: 1;
		cursor: pointer;
	}


@media all and (min-width: 978px){

	.mobileOnly {
		display: none;
	}

}
/* - - - - - - - - - MOBILE - - - - - - - - - */
@media all and (max-width: 977px){

.centerSec {
	width: 100%;
}

header.nav,
#mainMenu {
	height: 87px;
}
#mainMenu {
	position: fixed;
	top: 0;
	background: #fff;
}
	#mainMenu .subtitle {
		position: fixed;
		top: 59px;
		left: 14px;
		color: #484848;
	}
#mainNav {
	position: fixed;
	overflow: hidden;
	top: 50px;
	right: 0;
	padding: 17px 14px;
	background-color: #eb1921;

	visibility: hidden;
}
	#mainMenu .logoLink {
		position: fixed;
		top: 17px;
		left: 14px;
		margin: 0;
	}
		#mainMenu .logoLink img {
			display: block;
			width: 240px;
			height: auto;
		}
	#mainNav .currentPage .redBar {
		display: none;
	}
	#mainNav .pageLink {
		float: none;
	}
		#mainNav .pageLink a {
			height: auto;
			padding: 3px 0 0;
			color: #fff;
			line-height: normal;
			font-size: 25px;
		}
		#mainNav .pageLink a:hover,
		#mainNav .currentPage a {
			color: #484848;
		}
#navTog {
	position: fixed;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	background: 50% 50% no-repeat url('../images/icon_navTog.png');
	cursor: pointer;
}

.footerSpace {
	display: none;
}
#footerBar {
	position: static;
	height: auto;
	margin-top: 45px;
	padding: 2px 0 50px;
}
	#footerBar .eachSec {
		background: none;
	}
	#socials {
		position: static;
		height: auto;
		padding: 10px 0;
		text-align: center;
	}
	#socials li {
		float: none;
		display: inline-block;
	}
	#newsCon {
		display: none;
	}
	#contactInfo {
		position: static;
		text-align: center;
		line-height: normal;
	}


#twitFeed, .buzzicon, .buzzSays, 
.feed,
#newsletterWrap {
	display: none;
}

#marqueeBox {
	min-width: 0;
	background-color: #fff;
}
	.centerSecAbs {
		left: auto;
		width: 100%;
		margin-left: 0;
	}
	.featBlock {
		float: none;
		width: 100%;
		margin: 0 auto;
		background-color: #484848;
	}
	.featInfo {
		height: auto;
		width: auto;
		padding: 20px 12px;
		margin: 0;
	}
	.featInfo p {
		float: none;
		width: 100%;
		color: #7a7a7a;
	}
	.featBtn {
		float: none;
		display: inline-block;
	}

#galNavBox {
	top: 87px;
}


}/*(max-width: 977px)*/