e/*******************************************************************************
 *	Theme Name:		Digital Lumens Website theme
 *	Theme URI:		n/a
 *	Description:	A design for Digital Lumens by Jackrabbit Design.
 *	Version:		1
 *	Author:			Jackrabbit Design
 *	Author URI:		http://jumpingjackrabbit.com
 *
 *	This site was designed and built by Jackrabbit Design, whose website you will
 *	find at jumpingjackrabbit.com
 *******************************************************************************/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2d33b5");

  
@font-face {font-family: 'GillSansMTStd-Light';src: url('webfonts/2D33B5_0_0.eot');src: url('webfonts/2D33B5_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2D33B5_0_0.woff2') format('woff2'),url('webfonts/2D33B5_0_0.woff') format('woff'),url('webfonts/2D33B5_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'GillSansMTStd-Medium';src: url('webfonts/2D33B5_1_0.eot');src: url('webfonts/2D33B5_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2D33B5_1_0.woff2') format('woff2'),url('webfonts/2D33B5_1_0.woff') format('woff'),url('webfonts/2D33B5_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'GillSansMTStd-Bold';src: url('webfonts/2D33B5_2_0.eot');src: url('webfonts/2D33B5_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2D33B5_2_0.woff2') format('woff2'),url('webfonts/2D33B5_2_0.woff') format('woff'),url('webfonts/2D33B5_2_0.ttf') format('truetype');}

.GillSansMTStd-Light { font-family: GillSansMTStd-Light; }
.GillSansMTStd-Medium { font-family: GillSansMTStd-Medium; }
.GillSansMTStd-Bold { font-family: GillSansMTStd-Bold; }



/*******************************************************************************
 *	RESET
 *******************************************************************************/
	html{ color:#000; background:#fff; }
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
	table { border-collapse:collapse; border-spacing:0; }
	fieldset,img{ border:0; }
	address,caption,cite,code,dfn,th,var{ font-style:normal; font-weight:normal; }
	li{ list-style:none; }
	caption,th{ text-align:left; }
	h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
	q:before,q:after{ content:''; }
	abbr,acronym{ border:0; font-variant:normal; }
	sup{ font-size:70%;}
	sub{ vertical-align:text-bottom; }
	input,textarea,select{ font-family:inherit; font-size:inherit; font-weight:inherit; *font-size:100%; }
	header, nav, article, aside, footer, section{ display:block; }
	button{ border:0; text-align:center; cursor:pointer; background:none; }
	#no_ie6 { width: 100%; height: 40px; overflow: hidden; border-bottom: 2px solid #000; }


/*******************************************************************************
 *	FONTS
 *******************************************************************************/
	.gillsans{ font-family:GillSansMTStd-Medium,"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; }
	
 
/*******************************************************************************
 *	UNIVERSAL STYLES
 *******************************************************************************/
	html{ width:100%; height:100%; overflow-y:scroll; font:normal 13px/1.4em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; word-wrap: break-word; color:#555; }
	b,strong{ font-weight:bold; }
	i,em{ font-style:italic; }
	a{ color:#00aeda; text-decoration:none; cursor:pointer; }
	a:focus{ outline:none; }
	a:hover{ color:#7ac144; }
	h1,h2,h3,h4,h5,h6{ font-family: GillSansMTStd-Medium,"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; overflow:hidden; }
	td,th{ padding:5px; }
	
	.aligncenter { margin: 20px 0; }
	.alignleft { display:block;float: left; margin: 0 25px 0 0 !important; }
	.alignright { display:block;float: right; margin: 0 0 0 25px !important; }
	
	table#repfinder td p {padding:0}
	
	.shownone {display:none}
	.ctitle {font-weight:bold;font-size:16px;margin:10px 0 0;padding:0}


/*******************************************************************************
 *	LAYOUT & STRUCTURE
 *******************************************************************************/
	#wrapper{ max-width:1500px; padding:0 30px 60px; margin:0 auto; background:#fff; }
	#lb-galleries{ display:none; }
	
	.textundervideo {font-size:12px;line-height:15px;width:460px;position:absolute;bottom:30px;right:40px;z-index: 12;}
	

	/* = PAGE HEADER ==== */
	#page-header{ position:relative; z-index:101; height:125px; }
		#logo{ position:absolute; left:20px; top:22px; width:207px; height:80px; }
		#logo-link{ display:block; width:207px; height:80px; background:url(../images/dl_logo.svg) no-repeat; overflow:hidden; text-indent:-9999px; text-transform:capitalize; }
		#logo-text{ position:absolute; left:20px; top:85px; font-size:16px; line-height:18px; letter-spacing:0.5px; color:#707070; }
	
		#page-nav{ position:absolute; z-index:100; bottom:10px; right:20px; font-size:16px; height:30px; text-transform:uppercase; }
		#page-nav li{ float:left; position:relative; height:30px; margin:0 0 0 15px; padding:0 0 0 15px; }
		#page-nav a{ display:block; height:30px; color:#58595b; }
		#page-nav ul{ display:none; position:absolute; width:175px; height:210px; top:30px; left:0; padding:10px 0 0; background:url(../images/bg_subnav.png) repeat; }
		#page-nav ul li{ float:none; padding:0; margin:0 0 3px; height:auto; font-size:14px; }
		#page-nav ul a{ padding:5px 0 4px 15px; height:auto; color:#fff; }
		#page-nav ul a:hover{ background:url(../images/bg_subnav-link-hover.png) repeat; }
		#page-nav .hover a, #page-nav .current_page_item a, #page-nav .current-page-ancestor a{ color:#00aeda; }
		#page-nav .hover ul{ display:block; }
		#page-nav .hover ul a{ color:#fff; }
		
		#topnav{ position:absolute; top:25px; right:20px; }
		#topnav .partner_login { margin-right: 20px; }
		#topnav .partner_login a, #topnav .partner_login a:visited { color: #58595b; }
		#topnav .partner_login a:hover { color: #00aeda; }
		#topnav .icon{ display:inline-block; vertical-align:middle; }
		#topnav .ico-email{ width:18px; height:11px; margin:0 7px 0 0; }
		#topnav .ico-house{ width:16px; height:14px; }
			#search-submit{ display:inline-block; width:18px; height:17px; }
			#search-text{ width:125px; font-size:10px; line-height:12px; padding:2px 3px 0; margin:0; vertical-align:middle; border:1px solid #b9babd; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
		
	.tweet_list li {margin-bottom:20px}
	
	/* = BANNER ==== */
	#banner{ width:940px; position:relative; }
	.page-template-template-home-slider #banner,
	#home #banner{ height:360px; padding-bottom: 0; overflow: visible; }
	#banner.with-text { height:215px; }
	#banner.with-text #banner-text{
		position:absolute; width:60%; height:225px; right:0; bottom: 0; top: auto; left:auto;
	}
		#banner-bgs{ position:absolute; width:100%; height:360px; overflow:hidden;background:#F0F0F0 }
		#banner-text{ position:relative; z-index:10; width:420px; height:310px; top:25px; left:20px; }
		#banner-text td{ font-size:15px; padding:0; vertical-align:bottom; line-height:1.5em; }
		#banner-text td div {
			font-family: 'GillSansMTStd-Light';
			background:url(../images/white-90.png) left top repeat;
			padding: 20px 40px 20px 40px;
		  	text-shadow: 0 0 2px #fff;
			font-size: 20pt;
			color: #00aeda;
			line-height: 1.2em;
			margin-bottom: 20px;
		}
		#banner-text .slide{ }
		#banner-pager{ position:relative; z-index:10; bottom:-370px; text-align: center; }
			.pager-link{ display:inline-block; width:16px; height:16px; margin:0 0 0 3px; background:url(../images/sprite_banner-pager2.png) no-repeat left top; }
			.pager-link.active, .pager-link:hover{ background-position:right top; }
		
		.slide{ position:absolute; display:none;width:100%;height:360px;z-index:8 }
		  .slide > img {position:absolute;bottom:0;left:0;z-index:9; 
			  height: 100%; 
			  width: auto; 
			  min-width: 100%;
			  
		  }
		  .slide h2{ 
			  background: transparent url("../images/white-90.png") repeat scroll left top;
			  font-family: 'GillSansMTStd-Light';
			  font-size:30pt; line-height:1.2em; padding:20px 20px 020px 50px; 
			  color:#00aeda; 
			  	text-shadow: 0 0 2px #fff;
			  width: auto;
			  max-width:50%; 
			  height:auto;position:absolute;bottom:40px;left:0;z-index:10;
			  }
			.slide h2, .slide h2 a {
			  color: #333;
			}
		  .slide .callout{ color:#666; display:block; font-size:30px;line-height:34px;padding:10px 0 0 0; }
		  .slide .callout a {
			  color:#00aeda;
		  }
		  .slide a.icon-casestudy {
			  padding-left: 35px;
			  background: url("/ui/images/icon-casestudy.png") left 5px no-repeat;
			  background-size: 30px 30px;
		  }
		  .slide iframe {position:absolute;top:20px;right:40px;z-index:11} 
		.slide.active{ display:block; }
	#banner-video {position:absolute; z-index:10; width:460px; height:259px; top:25px; right:20px; }		
		
	
	/* = CONTENT ==== */
	#content{ overflow:hidden; background:url(../images/bg_content_new.png) no-repeat bottom center; margin:25px 0 0; }
	body.page-template-template-home-slider #content.new,
	body#home #content.new {background:url(../images/bg_content-home-new.png) no-repeat right bottom; margin-top: 50px !important; width: 1000px;}
	body.page-template-template-home-slider .col2.new,
	body#home .col2.new {
		width: 680px;
	}
	body.page-template-template-home-slider#content.new,
	body#home#content.new { margin-top: 50px; background:url(../images/bg_content_home.png) no-repeat bottom center; }
	/*#home #content{ background-position: -50px bottom; }
	#home #content .col1{ width:210px; }
	#home #content .col3{ width:225px; }
	#content.twocol { background-position:-512px bottom; }
	*/
	#content.twocol {
		background: url("/ui/images/bg_content_new-1col.png") -22px bottom no-repeat;
	}
	#content.twocol .col2{ 
		width:680px; padding:0; float:right;
	}
		.col{ float:left; }
		.col1{ width:200px; }
		.col2{ width:380px; padding:0 50px; }
		.col3{ width:220px; float:right; }
		.col2.new{ width:465px; padding:0 30px 0 50px; }
		.col3.new{ width:180px; float:right; }   
		
		.col3 h3 {
			color: #666;
			font-size: 14pt;
			margin: 0 0 5px 0;
		}
		.col3 .post h3 {
			text-transform: none;
			font-weight: bold;
			font-size: 10pt;
		}
	
	#content#home article h2 {
		color: #333;
		font-family: 'GillSansMTStd-Light';
		font-size: 20pt;
		line-height: 1.3em;
	}
	
	#content#home article p {
		line-height: 2em;
	}
	
	
	/* = CALL TO ACTION ==== */
	#call-to-action{ padding:15px 0 0 10px; width:170px; }
		#home #call-to-action{ }
	#call-to-action a{ display:block; font-size:13px; line-height:16px; padding:0 0 0 60px; }
	.col3 #call-to-action a {
		font-size: 10pt;
	}
	#call-to-action a:hover{ color:#7ac144; }
	#call-to-action .ico-case-studies{ padding-bottom:10px; }
	#call-to-action li {padding-right:10px}
	
	
	/* = TWITTER ==== */
	#twitter { margin-bottom: 35px; }
	#twitter p{ padding-bottom:0; }
	#twitter .tweet{ padding:20px 0 0; }
	#twitter .tweet:first-child{ padding:0; }
	#twitter .tweet-tstamp{ color:#959595; }
		#twitter-head{ display:block; font-size:18px; line-height:20px; padding:0 0 0 40px; margin:0 0 10px; }
	
	
	/* = SOCIAL MEDIA ICONS ==== */
	.social-head { margin-bottom: 0 !important; }
	#social img { margin-right: 10px; }


	/* = FEEDS ==== */
	#feeds{ padding:0 0 15px; }
		#feeds .post{ border:0; padding-top:15px; }
		#feeds .post:first-child{ padding:0; }
		.rss-head{ font-size:18px; line-height:27px; margin:20px 0 10px; color: #555; }
		.rss-head:first-child{ margin-top:0; }
		.rss-head .ico-rss{ display:inline-block; margin:0 3px 0 0; width:26px; height:26px; vertical-align:middle; }
		.rss-post-title{ font:bold 12px/1.3em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; }
		.rss-post-details{ font-size:11px;color:#999;line-height:15px;margin:5px 0 0 }
		
	
	/* = SUBNAV ==== */
	.subnav{ border-top:1px solid #9fe1f1; width:200px; }
	.subnav li{ border-bottom:1px solid #9fe1f1; font-size:14px; text-transform:uppercase; }
	.subnav a{ display:block; color:#555; padding:11px 10px 8px 15px; margin:1px 0; }
	
	body:not(.single) .subnav .sub-menu {
		margin: -10px 0 0 30px;
	}
	body:not(.single) .subnav .sub-menu li {
		border-bottom: none;
	}
	
	.col1 li.menu-item .sub-menu {
		display: none;
	}
	
	.col1 li.menu-item.current-menu-item .sub-menu,
	.col1 li.menu-item.current_page_parent .sub-menu {
		display: block;
	}

	.subnav .current_page_item a, #subnav .current_page_item a:hover,
	.subnav .sub-menu .current_page_item a, .subnav .sub-menu .current_page_item a:hover { 
		color:#00AEDA; 
		background:none;
	}
	.subnav a:hover{ background:#9fe1f1 !important; color:#fff !important; }

	body:not(.single) .subnav .sub-menu li a {
		color: #555;
	}
	
	.subnav .sub-menu .current_page_item a {
		color:#00AEDA !important; 
	}
	
	.col3 .subnav{ width:auto; border-color:#dfdfdf; }
	.col3 .subnav li{ border-color:#dfdfdf; text-transform:none; }
	.col3 .subnav a{ color:#888; padding:6px 5px; }
	.col3 .subnav a:hover{ background:#dfdfdf; color:#555; }
	
	.breadcrumbs { display: none !important; }
	.breadcrumbs {margin:0 0 20px}
	.breadcrumbs a {color:#aaa;text-decoration:underline;font-size:12px}
	.breadcrumbs a:hover {color:#7AC143;text-decoration:none}
	.breadcrumbs span {display:none}
	
	
	/* = ARTICLE ==== */
	article *{ /*font-size:14px;*/ }
	article h2{ font-family: 'GillSansMTStd-Light'; color:#000; font-size:22pt; line-height:1.1em; padding:0 0 12px; }
	article h3{ color:#00AEDA; font-size:16pt; line-height:1.1em; padding:0 0 7px; }
	.calc article h3{ text-transform:uppercase;background:url(../images/h3fade.gif) bottom center no-repeat;padding:0 0 15px;margin:20px 0 }
	article h4{ color:#00AEDA; font-size:16px; line-height:1.1em; padding:0 0 7px; }
	article h5{ color:#00AEDA; font-size:14px; line-height:1.1em; padding:0 0 7px; }
	article h6{ font: 14px/1.4em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; padding: 0 0 10px; }
	article p { padding:0 0 25px; line-height:1.5em; }
	article ul{ padding:0 0 18px;margin-top:10px !important }
	article ul.directions{ display:none; }
	.page-id-2155 article ul ul {padding-bottom:0}
	article li{ padding:0 0 10px; margin:0 35px; line-height:1.4em; }
	article ul li{ list-style:outside disc; }
    article ul li.section { padding: 0 0 10px 0; margin: 0; list-style: none; }
	article ul li.section-head { padding: 0; margin: 0; }
	article ul li.section-head h3 { color: #949494; font-size: 13px; text-transform: uppercase; }
	article ol li{ list-style:outside decimal; }
		.lead-in{ color:#555;border-bottom:1px solid #D4D4D4;padding:0 0 5px;margin:0 0 20px }
		.overview-box p{ font-size:14px; line-height:1.4em; }
		.callout-box{ color:#555; font-size:11px; line-height:1.2em; }
		.callout-box li{ list-style:outside disc; margin:0 0 0 15px; padding:0 0 7px; }
		.callout-box p, .callout-box p * { font-size:11px; line-height:1.2em; padding:0 0 7px; }
		.lead-in-box{ border-bottom:2px solid #d4d4d4; padding:0 0 5px !important; margin:0 0 30px; }
			.lead-in-box .callout-box { font-weight:bold; font-size:14px; }
			.lead-in-box .callout-box p { font-size:14px; }
			.lead-in-box .callout-box li { font-size:12px; }
		.how-it-works{ margin:25px 0 0; }
		.read-more-text{ display:none; }
		.chiclets { clear: both; overflow: hidden;margin-top:20px }
		.chiclets span { display: block; float: left; }

	ul#posts {margin:10px 0 0 !important}
		
		
	#content.new .callout-box{ color:#0BAFDB; font-size:14px; line-height:19px;background:#f3f3f3;padding:15px;margin:0 0 20px }
	#content.new .callout-box li{ list-style:outside disc; margin:0 0 0 15px; padding:0 0 7px; }
	#content.new .callout-box ul {padding:0}
	#content.new .callout-box p, .callout-box p * { font-size:14px; line-height:19px; padding:0 0 7px; }
	
	.single-blog-post .col2 img {display:block;border:3px solid #eee;margin:10px 0 5px}
	
	
	/* = POSTS ==== */
	.post-head {font:14px/17px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; padding:0 0 15px; color:#555 }
	.post-subhead{ display:block; font:12px/17px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color:#999; }
		article h2 .post-subhead { font-size:14px; line-height:17px;margin-top:5px }
	.post{ border-top:1px solid #d4d4d4; padding:20px 0 10px; list-style:none; margin:0; overflow:hidden; }
	.jobs .post.career { border-top:none; padding:4px 0; list-style:none; margin:0; overflow:hidden; }
	.post:first-child{ border-top:0; padding-top:0; }
	.post-cats{ color:#b4b4b4; padding:0 0 20px; font-size:12px; }
	.post-cats a{ font-size:12px; }
	.post-type{ color:#7AC144; font-size:12px; display:block; }
	.post-type b{ color:#000; }
	.top{ display:block; overflow:hidden; }
	.top a{ display:block; float:right; }
	.top .more-link{ float:left; }
	.top .carrot{ vertical-align:middle; font-size:14px; }
	
	.post.case_study .featured_img {
		float: right;
		margin: 0 0 20px 20px;
		max-width: 250px;
	}
	.post.case_study .featured_img img {
		width: 100%;
		height: auto;
	}
	
	/*.post.career {padding:10px 0} */
	   .post.career .post-head, .post.career h3 {padding:0}
	   
	   .sidebar-specs .post-head {padding:0}
	   .sidebar-specs .section-head {padding:15px 0 5px}
	   .sidebar-specs .post {padding:5px 0}
	
	
	/* = SIDEBAR SECTIONS ==== */
	.section{margin:20px 0 0 }
	.col3 .section-head{ font-family: 'GillSansMTStd-Medium'; display:block; font-size:18px; color:#555; padding:0 0 10px; font-weight: normal; }
		.categories{ color:#b4b4b4; }
		.category{ color:#b4b4b4; }
	
	
	/* = RECENT POSTS ==== */
	#recent-posts{}
	#recent-posts .post-title{ font:bold 12px/15px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; }
	#recent-posts .post-date{ display:block; color:#b4b4b4; font-weight: normal; }
	#recent-posts .post{ border:0; padding:0 0 15px; }
	
	
	/* = TWO COLUMN SECTION ==== */
	.two-col{ overflow:hidden; padding:0 0 35px; }
	.two-col .col{ float:right; width:210px; }
	.two-col .col:first-child{ float:left; width:410px; }
	.two-col .col:first-child td { padding: 15px 0; border: 1px solid #EFFAFD; }
	.two-col .col-wide:first-child{ float:none; width:600px; }
	
	
	/* = THREE COLUMN SECTION ==== */
	.three-col{ overflow:hidden; }
	.three-col .col{ float:left; width:180px; padding:0 0 0 30px; }
	.three-col .col:first-child{ padding:0; }
	.three-col .col-head { padding: 0 0 15px; }
	.three-col .col-head a { font-size: 18px; }
	.three-col .col-group{ overflow:hidden; padding:0 0 25px; }
	.three-col .featured-image{ margin:0 0 15px; }
	.three-col p { font-size:11px; padding:0 0 10px; }
	.three-col p a { font-size:11px; font-weight:bold; }
	
	#content.new .three-col .col-group {border-top:2px solid #D4D4D4;padding:25px 0}
	#content.new .three-col .col { float:left; width:200px; padding:0 0 10px 40px; }
	#content.new .three-col .col.first{ padding:0 0 10px;clear:both }
	
	
	/* = FOUR COLUMN SECTION ==== */
	.four-col{ overflow:hidden; }
	.four-col .col{ float:left; width:130px; padding:0 0 0 40px; }
	.four-col .col:first-child{ padding:0; }
	.four-col .col-head { padding: 0 0 15px; }
	.four-col .col-head a{ font-size: 18px; }
	.four-col .col-group{ overflow:hidden; padding:0 0 25px 0 }
	.four-col .featured-image{ margin:0 0 15px; }
	.four-col p { font-size:11px; padding:0 0 10px; }
	.four-col p a { font-size:11px; font-weight: bold; }
	
	#content.new .four-col .col-group {border-top:2px solid #D4D4D4;padding:25px 0}
	#content.new .four-col .col{ float:left; width:200px; padding:0 0 10px 40px; }
	#content.new .four-col .col.first{ padding:0 0 10px;clear:both }
	
	
	/* = UBERNAV ==== */
	#ubernav{ overflow:hidden; margin:0 auto; background:#43c2e3; width:1000px; padding:40px 0; }
		#ubernav-offset{ position:relative; margin: 0 auto; } 
		.ubernav-menu{ float:left; width: 23%; padding-right: 2%; }
		.ubernav-menu:first-child{ padding-left:0; }
		.ubernav-menu a:hover{ color:#c4fa9b; }
		.ubernav-menu ul a{ font-size:11px; font-weight:normal; color:#ecfafe; }
		.ubernav-menu a, .ubernav-menu ul, .ubernav-menu ul a,
		.footer_content {
			font-family: 'GillSansMTStd-Medium';
		}
		#ubernav, footer_content, .ubernav-menu ul a {
			font-size: 11pt;
		}
		.ubernav-menu .sub-menu {
			padding-top: 10px;
		}
		.ubernav-menu ul li {
			padding-bottom: 10px;
		}
		.footer_content, .footer_content a {
			color: #fff;
		}
		#ubernav #ubernav-menus > li:first-of-type {
			width: 26%;
		}
		#ubernav #ubernav-menus > li:nth-of-type(2) {
			width: 30%;
		}
		#ubernav #ubernav-menus > li:nth-of-type(3) {
			width: 23%;
		}
		#ubernav #ubernav-menus > li:nth-of-type(4) {
			width: 13%;
		}
		.ubernav-menu a,
		.footer_content h3 {
			color: #fff;
			font-size: 11pt;
			padding-bottom: 10px;
		}
		.footer_content .footer_phone {
			margin: 10px 0 25px 0;
			font-family: 'GillSansMTStd-Light';
			font-size: 18pt;
		}
		.footer_content a.social_link {
			width: 20px;
			height: 20px;
			background-position: left top;
			background-repeat: no-repeat;
			background-size: 20px 20px;
			text-indent: -300em;
			overflow: hidden;
			display: inline-block;
			margin-right: 10px;
			zoom: 1;
			filter: alpha(opacity=80);
			opacity: 0.8;
		}
		.footer_content a.social_link:hover {
			filter: alpha(opacity=100);
			opacity: 1.0;
		}
		.footer_content a.social_link.social-facebook {
			background-image: url(/ui/images/icon-facebook-white.png);
		}
		.footer_content a.social_link.social-linkedin {
			background-image: url(/ui/images/icon-linkedin-white.png);
		}
		.footer_content a.social_link.social-twitter {
			background-image: url(/ui/images/icon-twitter-white.png);
		}
		.footer_content a.social_link.social-googleplus {
			background-image: url(/ui/images/icon-googleplus-white.png);
		}
		.footer_content a.social_link.social-vimeo {
			background-image: url(/ui/images/icon-vimeo-white.png);
		}
		.footer_content a.social_link.social-instagram {
			background-image: url(/ui/images/icon-instagram-white.png);
		}
			
	
	/* = COPYRIGHT ==== */
	#copyright{ background: #73d0e8; width:1000px; margin:0 auto; padding:10px 0; font-size:10px; color:#fff; text-align:center; }
	
	
	/* = PAGINATION ==== */
	#pagination{ clear:both; overflow:hidden; }
		#pagination-prev{ display:block; width:40%; float:left; }
		#pagination-next{ display:block; width:40%; float:right; text-align:right; }
	
	
	/* = ICONS ==== */
	.icon{ background-image:url(../images/icons.png); background-repeat:no-repeat; }
	.ico-calculate{ background-position:left top; height:72px; }
	.ico-case-studies{ background-position:left -109px; height:52px; }
	.ico-whitepapers{ background-position:left -191px; height:82px; }
	.ico-whitepapers a{ padding-top:12px !important; }
	.ico-twitter{ background-position:-3px -347px; }
	.ico-rss{ background-position:-3px -292px; display:inline-block; width:26px; height:26px; vertical-align:middle; margin:0 10px 0 0; }
		h2.rss .ico-rss { display:block; float:left; }
	.ico-magnifying-glass{ background-position:-194px 0; }
	.ico-magnifying-glass:hover{ background-position:-194px -20px; }
	.ico-house{ background-position:-194px -95px; }
	.ico-house:hover{ background-position:-194px -122px; }
	.ico-email{ background-position:-194px -186px; }
	.ico-email:hover{ background-position:-194px -214px; }
	.ico-more-info{ background-position:-306px 0; height:78px; }
	.ico-more-info a{ padding-top:6px !important; }
	.ico-partner-login{ height: 50px; padding-top: 15px; border-top: 3px solid #96deec; background: url(../images/PartnerLogonIcon.png) no-repeat left bottom; }
	.ico-partner-login a{ padding-top: 8px !important; }
	
	.icon2 {
		vertical-align: middle;	
		margin-right: 3px;
	}
	
	.col1 h2 {font-size: 14px;text-transform: uppercase;color:#555;padding:11px 5px 8px;font-family: 'GillSansMTStd-Bold';}
	.col1 h2.link {padding:0}
	.col1 h2 a { display:block; color:#555; padding:11px 5px 8px; margin:1px 0; }
	.col1 h2 a:hover{ background:#9fe1f1; color:#fff; }
	
	/* = GLOBAL STYLES ==== */
	.clear{ clear:both; font-size:0; height:0; }
	.small{ font-size:11px; }
	h5 .head-link{ color:#555; }
	.framed{ padding:6px; background:#EDFCFF; border:1px solid #73D0E8; }
	hr,.hr{ font-size:0; height:1px; margin:25px 0; background:#00aeda; border: none; }
	.message{ display:inline-block; *zoom:1; *display:inline; padding:5px 10px; margin:0 0 15px; color:#000; background:#FBD36E; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
	.more{ display:block; }
	.dl-link{ margin-top:-10px; }
	a.directions-link{ color: #7AC144; }
	a.directions-link:hover{ color: #555; }
	p.video-holder{ line-height:100px; }
	
	
	/* = DEFAULT WORDPRESS STYLES ==== */
	.aligncenter{ }
	.alignleft{ float:left; margin:0 15px 5px 0; padding:3px; /*border:1px solid #77D4EB;*/ }
	.alignright{ float:right; margin:0 0 5px 15px; padding:3px; /*border:1px solid #77D4EB;*/ }
	.alignnone { }
	.wp-caption{ color: #888 !important; min-width: 150px; margin-bottom: 20px; }
	.wp-caption-text{ padding: 3px 0 7px !important; text-align: left; }
		table .wp-caption-text { text-align: center; font-size: 12px !important; }
	.wpGallery{ }
	.shutter{ }
	.shutterset{ }
	
	
	table.awards {width:100%;margin-bottom:20px}
	table.awards td {width:170px;text-align:center;vertical-align:middle;padding:20px}
	table.awards td span {display: table-cell;height: 140px;text-align: center;vertical-align: middle;width: 210px;}
    table.awards td p {font-size:11px;padding:10px 0 0}
    .certs h3 {font-size:20px;color:#7AC143;margin:30px 0 10px}
    
    .prod-sidebar ul li {border-bottom:1px solid #f3f3f3;font-size:12px;padding:4px 0}
    
    
    /* = PATENTS TABLE STYLES = */
    
    table#patents {width:100%}
    table#patents tr th { padding:12px; font-weight:bold; vertical-align: bottom; color:#00AEDA }
    table#patents tr td { border:none; padding:12px;vertical-align:top }
    table#patents tr td { background:#fff; }
    table#patents tr:nth-child(even) td { background:#f3f3f3; }

    

/*******************************************************************************
 *	FORM STYLES
 *******************************************************************************/
 
 
 
 
 
 
 
 
 /* Layout Settings */
	.jquerybubblepopup{width:auto;height:auto;margin:0px;padding:0px;position:absolute;border:0px;z-index:100;text-align:center;background-color:transparent;}
	.jquerybubblepopup-ie{filter:progid:DXImageTransform.Microsoft.Shadow(color="#666666", Direction=135, Strength=3);} /* the plugin adds this class only if browser is IE; if IE9, it's added to main <DIV> else to <TABLE> */
	.jquerybubblepopup table{width:auto;height:auto;margin:0px;padding:0px;display:table;border-collapse:collapse;border-spacing:0px;border:0px;empty-cells:show;background-color:transparent;}
	.jquerybubblepopup tbody{display:table-row-group;vertical-align:middle;border:0px;background-color:transparent}
	.jquerybubblepopup td{margin:0px;padding:0px;background-color:transparent;}
	.jquerybubblepopup-top-left,    .jquerybubblepopup-top-right,
	.jquerybubblepopup-bottom-left, .jquerybubblepopup-bottom-right{width:21px;height:21px;overflow:hidden;background-repeat:no-repeat;}
	.jquerybubblepopup-top-middle,  .jquerybubblepopup-bottom-middle{overflow:hidden;background-repeat:repeat-x;}
	.jquerybubblepopup-middle-left, .jquerybubblepopup-middle-right{overflow:hidden;background-repeat:repeat-y;}
	.jquerybubblepopup-tail{border:0px;margin:0px;padding:0px;display:inline;width:19px;height:21px}
    .jquerybubblepopup-tail {display:none}

/*  
	Themes:

	The plugin adds the class of the theme (for example ".jquerybubblepopup-azure") 
	to the main <DIV> container, then you can edit the style of any element inside the 
	Bubble Popup markup for each theme.
	
	The following code defines fonts and backgrounds of the "innerHtml" for each theme:
*/
    .jquerybubblepopup-innerHtml {padding:5px 10px !important;}
	.jquerybubblepopup-azure  .jquerybubblepopup-innerHtml,
	.jquerybubblepopup-black  .jquerybubblepopup-innerHtml,
	.jquerybubblepopup-blue   .jquerybubblepopup-innerHtml,
	.jquerybubblepopup-green  .jquerybubblepopup-innerHtml,
	.jquerybubblepopup-grey   .jquerybubblepopup-innerHtml,
	.jquerybubblepopup-orange .jquerybubblepopup-innerHtml,
	.jquerybubblepopup-violet .jquerybubblepopup-innerHtml, 
	.jquerybubblepopup-yellow .jquerybubblepopup-innerHtml
	{
		font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
		font-size:13px;
		font-weight:normal;
		color:#000000;
		background-color:#FFFFFF;
	}
	.jquerybubblepopup-all-azure  .jquerybubblepopup-innerHtml,
	.jquerybubblepopup-all-black  .jquerybubblepopup-innerHtml, 
	.jquerybubblepopup-all-blue   .jquerybubblepopup-innerHtml,
	.jquerybubblepopup-all-green  .jquerybubblepopup-innerHtml, 
	.jquerybubblepopup-all-grey   .jquerybubblepopup-innerHtml, 
	.jquerybubblepopup-all-orange .jquerybubblepopup-innerHtml,
	.jquerybubblepopup-all-violet .jquerybubblepopup-innerHtml, 
	.jquerybubblepopup-all-yellow .jquerybubblepopup-innerHtml
	{
		font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
		font-size:13px;
		font-weight:normal;
		color:#FFFFFF;
	}
	.jquerybubblepopup-all-azure  .jquerybubblepopup-innerHtml{background-color:#0099FF;}
	.jquerybubblepopup-all-black  .jquerybubblepopup-innerHtml{background-color:#000000;} 
	.jquerybubblepopup-all-blue   .jquerybubblepopup-innerHtml{background-color:#0066CC;}
	.jquerybubblepopup-all-green  .jquerybubblepopup-innerHtml{background-color:#66FF00;} 
	.jquerybubblepopup-all-grey   .jquerybubblepopup-innerHtml{background-color:#666666;}
	.jquerybubblepopup-all-orange .jquerybubblepopup-innerHtml{background-color:#FF9933;}
	.jquerybubblepopup-all-violet .jquerybubblepopup-innerHtml{background-color:#FF33FF;} 
	.jquerybubblepopup-all-yellow .jquerybubblepopup-innerHtml{background-color:#FFCC00;}




/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
    .page-id-7508 #cboxContent{margin-top:15px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


/* 
share button styles
*/
.ssba {
	margin: 20px 0 0 0;
}
.ssba, .ssba a {
	font-family:'GillSansMTStd-Medium',"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif !important;
	font-size: 14px !important;
	font-weight: normal !important;
	color: #999;
}
.ssba a {
	margin-left: 3px;
}
.ssba.ssba-wrap img,
.share_buttons .ssba img {
	border: none !important;
	margin-top: 0;
	width: 25px !important;
}
/* remove extra share icons on news pages */
body.single-news .col3 .ssba {
	display: none;
}





/* forms */

.buttons{ text-align:left; }
.buttons button, a.button {border:1px solid #9DE1F1;-webkit-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0px 0px 1px 1px rgba(55, 160, 188, .8);box-shadow: 0px 0px 1px 1px rgba(55, 160, 188, .8); margin:0 1px;padding:3px 8px;font-size:13px;background:#42C2E3;color:#fff;text-transform: uppercase;  }
a.button {
	display: inline-block;
	margin-top: 10px;
}
.footer_content a.button {
	margin: 0 0 10px 0;
	padding: 6px 20px 2px 20px;
	font-size: 13pt;
	box-shadow: none;
}
.buttons button:hover, a.button:hover {background:#37A0BC; color: #fff;}
.currency{ width:190px !important; }
.description{ display:inline-block; font-weight:bold; color:#000; width:220px; }
.footnote{ color:#888; clear:both; font-size:11px; }
.fullwidth { background:#fff !important; padding:0 20px; }
    .fullwidth p { width:445px; }
    .fullwidth.calc p { width:auto; }
.helper{ display:inline-block; padding:0 0 0 205px; font-size:11px; color:#888; }
.helper-inline{ padding:0; }
.optional-info { display: block; clear: both; font-size: 12px; padding: 0 0 10px; }
.requiredfield{ color:#CC0000; font-weight:bold; }
.left{ float:left; width:48%; }
.left.nopad{ padding:0 !important}
.right{ float:right; width:48%; }
    .left li, .right li{ list-style:none; margin:0; }
.text{ display:inline-block; background:#f6f6f6; border:1px solid #ddd; padding:2px 5px; width:185px;font-size:14px }

label.error{ display:block; padding:0 0 0 50px; font-size:11px; color:#cc0000; font-style:italic }

form ul.radio {width:195px;float:left;padding:0}
form .radio label {font-size:13px;padding:0 0 0 6px !important}
label.radio {float:left}
  
#fixture-container, .checkboxes{ width:200px; display:inline-block; padding:5px 0 0; *zoom:1; *display:inline; }
#fixture-other-container{ display:none; }
#leadgen{ overflow:hidden; }
article #leadgen label { vertical-align:top; padding:3px 0 0;font-size:13px !important }
#leadgen li{ overflow:hidden; padding: 5px 0 10px;font-size:12px;position:relative }
#leadgen h4 {font-size:18px}
	
.energy-content { width: 600px; margin: 0 0 20px 0; float: left; }
.energy-content-sub { float: right; width: 250px; margin: 0; }
.energy-content-sub p { width: auto; }

.energy-savings h2 strong { color:#7AC143; font-size: 22px; }

.energy-savings form { width: 100%; clear: both; }
.energy-savings form label.error { display: block; }
.energy-savings form ul.left { width: 420px; float: left; }
.energy-savings form ul.right { width: 420px; float: right; }

.energy-savings form label { float: none; display: inline-block; width: 200px }
.energy-savings form label.choice { float: none; display: inline-block; width: auto; }
.energy-savings form input { float: none; display: inline-block; }
.energy-savings form input.radio{ float: left; display: inline-block; }
.energy-savings form input.text { width: 200px;}
.energy-savings form input.text.short { width: 75px;}
.energy-savings form input.submit { float: right; }
.energy-savings form select {  float: none; display: inline-block; width: 200px;}
.energy-savings form span.helper { color: #888; }

.energy-savings form ul li ul { padding: 5px 0 0 0; }
.energy-savings form ul li ul li { overflow: visible; *overflow: hidden; }

table.savings-data { width: 100%; margin: 0 0 5px 0; }
table.savings-data th { text-align: right; padding: 10px 20px 10px 0; }
table.savings-data td { text-align: right; padding: 0 20px 0 0; }
table.savings-data .savings-data-system { background: #E0E0E3; border-bottom: 1px solid #BCBCBE; width: 170px; padding: 10px 10px; font-weight: bold; text-align: left; }
table.savings-data thead { background: transparent; color: #000; }
table.savings-data th { border-bottom: 1px solid #C4C5C7;  }
table.savings-data th.savings-data-total { color: #fff; }
table.savings-data td { border-bottom: 1px solid #C4C5C7; }
table.savings-data .savings-data-total { background: #979797; border-bottom: 1px solid #7F7F7F; color: #e0e0e0; font-size: 14px; }
table.savings-data tr.savings-data-dl { background: #1B7F26; color: #fff; font-size: 14px; font-weight: bold; }
table.savings-data tr.savings-data-dl td { border-bottom: 1px solid #166e16; }
table.savings-data tr.savings-data-dl td.savings-data-system { font-size: 12px; background: #238A2D; }
table.savings-data tr.savings-data-dl td.savings-data-total { font-size: 16px; color: #fff; background: #166e16; }

p.footnote { font-size: 10px; }
form p.footnote { padding: 20px 0 0 0; color: #999;width:500px !important }
a.savings-results{ background: url(../images/bg_button.gif) repeat-x 0 50%; color: #fff; display: block; width: 180px; text-align: center; font-size: 14px; padding: 8px 0 12px 0; margin: 10px 0; float: right; }
a.savings-results.top { margin-top:0; }

#chart { background: #fff; margin: 0; clear: both; border: 1px solid #999; }
#chart-loading { text-align: center; margin:100px 0; }

article h2 { padding:10px 0 20px; }
textarea { height:100px; }

#facility, #value_added, #distributor, #contractor, #rep, #specifier, #Utility { overflow:hidden; background:#f6f6f6; display:none; padding:20px; }
#facility .text, #serviceprovider .text { background:#fff; }

.pop {width:17px;height:16px;position:absolute;top:3px;right:5px;z-index:101;background:url(../images/i.gif) top left no-repeat;display:block}
.pop:hover {background:url(../images/i.gif) bottom left no-repeat;cursor:pointer}
label {position:relative}
body {position:relative;z-index:1}


.section select {width:94px;font-size:13px}
.section select.long {width:200px}
.section .text.small {width:90px;font-size:14px}

.error-container {border:1px solid #CC0000;background:#f6e8e8;padding:15px 30px;display:none;margin:10px 0 0}
.error-container ul {list-style:none}
.error-container li {padding:0 0 5px;font-size:13px;list-style:none;margin:0}
.error-container li label {padding:0;font-size:13px;color:#b55c5c}
.error-container h6 {font-size:18px;color:#CC0000}

input[type="radio"] {margin-left:3px}

.other_field {display:none}

.optional_holder label {padding:3px 0 6px !important;width:300px}
.optional_holder .text {background:#fff}
.optional_holder textarea.text {width:300px}
.optional_holder select {width:250px;display:block}
.optional_holder select.sm {width:70px;display:inline-block}

.radiobuttons {margin-top:0 !important;padding:0 !important}
.radiobuttons li {width:60px;display:inline-block;padding:5px 0 !important}
	


/* columns */

.content-column {
	margin: 20px 0 10px 0;
}

.content-column.casestudies {
	background-image: url(/ui/images/icon-casestudy.png);
}

.content-column.whitepapers {
	background-image: url(/ui/images/icon-whitepaper.png);
}

.content-column.webinars {
	background-image: url(/ui/images/icon-webinar.png);
}

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

.content-column.one_half {
	width: 48%;
	margin-right: 2%;
}

.content-column.one_third {
	width: 30%;
	margin-right: 3%;
}




/* home page */

body.page-template-template-home-slider .one_third,
body.home .one_third {
	width: 140px;
	padding-right: 16px;
	margin: 0;
}

body.page-template-template-home-slider .one_third.last_column,
body.home .one_third.last_column {
	padding-right: 0;
}

.content-column.casestudies,
.content-column.whitepapers,
.content-column.webinars {
	padding-left: 70px;
	background-size: 60px 60px;
	background-position: left top;
	background-repeat: no-repeat;
}

#content.home article .one_third h4 {
	font-family: 'GillSansMTStd-Bold';
	font-weight: normal;
	padding: 0 0 2px 0;
}

#content.home article .one_third h4,
#content.home article .one_third p {
	line-height: 1.2em;
	margin-left: 60px;
}

body.page-template-template-home-slider .one_third img.alignleft,
body.home .one_third img.alignleft {
	margin: 0 10px 0 0 !important;
}

body.page-template-template-home-slider #banner .banner-slideshow .slide iframe,
body#home #banner .banner-slideshow .slide iframe {
	width: 370px;
	height: 218px;
	padding: 17px 40px 70px 53px;
	background: url(../images/laptop_bg.png) no-repeat;
}

.page .modex-whitepaper-title{
    margin-bottom: 0;
}