/*****************************************
*            EXPLICIT RESETS             *
*****************************************/
ul, ol {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}

img {
	height: auto;
	max-width: 100%;
}



/*****************************************
*            SPECIAL CLASSES             *
*****************************************/

/* Anti-spam Field */
*[name=kse],
*.kse,
#kse,
#p_kse,
input.kse,
textarea.kse {
	position: absolute;
	visibility: hidden;
}

/* CLEARFIX */
.clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clear {
	clear:both;
}

.container .frame {
	width: 1180px;
	margin: 0 auto 0;
}

.reset {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.relative {
	position: relative;
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

img.pull-left {
	margin: 0 20px 20px 0;
}

img.pull-right {
	margin: 0 0 20px 20px;
}

hr {
	clear: both;
}

/*****************************************
*             CONTENT TAGS               *
*****************************************/

.main a,
.main a:visited,
.main a:link {
	text-decoration: underline;
}

.main a:hover {
	text-decoration: none;
}

p {
	margin: 0 0 8px;
}

* + p {
	margin-top: 8px;
}

p.response {
	color: #7a02b8;
	font-style: italic;
}

a, a:active, a:link, a:visited {
	text-decoration: none;
	color: #5e3e6e;
}

a:hover {
	text-decoration: underline;
}


.main ul,
.main ol {
	margin: 10px 0 10px 40px;
}


img.inset-left {
	float: left;
	margin: 5px 40px 20px 0;
}

img.inset-right {
	float: right;
	margin: 5px 0 20px 40px;
}

.header ul.subnav {
	color: #fff;
	display: table;
	font-family: "museo-sans", sans-serif;
	font-size: 20px;
	font-weight: 500;
	list-style: none;
	margin-top: 14px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.header ul.subnav > li {
	display: inline;
	padding: 0 16px;
}

.header ul.subnav > li+li {
	border-left: 2px solid #fff;
}

.header ul.subnav > li > a {
	color: #fff;
}

.header ul.subnav > li.active,
.header ul.subnav > li.active > a,
.header ul.subnav > li > a.active {
	color: #333;
}

.subpage .frame-title h1,
.subpage .frame-title .h1 {
	color: #fff;
	font-family: "museo", serif;
	font-size: 76px;
	font-weight: 500;
	line-height: 1.2;
	margin-top: 60px;
	text-align: center;
}

.subpage .main h1,
.subpage .main .h1 {
	color: #111414;
	font-family: "museo-slab", serif;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 8px;
}

.subpage .main h2,
.subpage .main .h2 {
	font-size: 22px;
	font-family: "museo-slab", serif;
	color: #454459;
	line-height: 1em;
}
.subpage .main h2 small,
.subpage .main .h2 small {
	font-size: 16px;
}
.subpage .main h3,
.subpage .main .h3 {
	font-size: 18px;
	font-family: "museo-slab", serif;
	color: #5e3e6e;
	margin-top: 24px;
}

.subpage .main h4,
.subpage .main .h4 {
	font-size: 18px;
	font-weight: 500;
	text-decoration: underline;
	margin: 0 0 12px 0;
}

.subpage .main p {
	margin: 20px 0;
}

.subpage .main ul {
	margin-left: 40px;
}

.container .portrait {
	background: #a8a8a8;
	background-size: cover;
	height: 800px;
}

.container .frame-portrait {
	height: 100%;
	position: relative;
}

.container .header .signature {
	background: rgba(0, 0, 0, .5);
	color: #fff;
	font-size: 24px;
	left: 49%;
	padding: 15px;
	position: absolute;
	text-align: center;
	top: 45%;
	width: 350px;
}

.main .culture h1,
.main .culture .h1 {
	font-family: "museo-slab", serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
	padding: 16px 0;
}

.main .culture a.a-block {
	background: #5e3e6e;
	border: 1px solid transparent;
	color: #fff;
	display: inline-block;
	margin: 30px 0;
	padding: 12px 20px;
	text-decoration: none;
	text-transform: uppercase;
	*zoom: 1;
}

.main .culture a.a-block:hover {
	background: #4c3059;
}

.main .culture a.a-block > span {
	font-size: 14px;
	padding-left: 12px;
}

/*.main hr,*/
.main .hr {
	background: #d4d4d4;
	height: 2px;
	margin: 50px 0;
	width: auto;
}

.subpage.narrow .main hr,
.subpage.narrow .main .hr {
	margin-left: -35px;
	margin-right: -35px;
}

.footer-tabs h1,
.footer-tabs .h1 {
	color: #fff;
	font-family: "museo", sans-serif;
	font-size: 30px;
	font-weight: 100;
	line-height: 36px;
	margin: 0 0 12px;
}

.widgets h1,
.widgets .h1 {
	font-family: "museo-slab", serif;
	font-size: 20px;
	line-height: inherit;
}

.icon-perk {
	float: left;
	margin: -10px 16px 0 0;
}

.icn {
	display: block;
	float: left;
	margin-right: 8px;
	height: 57px;
	width: 57px;
	background-position: center center;
	-webkit-background-size: contain;
	background-size: contain;
	background-color: transparent;
	background-repeat: no-repeat;
}
.icn-ata { background-image: url(http://www.cjadvertising.com/themes/cj/img/creative-services/icons/ata.png); }
.icn-awards { background-image: url(http://www.cjadvertising.com/themes/cj/img/icons/award.png); }
.icn-people { background-image: url(http://www.cjadvertising.com/themes/cj/img/icons/people.png); }
.icn-camel { background-image: url(http://www.cjadvertising.com/themes/cj/img/icons/camel.png); }
.icn-performance { background-image: url(http://www.cjadvertising.com/themes/cj/img/icons/performance.png); }
.icn-trademark { background-image: url(http://www.cjadvertising.com/themes/cj/img/icons/trademark.png); }
.icn-design { background-image: url(http://www.cjadvertising.com/themes/cj/img/interactive/icons/design.png); }
.icn-dev { background-image: url(http://www.cjadvertising.com/themes/cj/img/interactive/icons/dev.png); }
.icn-seo { background-image: url(http://www.cjadvertising.com/themes/cj/img/interactive/icons/seo.png); }
.icn-cs { background-image: url(http://www.cjadvertising.com/themes/cj/img/client-services/icons/cs-icon-1.png); }
.icn-cs1 { background-image: url(http://www.cjadvertising.com/themes/cj/img/client-services/icons/cs-icon-1.png); }
.icn-cs2 { background-image: url(http://www.cjadvertising.com/themes/cj/img/client-services/icons/cs-icon-2.png); }
.icn-cs3 { background-image: url(http://www.cjadvertising.com/themes/cj/img/client-services/icons/cs-icon-3.png); }
.icn-cs4 { background-image: url(http://www.cjadvertising.com/themes/cj/img/client-services/icons/cs-icon-4.png); }
.icn-sem { background-image: url(http://www.cjadvertising.com/themes/cj/img/interactive/icons/sem.png); }
.icn-content { background-image: url(http://www.cjadvertising.com/themes/cj/img/interactive/icons/content.png); }
.page-interactive .icn-handshake { background-image: url(http://www.cjadvertising.com/themes/cj/img/interactive/icons/handshake.png); }
.page-interactive .icn-ux { background-image: url(http://www.cjadvertising.com/themes/cj/img/interactive/icons/ux.png); }
.page-media .icn-handshake { background-image: url(http://www.cjadvertising.com/themes/cj/img/media/icons/handshake.png); }
.icn-scope-check { background-image: url(http://www.cjadvertising.com/themes/cj/img/interactive/icons/scope-check.png); }
.icn-social-media { background-image: url(http://www.cjadvertising.com/themes/cj/img/interactive/icons/social-media.png); }
.icn-shopping-cart { background-image: url(http://www.cjadvertising.com/themes/cj/img/media/icons/shopping-cart.png);-webkit-background-size: contain;
	background-size: contain; }
.icn-graph { background-image: url(http://www.cjadvertising.com/themes/cj/img/media/icons/graph.png); }
.icn-outdoor { background-image: url(http://www.cjadvertising.com/themes/cj/img/media/icons/outdoor.png); }
.icn-traffic-light { background-image: url(http://www.cjadvertising.com/themes/cj/img/media/icons/traffic-light.png); }
.icn-yellow-pages { background-image: url(http://www.cjadvertising.com/themes/cj/img/media/icons/yellow-pages.png); }
.icn-fish { background-image: url(http://www.cjadvertising.com/themes/cj/img/icons/perk-fish.png); }
.icn-book { background-image: url(http://www.cjadvertising.com/themes/cj/img/icons/perk-book-club.png); }
.icn-training { background-image: url(http://www.cjadvertising.com/themes/cj/img/icons/perk-training.png); }
.contactpage .icn-car { background-image: url(http://www.cjadvertising.com/themes/cj/img/icons/car.png); }
.contactpage .icn-phone { background-image: url(http://www.cjadvertising.com/themes/cj/img/icons/phone.png); }

.page-creative-services .icn {
	display: block; 
	float: none; 
	margin: 0 auto; 
	width: 70px; 
}
.page-creative-services .icn-video-camera { background-image: url(http://www.cjadvertising.com/themes/cj/img/creative-services/icons/video-camera.png); }
.page-creative-services .icn-web-video { background-image: url(http://www.cjadvertising.com/themes/cj/img/creative-services/icons/web-video-large.png); }
.page-creative-services .icn-director-chair { background-image: url(http://www.cjadvertising.com/themes/cj/img/creative-services/icons/director-chair-large.png); float: left; width: 75px; height: 104px; margin-right: 20px; }
.page-creative-services .icn-design { background-image: url(http://www.cjadvertising.com/themes/cj/img/creative-services/icons/design-large.png); }

.icn-cj-book { background-image: url(http://www.cjadvertising.com/themes/cj/img/icons/cj-book.png); }
.icn-thumbs-up { background-image: url(http://www.cjadvertising.com/themes/cj/img/icons/thumbs-up.png); }


.contactpage .icn {
	width: 45px;
	height: 45px;
}
.page-portfolio .icn {
	width: 22px;
	height: 19px;
	background-position: center bottom;
	-webkit-background-size: contain;
	background-size: contain;
}
.page-portfolio .icn-details { background-image: url(http://www.cjadvertising.com/themes/cj/img/projects/icons/details.png); }
.page-portfolio .icn-view-all { width: 36px; background-image: url(http://www.cjadvertising.com/themes/cj/img/projects/icons/view-all.png); }
.page-portfolio .icn-design { background-image: url(http://www.cjadvertising.com/themes/cj/img/projects/icons/design.png); }
.page-portfolio .icn-video-camera { background-image: url(http://www.cjadvertising.com/themes/cj/img/projects/icons/video-camera.png); }
.page-portfolio .icn-web { background-image: url(http://www.cjadvertising.com/themes/cj/img/projects/icons/web.png); }
.page-portfolio .icn-web-video { background-image: url(http://www.cjadvertising.com/themes/cj/img/projects/icons/web-video.png); }




.broadcast .icn-video-camera { 
	background: transparent url(http://www.cjadvertising.com/themes/cj/img/creative-services/icons/video-camera.png) center center no-repeat; 
	display: block;
	height: 70px;
	width: 100%;
}

.broadcast h2,
.broadcast .h2 {
	text-align: center;
}
.broadcast-examples {
	width: 480px;
	float: right;
}
.broadcast-examples .item {
	margin: 0 0 10px 0;
}
.main .column-secondary h1,
.main .column-secondary .h1 {
	border-bottom: 1px solid #d3d3d6;
	color: #5e3e6e;
	display: block;
	font-family: "museo-sans", sans-serif;
	font-size: 18px;
	font-weight: 300;
	padding-bottom: 6px;
	text-transform: uppercase;
	width: 100%;
}

.container .main a.email {
	font-weight: 500;
	text-decoration: none;
}

.main .column-secondary a {
	text-decoration: underline;
}


a.download,
.main a.download,
body .main a.download {
	color: #5e3e6e;
	display: block;
	background: #eee url('http://www.cjadvertising.com/themes/cj/img/backgrounds/bg-download-epk-purple.png') 10px center no-repeat;
	padding: 10px 10px 10px 30px;
	text-decoration: none;
}

/*****************************************
*               STRUCTURE                *
*****************************************/
html {

}

body {
	background: #000;
	font-weight: 300;
	font-family: "museo-sans", sans-serif;
	height: 100%;
}

.container {
	background-color: #171717;
	box-shadow: 0 0 172px rgba(0,0,0,.27);
	height: 100%;
	margin: 0 auto 0;
	position: relative;
	min-width: 1200px;
	max-width: 1700px;
}

/*** HEADER ***/

.container .header {
	background: url(http://www.cjadvertising.com/themes/cj/img/banners/default.jpg) center center no-repeat;
	background-size: cover;
	height: 344px;
	position: relative;
}

.subpage .header {
	height: 320px;
}

.header-auto .header {
	height: auto;
}

.leadership .header {
	height: 800px;
	background-position: 45% center;
}
.page-leadership-overview .isotope {
	margin: 0 70px;
}

.container .header .nav {	
	background: rgba(94, 62, 110, .7);
	box-shadow: inset 0 3px 20px rgba(57, 20, 87, .75);
	height: 85px;
	position: relative;
	z-index: 3;
}

.homepage .container .header { background: url(http://www.cjadvertising.com/themes/cj/img/banners/home_header.jpg) no-repeat; }
.page-interactive .container .header { background: url(http://www.cjadvertising.com/themes/cj/img/banners/interactive.jpg) no-repeat; }
.page-media .container .header { background: url(http://www.cjadvertising.com/themes/cj/img/banners/media.jpg) no-repeat; }
.page-creative-services .container .header { background: url(http://www.cjadvertising.com/themes/cj/img/banners/creative-services.jpg) no-repeat; }
.page-creative-services .service .h2 {
	text-align: center;
}
.page-creative-services .service-design .h2 .icn-design { display: block; height: 80px;
	width: 100%;background: transparent url(http://www.cjadvertising.com/themes/cj/img/creative-services/icons/design-large.png) center center no-repeat; }
	.page-creative-services .service-web-video .h2 .icn-web-video { display: block; height: 80px;
	width: 100%;background: transparent url(http://www.cjadvertising.com/themes/cj/img/creative-services/icons/web-video-large.png) center center no-repeat; }
.services-page .container .header .nav {
	background: rgba(55, 50, 58, .3);
	box-shadow: inset 0 3px 10px rgba(57, 20, 87, 0);
}

.no-rgba .header .nav,
.no-boxshadow .header .nav {
	background: url(http://www.cjadvertising.com/themes/cj/img/backgrounds/bg-nav-home.png) top center repeat-x;
}
.no-rgba .subpage .container .header .nav,
.no-boxshadow .subpage .container .header .nav {
	background: transparent url(http://www.cjadvertising.com/themes/cj/img/backgrounds/bg-nav-trans-black.png) 0 0;
}
.reset-slideshow {
	z-index: 1;
}

.header .frame-nav {
	position: relative;
}

.header .frame-remote {
	z-index: 2;
}

.header .logo {
	left: 28px;
	position: absolute;
	top: 10px;
}



/****************************************
*                 NAVBAR                *
****************************************/

#navToggle {
	color: #d8d8d8;
	display: none;
	float: right;
	font-family: "museo-sans", sans-serif;
	font-weight: 300;
	line-height: 85px;
	padding: 0 40px;
	text-decoration: none;
	text-transform: uppercase;
	/*
	-webkit-transition: background-color .33s ease-in-out;
    -moz-transition: background-color .33s ease-in-out;
    -ms-transition: background-color .33s ease-in-out;
    -o-transition: background-color .33s ease-in-out;
    transition: background-color .33s ease-in-out;
    */
}

#navToggle.active {
	background-color: rgb(94, 62, 110);
}

.container .header .navbar {
	color: #d8d8d8;
	font-size: 18px;
	font-weight: 300;
	height: 85px;
	line-height: 85px;
	margin-left: 240px;
	text-transform: uppercase;
}

.container .header .navbar.mobilebar {
	opacity: 0;
	display: none;
	-webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}

.container .header .navbar > li {
	display: block;
	float: left;
	position: relative;
	white-space:nowrap;
}

.container .header .navbar > li.dropdown {
	background: url(http://www.cjadvertising.com/themes/cj/img/backgrounds/bg-nav-dropdown.png) center bottom no-repeat;
}

.container .header .navbar > li.cjsecure {
	color: #f4f4f4;
	font-weight: 100;
	text-decoration: underline;
	text-transform: lowercase;
}

.container .header .navbar > li.cjsecure:after {
	border: none;
}

.container .header .navbar > li.cjsecure a {
	color: #f4f4f4;
}

.container .header .navbar > li+li {
	border-left: 1px solid transparent;
}

.container .header .navbar > li+li:after {
	border-left: 1px solid #d8d8d8;
	content: "";
	height: 18px;
	left: -1px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
}

.container .header .navbar > li > a {
	color: #d8d8d8;
	display: block;
	line-height: 85px;
	padding: 0 30px;
	text-decoration: none;
}

.container .header .navbar > li ul {
	background: rgb(94, 63, 110);
	background: rgba(94, 63, 110, .95);
	display: none;
	left: 0px;
	line-height: 40px;
	margin: 0;
	padding: 16px 0;
	position: absolute;
}

.container .header .navbar > li ul {
	width: auto; /* controls width of dropdown menus */
}

.container .header .navbar > li ul li ul {
	box-shadow: -1px 0px 3px #333;
	left: 100%;
	top: -16px;
}

.container .header .navbar > li ul li.dropdown > a {
	background: url(http://www.cjadvertising.com/themes/cj/img/backgrounds/bg-nav-li-hover-v-light.png) left center no-repeat;
}

.container .header .navbar > li ul li:hover > a {
	background: #4c3059 url(http://www.cjadvertising.com/themes/cj/img/backgrounds/bg-nav-li-hover-light.png) left center no-repeat;
}

.container .header .navbar > li ul > li {
	display: block;
	float: none;
	position: relative;
}


.container .header .navbar > li  ul > li+li:after {
	border: none;
	left: auto;
	margin: 0;
	padding: auto;
	position: static;
	top: auto;
}

.container .header .navbar > li ul > li > a {
	color: #d8d8d8;
	display: block;
	padding: 0 30px;
	text-decoration: none;
}

/*** COLOR VARIATIONS ***/

/* INTERACTIVE */
.page-interactive .header .navbar > li ul {
	background: rgb(45, 184, 217);
	background: rgba(45, 184, 217, .95);
}
.page-interactive .header .navbar > li ul > li:hover > a {background-color: #0099b8;}
.page-interactive .slider-collapse {
}
/* MEDIA */
.page-media .header .navbar > li ul {
	background: rgb(251, 206, 68);
	background: rgba(251, 206, 68, .95);
}
.page-media .header .navbar > li ul li > a {color: #333;}
.page-media .header .navbar > li ul li.dropdown > a {background-image: url(http://www.cjadvertising.com/themes/cj/img/backgrounds/bg-nav-li-hover-med.png);}
.page-media .header .navbar > li ul > li:hover > a,
.page-media .header .navbar > li ul li.dropdown > a:hover {
	background-image: url(http://www.cjadvertising.com/themes/cj/img/backgrounds/bg-nav-li-hover-dark.png);
	background-color: #e2b61f;
}

/* CLIENT SERVICES */
.page-client-services .header .navbar > li ul {
	background: rgb(0, 150, 106);
	background: rgba(0, 150, 106, .95);
}
.page-client-services .header .navbar > li ul li.dropdown > a {background-image: url(http://www.cjadvertising.com/themes/cj/img/backgrounds/bg-nav-li-hover-light.png);}
.page-client-services .header .navbar > li ul > li:hover > a,
.page-client-services .header .navbar > li ul li.dropdown > a:hover {
	background-image: url(http://www.cjadvertising.com/themes/cj/img/backgrounds/bg-nav-li-hover-dark.png);
	background-color: #0e885f;
}

/* CREATIVE SERVICES */
.page-creative-services .header .navbar > li ul {
	background: rgb(236, 23, 70);
	background: rgba(236, 23, 70, .95);
}
.page-creative-services .header .navbar > li ul > li:hover > a {background-color: #cf1836;}
.page-creative-services .header .navbar > li ul li.dropdown > a {background-image: url(http://www.cjadvertising.com/themes/cj/img/backgrounds/bg-nav-li-hover-med.png);}
.page-creative-services .header .navbar > li ul > li:hover > a,
.page-creative-services .header .navbar > li ul li.dropdown > a:hover {
	background-image: url(http://www.cjadvertising.com/themes/cj/img/backgrounds/bg-nav-li-hover-dark.png);
	background-color: #cf1836;
}



.header .remote {
	position: absolute;
	left: 0;
	overflow: hidden;
	top: 85px;
	-webkit-transition: ease-in-out width .4s;
	           -moz-transition: ease-in-out width .4s;
	            -ms-transition: ease-in-out width .4s;
	             -o-transition: ease-in-out width .4s;
	                transition: ease-in-out width .4s;
	width: 220px;
	z-index: 2;
}

.header .remote:hover,
.header .remote.float:hover {
	width: 220px;
}


.header .remote.float {
	position: fixed;
	left: 50%;
	margin-left: -850px;
	top: 0;
	width: 10px;
}

.services-page .header .remote {
	display: block;
}

.remote a {
	color: #fff;
	display: block;
	height: 54px;
	width: 58px;
	overflow: hidden;
	-webkit-transition: ease-in-out all .3s;
	           -moz-transition: ease-in-out all .3s;
	            -ms-transition: ease-in-out all .3s;
	             -o-transition: ease-in-out all .3s;
	                transition: ease-in-out all .3s;
}

.remote a:hover {
	width: 220px;
}

.remote a i {
	float: left;
	background-repeat: no-repeat;
	display: inline-block;
	height: 46px;
	padding: 4px 6px;
	width: 46px;
}
.remote a:hover {
	text-decoration: none;
}
.remote a span {
	text-align: left;
	display: inline-block;
	float: left;
	vertical-align: middle;
	line-height: 54px;
	padding: 0 12px;
}

.remote a.client-services {background: #00966a;}
.remote a.client-services i { background: #00966a url(http://www.cjadvertising.com/themes/cj/img/icons/client-services.png) center center no-repeat;}
.remote a.creative-services { background: #ec1746;}
.remote a.creative-services i { background: #ec1746 url(http://www.cjadvertising.com/themes/cj/img/icons/creative-services.png) center center no-repeat;}
.remote a.interactive { background: #2db8d9;}
.remote a.interactive i { background: #2db8d9 url(http://www.cjadvertising.com/themes/cj/img/icons/interactive.png) center center no-repeat;}
.remote a.media { background: #fbce44;}
.remote a.media i { background: #fbce44 url(http://www.cjadvertising.com/themes/cj/img/icons/media.png) center center no-repeat;}


/*** MAIN ***/
.main {
	background: #fff;
}

.subpage .main {
	color: #5e3e6e;
	padding: 50px 0;
}

.subpage.narrow .frame-main {
	padding-left: 55px;
	padding-right: 55px;
	width: 1070px;
}

.frame-main header p {
	color: #000000;
}
.container .main .column {
	float: left;
}

.container .main .column+.column {
	float: right;
}

.container .main .column-primary {
	width: 850px;
}

.narrow .main .column-primary {
	width: 780px;
}

.container .main .column-secondary {
	width: 260px;
}

.narrow .main .column-secondary {
	border-left: 1px solid #d3d3d6;
	margin-left: 39px;
	padding-left: 40px;
	width: 208px;
}

.main .swp-breadcrumbs {
	margin-bottom: 20px;
}

.main .culture {
	background: #e6e6e6;
	color: #5e3e6e;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	padding: 50px 0;
}




.main .culture img {

	float: left;
}

.main .culture .content {
	float: right;
	width: 412px;
}



.intro {
	text-align: center;
}

.intro .h1 {
	margin: 50px auto 23px;
	font-family: "museo-slab", sans-serif;
	font-weight: 300;
	color: #454459;
}

.intro p {
	font-style: 18px;
	color: #454459;
}
.featured {
	min-height: 220px;
	overflow: hidden;
	padding: 55px 0 45px;
}

.frame-featured {
	position: relative;
}

.featured .selectWrapper {
	background: rgba(255, 255, 255, .9);
	color: #5e3e6e;
	position: absolute;
	right: 0px;
	top: -45px;
	width: 160px;
	z-index: 1;
}

.featured .selectWrapper > a {
	color: #5e3e6e;
	display: block;
	font-family: "museo-slab", serif;
	font-size: 16px;
	font-weight: 500;
	height: 46px;
	line-height: 52px;
	padding: 0 10px;
	text-decoration: none;
}

.featured ul.select {
	color: #5e3e6e;
	cursor: pointer;
	display: none;
	font-family: "museo-slab", serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 46px;
	overflow: hidden;
	position: relative;
	margin: 0;
}

.featured ul.select.active {
	display: block;
}

.featured .select > li {
	clear: both;
	display: block;
	padding: 0 10px;
}

.featured .select > li:hover {
	background: rgba(0,0,0,.2);
}

.featured .item {
	background: #e6e6e6;
	color: #fff;
	font-family: "museo-sans", serif;
	font-weight: 500;
	margin: 10px;
	overflow: hidden;
	text-transform: uppercase;
	width: 564px;
}

.featured .item span {
	background: rgba(69, 68, 89, .7) url(http://www.cjadvertising.com/themes/cj/img/backgrounds/bg-nav-li-hover-light.png) right center no-repeat;
	bottom: 0px;
	font-size: 16px;
	line-height: 1.4;
	padding: 25px;
	position: absolute;
	width: 514px;
	display: none;
}

.featured .item:hover span {

	display: block;
}

.featured .item a {
	text-decoration: none;
	/*color: #5e3e6e;*/
	color: #ffffff;
	display: block;
}

.featured .item p {
	color: #5e3e6e;
	margin: 0;
	padding: 20px;
}

.featured .item img {
	height: auto;
	width: 100%;
}

.featured .item-client-services {
	border-left: 16px solid #00966a;
}
.featured .item-video,
.featured .item-creative-services,
.featured .item-design,
.featured .item-web-video {
	border-left: 16px solid #ec1746;
}
.featured .item-web,
.featured .item-interactive {
	border-left: 16px solid #2db8d9;
}

.featured .item-media {
	border-left: 16px solid #fbce44;
}

.featured .item-sm {height: 120px;}
.featured .item-md {height: 240px;}
.featured .item-lg {height: 330px;}

/*** FOOTER ***/
.footer {
	padding: 52px 0px;
}

.footer-tabs {
	background: #ad94c2;
	border-left: 16px solid #5e3e6e;
	display: none;
	min-height: 410px;
	margin-bottom: 58px;
}
.homepage .frame-intro > .h1 {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.homepage .footer-tabs {
	display: block;
}

.footer-tabs ul.sections {
	background: #5e3e6e;
	display: block;
	height: 54px;
	font-family: "museo", sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 24px;
	list-style: none;
}

.footer-tabs ul.sections > li {
	display: inline-block;
	float: left;
	line-height: 54px;
	width: 232px;
	*zoom: 1;
}

.footer-tabs ul.sections > li+li {
	border-left: 1px solid #9897b2;
}

.footer-tabs ul.sections > li > a {
	color: #fff;
	display: block;
	height: 54px;
	line-height: 54px;
	padding: 0 38px;
	text-align: center;
	text-decoration: none;
}

.footer-tabs ul.sections > li > a.active, .footer-tabs ul.sections > li > a.active:hover  {
	background: #ad94c2;
	position: relative;
}
.footer-tabs ul.sections > li > a:hover {
	background: #4c3059;
}

.footer-tabs ul.sections > li > a.active:after {
	border-bottom: 3px solid #5e3e6e;
	content: attr(data);
	display: block;
	height: 0px;
	margin: -3px -14px 0 -14px;
	overflow: hidden;
	text-indent: -9990px;
}

.footer-tabs .pane {
	padding: 35px 55px;
}

.footer-tabs > .pane {
	position: relative;
}

#pane-cj .contact-info {
	color: #fff;
	float: left;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	width: 500px;
}

#pane-cj .contact-info a {
	color: inherit;
	text-decoration: none;
}

#pane-cj .contact-info img.building {
	margin: 12px 0 30px;
}

#pane-cj .socials {
	display: table;
	margin: 22px auto 0;
}

#pane-cj .socials a.social {
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 36px;
	margin: 0 16px;
	width: 36px;
	background-position: 0 0;
}
#pane-cj .socials a.social:hover {
	background-position: 0 -38px;
}
#pane-cj a.social-facebook {background-image: url(http://www.cjadvertising.com/themes/cj/img/social/home/facebook-36x36.png);}
#pane-cj a.social-twitter {background-image: url(http://www.cjadvertising.com/themes/cj/img/social/home/twitter-36x36.png);}
#pane-cj a.social-youtube {background-image: url(http://www.cjadvertising.com/themes/cj/img/social/home/youtube-36x36.png);}
#pane-cj a.social-google {background-image: url(http://www.cjadvertising.com/themes/cj/img/social/home/google-36x36.png);}
#pane-cj a.social-linkedin {background-image: url(http://www.cjadvertising.com/themes/cj/img/social/home/linkedin-36x36.png);}
#pane-cj a.social-blog {background-image: url(http://www.cjadvertising.com/themes/cj/img/social/home/blog-36x36.png);}

#pane-cj .directions {
	float: right;
	width: 416px;
}

#pane-cj a.map {
	background: url(http://www.cjadvertising.com/themes/cj/img/backgrounds/bg-directions.jpg) no-repeat;
	color: #f3f4ea;
	display: block;
	line-height: 60px;
	overflow: hidden;
	padding: 233px 0 0 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 416px;
	z-index: 1;
}

#pane-cj a.map:after {
	background: #5e3e6e;
	border-left: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-right: 3px solid transparent;
	bottom: 0;
	content: "";
	height: 60px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -1;
}

#pane-cj a.map:hover:after {
	background: #4c3059;
	border-left: 3px solid #583369;
	border-bottom: 3px solid #583369;
	border-right: 3px solid #583369;
}

#pane-cj a.map span {
	font-size: 12px;
	line-height: 16px;
	padding-left: 12px;
}

#pane-cj a.map:hover {

}

#pane-intouch .content {
	color: #fff;
	float: left;
	font-weight: 100;
	line-height: 28px;
	width: 330px;
}

#pane-intouch .form {
	float: right;
	width: 656px;
}

#pane-intouch .col {
	float: left;
}

#pane-intouch .col1 {
	width: 400px;
}

#pane-intouch .col2 {
	width: 256px;
}

#pane-intouch input[type="text"],
#pane-intouch textarea {
	background: #957aab;
	border: 4px solid #fff;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 300;
	margin: 4px;
	padding: 0 12px;
	text-transform: uppercase;
}

#pane-intouch input[type="text"] {
	float: left;
	height: 36px;
	line-height: 36px;
	width: 360px;
}

#pane-intouch input.sm {
	float: left;
	width: 160px;
}


#pane-intouch textarea {
	height: 116px;
	padding: 12px;
	resize: none;
	width: 216px;
}

#pane-intouch input[type="submit"] {
	background: #fff;
	border: none;
	color: #5e3e6e;
	display: block;
	font-weight: 700;
	height: 44px;
	line-height: 44px;
	margin: 8px auto;
	padding: 0 20px;
	text-transform: uppercase;
}

#pane-work {
	
}

#pane-work .video {
	background: #fff;
	float: left;
	height: 237px;
	width: 420px;
}

#pane-work .content {
	background: #d6cae1;
	color: #5e3e6e;
	font-family: "museo-slab", serif;
	float: right;
	line-height: 28px;
	padding: 38px;
	width: 524px;
}

#pane-work .content a {
	font-size: 20px;
	text-decoration: underline;
}
#pane-work .content h2.h1 a {
	font-family: "museo", sans-serif;
	font-size: 30px;
	font-weight: 100;
	line-height: 36px;
	margin: 0 0 12px;
}
#pane-network {

}

#pane-network .network {
	float: left;
	width: 440px;
}

#pane-network .companies {
	background: rgba(94, 62, 110, .3);
	color: #fff;
	display: block;
	font-family: "museo-slab", serif;
	font-size: 22px;
	line-height: 1.8;
	list-style: none;
	padding: 25px 20px;
}

#pane-network a {
	color: #fff;
}

#pane-network .content a {
	text-decoration: underline;
}

#pane-network .companies img {
	margin-right: 16px;
}

#pane-network .content {
	color: #fff;
	float: right;
	font-weight: 100;
	line-height: 1.7;
	width: 540px;
}

#pane-social .content {
	color: #fff;
	float: left;
	font-size: 16px;
	font-weight: 100;
	line-height: 1.7;
	width: 540px;
}

.widgets {
	background: #fff;
	border-bottom: 3px solid #5e3e6e;
	border-left: 3px solid #5e3e6e;
	border-right: 3px solid #5e3e6e;
	float: right;
	width: 420px;
}
.widgets {
	width: 420px;
	background: #fff;
	border-bottom: 3px solid #5e3e6e;
	border-left: 3px solid #5e3e6e;
	border-right: 3px solid #5e3e6e;

}
.social-header {
	background: #5e3e6e;
	height: 60px;
	line-height: 60px;
	padding: 0 34px;
	position: relative;
}

ul.socials {
	display: block;
	float: right;
	list-style: none;
	position: absolute;
	right: 38px;
	top: 12px;
}

ul.socials > li {
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 32px;
	width: 32px;
}

ul.socials > li+li {
	margin-left: 10px;
}

ul.socials > li.social:hover > a,
ul.socials > li.social > a.active {
	background-position: 0 -32px;
}

ul.socials > li.social-facebook > a {background-image: url(http://www.cjadvertising.com/themes/cj/img/social/widgets/facebook.png);}
ul.socials > li.social-twitter > a {background-image: url(http://www.cjadvertising.com/themes/cj/img/social/widgets/twitter.png);}
ul.socials > li.social-youtube > a {background-image: url(http://www.cjadvertising.com/themes/cj/img/social/widgets/youtube.png);}
ul.socials > li.social-google > a {background-image: url(http://www.cjadvertising.com/themes/cj/img/social/widgets/google.png);}

ul.socials > li a {
	display: block;
	height: 32px;
	overflow: hidden;
	text-indent: -9999px;
	width: 32px;
}

.footer-links {
	background: #323232;
	height: 56px;
	font-family: "museo", sans-serif;
	margin-bottom: 12px;
	text-align: center;
}

.frame-footer-links {
	position: relative;
}

.footer-links ul.links {
	color: #bab6ba;
	display: table;
	height: 56px;
	margin: 0 auto 0;
	padding-right: 196px;
}

.footer-links ul.links > li {
	display: inline-block;
	float: left;
	font-size: 16px;
	line-height: 56px;
	*zoom: 1;
}

.footer-links ul.links > li > a {
	color: #bab6ba;
	line-height: 16px;
	padding: 0 14px;
	text-decoration: none;
}

.footer-links ul.links > li+li > a {
	border-left: 1px solid #bab6ba;	
}

.footer-links .socials {
	height: 26px;
	position: absolute;
	right: 20px;
	top: 14px;
}

.footer-links a.social {
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 26px;
	margin: 0 9px;
	width: 26px;
	background-position: 0 0;
}
.footer-links a.social:hover {
	background-position: 0px -28px;
}
.footer-links a.social-facebook {background-image: url(http://www.cjadvertising.com/themes/cj/img/social/footer/facebook-26x26.png);}
.footer-links a.social-google {background-image: url(http://www.cjadvertising.com/themes/cj/img/social/footer/google-26x26.png);}
.footer-links a.social-twitter {background-image: url(http://www.cjadvertising.com/themes/cj/img/social/footer/twitter-26x26.png);}
.footer-links a.social-youtube {background-image: url(http://www.cjadvertising.com/themes/cj/img/social/footer/youtube-26x26.png);}
.footer-links a.social-linkedin {background-image: url(http://www.cjadvertising.com/themes/cj/img/social/footer/linkedin-26x26.png);}
.footer-links a.social-blog {background-image: url(http://www.cjadvertising.com/themes/cj/img/social/footer/blog-26x26.png);}


.footer .copyright {
	color: #8b8b8b;
	font-size: 12px;
	font-weight: 100;
	line-height: 36px;
	text-align: center;
}



/*** TRADEMARK PAGE ***/


/*** Isotope ***/
.container .iso-container {
	margin: 0 -10px 0;
}

.narrow .iso-container {
	margin: 50px -7px 0;
	overflow: hidden;
}

.trademark .iso-container .item {
	height: 200px;
	margin: 7px;
	padding-bottom: 38px;
	width: 200px;
}

.trademark .iso-container  .item span {
	color: #5e3e6e;
	display: block;
	font-family: "museo-slab", serif;
	font-size: 18px;
	line-height: 38px;
	position: absolute;
	text-align: center;
	width: 100%;
}

.trademark .iso-container  .item img {
	height: auto;
	width: 100%;
}

.learn-more {
	padding-right: 11px;
	text-transform: uppercase;
	font-weight: 300;
	background: transparent url(http://www.cjadvertising.com/themes/cj/img/icons/right-arrow.png) right center no-repeat;

	text-align: right;
}

.page-creative-services .learn-more a { background: transparent url(http://www.cjadvertising.com/themes/cj/img/creative-services/icons/down-arrow.png) right center no-repeat; }
.page-interactive .learn-more a { background: transparent url(http://www.cjadvertising.com/themes/cj/img/interactive/icons/down-arrow.png) right center no-repeat; }
.subpage .lm-client-services { background: transparent url(http://www.cjadvertising.com/themes/cj/img/client-services/icons/right-arrow.png) right center no-repeat; }
.subpage .lm-creative-services { background: transparent url(http://www.cjadvertising.com/themes/cj/img/creative-services/icons/right-arrow.png) right center no-repeat; }
.subpage .lm-interactive { background: transparent url(http://www.cjadvertising.com/themes/cj/img/interactive/icons/right-arrow.png) right center no-repeat; }
.subpage .lm-media { background: transparent url(http://www.cjadvertising.com/themes/cj/img/media/icons/right-arrow.png) right center no-repeat; }


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

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

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

.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;
}

/**** 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;
}



/**
 * Contact
 */

.contactpage .main h1,
.contactpage .main .h1,
.contactpage .sub-main h2,
.contactpage .sub-main .h2 {
	color: #ffffff;
	font-family: "museo-slab", serif;
	font-size: 30px;
	font-weight: 500;
	padding: 0 0 10px 0;
}
.contactpage .main .ccm-layout-col-1 h3 {
	color: #ffffff;
	font-size: 24px;
	font-family: "museo-slab", serif;
}
.contactpage .main .ccm-layout-col-1 p {
	margin-top: 0;
}
.contactpage .main .column-left,
.contactpage .main .column-right {
	padding: 0 20px;

}

.contactpage .main .column-right {
	padding-left: 44px;
}

.contactpage .remote {
	display: none;
}

.contactpage .main {
	background-color: #ad94c2;
	color: #ffffff;
}

.contactpage .intro {
	float: left;
	width: 656px;
	padding-left: 20px;
}

.contactpage .intro img:first-child {
	margin-bottom: 11px;
}

.contactpage .address {
	width: 184px;
	padding-left: 20px;
	float: left;
}

.contactpage .main h3 {
	line-height: 45px;
	font-weight: 300;
	font-family: "museo-sans", sans-serif;
	color: #ffffff;
}

.contactpage .address > a {
	text-decoration: none;
	padding-left: 15px;
	color: #ffffff;
	background: transparent url(http://www.cjadvertising.com/themes/cj/img/icons/map-pin-white.png) left center no-repeat;
}

.contactpage .address > a:hover {
	text-decoration: underline;
}

.contactpage .phone {
	width: 229px;
	float: left;
	border-left: 1px solid #ffffff;
	padding-left: 44px;
	margin-left: 44px;
}

/* Form */
::-webkit-input-placeholder { color: #ffffff; font-family: "museo-sans", sans-serif; text-transform: uppercase; font-weight: 300; font-size: 16px; text-transform: uppercase; }
::-moz-placeholder { color: #ffffff; font-family: "museo-sans", sans-serif; text-transform: uppercase; font-weight: 300; font-size: 16px; text-transform: uppercase; } 
:-ms-input-placeholder { color: #ffffff; font-family: "museo-sans", sans-serif; text-transform: uppercase; font-weight: 300; font-size: 16px; text-transform: uppercase; }
input:-moz-placeholder { color: #ffffff; font-family: "museo-sans", sans-serif; text-transform: uppercase; font-weight: 300; font-size: 16px; text-transform: uppercase; }
.placeholder { color: #ffffff; font-family: "museo-sans", sans-serif; text-transform: uppercase; font-weight: 300; font-size: 16px; text-transform: uppercase; }

.contact-form {
	float: right;
	width: 434px;
	padding-bottom: 25px;
}

.contact-form label {
	display: none;
}

.contact-form input, .contact-form textarea {
	padding: 12px;
	margin: 0 0 8px 0;
	resize: none;
	width: 362px;
	background-color: transparent;
	border: 4px solid #ffffff;
	color: #ffffff;
	text-transform: uppercase;
}

.contact-form .control-group input {
	width: 160px;
	float: left;
}

.contact-form .control-group input[name="location"] {
	margin-left: 10px;
}

.contact-form input[type="submit"] {
	color: #5e3e6e;
	background-color: #ffffff;
	padding: 0 22px;
	height: 49px;
	line-height: 49px;
	text-transform: uppercase;
	font-size: 16px;
	width: auto;
	font-weight: bold;
}
.contact-form input[type="submit"]:hover {
	background-color: #5e3e6e;
	color: #ffffff;
}

.contactpage .contact-info {
	margin-top: 25px;
}
.contactpage .google-map {
	margin: 0 0 0 -260px;
	padding: 0;

}
.contactpage .main-sub {
	background-color: #5e3e6e;
	width: auto;
}

.contactpage .main-sub .widgets {
	position: absolute;
	right: 20px;
	top: 32px;

}
.contactpage .frame-main-sub {
	position: relative;
}

.contactpage .widgets h1,
.contactpage .widgets .h1,
.contactpage .widgets h2,
.contactpage .widgets .h2 {
	color: #ffffff;
	font-weight: 100;
}

.portfolio .container .header {
	background-color: #aab0bc;
}



/* ======================================
	 After the Accident Video Series
 	 ====================================== */
#prev-video, #next-video {
  display: block;
  position: absolute;
  top: 115px;
 
  font-size: 72px;
  font-weight: bold;
  text-decoration: none;
  color: #ccc;
}
#prev-video:hover, #next-video:hover {
    color:#5e3e6e;
  }
.ata-video-series .player-controls {
		position: relative;
	}
#prev-video {
	left: 120px;
}
#next-video {
  right: 120px;
}
@media (max-width: 480px) {
	#prev-video, #next-video {
    display: none;
  }
}
.ata-video-series.subpage .main {
	padding: 0;
}
.ata-video-series .main > .frame {
	width: 100%;
}
.ata-video-series .inner-frame {
	width: 834px;
}
.cta-last p {
	color: #454459;
	padding-bottom: 20px;
	text-align: left;
}
.cta-last a {
	color: #454459;
	
}
.video-thumb {
	float: left;
	margin-right: 20px;
}
.video-thumb + strong {
	font-size: 19px;
}
.ata-overview .cta {
	text-transform: uppercase;
	margin-top: 35px;
	display: block;
	float: left;
	text-align: left;
}
.ata-video-series .frame-main h2 {
	background-color: #e6e6e6;

	padding: 40px 0;
	font-size: 30px;
	font-family: "museo-sans", sans-serif;
	font-weight: 300;
}
.contact-cta {
	background-color: #e6e6e6;
	padding: 20px 0;
}
.contact-cta p.frame {
	margin: 0 auto;
	text-align: left;
}
.breadcrumb {
	text-align: left;
}
.breadcrumb a {
	text-decoration: none;
}
.breadcrumb a:hover {
	text-decoration: underline;
}
.ata-video-series div[role="main"] {
	text-align: center;
}
.ata-video-series div[role="main"] header:before {
	display: none;
}
.ata-video-series .video-series-container {
	background-color: #e6e6e6;
	border: 1px solid #a9a9a9;
	border-width: 2px 0;
	padding: 28px 0;
	margin-top: 25px;
}

.ata-video-series .frame-main .content, .ata-video-series .frame-video-series-thumbs {
	width: 862px; /* desktop */
	margin: 0 auto;
}


.ata-video-series .frame-main .content header, .ata-video-series .frame-video-series-thumbs header {
		width: 100%;
		padding-left: 0;
		text-align: left;
	}
.ata-video-series .videowrap {
		margin: 0 auto;
	}
.ata-video-series h3 {
		text-align: center;
		font-size: 30px;
		text-align: center;
	}
.ata-video-series .videowrap + h3 + p {
	text-align: center;
}
.quick-nav li { float: none; }
.quick-nav { word-spacing: -4px; text-align: left; }
.quick-nav li { display: inline-block; letter-spacing: normal; word-spacing: normal; text-align: left; }
.quick-nav li a { display: inline-block; }
.lt-ie8 .quick-nav li, .lt-ie8 .quick-nav li a { display: inline; zoom: 1; }
.ata-video-series .quick-nav {
	width: 100%;
}


.ata-video-series .quick-nav li {
	position: relative;
	width: 253px;
	text-align: center;
}
.ata-video-series .quick-nav li + li {
	margin-left: 10px;
	margin-top: 6px;
}
.ata-video-series .quick-nav li:nth-child(3n+1)  {
	margin-left: 0;
}
.ata-video-series .quick-nav li a {
	height: 182px;
	display: block;
	color:#fff;
	text-decoration: none;

}
.ata-video-series .quick-nav li p {
	display: none;
}
.ata-video-series .quick-nav h4 {
	position: absolute;
	background-color: #5e3e6e;
	left: 0;
	bottom: 0;
	width: 223px;
	padding: 20px 15px 15px;
	height: 30px;
	line-height: 1.2;
	margin: 0;
	text-decoration: none;
	font-weight: 300;
	font-size: 14px;
	font-family: "museo-sans", sans-serif;
}


.ata-video-series .morning-before { background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/morning-before.jpg); }
.ata-video-series .car-accident { background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/car-accident.jpg); }
.ata-video-series .waking-in-hospital { background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/waking-in-hospital.jpg); }
.ata-video-series .emotional-strain { background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/emotional-strain.jpg); }
.ata-video-series .called-a-lawyer { background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/called-a-lawyer.jpg); }
.ata-video-series .unpleasant-recovery { background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/unpleasant-recovery.jpg); }
.ata-video-series .hospital-discharge { background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/hospital-discharge.jpg); }
.ata-video-series .back-home { background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/back-home.jpg); }
.ata-video-series .office-news { background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/office-news.jpg); }
.ata-video-series .family-financial-support { background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/family-financial-support.jpg); }
.ata-video-series .doctor-visit { background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/doctor-visit.jpg); }
.ata-video-series .joblessness { background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/joblessness.jpg); }
.ata-video-series .back-to-work { background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/back-to-work.jpg); }
.ata-video-series .family-impact { background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/family-impact.jpg); }
.ata-video-series .buried-in-bills { background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/buried-in-bills.jpg); }
.ata-video-series .big-insurance { background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/big-insurance.jpg); }
.ata-video-series .home-stress { background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/home-stress.jpg); }
.ata-video-series .call-attorney { background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/call-attorney.jpg); }
.ata-video-series .full-length { 
		position: relative;
		background-image: url(http://www.cjadvertising.com/themes/cj//img/ata-thumbs/full-length.jpg);
		
	}
.ata-video-series .full-length p {
		height: 100%;
		display: block;
		color: #ffffff;
		position: absolute;
		left: 0;
		width: 80%;
		padding: 0 10%;
		top: 0;
		text-align: center;
		font-size: 16px;
	}
.ata-video-series .full-length p strong {
	font-size: 18px;
}

.ata-video-series .container .header {
	height: auto;

}
.ata-video-series .container .header .nav {
		background-image: none;
	background-color: #5e3e6e;
}
.ata-video-series .frame-remote {
	display: none;
}
/* Added to override Horizontal Nav mixin defaults */
.ata-video-series .note {
	text-align: center;
}
.ata-video-series .callout {
	color: #fff;
	background-color: #5e3e6e;
	padding: 20px 0;
	text-align: center;
}
.ata-video-series .callout  a {
	color: #fff;
}
div.videowrap {	
		width: 640px; 
		height: 360px;
}

@media only screen and (max-width:1239px) {
	.ata-video-series .frame-main .content, .ata-video-series .frame-video-series-thumbs {
		width: 768px;
	}
	.ata-video-series .quick-nav {
		text-align: center;
	}
	.ata-video-series .quick-nav li:nth-child(even)  {
	margin-left: 10px;
	}
	.ata-video-series .quick-nav li:nth-child(odd)  {
		margin-left: 0;
	}
	div.videowrap {	
		width: 668px; 
		height: 376px;
	}
	#prev-video {
	left: -30px;
}
#next-video {
  right: -30px;
}
}
@media only screen and (max-width:767px) {
	.ata-video-series .frame-main .content, .ata-video-series .frame-video-series-thumbs {
		width: 100%;
	}
	div.videowrap {	
		width: 440px; 
		height: 270px;
	}
	.ata-video-series .quick-nav li:nth-child(even)  {
		margin-left: 0;
	}
	#prev-video, #next-video {
		top: 70px;
	}
}
@media only screen and (max-width:479px) {
	div.videowrap {	
		width: 288px; 
		height: 162px;
		margin-left: -40px;
	}
}




















@media only screen and (max-width:1699px) {
	.header .remote.float {
		left: 0px;
		margin-left: 0;
	}
}

@media only screen and (max-width:1239px) {

	.contactpage .address {
		padding-left: 0;
	}
	.contactpage .intro {
		float: none;
		width: 100%;
		text-align: center;
		margin: 0 auto;
		padding-left: 0;
	}
	.contact-form {
		float: none;
		margin: 20px auto;
	}
	.contact-info {
		margin: 20px auto;
	}
	.contact-info .vcard {
		width: 100%;
	}
	.contact-info .address, .contact-info .phone {
		float: none;
		display: inline-block;
	}
	.contact-form {
		margin: 0 auto;
	}
	.contact-form input[type="text"], .contact-form textarea {
		width: 401px;
	}
	.contact-form .control-group input[type="text"] {
		width: 179px;
	}
	.contact-form .control-group input[name="location"] {
		margin-left: 11px;
	}
	.page-leadership-overview .isotope {
		margin: 0 20px;
	}
}

@media only screen and (max-width:767px) {
.page-leadership-overview .isotope {
		margin: 0 75px;
	}
	.contactpage .phone {
		margin-left: 20px;
		padding-left: 20px;
		width: 215px
	}
}

@media only screen and (max-width:479px) {
	.page-leadership-overview .isotope {
		margin: 0;
	}
	.contact-form input[type="text"], .contact-form textarea {
		width: 265px;
	}
	.contactpage .address {
		width: auto;
		margin: 20px auto 10px;
		float: none;
		display: block;
	}
	.contactpage .phone {
		margin: 10px auto 20px;
		padding-left: 0;
		width: auto;
		border-width: 1px 0 0 0;
		display: block;
	}
	.contact-form .control-group input[type="text"] {
		width: 265px;
		float: none;
	}
	.contact-form .control-group input[name="location"] {
		margin-left: 0;
	}
	#HTMLBlock1420 {
		display: none;
	}
}




/*****************************************
*                  Columns              *
*****************************************/

.column-left, .column-right {
	padding: 0 0 0 20px;
	margin-top: 19px;
}

.column-right {
	border-left: 2px solid #d4d4d4;
}

	.col2 .col {
		width: 440px;
		padding: 0 74px;
		float: left;
	}
	
	.col2 .col + .col {
		border: 1px solid #d4d4d4;
		border-width: 0 0 0 2px;
	}


.services-page .btn a {
	background-color: #2db8d9;
	color: #ffffff;
	text-transform: uppercase;
	display: inline-block;
	height: 49px;
	line-height: 49px;
	font-size: 14px;
	font-weight: 500;
	padding: 0 17px;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	/* keeps background from busting out of border  */
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding;
	        background-clip: padding-box;
}

.subpage .btn a:hover {
	background-color: #279ab6;
	text-decoration: none;
}
.page-creative-services .btn a {
	background-color: #ec1746;
	text-decoration: none;
}
.services-page .btn-our-work a span {
	background: url(http://www.cjadvertising.com/themes/cj/img/icons/right-arrow-white.png) right 2px no-repeat;
	padding-right: 16px;
}

.page-interactive .main-sub {
	background-color: #2db8d9;
	color: #ffffff;
}
.services-page .main-sub {
	padding: 57px 0;
}
.services-page .main-sub .main-sub-images {
	float: right;
	width: 710px;
}
.services-page .main-sub .main-sub-images * {
	float: right;
}
.services-page .main-sub .main-sub-images *:first-child {
	float: left;
}
.services-page .main-sub .btn-our-work {
	margin: 20px 0;
	text-align: center;
}
.page-interactive .main-sub .btn-our-work a  {
	color: #2db8d9;
}
.page-client-services .main-sub .btn-our-work a  {
	border: 1px solid transparent;
	color: #00966a;
}

.page-client-services .main-sub .btn-our-work a:hover {
	background: #00966a;
	border: 1px solid #fff;
	color: #fff;
}

.page-client-services .main-sub .btn-our-work a:hover span {
	background: url(http://www.cjadvertising.com/themes/cj/img/client-services/icons/right-arrow-white.png) right 2px no-repeat 
}




.services-page .main-sub .btn-our-work a span {
		background: url(http://www.cjadvertising.com/themes/cj/img/interactive/icons/right-arrow.png) right 2px no-repeat;
}
.page-media.services-page .main-sub .btn-our-work a span {
		background: url(http://www.cjadvertising.com/themes/cj/img/icons/right-arrow-black.png) right 2px no-repeat;
}
.page-interactive.services-page .main-sub .btn-our-work a:hover span {
		background: url(http://www.cjadvertising.com/themes/cj/img/icons/right-arrow-white.png) right 2px no-repeat;
}
.page-creative-services .main-sub .btn-our-work a span {
	background: url(http://www.cjadvertising.com/themes/cj/img/creative-services/icons/right-arrow.png) right 2px no-repeat;
	padding-right: 16px;
}
.page-creative-services .main-sub .btn-our-work a:hover span {
	background: url(http://www.cjadvertising.com/themes/cj/img/icons/right-arrow-white.png) right 2px no-repeat;
}
.page-client-services .main-sub .btn-our-work a span {
	background: url(http://www.cjadvertising.com/themes/cj/img/client-services/icons/right-arrow.png) right 2px no-repeat;
	padding-right: 16px;
}
.page-media .main-sub { 
	background-color: #fbce44;
	color: #000000;
}
.page-creative-services .main-sub { 
	background-color: #ec1746;
	color: #ffffff;
}
.page-client-services .main-sub { 
	background-color: #00966a;
	color: #ffffff;
}
.page-media .main-sub .btn-our-work a  {
	color: #000000;
	border: 1px solid transparent;
}
.page-interactive .main-sub .btn-our-work a  {
	border: 1px solid transparent;
}
.page-interactive .main-sub .btn-our-work a:hover  {
	border: 1px solid #ffffff;
	color: #ffffff;
	background-color: transparent;
}
.page-creative-services .main-sub .btn-our-work a  {
	color: #ec1746;
	border: 1px solid transparent;
}
.page-creative-services .main-sub .btn-our-work a:hover {
	border: 1px solid #ffffff;
	background-color: transparent;
	color: #ffffff;
}
.page-media .main-sub .btn-our-work a:hover  {
	background-color: transparent;
	border: 1px solid #ffffff;
}
.main-sub .cta {
	float: left;
	margin-left: 40px;
		text-align: center;
	width: 315px;
}
.main-sub .cta p {
		text-align: left;
	}
.main-sub .cta h3,
.main-sub .cta .h3 {
	
	text-align: center;
	font-size: 22px;
	font-weight: 300;
	font-family: "museo-sans", sans-serif;
}
.page-interactive .cta h3,
.page-interactive .cta .h3 {
	color: #ffffff;
} 
.main-sub .btn-our-work {
	margin: 0 0 0 87px;
}
.main-sub .btn-our-work a {
	background-color: #ffffff;
}

.page-media .main .number-charts {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.page-media .main .number-charts li {
	display: inline-block;
	width: 220px;
	margin: 0 50px;
	position: relative;
}

.page-media .main .number-charts p {
	margin: 10px 0;
}

.page-media .number-charts .number {
	position: absolute;
	width: 100%;
	top: 102px;
	font-size: 30px;
	font-weight: 900;
	font-family: "museo-sans", sans-serif;

}
.page-media .chart {
	width: 216px;
	height: 216px;
	line-height: 216px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	/* keeps background from busting out of border  */
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding;
	        background-clip: padding-box;
	        -webkit-transition: ease-in-out all .2s;
	           -moz-transition: ease-in-out all .2s;
	            -ms-transition: ease-in-out all .2s;
	             -o-transition: ease-in-out all .2s;
	                transition: ease-in-out all .2s;
}
.page-media .currency:before {
	display: inline-block;
	content: '$';
}
.chart {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-top: 10px;
  margin-bottom: 0px;
  text-align: center;
}

.number-chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}
/*****************************************
*             Interactive                *
*****************************************/
.page-interactive .design-develop h3,
.page-interactive .design-develop .h3 {
	clear: both;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 0;
	margin-bottom: 0;
	font-family: "museo-sans", sans-serif;
}
.design-develop-container .col {
	padding: 0;
}
.design-develop-examples {
	width: 600px;
	float: right;
}
.design-develop-examples .item {
	width: 277px;
	margin-left: 22px;
	margin-bottom: 22px;
	float: left;
}
.services-page .service {
	padding-top: 21px;
	position: relative;
} 
.services-page .service-title {
	width: 350px;
	float: left;
}
.services-page .service-description {
	width: 620px;
	float: left;
	border-left: 2px solid #d4d4d4;
	padding: 0 40px;
}
.service-page .service-images {
	float: right;
}
.services-page .service-description > p {
	margin: 0;
	padding: 0;
}
.services-page .service-title h2,
.services-page .service-title .h2 {
	width: 270px;
	margin: 0 auto;
	font-family: "museo-slab", serif;
	font-size: 22px;
	font-weight: 500;
	line-height: 1em;
}
.services-page .service-title h2 .icn,
.services-page .service-title .h2 .icn {
	margin-top: -5px;
}
.services-page .service-title h2 small,
.services-page .service-title .h2 small {
	display: block;
	font-size: 16px;
	font-family: "museo-sans", sans-serif;
	
}

.slider-container {
	position: relative;
	padding-right: 120px;
}

.slider-collapse {
	overflow: hidden;
	display: block;
  -webkit-transition: height .33s;
     -moz-transition: height .33s;
      -ms-transition: height .33s;
       -o-transition: height .33s;
          transition: height .33s;
}

.page .slider {
	font-size: 36px;
	font-weight: bold;
	line-height: 34px;
	display: inline-block;
	height: 36px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 5px;
	text-align: center;
	text-decoration: none !important;
	top: 5px;
	width: 36px;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	/* keeps background from busting out of border  */
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding;
	        background-clip: padding-box;
	        -webkit-transition: ease-in-out all .2s;
	           -moz-transition: ease-in-out all .2s;
	            -ms-transition: ease-in-out all .2s;
	             -o-transition: ease-in-out all .2s;
	                transition: ease-in-out all .2s;

	border: 2px solid #5e3e6e;
	color: #5e3e6e;
}
.ccm-layout-wrapper h2 { line-height: 34px !important; padding-bottom: 23px;}


.page .slider:hover,
.page .slider.active {
	color: #ffffff;
	background-color: #5e3e6e;
	text-decoration: none;	
}

.interactive-services, .media-services {
	padding-bottom: 35px;
}
.page-interactive .slider {
	border: 2px solid #2db8d9;
	color: #2db8d9;
}
.page-media .slider {
	border: 2px solid #fbce44;
	color: #fbce44;
}
.page-interactive .slider:hover, .page-interactive .slider.active {
	color: #ffffff;
	background-color: #2db8d9;
	text-decoration: none;
}
.page-media .slider:hover, .page-media .slider.active {
	color: #ffffff;
	background-color: #fbce44;
	text-decoration: none;
}
.page-client-services .slider {
	border: 2px solid #00966a;
	color: #00966a;
}
.page-client-services .slider:hover, .page-client-services .slider.active {
	color: #ffffff;
	background-color: #00966a;
	text-decoration: none;
}

.page-interactive .slider.active:hover {
	color: #2db8d9;
	background-color: transparent;
}
.page-media .slider.active:hover {
	color: #fbce44;
	background-color: transparent;
}
.page .slider.active {
	text-decoration: none;
	text-align: center;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 transform-origin: center center;
}

.services-page .service-social-media, .services-page .service-design, .services-page .service-web-video  {
	width: 440px;
	float: left;
	padding-left: 39px;
}
.services-page .service-social-media .h2,
.services-page .service-social-media h2,
.services-page .service-design h2,
.services-page .service-design .h2,
.services-page .service-web-video h2,
.services-page .service-web-video .h2 {
	font-family: "museo-slab", serif;
	font-size: 22px;
	font-weight: 500;
}

.page-creative-services .main .ccm-layout-row {
	border-top: 2px solid #d4d4d4;
}

.page-creative-services .main .ccm-layout-name-Main-Layout-1 .ccm-layout-row {
	border-top: none;
}

.page-creative-services .main .column-right {
	background-color: #f1f0f0;
	border-left: none;
	padding-top: 85px;
	padding-bottom: 85px;
}

.page-creative-services .main .column-right > p {
	margin: 0;
}

.page-morale-surveys .container {
	background: #9c89a5 url("http://www.cjadvertising.com/themes/cj/img/banners/surveys-gradient.jpg") center top no-repeat;
}
.page-performance-surveys .container {
	background: #9c89a5 url("http://www.cjadvertising.com/themes/cj/img/banners/surveys.jpg") center top no-repeat;
}

.page-float .container {

}

.page-float .header {
	background: none;
}

.page-float .main {
	background: none;
	padding: 0 0 50px;
}

.page-float .frame-main {
	background: #fff;
	padding: 60px;
	width: 1060px;
}

.page-floatheader .column-left,
.page-floatheader .column-right {
	padding: 0 25px;
}

.page-float .footer {
	background: #000;
}


/*** RECOGNITION TOGGLE***/

.image-wrapper {
	display:none;
}


/*** Work For cj PAGE ***/
.job-openings {
	position: relative;
	border-spacing: 0px !important;

}

.job-openings .job-listing {
	border-top: 2px solid #dfe0e1;
}

.job-openings .slider {
	display: inline-block;
	text-align: center;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	/* keeps background from busting out of border  */
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding;
	        background-clip: padding-box;
	        margin-right: 22px;
}
.job-openings .slider:hover {
	text-decoration: none;
	background-color: #5e3e6e;
}
.job-openings .slider.active {
	
}
.page .job-openings .active.slider:hover {
	background-color: #ffffff;
	color: #5e3e6e;
}



.job-listing {
	font-size: 20px;
}


.job-listing {
	border: 1px solid transparent;
	border-width: 5px 5px 5px 5px;
	overflow: hidden;
}

.job-listing.active {
	border: 1px solid #5e3e6e;
	border-width: 5px 5px 5px 5px;
}


.job-listing .job-title {
	text-align: left;
}


.job-title {
	padding: 25px 0 16px 65px;
	position: relative;
}
.job-title {
	display: block;
	position: relative;
	margin: 0 !important;
}
.job-title a.slider {
	right: auto;
	left: 5px;
	top: 18px;
}

.job-openings .job-listing:nth-child(odd) { background-color: #ffffff; }
.job-openings .job-listing:nth-child(even) { background-color: #efeff0; }

.job-description {
	position: relative;
	overflow: hidden;
	-webkit-transition: ease-in-out all 0.2s;
	   -moz-transition: ease-in-out all 0.2s;
	    -ms-transition: ease-in-out all 0.2s;
	     -o-transition: ease-in-out all 0.2s;
	        transition: ease-in-out all 0.2s;
	width: 90%;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
	position: relative;
}
.job-description.active {
	border-top: 1px solid #dfe0e1;
}
.job-description .summary {
	text-align: center;
	font-size: 20px;
}
.job-description .skills {
	padding-left: 20px;
}
.job-openings .job-description {font-size: 16px;padding-bottom: 20px;}


 .subpage .main .job-description h4 {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 21px;
	padding-bottom: 0;
	text-decoration: none;
}




.job-openings .btn-learn-more {
	height: 72px;
	text-align: right;
	margin: 0;
}
.job-openings .btn-learn-more a {
	letter-spacing: 1px;
	color: #ffffff;
	display: inline-block;
	padding: 14px 30px 14px 19px;
	font-size: 13px;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	/* keeps background from busting out of border  */
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding;
	        background-clip: padding-box;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 300;
	background: #5e3e6e url(http://www.cjadvertising.com/themes/cj/img/icons/right-arrow-white.png) 90% center no-repeat;
}
.job-openings .btn-learn-more a:hover {
	color: #5e3e6e;
	text-decoration: none;
	border: 1px solid #5e3e6e;
	background: #ffffff url(http://www.cjadvertising.com/themes/cj/img/icons/right-arrow.png) 90% center no-repeat;
} 
.job-openings .job-listing.active {
	border-top: 5px solid #5e3e6e !important;
}










/* SURVEY TABS */
.container ul.tabs-survey {
	display: block;
	list-style: none;
}

.container ul.tabs-survey h1,
.container ul.tabs-survey h2,
.container ul.tabs-survey h3 {
	display: block;
	float: left;
	text-align: right;
	width: 30%;
}

.container ul.tabs-survey > li {
	clear: both;
	display: block;
}

.container ul.tabs-survey > li+li {
	padding-top: 40px;
}

.container ul.tabs-survey ul {
	border-left: 2px solid #d4d4d4;
	display: block;
	float: right;
	list-style: none;
	margin: 0;
	padding-left: 5%;
	width: 60%;
}


.page-culture .main .social-header h2 {
	margin-top: 0;
	font-size: 18px;
	padding-top: 10px;
	padding: 10px 0 10px 20px;
	color: #ffffff;
	font-weight: 500;
	line-height: 60px;
}

.page-culture .main .widget {
	border: 2px solid #5E3E6E;
}

/*.page-culture header .isotope-item {
	position: relative;
}
*/
.page-culture header .isotope-item p {
	margin-bottom: 0;
}

/*.page-culture header .isotope-item p:last-child {
	position: absolute;
	padding: 10px;
	left: 0;
	right: 0;
	bottom: -40px;
}

.page-culture header .isotope-item:hover p:last-child {
	bottom: 0;
}*/

/* Projects Page */
.page-portfolio .main {
	padding-top: 0;
}
.page-portfolio .flex-project-details {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.8);
	color: #ffffff;
	text-align: center;
}

.page-portfolio .project-details {
	position: absolute;
	width: 100%;
	left: 0;
	top: -100%;
	background-color: rgba(0,0,0,0.8);
	color: #ffffff;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	height: 0;
	opacity: 0;
	text-align: center;
		-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.page-portfolio .project-details.visible {
	filter:alpha(opacity=100); /* For IE8 and earlier */
	height: 150%;
	opacity: 1;
	padding: 70px 20px 50px;
}

.page-portfolio .flex-caption {
	padding: 10px 0;
}

.page-portfolio .flex-caption > * {
	display: none;
}

.page-portfolio .flex-caption h1,
.page-portfolio .flex-caption h2,
.page-portfolio .flex-caption h3,
.page-portfolio .flex-caption h4 {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.page-portfolio .flex-control-thumbs li {
	margin: 6px;
	position: relative;
}
.page-portfolio .main {
	overflow: hidden;
}

.page-portfolio .main h1,
.page-portfolio .main .h1 {
	font-size: 75px;
	font-family: "museo", sans-serif;
	color: #5e3e6e;
	float: left;
	padding-bottom: 0;
	margin: 40px 0 0;
	line-height: 1em;
}

.contactpage .container .header, .page-portfolio .container .header {
	background-image: none;
	height: auto;
}
#map-animation-overlay {
position: absolute;
left: 103px;
top: 50px;
display: none;
}
#filters {
	float: left;
	margin-top: 75px;	
}
#filters ul {
	letter-spacing: -4px; /* -4px Removes margin from li's with whitespace */
	text-align: left;
}

#filters li { 
	  display: inline-block; 
	  letter-spacing: normal; 
	  word-spacing: normal; 
	  text-align: left; 
	  *display: inline;
		zoom: 1;
	}
#filters li + li {
	margin-left: 20px;
}
#filters a {
	color: #bcbec0;
	display: inline-block; 
	*display: inline;
	font-family: "museo", sans-serif;
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
	zoom: 1;line-height: 1em;
}
#filters a:hover {
	color: #5e3e6e;
}
.flexslider.container .frame {
	margin: 0 auto;
	padding-bottom: 20px;
}
.flexslider .slides {
	margin: 0 auto;

}
.projects-container {
	position: relative;
	width: 210%;
	height: auto;
}
.project-viewport .btn-close {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 100;
}
.project-viewport .btn-close a {
	color: #ffffff;
	text-decoration: none;
	background-color: #8b8d8e;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	/* keeps background from busting out of border  */
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding;
	        background-clip: padding-box;
  font-size: 20px;
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
}
.projects-container .btn-details {
	position: absolute;
	top: 0;
	left: 30px;
	z-index: 100;
}
.projects-container .btn-details a {
	-webkit-border-radius: 0 0 2px 2px;
	   -moz-border-radius: 0 0 2px 2px;
	        border-radius: 0 0 2px 2px;
	/* keeps background from busting out of border  */
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding;
	        background-clip: padding-box;
	display: inline-block;
	width: auto;
	background-color: #8b8d8e;
	padding: 14px 18px;
	color: #ffffff;
	font-size: 18px;
	line-height: 18px;
	text-decoration: none;
}

.projects-container .btn-details a:hover {
	background: #ad94c2;
}

.projects-container .btn-details a.active {
	background: #8758ae;
}

.projects-container .btn-details a.active:hover {
	background: #8f5eb9;
}

.projects-container {

}
.projects {
	width: 45%;
	float: left;
	position: relative;
	left: 0;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.projects header {
	border-bottom: 2px solid #d4d4d4;
	padding-bottom: 8px;
}
.project-viewport {
	width: 45%;
	position: absolute;
	left: 65%;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
	height: 660px;
}

.projects-container .flex-direction-nav a  {
	height: 660px;
	top: 30%;
	width: 10%;
	margin-top: 0;
	/*display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; */
}


.projects-container .flexslider:hover .flex-prev {
	left: 0;
}
.projects-container .flexslider:hover .flex-next {
	right: 0;
}





















/*
 * Actual portfolio styles.
 */

body.portfolio .main {
  overflow: hidden;
  padding-top: 0;
}




body.portfolio .main h1,
body.portfolio .main .h1 {
  font-size: 75px;
  font-family: "museo", sans-serif;
  color: #5e3e6e;
  float: left;
  padding-bottom: 0;
  margin: 40px 0 0;
  line-height: 1em;
}

body.portfolio .header {
  background-image: none;
  height: auto;
}







body.portfolio .icn {
  width: 22px;
  height: 19px;
  background-position: center bottom;
}

body.portfolio .icn-details { background-image: url(http://www.cjadvertising.com/themes/cj/img/projects/icons/details.png); }
body.portfolio .icn-view-all { width: 36px; background-image: url(http://www.cjadvertising.com/themes/cj/img/projects/icons/view-all.png); }
body.portfolio .icn-design { background-image: url(http://www.cjadvertising.com/themes/cj/img/projects/icons/design.png); }
body.portfolio .icn-video-camera { background-image: url(http://www.cjadvertising.com/themes/cj/img/projects/icons/video-camera.png); }
body.portfolio .icn-web { background-image: url(http://www.cjadvertising.com/themes/cj/img/projects/icons/web.png); }
body.portfolio .icn-web-video { background-image: url(http://www.cjadvertising.com/themes/cj/img/projects/icons/web-video.png); }







body.portfolio #filters {
  float: left;
  margin-top: 75px; 
}

body.portfolio #filers ul {
  letter-spacing: -4px;
  text-align: left;
}

body.portfolio #filters li { 
  display: inline-block; 
  letter-spacing: normal; 
  word-spacing: normal; 
  text-align: left; 
  *display: inline;
  zoom: 1;
}

body.portfolio #filters li + li {
  margin-left: 20px;
}

body.portfolio #filters a {
  color: #bcbec0;
  display: inline-block; 
  *display: inline;
  font-family: "museo", sans-serif;
  font-size: 18px;
  text-decoration: none;
  text-transform: uppercase;
  zoom: 1;line-height: 1em;
}

body.portfolio #filters a:hover {
  color: #5e3e6e;
}







body.portfolio #projects-container {
  height: 100%;
  position: relative;
  left: 0;
  overflow: visible;
  -webkit-transition: left .5s ease-in-out;
  -moz-transition: left .5s ease-in-out;
  -ms-transition: left .5s ease-in-out;
  -o-transition: left .5s ease-in-out;
  transition: left .5s ease-in-out;
}






body.portfolio #project-list {
	min-height: 800px;
}

body.portfolio #project-list header {
  border-bottom: 2px solid #d4d4d4;
  padding-bottom: 8px;
}

body.portfolio #project-thumbs {
  display: block;
  list-style: none;
  margin: 0;
  padding: 5px;
}

body.portfolio #project-thumbs li {
  display: block;
  margin: 5px;
  padding: 0;
}

body.portfolio #project-thumbs img {
  display: block;
  margin: 0;
  padding: 0;
  opacity: 0.7;
  filter:alpha(opacity=70);
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -ms-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

body.portfolio #project-thumbs a:hover img {
  opacity: 1;
  filter:alpha(opacity=100);
}

body.portfolio #project-thumbs .caption {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  text-align: center;
  padding: 10px;
}

body.portfolio #project-thumbs .caption h4 {
  margin: 0;
  text-decoration: none;
}









body.portfolio #project-details {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
}

body.portfolio #project-details .frame {
  height: 100%;
  overflow: hidden;
}










body.portfolio #project-details .btn-close {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 100;
}

body.portfolio #project-details .btn-close a {
  color: #ffffff;
  text-decoration: none;
  background-color: #8b8d8e;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  font-size: 20px;
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
}

body.portfolio #project-details .btn-close a:hover {
  background: #ad94c2;
}











body.portfolio #project-details .btn-details {
  position: absolute;
  top: 0;
  left: 30px;
  z-index: 102;
}

body.portfolio #project-details .btn-details a {
  -webkit-border-radius: 0 0 2px 2px;
     -moz-border-radius: 0 0 2px 2px;
          border-radius: 0 0 2px 2px;

  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  display: inline-block;
  width: auto;
  background-color: #8b8d8e;
  padding: 14px 18px;
  color: #ffffff;
  font-size: 18px;
  line-height: 18px;
  text-decoration: none;
}

body.portfolio #project-details .btn-details a:hover {
  background: #ad94c2;
}










body.portfolio #project-details .btn-next {
  position: absolute;
  right: -100px;
  top: 300px;
  z-index: 100;
  -webkit-transition: right .2s ease-in-out;
  -moz-transition: right .2s ease-in-out;
  -ms-transition: right .2s ease-in-out;
  -o-transition: right .2s ease-in-out;
  transition: right .2s ease-in-out;
}

body.portfolio #project-details .btn-prev {
  position: absolute;
  left: -100px;
  top: 300px;
  z-index: 100;
  -webkit-transition: left .2s ease-in-out;
  -moz-transition: left .2s ease-in-out;
  -ms-transition: left .2s ease-in-out;
  -o-transition: left .2s ease-in-out;
  transition: left .2s ease-in-out;
}

body.portfolio #project-details .btn-next a,
body.portfolio #project-details .btn-prev a {
  color: #ffffff;
  text-decoration: none;
  background-color: #8b8d8e;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  font-size: 40px;
  line-height: 40px;
  display: block;
  width: 45px;
  height: 45px;
  text-align: center;
}

body.portfolio #project-details .btn-next a:hover,
body.portfolio #project-details .btn-prev a:hover {
  background: #ad94c2;
}

body.portfolio #project-details .frame:hover .btn-next {
  right: 50px;
}

body.portfolio #project-details .frame:hover .btn-prev {
  left: 50px;
}








body.portfolio #project-details .details {
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  top: -100%;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  text-align: center;
  -webkit-transition: top .5s ease-in-out;
  -moz-transition: top .5s ease-in-out;
  -ms-transition: top .5s ease-in-out;
  -o-transition: top .5s ease-in-out;
  transition: top .5s ease-in-out;
  z-index: 101;
}






































/*** MEDIA QUERIES (ADJUST SCREEN SIZE FOR MARGINS AND PADDING) ***/
/* LESS THAN STANDARD SCREEN SIZE STYLES (768PX to 1199PX) */
@media only screen and (max-width:1239px) {

	/*** SPECIAL CLASSES ***/
	.container .frame {
		width: 700px;
	}
	
	.page-float .frame-main {
		padding: 20px;
		width: 660px;
	}
	
	.subpage.narrow .frame-main {
		padding-left: 20px;
		padding-right: 20px;
		width: 660px;
	}
		
	/*** CONTENT ***/
	.subpage.narrow .main hr,
	.subpage.narrow .main .hr {
		margin-left: -20px;
		margin-right: -20px;
	}
	
	.subpage .frame-title h1,
	.subpage .frame-title .h1 {
		font-size: 60px;
	}
	
	.header ul.subnav {
			font-size: 18px;
	}
		
	/* COLUMNS */
	/* remove column float and make full-width */
	.ccm-layout-col {
		float: none !important;
		width: 100% !important;
	}
.subpage.contactpage .ccm-layout-71-col-1 {
	float: left !important;
	width: 30% !important;
}
.subpage.contactpage .ccm-layout-71-col-2 {
	float: left !important;
	width: 48% !important;
	
}
.subpage.contactpage .ccm-layout-71-col-2 .column-right {
	border-top: none !important;
	border-left: 2px solid #d4d4d4;
}
	/* remove column "spacing" */
	.ccm-layout-col-spacing {
		margin: 0 !important;
	}

	.column-left, .column-right {
		padding: 0 0 20px 0;
		margin: 0 auto;
	}

	.column-right {
		border-left: none;
		border-top: 2px solid #d4d4d4;
		padding-top: 20px !important;
		padding-left: 0 !important;

	}
	#blockStyle1023MainLayout1Cell1Layout2Cell26 {
		padding-top: 0 !important;
		padding-left: 20px !important;
	}
	.column-left {
			padding-right: 0 !important;
	}
	.col2 .col {
		float: none;
		padding: 0;
		margin: 0 auto;
		width: 100%;
		padding-bottom: 20px;
	}
	.col2 .col + .col {
		border-width: 2px 0 0 0px;
		padding-top: 20px;
		padding-bottom: 0;
	}
	/*** STRUCTURE ***/
	.container {
		min-width: inherit;
	}
		
	.container .header .nav {
		background: rgba(55, 50, 58, .3);
		box-shadow: inset 0 3px 10px rgba(57, 20, 87, .75);
	}
	.portfolio .container .header .nav {
		background: rgba(94, 62, 110, .7);
	}
	 .ie8 .subpage .container .header .nav {
		background: transparent url(http://www.cjadvertising.com/themes/cj/img/backgrounds/bg-nav-trans-black.png) 0 0;
	}
	#navToggle {
		display: block;
	}
	
	.header .logo {
		left: 0px;
		top: 10px;
	}

	/************************************
	*               NAVBAR              *
	************************************/

	.no-opacity .navbar.mobilebar {
		display: none;
	}
	
	.container .header .navbar.mobilebar.expanded {
		display: block;
		opacity: 100;
	}
	
	.container .header .navbar {
		background: rgb(94, 62, 110);
		display: none;
		height: auto;
		margin: 0;
		position: absolute;
		top: 85px;
		width: 100%;
	}
	
	.container .header .navbar > li {
		float: none;
		width: 100%;
	}
	.container .header .navbar > li:hover {
		background: red;
	}
	
	.container .header .navbar > li > a:hover {
		background: #4c3059 url(http://www.cjadvertising.com/themes/cj/img/backgrounds/bg-nav-li-hover-light.png) left 23px no-repeat;
	}
	
	.container .header .navbar > li.dropdown,
	.container .header .navbar > li ul li.dropdown {
		background: url(http://www.cjadvertising.com/themes/cj/img/backgrounds/bg-nav-dropdown.png) 600px center no-repeat;
	}
	
	.container .header .navbar > li > a:hover {
		background-color: #4c3059;
	}
	
	.container .header .navbar > li+li:after {
		display: none;
	}
	
	.container .header .navbar > li > a {
		border-left: none;
	}
	
	.container .header .navbar > li ul {
		background-image: url(http://www.cjadvertising.com/themes/cj/img/bg-nav-highlight-dark.png);
		padding: 0;
		position: static;
	}

	
	.container .header .navbar > li > ul li {
		float: none;
	}
	
	.container .header .navbar > li ul > li > a {
		padding: 0 60px;
		line-height: 85px;
	}
	
	.container .header .navbar > li ul > li > ul > li > a {
		padding: 0 90px;
	}
	
	.container .header .navbar > li ul > li > ul > li > ul > li > a {
		padding: 0 120px;
	}
	
	.container .header .navbar > li.cjsecure {
		color: #f4f4f4;
		font-weight: 100;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	.container .header .navbar > li ul li:hover {
		background: none;
	}
	
	.container .header .navbar > li ul li ul {
		box-shadow: none;
	}
	
	.homepage .frame-intro > .h1 {
		width: 100%;
	}



	/*** COLOR VARIATIONS ***/
	
	/* DEFAULT */
	.container .header .navbar > li > ul {background-color: #79518d;}
	.container .header .navbar > li > ul > li > a:hover {background-color: #6f4484;}
	.container .header .navbar > li > ul > li > ul {background-color: #916ba4;}
	.container .header .navbar > li > ul > li > ul > li > a:hover {background-color: #7f648d;}
	
	
	.page-client-services .container .header .navbar, .page-client-services #navToggle.active { background-color: #129667; background-color: rgba(18, 150, 103, .95); }
	.page-client-services .container .header .navbar > li > a:hover { background-color: #30b07d; background-color: rgba(48, 176, 125, .95); }
	.page-client-services .container .header .navbar > li > ul { background-color: #0e885f; background-color: rgba(14, 136, 95, .95); }
	.page-client-services .container .header .navbar > li > ul > li > a:hover { background-color: #13bf83; background-color: rgba(19, 191, 131, .95); }
	.page-client-services .container .header .navbar > li > ul > li > ul { background-color: #2dd99d; background-color: rgba(45, 217, 157, .95); }
	.page-client-services .container .header .navbar > li > ul > li > ul > li > a:hover { background-color: #15cd8d; background-color: rgba(21, 205, 141, .95); }
	
	
	.page-creative-services .container .header .navbar, .page-creative-services #navToggle.active { background-color: #15cd8d; background-color: rgba(242, 27, 58, .95); }
	.page-creative-services .container .header .navbar > li > a:hover { background-color: #cf1836; background-color: rgba(207, 24, 54, .95); }
	.page-creative-services .container .header .navbar > li > ul { background-color: #f4405b; background-color: rgba(244, 64, 91, .95); }
	.page-creative-services .container .header .navbar > li > ul > li > a:hover { background-color: #de364f; background-color: rgba(222, 54, 79, .95); }
	.page-creative-services .container .header .navbar > li > ul > li > ul { background-color: #f56076; background-color: rgba(245, 96, 118, .95); }
	.page-creative-services .container .header .navbar > li > ul > li > ul > li > a:hover { background-color: #f64c66; background-color: rgba(246, 76, 102, .95); }
	
	
	.page-interactive .container .header .navbar, .page-interactive #navToggle.active { background-color: #00adcf; background-color: rgba(0, 173, 207, .95); }
	.page-interactive .container .header .navbar > li > a:hover { background-color: #0099b8; background-color: rgba(0, 153, 184, .95); }
	.page-interactive .container .header .navbar > li > ul { background-color: #08c6ea; background-color: rgba(8, 198, 234, .95); }
	.page-interactive .container .header .navbar > li > ul > li > a:hover { background-color: #26b9db; background-color: rgba(38, 185, 219, .95); }
	.page-interactive .container .header .navbar > li > ul > li > ul { background-color: #40d1ee; background-color: rgba(64, 209, 238, .95); }
	.page-interactive .container .header .navbar > li > ul > li > ul > li > a:hover { background-color: #21caeb; background-color: rgba(33, 202, 235, .95); }
	

	.page-media .container .header .navbar, .page-media #navToggle.active { background-color: #efc501; background-color: rgba(239, 197, 1, .95); color: #000000;}
		.page-media .container .header .navbar > li > a { color: #000;}
	.page-media .container .header .navbar > li > a:hover { background-color: #e2b61f; background-color: rgba(226, 182, 31, .95); }
	.page-media .container .header .navbar > li > ul { background-color: #f1cd3b; background-color: rgba(241, 205, 59, .95); }
	.page-media .container .header .navbar > li > ul > li > a:hover { background-color: #e9c539; background-color: rgba(233, 197, 57, .95); }
	.page-media .container .header .navbar > li > ul > li > ul { background-color: #f4d560; background-color: rgba(244, 213, 96, .95); }
	.page-media .container .header .navbar > li > ul > li > ul > li > a:hover { background-color: #f2d04a; background-color: rgba(242, 208, 74, .95); }

	.container .main .column-primary {
		width: 460px;
	}
	
	.container .main .column-secondary {
		width: 190px;
	}
	
	.narrow .main .column-primary {
		width: 400px;
	}
	
	.narrow .main .column-secondary {
		margin-left: 29px;
		padding-left: 30px;
		width: 200px;
	}
	
	.featured .item {
		width: 324px;
	}
	
	.featured .item:hover span {
		width: 274px;
	}

	.frame-culture {
		position: relative;
	}
	
	.main .culture {
		padding: 20px 0 50px;
	}
	
	.main .culture img {
		float: none;
		width: 686px;
	}
	
	.main .culture .content {
		float: none;
		width: auto;
	}
	
	.footer-tabs {
		height: auto;
	}
	
	.footer-tabs ul.sections {
		height: 80px;
		font-size: 22px;
	}
	
	.footer-tabs .sections li {
		height: 100%;
		line-height: 80px;
		text-align: center;
	}
	
	#tab-cj {
		width: 160px;
	}
	
	#tab-intouch {
		width: 110px;
	}
	
	#tab-work {
		width: 100px;
	}
	
	#tab-network {
		width: 140px;
	}
	
	#tab-social {
		width: 170px;
	}
	
	.footer-tabs ul.sections > li > a {
		height: 60px;
		line-height: 1.1;
		padding: 10px;
	}
	
	.footer-tabs ul.sections > li > a.active:after {
		display: none;
	}
	
	.footer-tabs .pane {
		padding: 35px 30px;
	}
	
	#pane-cj .contact-info {
		float: none;
		margin-bottom: 30px;
		width: auto;
	}
	
	#pane-cj .directions {
		float: none;
		margin: 0 auto 0;
	}
	
	#pane-intouch .content {
		float: none;
		margin: 0 0 30px;
		width: auto;
	}
	
	#pane-intouch .col {
		float: none;
		width: auto;
	}
	
	#pane-intouch input[type="text"] {
		width: 578px;
	}
	
	#pane-intouch textarea {
		width: 580px;
	}
	
	#pane-intouch input.sm {
		width: 270px;
	}
	
	#pane-intouch .form {
		float: none;
		margin: 0 auto 0;
		width: auto;
	}
	
	#pane-work .video {
		float: none;
		height: 393px;
		margin-bottom: 30px;
		width: auto;
	}
	
	#pane-work .content {
		float: none;
		width: auto;
	}


	#pane-network .network {
		float: none;
		margin-bottom: 30px;
		width: auto;
	}
	
	#pane-network .content {
		float: none;
		width: auto;
	}
	
	#pane-social .content {
		float: none;
		margin-bottom: 30px;
		width: auto;
	}
	
	#pane-social .widgets {
		float: none;
		margin: 0 auto 0;
			}
	.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
	    width: 100% !important;
	}
	.footer-links {
		height: auto;
	}
	
	.footer-links ul.links {
		height: auto;
		padding: 0;
	}
	
	.footer-links ul.links > li > a,
	.footer-links ul.links > li+li > a {
		border: none;
		border-right: 1px solid #bab6ba;
	}
	
	.footer-links .socials {
		bottom: 18px;
		top: auto;
	}

	.design-develop-examples {
		margin: 0 auto;
		float: none;
	}

	.page-media .main .number-charts li {
	
		margin: 0 5px;
	}
	.services-page .service-images {
		float: none;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
	.services-page .service-images .pull-right {
		float: none;
		display: inline-block;
	}
	.services-page .service-social-media, .services-page .service-design, .services-page .service-web-video  {
	width: 100%;
	float: none;
	text-align: center;
	padding: 0;
}
.services-page .main-sub .main-sub-images {
	width: auto;
}
.services-page .main-sub .main-sub-images * {
	display: none;
}
.services-page .main-sub .main-sub-images *:first-child {
	margin-left: 0;
	float: right;
	display: block;
}
	.services-page .service-description {
		border-width: 0;
	}
	.page .slider {
		top: 13px;
	}
		.main-sub .btn-our-work {
	margin-left: 0;
}
.footer-links .socials {
	position: static;
	text-align: center;
	display: inline-block;
	width: auto;
	margin: 0 auto 10px;
}
.contactpage .google-map {
	margin: 0;
}
#map-animation-overlay {
	left: 251px;
	top: 20px;
}
.contactpage .main-sub .widgets {
	display: none;
}
#filters ul {
	margin-left: 0;
}
.featured .item span {
	display: block;
}
}
/* IPHONE LANDSCAPE LAYOUT - 480PX to 767PX */
@media only screen and (max-width:767px) {
	.leadership .frame-title h1 {
		display: none;
	}
	.container .header .signature {
		display: none;
	/*	position: relative;
		top: 0;
		margin: 40px auto 0;
		left: 0;
		width: 90%;*/
	}
	/*** SPECIAL CLASSES ***/
	.container .frame {
		width: 460px;
	}
	
	.page-float .frame-main {
		padding: 20px 10px;
		width: 380px;
	}
	
	.subpage.narrow .frame-main {
		padding-left: 0px;
		padding-right: 0px;
		width: 460px;
	}
	
		/*** CONTENT ***/
	.subpage.narrow .main hr,
	.subpage.narrow .main .hr {
		margin-left: 0;
		margin-right: 0;
	}
	
	.subpage .frame-title h1,
	.subpage .frame-title .h1 {
		font-size: 32px;
		margin-top: 40px;
	}
		
	.header ul.subnav {
		display: none;
	}
	
	.featured .item {
		width: 444px;
	}
	
	.featured .item:hover span {
		width: 396px;
	}
	
	.container .header {
		height: 220px;
	}
	
	.leadership .header {
		background-position: left center;
		height: 440px;
	}
	
	.page-culture .header {
		height: auto;
	}
	
	.header .frame-remote {
		display: none;
	}
	
	#navToggle {
		background-image: url(http://www.cjadvertising.com/themes/cj/img/backgrounds/bg-navToggle.png);
		background-position: center center;
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	
	.container .header .navbar {
		font-size: 14px;
	}
	
	.container .header .navbar > li.dropdown,
	.container .header .navbar > li ul li.dropdown {
		background-position: 400px 20px;
	}
	
	.container .header .navbar > li > ul > li > a {
		padding: 0 45px;
	}
	
	.container .header .navbar > li > ul > li > ul > li > a {
		padding: 0 60px;
	}
	
	
	.container .main .column,
	.container .main .column+.column {
		float: none;
		width: auto;
	}
	
	.container .main .column+.column {
		margin-top: 50px;
	}
	
	.narrow .main .column-primary {
		width: auto;
	}
	
	.narrow .main .column-secondary {
		border: none;
		margin: 0;
		padding: 0;
		width: auto;
	}
	
	.main .culture img {
		float: none;
		width: 444px;
	}
	
	img.culture-collage {
		display: none;
	}	
	
	#pane-cj {
		display: block !important;
	}
	
	#pane-cj .socials a.social {
		display: inline-block;
		float: none;
		margin: 8px 12px;
		text-align: center;
	}
	
	.footer-tabs .tabs,
	.footer-tabs .pane {
		display: none !important; /* !important needed to override jQuery inline styles */
	}
	
	.footer-tabs ul.sections {
		height: auto;
	}
	
	.footer-tabs ul.sections > li {
		display: none;
		height: auto;
	}
	
	.footer-tabs ul.sections > li > a {
		height: auto;
	}
	
	#pane-cj .directions {
		width: auto;
	}
	
	#pane-cj a.map {
		background-position: center center;
		width: auto;
	}

	.design-develop-examples {
			width: 277px;
	}
	.design-develop-examples .item {
			margin-left: 0;
	}
	.main-sub .second-image {
		display: none;
	}
	.services-page .main-sub .pull-right {         
		display: none;
	}
	.main-sub .cta {
		width: 100%;
	}
		
	.services-page .service-description {
		width: auto;
		padding: 0;
	}
	.services-page .service-title {
		float: none;
	}
	.services-page .service-title .h2 {
		font-size: 20px;
		text-align: left;
		width: 80%;
		margin-left: 0;
	}
		.page .slider {
			right: 10px;
			top: 20px;
			font-size: 21px;
		line-height: 19px;
		height: 21px;
		width: 21px;
		}
		.services-page .service-title .h2 .icn {
		width: 30px;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.services-page .main-sub .main-sub-images {
		display: none;
	}
	.subpage.contactpage .ccm-layout-71-col-1 {
		float: left !important;
		width: 48% !important;
	}
	#map-animation-overlay {
		left: 139px;
		top: -15px;
	}
	.video-thumb {
	float: none;
	display: block;
	margin-bottom: 15px;
	margin-right: 0;
}
}

/* IPHONE PORTRAIT LAYOUT - 320PX to 479PX */
@media only screen and (max-width:479px) {
	.container .header .signature {
		margin-top: 12px;
	}
	/*** SPECIAL CLASSES ***/
	.container .frame {
		width: 300px;
	}
	
	.subpage.narrow .frame-main {
		width: 300px;
	}
	
	/*** CONTENT ***/
	.subpage .frame-title h1,
	.subpage .frame-title .h1 {
		font-size: 24px;
		margin-top: 35px;
	}
	
	.header .logo {
		left: 0px;
		top: 16px;
		width: 180px;
	}
	
	.container .header .navbar > li.dropdown,
	.container .header .navbar > li ul li.dropdown {
		background-position: 250px 20px;
	}
	
	.featured .item {
		width: 284px;
	}
	
	.featured .item:hover span {
		width: 234px;
	}
	
	
	.subpage .frame-content header > img.pull-left, .subpage .frame-content header > img.pull-right {
		float: none;
		margin: 0 0 20px 0;
	}
	


	.main .culture img {
		width: 286px;
	}
	
	.footer-links {
		height: auto;
		padding: 10px 0 48px;
	}
	
	.footer-links ul.links > li {
		line-height: 36px;
	}
	
	.footer-links .socials {
		bottom: -32px;
		margin: 20px auto 0;
	}
	
	.footer .copyright {
		line-height: 1.6;
	}

	body.portfolio #project-details .btn-prev,
	body.portfolio #project-details .btn-next {
	  top: 160px;
	}
	.frame-main .img-float-left, .frame-main .img-float-right {
	  float: none;
	  margin: 0 auto 20px;
	}
}