/* Main.css */

/* site */
#siteWrapper { background-image:url("/assets/images/global/bg-checker.jpg"); background-position:50% 0; background-repeat:repeat-x; }
#siteWrapper { xbackground:url("/assets/images/temp/temp_content_bg.jpg") no-repeat 50% 0%;   }

.header-dots, .header-fade { width:100%; position:absolute; top:0; }
	.header-dots { background:url("/assets/images/global/header-dots.png") repeat-x 0 0 transparent; height:93px; z-index:110; }
	.header-fade { background:url("/assets/images/global/header-fade.png") repeat-x 0 0 transparent; height:196px; z-index:100;}


/* navs */
.nav-wrapper { position:relative; margin:0 auto 20px auto; max-width:896px; min-width: 865px; }
.navbar { position:relative; height:90px; margin:0 0 20px 0; max-width:896px; padding-top:18px;}
	
	/* navbar-logo */
	.navbar-header { float:left; padding-right:15px; padding-left:15px; }
		.navbar-brand { display:block; float:left; height:32px; margin-top:15px; margin-bottom:25px; padding-top:0; padding-bottom:0; text-indent:-9999px; width:187px; }
		.navbar-brand { background:url("/assets/images/global/header-logo_lg.png") no-repeat 0 100%; }
	
	/* navbar-nav */
	.navbar-menu { width:auto;}
	.navbar-links { background-color:transparent; float:right; margin:0; padding:7px 15px 0 0;}
	.navbar-links > li {float:left; margin-left:38px }
	.navbar-links > li > a { display:block; font-family:'ConduitITCStd-Regular', Arial, sans-serif; font-size:16px; font-weight:lighter; letter-spacing:1px; text-shadow: 2px 2px 2px rgba(150, 150, 150, .75); line-height:20px; padding: 15px 0;}
	.navbar-links > li.active > a, .navbar-links > li > a:hover { color:#0097fc; font-weight:bold; }
		
	/* home page */	
	.home-page .main-header .navbar-links > li > a { color:#ffffff; text-shadow: 2px 2px 2px rgba(150, 150, 150, 0);}	
	.home-page .main-header .navbar-links > li.active > a, .home-page .main-header .navbar-links > li > a:hover { color:#0097fc; text-shadow: rgb(48, 41, 41) 1px 1px 1px; }
		
	/* defualt pages & parallax nav */
	#agency { width:54px; }
	#services { width:60px; }
	#work { width:36px;}
	#culture { width:54px;}
	#contact { width:52px;}


/* sub nav */ 		
.sub-nav { margin:0 auto; }
.sub-nav-list {  border-bottom:1px solid #222222; border-top:1px solid #222222; height:25px; margin:0; padding:0; }
.sub-nav-list li { float:left; line-height:20px; margin:2px 8px 0 8px; padding:0px; }
.sub-nav-list li a { display:block;  }
.sub-nav-list .active a { color:#222222; font-weight:bold; text-shadow:0px 2px #e5e5e5; }


/* parallax - fixed nav */
.header-fixed { background:url("/assets/images/global/header-fixed-dots.png") repeat-x 0 10% #ffffff; display:none; height:50px; margin-top:0; position:fixed; top:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; width:100%; z-index:9000;}
.header-fixed .nav-wrapper { margin-bottom:0;}
.header-fixed .navbar { float:right; height:50px; margin:0; padding:0; width:57%; }
	.header-fixed .navbar-header {}
		.header-fixed .navbar-brand { display:none; }

.header-fixed .navbar-menu { display:inline-block; float:right; margin-right:15px; }
	.header-fixed .navbar-links { padding-top:0; }
	
.header-fixed .sub-nav  {float:left; margin-top:16px; width:40%; }
.header-fixed .sub-nav-list { border:0; }



/* main content - non-home-page */
.main-content { line-height:18px; margin:0 auto 20px auto; min-height:600px; padding-top:10px; position:relative; }
.main-content { xbackground:url("/assets/images/temp/temp_play_bg.jpg") no-repeat 50% 0px; }

.hightlight { color:#00d3ea; font-family:Arial, sans-serif; font-size:19px; font-weight:normal; line-height:31px;  }

.bullet-list { list-style:none; margin:0 0 10px 0; padding:0; }
.bullet-list li { background:url("/assets/images/global/bullet-type-1.png") no-repeat 0 9px; line-height:20px; margin:0 0; padding:0 0 0 8px; } 



/* home page ------------- */
/* header - home page only */
#siteWrapper.home-page { background:none; }
	.home-page .main-header { background:url("/assets/images/global/header-dots.png") repeat-x 0 0 transparent; position:absolute; width:100%; z-index:1000; }
	.home-page .header-fixed .navbar { width:100%; }
	.home-page .header-fixed .navbar-brand {background: url("/assets/images/global/header-logo_lg.png") no-repeat scroll 0 100% transparent; display:block; margin:0;  padding-top:7px;}

	.home-page .main-content { margin:0 0 15px 0; padding:0; width:100%; }


/* home page slider*/
.hp-slider { max-height:723px; width:100%; }
.tp-caption.hp { background:url("/assets/images/global/bg-trasparent-bk.png") repeat 0 0 transparent !important; padding:13px; text-align:left; width:auto; }
.tp-caption .caption_heading { color:#ffff00; font-size:34px; font-family:'League Gothic',Arial,sans-serif; letter-spacing:0px;  padding:10px 0 20px 0;}
.tp-caption .read-more { color:#00ffff; display:block; margin:o; padding:0; text-decoration:underline; width:100%; }

.fullwidthbanner-container { width:100% !important; position:relative; padding:0; max-height:723px !important; min-width:865px; overflow:hidden; }
.fullwidthbanner-container a.caption { display:block; overflow:hidden; max-width:360px; min-height:200px; }
.fullwidthbanner-container a.caption p { display:block; padding:0; position:relative; white-space:normal;  }
.checkers { background-image:url("/assets/images/global/bg-checker.jpg"); background-position:50% 0; background-repeat:repeat-x; height:191px; width:100%; position:absolute; left:0; bottom:-191px;}
	.single-square { background-image:url("/assets/images/global/bg-single-square.png"); background-position:50% 0; background-repeat:no-repeat; height:62px; margin-left:-31px; width:62px; position:absolute; left:50%; top:-30px; z-index:1000;}

/* main copy*/
.who-we-are { background-color:transparent; margin-bottom:20px; min-height:115px;}
	.who-we-are .big-heading { color:#81d8d9; display:inline-block; float:left; font-size:80px; line-height:80px; margin:21px 10px 10px 0; text-transform:uppercase; width:21%;}
	.who-we-are p { display:inline-block; float:left; line-height:20px; padding:24px 0 0 0; width:73%;}

/* three columns */
.home-copy-articles { background:url("/assets/images/global/divider-double-row.png") repeat-y 53% 0 transparent;}
	.article-summaries { float:left; padding:5px 0; width:36%;}
		.article-summaries .article { margin-bottom:15px; overflow:hidden; padding-bottom:15px; width:90%;}
		.article-summaries h2 { margin-bottom:25px; }
		.article-summaries .last { background:none;}
		.article-summaries .article-link { width:80%; }
		.article-summaries .article-link:hover, .article-summaries .article-link:active, .article-summaries .article-link:focus { color:#222222; }
		.article-summaries .article-image {display:block; margin-right:13px;}
		.article-summaries .article-heading { color:#0084ab; font-size:14px; font-weight:bold; overflow:hidden; }
		.article-summaries .article-copy { float:right; overflow:hidden; width:69%; }
		.article-summaries .article-copy b { color:#0084ab; }
	.twitter-feed { float:right; padding-top:5px; width:28%;}
		.twitter-feed .article-link { width:80%; }
		.twitter-feed .article-link:hover, .article-summaries .article-link:active, .article-summaries .article-link:focus { color:#222222; }


/* agency pages ------------- */
/* agency - about  */
.about-page main, .about-page aside { xborder:1px solid red; min-height:200px }
.video { height:315px; margin-bottom:25px; }
.about-copy .article { margin-bottom:15px; }
	.about-copy .article-copy { line-height:18px }
	
.history-heading { text-align:center; }
.history-copy .img-responsive { max-width:274px; }
.history-copy .scroll-up, .history-copy .scroll-down { display:block; width:100%;}
.history-copy .scroll-up { margin:10px 0 5px 0; }
.history-copy .scroll-down { margin-bottom:10px; }
	.history-scroll { padding-top:15px; height:600px; }
	.history-scroll .mCSB_container { margin-right:0; }
.history-copy .article-heading { background-image:url("/assets/images/agency/history-year-bgs.png"); background-repeat:no-repeat; color:#ffffff; font-family:Georgia, Times, "Times New Roman", serif; height:40px; line-height:16px; margin:0 auto 5px auto; padding:0; text-align:center; width:52px; }
	.current-year { background-position:0 0; }
	.past-year { background-position:0 100%; }
.history-copy .article-copy { line-height:18px; margin-bottom:25px; padding:0 7%; text-align:center; }

#history-image { display:block; height:235px; width:100%; }
#history-image > div { display:block; height:235px; width:100%; background-position:50% 50%; background-repeat:no-repeat; -webkit-background-size:100% auto; -moz-background-size:100% auto; background-size:100% auto;}
.img_2016 {background-image: url("/assets/images/agency/history/2016.jpg");}
.img_2015 {background-image: url("/assets/images/agency/history/2015.jpg");}
.img_2014 {background-image: url("/assets/images/agency/history/2014.jpg");}
.img_2013 {background-image: url("/assets/images/agency/history/2013.jpg");}
.img_2012 {background-image: url("/assets/images/agency/history/2012.jpg");}
.img_2011 {background-image: url("/assets/images/agency/history/2011.jpg");}
.img_2010 {background-image: url("/assets/images/agency/history/2010.jpg");}
.img_2009 {background-image: url("/assets/images/agency/history/2009.jpg");}
.img_2008 {background-image: url("/assets/images/agency/history/2008.jpg");}
.img_2007 {background-image: url("/assets/images/agency/history/2007.jpg");}
.img_2006 {background-image: url("/assets/images/agency/history/2006.jpg");}
.img_2005 {background-image: url("/assets/images/agency/history/2005.jpg");}
.img_2004 {background-image: url("/assets/images/agency/history/2004.jpg");}
.img_2003 {background-image: url("/assets/images/agency/history/2003.jpg");}
.img_2002 {background-image: url("/assets/images/agency/history/2002.jpg");}
.img_2001 {background-image: url("/assets/images/agency/history/2001.jpg");}
.img_2000 {background-image: url("/assets/images/agency/history/2000.jpg");}
.img_1999 {background-image: url("/assets/images/agency/history/1999.jpg");}
.img_1998 {background-image: url("/assets/images/agency/history/1998.jpg");}
.img_1997 {background-image: url("/assets/images/agency/history/1997.jpg");}
.img_1996 {background-image: url("/assets/images/agency/history/1996.jpg");}
.img_1995 {background-image: url("/assets/images/agency/history/1995.jpg");}
.img_1994 {background-image: url("/assets/images/agency/history/1994.jpg");}
.img_1993 {background-image: url("/assets/images/agency/history/1993.jpg");}
.img_1992 {background-image: url("/assets/images/agency/history/1992.jpg");}
.img_1991 {background-image: url("/assets/images/agency/history/1991.jpg");}


/*  agency - services */
.service-copy h1 { line-height:24px; margin-top:0;  }
.service-copy article { margin-bottom:25px; }
.service-copy .service-thumb { display:inline-block; float:left; margin-left:5px; max-width:135px; min-height:135px; }
.service-copy .bullet-list { display:block; float:left; margin:0 0 0 16px; width:175px; }

.service-types .article { background-color:#f6f6f6; display:inline-block; margin:0 8px; min-height:565px; position:relative; vertical-align:top; width:198px; }
	.service-types .article-icon { position:absolute; top:-20px; left:-15px; z-index:100; }
	.service-types .article-image { display:block; height:181px; width:198px; position:relative; }
	.service-types .article-heading { display:table-cell; vertical-align:middle; height:80px; text-align:center; position:relative; width:198px; }
	.service-types .article-copy { }
		.service-types .bullet-list {  padding-top:20px;  }
		.service-types .bullet-list li { line-height:17px; padding-top:2px; padding-bottom:3px; }
.service-types .marketing { margin-right:6px; }

/* agency - sevice-info */
.service-info-dialog { background-color:#e6e7e8; height:400px; margin:0 auto; padding:12px; width:776px; }
.service-info-dialog .article { background-color:#ffffff; height:360px; margin-bottom:15px; padding:39px 32px; }
.service-info-dialog .article-heading { color:#1da0f7; font-size:32px; font-weight:normal; margin:0 0 48px 0; text-transform:none; }
.service-info-dialog .article-copy { max-height:226px; overflow:hidden;}

.more-details-link { text-align: center; font-weight: bold; }

/*  agency - leadership */
.leadership-copy .content-viewer-target { border-top:1px solid #000000; margin-top:20px; }
.leadership-copy .content-viewer-target:first-child { border:0; margin-top:0;}

#viewPanel0 .rule-type-2 { xdisplay:none; }
#viewPanel0 .employee-profile .btn-close { top:10px; }

/*  agency - leadership : profile */
.leadership-page .main-content { padding-top:0px; }
.employee-profile { background-color:#ffffff; padding-bottom:25px; position:relative;}
.employee-profile .article-copy { color:#939598; min-height:74px; max-height:90px; }
.employee-profile .rule-type-2 { margin:10px 0; padding-top:10px; }

.employee-profile .btn-close { position:absolute; top:20px; right:0; }
.employee-profile .rule-type-2 { margin:12px 0 0 0; padding:0; }
	.profile { margin-bottom:2px; padding:15px 0;}
	.profile .article-image { float:left; height:243px; margin:0 6px 0 0; padding:0; width:284px;}
	.profile .article-image:last-child { float:right; margin:0;}
	.profile .article-image img { xwidth:287px; xheight:243px; }
	.profile .article-heading { color:#0097fc; font-size:54px; line-height:54px; max-width:780px; margin:0; padding:0; position:relative; }
	.profile .rule-type-4 { margin:5px 0 20px 0; }
	.profile .article-subheading { color:#cccccc; padding-left:5px;}
	.profile .btn-close-lg { position:absolute; top:15px; right:0; }
		.profile .article-subheading h3 { background-color:#ffffff; display:inline-block; font-family:'Helvetica', 'Arimo', 'Arial', sans-serif;  font-size:16px; font-weight:normal; margin:0; padding: 0 5px 0 0; text-transform:uppercase;}
		.profile .article-subheading .rule-type-4 { display:block; margin:-9px 0 0; padding:0; }
	.profile .article-copy { display:block; max-height:195px; overflow:hidden; position:relative;}

	.experience-heading { height:24px; padding-top:10px; position:relative;}
		.experience-heading h2 { background-color:#ffffff; color:#d6d7d9; display:inline-block; font-size:26px; font-weight:normal; padding-right:8px; text-transform:uppercase; position:absolute; top:0; left:0;}
		.experience-heading .rule-type-5 { margin:0; }

	.experience-areas { position:relative; }
	.experience-areas .scroll-btn { background-image:url(/assets/images/global/arrows-horizontal-bk.png); }
	.experience-areas .slider-container .scroll-btn { top:40%;}
	
	.experience-areas .slider-container { height:170px; margin:0; padding:0; width:100%; }
	.experience-areas .slider-list { height:170px; margin:0 auto; padding:0; width:850px; }
	.experience-areas .team-scroll-list { height:170px; overflow:hidden; margin:0; padding:0;}
	.experience-areas .team-scroll-list li { display:block; float:left; height:170px; margin:0; padding:0; position:relative; width:216px;}
	
	.experience-areas .mCSB_draggerContainer {display:none;}
	.experience-areas .mCSB_horizontal > .mCSB_container { padding-bottom:0; }
	
	.experience-areas .article { display:none; float:left; max-height:190px; min-width:203px; max-width:400px; overflow:hidden; width:216px;}
	.experience-areas .article-image {display:block; margin-bottom:12px; text-align:center; }
	.experience-areas .icon { margin:0 auto; margin-bottom:12px; }
	.experience-areas .article-heading {color:#222222; font-size:12px; padding-bottom:4px; text-align:center;}
	.experience-areas .article-copy { color:#939598; padding:0 5%; text-align:center; }
	


/*  agency - awards */
.featured-copy h1 { line-height:24px; margin-top:0; }
.featured-copy .article { float:left; margin-right:8px; width:48%; }
.featured-copy .article a:hover { color:#222222; }
.featured-copy .article-image { margin-bottom:10px; }
.featured-copy .article-copy h4 { font-size:12px; margin-bottom:5px;}
.featured-copy .article-copy h5 { color:#000000; font-size:12px; margin-bottom:12px; }

.awards-copy h1 { display:inline-block; float:left; line-height:24px; margin:0 0 30px; }
.awards-copy h2 { display:inline-block; float:left; margin-bottom:30px}
.awards-copy .site-btn { margin:0 0 0 20px; }
.awards-copy .scroll-up, .awards-copy .scroll-down { display:block;  width:100%;}
.awards-copy .scroll-up { margin:0 0 25px 0; }
.awards-copy .scroll-down { margin:30px 0; }
.awards-scroll { padding:0 5px 0 0; height:640px; }
	.awards-copy h6 { color:#000000; margin:30px 0 5px 0;}
	.awards-copy h6.first { margin-top:0px; }
	.awards-copy h6 a { color:#0084AB; font-weight:normal; }
	.awards-copy h6 a:hover { color:#0084AB; text-decoration:underline; }
	.awards-copy p { margin-bottom:12px; }
	.awards-scroll a:hover, a:active, a:focus { color:#222222; }

.trophies-copy { background-color:#ffffff; margin:0 0 -10px; padding-top:10px;}
.trophies-copy img {display:block; max-height:105px; max-width:810px; margin:0 auto;}

/*  agency - awards-archive -> uses .listing-page */
.award-articles .article-heading { font-size:12px; } 





/* work pages ------------- */
/* work */
.case-study-heading { display:none; font-size:38px; font-weight:normal; line-height:32px; margin:0 0 16px 5px; padding:0; text-transform:uppercase; }
.case-study-copy .list-row { height:185px; min-height:185px; }
.case-study-copy .thumbnail-img { width:203px; height:172px; }
.thumbnail-img { width:203px; height:172px; }

/* TODO: move to widgets - This is applied to leadership too. */
.listing-thumbs { display:block; position:relative; }
.listing-thumbs .list-row { overflow:hidden; position:relative; }
.listing-thumbs .thumbnail { float:left; padding:6px; }
	.listing-thumbs .thumbnail-link { display:block; position:relative;}
	.listing-thumbs .caption { display:none; background:url("/assets/images/global/bg-trasparent-bk.png") repeat 0 0; position:absolute; top:0; left:0; }
	.listing-thumbs .caption-copy { background:url("/assets/images/global/bg-trasparent-bk.png") repeat 0 0; min-height:45px; padding-top:3px; position:absolute; bottom:0; left:0; width:100%; z-index:100; }
	.listing-thumbs .caption-name { color:#7ac7fa; font-size:16px; font-weight:bold; margin:0; padding:0; }
	.listing-thumbs .caption-title { color:#ffffff; display:block; font-size:12px; font-weight:bold; min-height:15px; margin:0; overflow:hidden; padding:0 7px 2px 7px; }

/* case study hidden cases */
.btn-toggle-cases { display:block; height:25px; margin:0 auto; position:relative; text-align:center; width:98%; }
.btn-toggle-cases h6 { background-color:#fff; color:#999999; display:inline-block;  margin:0 auto; padding:0 10px; }
.btn-toggle-cases .rule-type-1 { border-color:#999999; margin-top:-8px; widht:100%; }
.hidden-cases { height:0; overflow:hidden; }
.previous-cases { height:0; overflow:hidden; }
		
		
/* content viewer - TODO: need to move to widgets*/
.content-viewer-copy { height:0; overflow:hidden; padding:0; width:100%; position:absolute; top:180px; left:0;} /* hidden content */
/* .content-viewer-target -> target location for hidden content  */
.content-viewer-target .panel-body { xheight:auto; }
.content-viewer-target .panel-header { width:100%; }
.content-viewer-target .panel-header .btn-close { margin-right:10px; }


/* content summary - styles */
.case-study-summary { display:block; height:503px; overflow:hidden; padding:20px 6px 30px 6px; position:relative; width:847px; }
.case-study-summary .btn-close { position:absolute; top:30px; right:20px; z-index:900; }
	.summary-image { display:block; height:503px; width:100%; }
	.summary-image img { display:inline-block;max-width:100%; height:auto; }
	.summary-copy { display:block; height:40%; width:90%; position:absolute; top:49%; right:4%  }
		.summary-heading { background:url("/assets/images/global/bg-trasparent-bk.png") repeat 0 0; color:#ffff00; font-family:'League Gothic',Arial,sans-serif; font-size:41px; padding:2%; text-transform:uppercase;  position:absolute; top:0; right:0;}
		.summary-txt { background:url("/assets/images/global/bg-trasparent-bk.png") repeat 0 0; color:#ffffff; display:block; height:55%; overflow:hidden; padding:2%; width:45%; position:absolute; top:36%; right:0; }
		.summary-txt .txt-block { margin-bottom:0; max-height:93px; overflow:hidden;  }
		.summary-txt .txt-block p { padding-bottom:9px;}
		.btn-full-case { color:#ffffff; display:block; float:left; margin-top:15px; text-decoration:underline; }


/* content article - styles */
.case-study-article { display:none; overflow:hidden; padding:20px 0; }
.case-study-article .btn-show-summary { display:block; height:20px; left:417px; position:absolute; top:19px; width:30px; z-index:900; }
.case-study-article .panel-header {background:url("/assets/images/global/arrows-down-bl.png") no-repeat 50% 40% #eeeeee; height:20px; padding:20px 0 30px 0; position:relative;}
.case-study-article .article { background-color:#eeeeee; padding-bottom:30px; }
.case-study-article .article-image { display:block; margin-bottom:30px; text-align:center; }
	.case-study-article .article-image img { margin: 0 auto; }
.case-study-article .article-heading { color:#1cdbfe; display:block; font-family:'League Gothic',Arial,sans-serif; font-size:26px; margin:0 0 30px 0; padding:0; text-align:center; text-transform:uppercase; width:100%; }
.case-study-article .article-copy { color:#77787b; display:block; height:338px; margin:0 auto; width:725px; }


.case-study-copy .subtype-row { height:368px; min-height:368px; }
.case-study-copy .case-study-heading {   }
	.subtype-disc { display:none; color:#ffffff; float:left; height:296px; margin:6px 6px 0 6px; padding:30px 25px 30px 30px; width:363px; }
	.subtype-row .slide-panel { top:352px; }
	
.subtype-industry .case-study-heading,
.subtype-service .case-study-heading,
.subtype-industry .subtype-disc,
.subtype-service .subtype-disc { display:block; }

.subtype-industry .subtype-icon { position:absolute; top:35px; left:-10px; z-index:100; }
.subtype-industry .subtype-disc { background-color:#1a9df5; }

.subtype-service .subtype-disc { background-color:#ff941f; }


/* subtype team-profile  */
.team-profile .slider-container { height:380px; margin:0; padding:0; width:100%; }
.team-profile .slider-list { height:380px; margin:0 auto; padding:0; width:850px; }
.team-profile .team-scroll-list { height:380px; overflow:hidden; padding:0; }
.team-profile .team-scroll-list li { display:block; float:left; position:relative;}

.team-profile .mCSB_draggerContainer {display:none;}

.team-profile { position:relative; }
.team-profile .concerned-conflict { background-color:#FFFFFF; font-size:15px; font-weight:bold; height:16px; padding:0 0 0 15px; position:absolute; right:0; text-align:right; top:-5px; }
.team-profile .concerned-conflict a { color:#1a9df5; }
.team-profile h2 { font-size:31px; } 
.team-profile .article { display:block; float:left; height:380px; max-height:360px; min-width:203px; max-width:400px; overflow:hidden; width:216px;}
.team-profile .article-image {display:block; margin-bottom:12px; text-align:center; }
.team-profile .icon { margin:0 auto; margin-bottom:12px; }
.team-profile .article-heading {color:#222222; display:block; text-align:center;}
.team-profile h4.article-heading { font-size:12px; font-weight:bold; line-height:12px; text-transform: uppercase;}
.team-profile h5.article-heading { font-size:12px; font-weight:normal; margin-bottom:20px; }
.team-profile .article-copy { color:#939598; padding:0 5%; text-align:center; }


/* infinite load on scroll */
#infinite-container { xborder:1px solid red; display:block; margin:0; padding:0; }
.infinite-more-link {visibility:hidden;}


/* brand slider - widget*/
#scroller { height:80px; overflow:hidden; }
#scroller li { float:left; }
	.brand-slider-heading { background-color:#FFFFFF; font-size:15px; font-weight:bold; height:16px; left:50%; margin-left:-9%; padding:0; position:absolute; text-align:center; top:19px; width:18%; } 
	.brand-scroller li { padding:0 20px; }


/* culture pages ------------- */
/* culture - culture */
.culture-copy {}
.culture-copy h1 { line-height:24px; margin-top:0;  }
	.culture-copy .rule-type-2 { margin:14px 0 18px 0; }
	.culture-copy .hightlight { margin-bottom:17px;}
	
	/*
	.experience-areas { position:relative; }
	.experience-areas .scroll-btn { background-image:url(/assets/images/global/arrows-horizontal-bk.png); }
	
	.experience-areas .slider-container { height:190px; margin:0; padding:0; width:100%; }
	.experience-areas .slider-list { height:190px; margin:0 auto; padding:0; width:850px; }
	.experience-areas .team-scroll-list { height:190px; overflow:hidden; margin:0; padding:0;}
	.experience-areas .team-scroll-list li { display:block; float:left; height:190px; margin:0; padding:0; position:relative; width:216px;}
	
	.experience-areas .mCSB_draggerContainer {display:none;}
	
	.experience-areas .article { display:none; float:left; max-height:190px; min-width:203px; max-width:400px; overflow:hidden; width:216px;}
	.experience-areas .article-image {display:block; margin-bottom:12px; text-align:center; }
	.experience-areas .icon { margin:0 auto; margin-bottom:12px; }
	.experience-areas .article-heading {color:#222222; font-size:11px; text-align:center;}
	.experience-areas .article-copy { color:#939598; padding:0 5%; text-align:center; }
	*/
	
	.culture-stories { position:relative; }
	.culture-stories .scroll-btn { background-image:url(/assets/images/global/arrows-horizontal.png); }
	
	.culture-stories .slider-container .scroll-btn { top:285px; }
	.culture-stories .slider-container .btn-left { background-position: -35% 50%; left:400px }
	.culture-stories .slider-container .btn-right { background-position: 135% 50%; right:400px }
	
	.culture-stories .slider-container { height:320px; margin:0; padding:0; width:100%; }
	.culture-stories .slider-list { height:279px; margin:0 auto; padding:0; width:860px; }
	
	.culture-stories .scroll-list { height:279px; overflow:hidden; margin:0; padding:0;}
	.culture-stories .scroll-list li { display:inline-block; float:left; height:279px; margin:0; padding:0; position:relative; width:287px;}
	.culture-stories .mCSB_draggerContainer {display:none;}
	
		.culture-stories .article { float:left; height:279px; margin:0 4px; overflow:hidden; position:relative; width:279px; }
		.culture-stories .article-link { display:block; height:100%; margin:0; paddig:0; width:100%; }
		.culture-stories .article-image { display:block; height:279px; width:279px; position:absolute; top:0; left:0; z-index:100}
		.culture-stories .article-heading,
		.culture-stories .article-subheading,
		.culture-stories .article-copy { color:#ffffff; display:block; font-family:'Arial'; margin:0; padding:0 2%; text-align:center; width:96%; position:absolute; left:0; z-index:200 }
		.culture-stories .article-heading { font-size:30px; font-weight:bold; height:30px; top:175px; }
		.culture-stories .article-subheading { font-size:16px; font-weight:normal; height:14px; top:210px; }
		.culture-stories .article-copy { font-size:11px; height:11px; top:250px; }
	
/* culture dialog styles */	
.culture-page .lb-data .lb-number {display:none !important;}
.culture-page .lb-data .lb-closeContainer {display:none !important;}


/* culture - culture-article : sub article based in main slider banners */
.culture-article-copy { content=""; display:block; overflow:hidden; position:relative; }
	.culture-article-copy .btn-close { position:absolute; top:5px; right:0; }
	.culture-article-copy .article { padding-bottom:5px; }
	.culture-article-copy .article-heading { color:#ffb038; font-size:26px; line-height:27px; margin:0 75px 15px 0;; }
	.culture-article-copy .article-subheading { color:#939598; font-size:12px; margin-bottom:28px; }
	.culture-article-copy .article-image { display:block; height:354px; margin-right:20px; position:relative; }
	.culture-article-copy .article-copy { max-height:270px; overflow:hidden; line-height:21px; width:310px;}
	.culture-article-copy .rule-type-1 { margin:20px 0; }
	
	/* sub-banner slider */
	#sub-slider { position:relative; }
	#sub-slider .scroll-btn { display:none; top:310px;}
	
	#sub-slider .btn-left { background-position: 0 50%; left:10px; }
	#sub-slider .btn-right { background-position: 100% 50%; left:35px; }
	
	#sub-slider .slider-container { height:354px; margin:0; padding:0; width:100%; }
	#sub-slider .slider-list { height:354px; margin:0 auto; padding:0; width:531px; }
	
	#sub-slider .scroll-list { height:354px; overflow:hidden; margin:0; padding:0;}
	#sub-slider .scroll-list li { display:inline-block; float:left; height:354px; margin:0; padding:0; position:relative; width:532px;}
	#sub-slider .mCSB_draggerContainer {display:none;}
	
	#sub-slider img { float:left; height:354px; margin:0; padding:0; overflow:hidden; position:relative; width:532px; }


/* culture - culture-gallery */
#galeryModal { display:none; }
.gallery-grid { margin-left:5px; }
	.gallery-link { display:block; float:left; height:275px; width:215px;  margin:0; overflow:hidden; padding:0; text-align:center; }
	.gallery-img { display:block; max-height:275px; max-width:215px; }
	.gallery-caption { color:#000000; }



/* culture - coyne-cares */
.cares-copy { color:#00d3ea; font-size:16px; line-height:24px; margin:0 0 15px 0; }
.cares-copy h1 { margin-top:0;  }
.cares-heading { display:block; position:relative; }
.coyne-cares-page .read-more { text-decoration:underline; }
.cares-images { padding-right:12px}
	.cares-img {}
	.spot-1 { padding-bottom:12px; width:100%; }
	.spot-2 { float:left; padding-bottom:12px; width:49%;}
	.spot-3 { float:right; padding-bottom:12px;}
	.spot-4 { float:left; height:auto; width:49%; }
	.spot-5 { float:right;}

.responsibility-copy { position:relative;}
.responsibility-copy p { margin-bottom:10px }
.responsibility-copy .btn-gray { color:#ffffff; display:block; margin:0 auto; width:65px;}

.care-archive-copy { height:0; overflow:hidden; position:relative; width:100%; }
.care-archive-copy h2 { clear:both; }
.care-archive-copy .media { width:48%; }
.care-archive-divider { clear:both; }
.care-archive-divider hr { width:48%; }


/* culture - coyne-cares-story (dialog) */
.care-dialog { background-color:#ffffff; height:540px; margin:0 auto; padding:12px; width:753px; }
.care-full-story { display:block; background-color:#ffffff; height:505px; width:752px; margin:0; position:relative; }
.care-full-story .article-image { height:auto; width:100%; position:absolute; top:0; left:0; }
.story-copy { background-color:#000000; opacity:0.7; filter:alpha(opacity=70); height:492px; padding:20px 20px; width:273px; position:absolute; top:0; right:0; }
.care-full-story .article-heading { color:#ffffff; margin-bottom:8px; }
.care-full-story .article-subheading { color:#ffff00; font-size:12px; font-weight:bold; margin-bottom:8px; }
.care-full-story .article-copy { color:#ffffff; font-size:13px; font-weight:bold; height:355px; overflow:hidden; }
.care-story-paging { display:none; float:left; width:40px; } 


/* culture - careers*/
.careers-copy h1 { line-height:24px; margin-top:0;  }
.job-postings { margin-bottom:30px;}
.job-postings .media-link { border:0; cursor:pointer; outline:none;}
.job-postings .media-link span,
.job-postings .media-link:hover span { border:0; color:#222222; outline:none;}
.job-postings .media-object { float:left; margin-right:14px; }
.job-postings .media-body h4 { color:#000000; font-size:19px; font-weight:normal; padding-top:3px; }

.job-postings .arrow { background-image:url("/assets/images/culture/career-toggle-arrows.png"); background-repeat:no-repeat; background-position:0 0; display:inline-block; height:12px; margin-left:7px; width:15px; }
.job-postings .ui-state-active .arrow {background-position:0 100%;}

.job-postings .collapse { height:0px; }
.post-description { margin:0 0 0 80px; }
	.post-description p { margin:10px 0 15px 0;}
	.post-description ul { margin:0 0 15px 0; }

.mission-statement { padding-top:30px; }

.programs-slider { height:125px; width:530px; }
.programs-slider .slider { height:125px; }
.programs-slider .media { xfloat:left; width:530px; }

.benefits-thumb { margin-bottom:10px; }
.btn-see-play { background:url("/assets/images/culture/see-us-play.png") no-repeat 0 0; display:block; height:20px; width:139px; position:absolute; bottom:0; right:10px; text-indent:-9999px; }


/* culture - see play  */
.play-page { }

#play-grid { min-height:1488px; width:865px; position:relative;}
	.grid-section { display:block; margin:0 auto 7px auto; position:relative; width:863px; }
	.grid-section > div { background-color:#f2f2f2; overflow:hidden; position:absolute; }
	.grid-section .thumb { display:block; margin:0 auto; max-width:100%; height:auto;}
	
	.grid-layout-1 { height: 308px; }
	.grid-layout-1 .cell1 { height:308px; width:549px; top:0; left:0;  } 			/* item 1 */
	.grid-layout-1 .cell2 { height:308px; width:307px; top:0; right:0; } 			/* item 2 */
	
	.grid-layout-2 { height: 671px;}
	.grid-layout-2 .cell1 { height:230px; width:410px; top:0; left:0;  } 			/* item 3 */
	.grid-layout-2 .cell2 { height:230px; width:193px; top:0; left:417px; } 		/* item 4 */
	.grid-layout-2 .cell3 { height:342px; width:247px; top:0; right:0; } 			/* item 5 */
	.grid-layout-2 .cell4 { height:434px; width:410px; top:237px; left:0;  } 		/* item 6 */
	.grid-layout-2 .cell5 { height:187px; width:193px; top:237px; left:417px; }		/* item 7 */
	.grid-layout-2 .cell6 { height:240px; width:193px; top:431px; left:417px; }		/* item 8 */
	.grid-layout-2 .cell7 { height:169px; width:247px; top:349px; right:0;  }		/* item 9 */
	.grid-layout-2 .cell8 { height:146px; width:247px; top:525px; right:0;  }		/* item 10 */
	
	.grid-layout-3 { height: 495px; }
	.grid-layout-3 .cell1 { height:277px; width:289px; top:0; left:0;  } 			/* item 11 */
	.grid-layout-3 .cell2 { height:277px; width:245px; top:0; left:296px; } 		/* item 12 */
	.grid-layout-3 .cell3 { height:177px; width:316px; top:0; right:0; } 			/* item 13 */
	.grid-layout-3 .cell4 { height:210px; width:159px; bottom:0; left:0; } 			/* item 14 */
	.grid-layout-3 .cell5 { height:210px; width:374px; bottom:0; left:166px; } 		/* item 15 */
	.grid-layout-3 .cell6 { height:311px; width:316px; bottom:0; right:0; } 		/* item 16 */


.thumb { z-index:5; }
.btn-play { background:url("/assets/images/global/btn-play.png") no-repeat 50% 50%; display:block; height:82px; width:82px; margin:-41px 0 0 -41px; position:absolute; top:50%; left:50%; z-index:10;}
.cell-data { display:none; }

.play-dialog { border:1px solid #f1f1f1; background-color:#ffffff; margin:0 auto; padding:12px; }
.play-dialog .btn-close { position:absolute; bottom:12px; right:12px;  }

	.video-dialog { min-height:377px; max-width:615px; }
		.video-heading { padding-bottom:10px; }
		.video-block { padding-bottom:10px; }
		.video-description { display:inline-block; line-height:130%; width:500px; }
	
	.article-dialog { height:540px; overflow:hidden; width:753px; }
		.article-dialog .article {display:block; background-color:#ffffff; height:492px; overflow:hidden; margin:0; position:relative; width:752px; }
		.article-dialog .article-image { height:auto; width:100%; position:absolute; top:0; left:0; }
		.article-dialog .story-copy { background-color:#000000; opacity:0.7; filter:alpha(opacity=70); height:492px; padding:20px 20px; width:273px; position:absolute; top:0; right:0; }
		.article-dialog .article-heading { color:#ffffff; margin-bottom:12px; }
		.article-dialog .article-copy { color:#ffffff; font-size:13px; font-weight:bold; height:355px; overflow:hidden; }


/* contact pages ------------- */
/* contact - contact */
.contact-copy { position:relative; }
.contact-copy h1 { line-height:24px; margin-top:0;  }
.contact-location { display:inline-block; margin:0 0 10px 0; padding:0; position:relative; width:100%; }
	.loc-la {margin-bottom:5px;}
.address-copy, .gmap, .location-img { border:0px solid red; float:left; height:216px; width:279px; }
	.address-copy { background:url("/assets/images/global/rule-type-03.png") repeat-x 0 100%; color:#b2b2b2; float:left; text-align:center; margin-right:14px; }
		.address-copy h2 { color:#1da0f7; font-size:38px; line-height:40px; margin-bottom:11px; padding-top:40px; }
			.loc-nj { padding-top:20px; }
			.loc-nj .address-copy h2 { padding-top:65px;} 
		
		.address {font-style:normal;  margin-bottom:3px;}
		.phone { font-style:normal; margin-bottom:4px; }
	.gmap { border: 1px solid #c7c8ca; }
	.location-img { border: 1px solid #c7c8ca; float:right; xpadding-right:0;}
	.location-img img { width:100%;}
	
.contact-copy .rule-type-2 { margin:18px 0 12px 0 }

.contact-people { height:88px; padding:7px 3px 0 10px}
.contact-people .media { float:left; margin-top:0; width:25%; }
.contact-people .media .pull-left { margin-right:5px; }
.contact-people .media-body { line-height:20px; padding-top:13px; }
 
 
 
 /* contact - hotsheet */
.hotsheet-heading { min-height:68px; }
.hotsheet-h1, .hotsheet-h2 { background-position:0 50%; background-repeat:no-repeat; text-indent:-9999px; }

.hotsheet-copy .hotsheet-heading .article { background:none; margin-bottom:0; padding-bottom:0; }
.hotsheet-copy .rule-type-2 { margin-bottom:30px }
.hotsheet-copy .article { background:url("/assets/images/global/rule-type-03.png") repeat-x 0 100%; margin-bottom:20px; padding-bottom:15px;}
.hotsheet-copy .article-copy a {color:#000000;}
.hotsheet-copy .last { background:none;}
.hotsheet-copy .article-image {display:block; margin-right:13px;}
.hotsheet-copy .article-heading { color:#222222; font-size:12px; font-weight:bold; overflow:hidden; text-decoration:underline; }
.hotsheet-copy .article-copy { overflow:hidden;}
.hotsheet-copy .article-copy p { margin-bottom:5px; }
.hot-source { font-weight:bold; }
.hot-source a { color:#222222; font-weight:normal; text-decoration:underline; }
 
 
/* hotsheet-archive */
.hotsheet-h2 { background-image:url("/assets/images/contact/hotsheet-heading-archive.png"); height:35px; margin-bottom:23px; }
.hotsheet-archive p {margin-bottom:23px;}

.subscribe-link { background-position:0 0; background-repeat:no-repeat; display:block; margin:0 auto 23px auto; }
	.subscribe-link { background-image:url("/assets/images/contact/btn-hotsheet_subscribe.gif");  height:38px; width:225px; }
 	
.hotsheet-archives { display:none; padding-top:25px; position:relative;}
.hotsheet-archives h2 { margin-bottom:23px; }
.hotsheet-archives .rule-type-2 { margin:0; width:100%; position:absolute; top:20px; right:0;}
.hotsheet-archives .btn-close { background-color:#ffffff; display:inline-block; padding-top:0; position:absolute; top:35px; right:0; }
.hotsheet-archives-block { height:300px; padding-top:30px;  width:100%; }
.hotsheet-archives ul { display:block; padding:0 0 10px 0; width:100%; }
 	
.archive-year { background-color:#0097fc; color:#ffffff; font-family: Georgia,Times,"Times New Roman",serif; height:21px; line-height:16px; margin:0 0 10px 0; padding:0; text-align:center; width:52px;	}
.hotsheet-list { margin:0 0 23px 0; padding:0; }
.hotsheet-list li { list-style-type:none; color:#222222; margin:0; padding:0; }
.hotsheet-list li a { color:#222222;  }



/* contacts - news -> uses .listing-page  */
.news-copy .sort-nav { width:500px; }

/* contacts - news-article */
.news-dialog { background-color:#e6e7e8; max-height:560px; margin:0 auto; padding:12px; width:776px; }
.news-dialog .article { background-color:#ffffff; margin-bottom:15px; padding:37px 32px 39px 32px; }
	.news-full-article {}
.news-dialog .article-heading { color:#1da0f7; font-size:32px; font-weight:normal; height:67px; line-height:32px; margin:0 0 10px 0; overflow:hidden; text-transform:none; }
.news-dialog .article-copy { max-height:365px; overflow:hidden;}

/* market bio dialog */
.market-bio-dialog { background-color:#e6e7e8; max-height:505px; margin:0 auto; padding:15px; width:410px; }
.market-bio-dialog .article { background-color:#ffffff; margin-bottom:15px; padding:35px 40px 39px 40px; }
.market-bio-dialog .article-heading { color:#1da0f7; font-size:33px; font-weight:normal; min-height:90px; line-height:32px; margin:0 0 18px 0; overflow:hidden; text-align:center; }
.market-bio-dialog .article-heading .icon { margin: 0 auto 10px; } 
.market-bio-dialog .article-copy { line-height:18px; max-height:287px; overflow:hidden;}
.market-bio-dialog .dialog-paging { display:none; width:40px; position:absolute; bottom:0; left:15px; }
	.market-bio-dialog .dialog-paging .scroll-btn {bottom:0; width:20px;}
	.market-bio-dialog .dialog-paging .btn-left { left:0;}
	.market-bio-dialog .dialog-paging .btn-right { right:0; }


/* error page ------------- */
.error-page h1 { color:#0097fc; font-size:50px; }
.error-page h4 { color:#666666; font-size:20px; margin-bottom:15px; }
.error-page p { color:#666666; }

 	
 	
/* footer ------------- */
.main-footer { height:80px; margin:0 auto 35px auto;}
	.footer-links { display:inline-block; height:35px; padding:15px 0 0 10px; width:290px; }
	.footer-links a { color:#939598; display:inline-block; margin-right:15px; }
	.connect-with-us, .icon-fb, .icon-tw, .icon-ig, .icon-sc, .icon-lkin, .icon-hotsheet { background-image:url("/assets/images/global/footer-conect-02.png"); background-repeat:no-repeat; }
		.connect-with-us { background-position:0 10px; display:inline-block; float:right; margin-right:20px; margin-bottom:12px; padding-top:10px; width:320px; z-index:1000; } 
	.icon-fb, .icon-tw, .icon-ig, .icon-sc, .icon-lkin, .icon-hotsheet { display:inline-block; height:29px; margin-right:4px; position:relative; text-indent:-9999px; width:29px; }
		.icon-fb {background-position:0 0;}
		.icon-tw { background-position:-35px 0;}
		.icon-ig { background-position:-72px 0;}
		.icon-sc { background-position:-107px 0;}
		.icon-lkin { background-position:-143px 0; }
		.icon-hotsheet { background-position:-180px 0; }
.copyright { color:#939598; display:block; margin-right:24px; text-align:right; }		


/* Site Icons */
.icon { background-position:0 0; background-repeat:no-repeat; display:block; margin:0; padding:0; position:relative;}
	.icon img, .icon .icon-bg { display:block; margin:0; padding:0; position:relative; }

.icon-ring-bl { background-image:url("/assets/images/icons/icon-bg-ring.png"); height:47px; width:47px; }
.icon-ring-bl.active, a.icon-ring-bl:hover { background-position:0 0; }
	.icon-ring-bl img { height:36px; padding-left:5px; padding-top:5px; width:36px; }
	
.icon-xlg { background-image:url("/assets/images/icons/icon-bg-xlg.png"); height:62px; width:62px;  }
.icon-xlg.active, a.icon-xlg:hover { background-position:0 0; }
	.icon-xlg img, .icon-xlg .icon-bg { height:62px; width:62px;  }

.icon-lg { background-image:url("/assets/images/icons/icon-bg-lg.png"); height:42px; width:42px; }
.icon-lg.active, a.icon-lg:hover { background-position:0 100%; }
	.icon-lg img, .icon-lg .icon-bg { height:42px; width:42px; }
	
.icon-md { background-image:url("/assets/images/icons/icon-bg-md.png"); height:37px; width:37px; }
.icon-md.active, a.icon-md:hover { background-position:0 100%; }
	.icon-md img, .icon-md .icon-bg  { height:37px; width:37px; }
	
.icon-sm { background-image:url("/assets/images/icons/icon-bg-sm.png"); height:28px; width:28px; background-position:0 100%; }
.icon-sm.active, a.icon-sm:hover { background-position:0 0; }
	.icon-sm img, .icon-sm .icon-bg { height:28px; width:28px; }

.job-postings .ui-state-active .icon { background-position: 0 100%; }


/* widgets */
.article {}
.article-heading {}
.article-subheading {}
.article-image {display:block;}
.article-copy {}
.article-copy a { color:#ffb038; }


/* content viewer */
.content-viewer-target { display:none; }


/* list slider */
.slider-container .scroll-btn { top:50%; }
.slider-container .btn-left { left:-25px}
.slider-container .btn-right { right:-25px}

.scroll-btn { background-image:url(/assets/images/global/arrows-horizontal.png); background-repeat:no-repeat; cursor:pointer; height:44px; position:absolute; width:25px; z-index:3}
.scroll-btn.disabled { background-image:url(/assets/images/global/arrows-horizontal-disabled.png); } 
	.btn-left { background-position:0 50%; bottom:20px; left:-25px}
	.btn-right { background-position:100% 50%; bottom:20px; right:-25px}


/* buttons */
.site-btn { display:inline-block; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-weight:bold; padding:3px 10px; text-align: center;}
.btn-gray { background-color:#cccccc; border:1px solid #9c9c9c; color:#ffffff; }
.btn-gray:hover { background-color:#cccccc; border:1px solid #0097fc; color:#ffffff; }
.btn-blue, .btn-blue:hover { background-color:#0097fc; color:#ffffff; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.btn-close { background:url("/assets/images/global/btn-close.png") no-repeat 0 0; height:18px; width:69px; }
.btn-close-lg { background:url("/assets/images/global/icon-close-lg.png") no-repeat 0 0; height:30px; width:78px; }

.rule-type-1 { border-top: 1px solid #939598; height:1px; margin:0; padding:0;  }
.rule-type-2 { background:url("/assets/images/global/rule-type-02.png") repeat-x 0 0; border:0; display:block; height:11px; margin:24px 0; }
.rule-type-3 { background:url("/assets/images/global/rule-type-03.png") repeat-x 0 0; border:0; display:block; height:2px; margin:24px 0; }
.rule-type-4 { border-top: 1px solid #000000; height:1px; margin:24px 0; padding:0;  }
.rule-type-5 { background:url("/assets/images/global/rule-type-05.png") repeat-x 0 0; border:0; display:block; height:11px; margin:24px 0; }


/* sort sub menus */
	.sort-nav { display:block; height:45px; margin:0; padding:0; }
	.sort-nav-item { display:inline-block; float:left; }
	.sort-link { color:#222222; float:left; font-weight:bold; margin:0 18px 0 8px;  }
	.sort-link:hover { color:#0084AB; }
	.sort-nav .active, .sort-nav .active:hover { color:#0084AB; font-weight:bold; cursor:default; text-shadow: 0 2px #E5E5E5; }
	
	.sort-icons { display:block; float:right; margin:0 3px 0 0; padding:0;  }
	.sort-icon-link { display:inline-block; margin-left:5px; }
	.sort-icon-link:hover .icon,
	.sort-icons .active .icon { background-image:url("/assets/images/icons/bg-gray.png"); }

.sort-block { display:block; height:auto; position:relative; }
	.sort-block .sort-nav { display:block; float:right; height:30px; padding-top:10px;}
	.sort-block .sort-nav-item { display:block; margin-left:8px; position:relative;}
	.sort-block .sort-link-case-study { margin:0 10px 0 8px;  }
	
.sort-nav-item-text { margin-left: 0px; padding: 0px; }


/* Page Type: listing-page -> contacts/news & /agency/awards-archive */
.listing-block .article { display:inline-block; float:left; margin:0 16px 0 8px; padding:0; width:192px; }
.listing-block .article-link { color:#222222; }
.listing-block .article-image { margin-bottom:10px; }
.listing-block .article-heading { margin-bottom:5px; }
.listing-block .article-copy { margin-bottom:25px; }

.listing-divider { display:block; clear:both; }
.item-divider { border-bottom:1px solid #7c7c7c; float:left; margin:0 16px 30px 8px; width:192px; }


/* thumbnails */
.thumbnail, .img-thumbnail { padding:4px; line-height:1.428571429; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.thumbnail {display:block;}
.thumbnail em {display:block;}
.thumbnail > img { display:block; height:auto; margin-left:auto; margin-right:auto; max-width:100%; }
.img-thumbnail { display: inline-block; max-width: 100%; height: auto; }
.thumbnail .caption { color:#222222; }


/* banners & sliders */
.slider-container { background-color:#fff; position:relative; margin-left:auto; margin-right:auto; }
.slider { position:relative; overflow:hidden; }
.slider ul { display:block; }
.slider ul li { background-color:#ffffff; display:block;  }
   

/* vertial scrolling by button */   
#scroll-vertical { overflow-x:hidden; overflow-y:hidden;  }
.scroll-up, .scroll-down { background-image:url("/assets/images/global/arrows-vertical.png"); background-repeat:no-repeat; height:13px; min-width:17px; }
.scroll-up:hover, .scroll-down:hover { background-color:#f5f5f5; }
.scroll-up { background-position:50% 0; }
.scroll-down { background-position:50% 100%; }

.media, .media-body { overflow:hidden; zoom:1; }
.media, .media .media { margin-top:15px; }
.media:first-child { margin-top:0; }
.media .media-link, .media .media-link:hover { color:#222222;}
.media-object { display:block; }
.media-heading { margin:0 0 5px; }
.media .pull-left { margin-right:10px; }
.media .pull-right { margin-left:10px; }
.media-list { padding-left:0; list-style:none; }


/* animate-image - This should be moved to a new css file and only include if used */
.animate-type-01 a img {
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}

.animate-type-01 a:hover img {
	xopacity:0.8;
   -webkit-transform: scale(1.2) rotate(2deg);
   -moz-transform: scale(1.2) rotate(2deg);
   -o-transform: scale(1.0) rotate(2deg);
   -ms-transform: scale(1.2) rotate(2deg);
   transform: scale(1.2) rotate(2deg);
}


/* helper */
.center { text-align:center; }
.img-responsive {display:inline-block;max-width:100%;height:auto;}
.img-rounded {border-radius:6px;}
.img-circle {border-radius:500px;}
.sr-only { border:0; clip: rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }

.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.fade.in { opacity: 1; }
.collapse {height: 0; }
.collapse.in { display: block; }

/* Test - grids  */
.girds-page {  }
.girds-page main, .girds-page aside { border:1px solid red; min-height:200px }



/* dialog (reset) - overlays */
.ui-widget-overlay {height:100%; left:0; position:fixed; top:0; width:100%;}
.ui-widget-overlay { background:#ffffff -50% 50% repeat-y; opacity:.60; filter:Alpha(Opacity=60); }

/* Component containers */
.ui-dialog {  padding:0; position: absolute; border:0; background-color: transparent; z-index:109; }
.ui-dialog .ui-widget-header {  background:none; border:0; position:absolute; top:11px; left:0; }
.ui-dialog .ui-dialog-titlebar { padding:0; z-index: 1000; }
.ui-dialog .ui-dialog-title { float: right; margin:0; }

/* Interaction states */
.ui-dialog .ui-state-hover, 
.ui-dialog .ui-widget-content .ui-state-hover, 
.ui-dialog .ui-widget-header .ui-state-hover { border:0; background: none; margin:0; padding:0;}

/* Icons */
.ui-dialog .ui-state-hover .ui-icon, 
.ui-dialog .ui-widget-content .ui-state-hover .ui-icon, 
.ui-dialog .ui-widget-header .ui-state-hover .ui-icon {  border:0; margin:0; padding:0; }

/* Content */
.ui-dialog-titlebar { display:none;}
.ui-dialog .ui-dialog-titlebar-close { display:none; }
.ui-dialog.ui-widget-content { background-color: transparent; border:0; background:none; }
.ui-dialog .ui-dialog-content { background-color: transparent; border:0; padding:0; position: relative;}

/* Butons */
.ui-dialog .ui-dialog-buttonpane {	background-image: none;	border:0; margin:0;	padding:0; text-align: left;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float:right; }
.ui-dialog .ui-dialog-buttonpane button { cursor: pointer; margin:0; }

/* Utils */
.ui-dialog .ui-resizable-se { bottom:3px; right:3px; width:14px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
*[data-toggle="modal"] { cursor: pointer; }


/* Drop Down Menus */
.ui-menu { display:inline-block; list-style:none; margin:0; min-width:147px; outline:none; padding:0; }
.ui-menu .ui-menu { position:absolute; }
.ui-menu .ui-menu-item { margin:0; padding:0; }
.ui-menu .ui-menu-divider { border-width:0; font-size:0; height:0; line-height:0; margin:0; }
.ui-menu .ui-menu-item a.ui-state-current,
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { color:#0097fc; text-decoration: none;  }

.dropdown-menu {
	background-clip: padding-box;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    3px 3px 5px 0 #999;
	-webkit-box-shadow: 3px 3px 5px 0 #999;
	box-shadow:         3px 3px 5px 0 #999;	
	display: none;
	font-size: 12px;
	list-style: none;
	margin:0;
	min-width: 147px;
	padding: 8px 0;
  	z-index: 1000;
	position: absolute;
	top:27px !important;
	left:10px !important;
}

.dropdown-menu > li > a { display: block; padding: 3px 14px; clear: both; font-weight: bold; line-height: 21px; color: #333333;  white-space: nowrap;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #0097fc; }

/* links page */
.links-copy { position:relative; }
.links-copy h1 { line-height:24px; margin-top:0; float: left; }
.links-copy .rule-type-2 { margin:18px 0 12px 0 }
.links-copy .links-search { position:relative; float: right; }
.link-table th.left { text-align: left; }
.link-table .row-image { width: 100px; height: auto; margin-left: 20px; }
.link-table .link-field { min-width: 300px; }
 .link-table tr { border-bottom: 1px dotted gray; }