/*   
Theme Name: IDS-Troy
Description: Template for http://www.ids-troy.com
Author: Skidmore Studios / Paradox Customs
Theme URI: http://www.ids-troy.com
Author URI: http://skidmorestudio.com/
Version: 1.0
*/

/* WEBFONTS */

@font-face{
font-family:"Trade Gothic W01 Bold";
src:	url("css/fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix");
src:	url("css/fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix") format("eot"),
		url("css/fonts/f51d24dd-8256-43c6-ba1a-6aeae9d3f262.woff") format("woff"),
		url("css/fonts/955ee494-66b2-4eb2-8f19-bc3a088df16d.ttf") format("truetype"),
		url("css/fonts/d5153ad4-7c93-4757-9147-640e69ec4801.svg#d5153ad4-7c93-4757-9147-640e69ec4801") format("svg");
}

@font-face{
	font-family:"TradeGothicW01-BoldCn20 675334";
	src:  url("css/fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix");
	src:  url("css/fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix") format("eot"),
		  url("css/fonts/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"),
		  url("css/fonts/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"),
		  url("css/fonts/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg");
	font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family:"Trade Gothic W01 Bold 2";
	src:  url("css/css/fonts/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot?#iefix");
	src:  url("css/fonts/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot?#iefix") format("eot"),
		  url("css/fonts/1454a71d-cdbb-429c-8092-122f4493e0c7.woff") format("woff"),
		  url("css/fonts/d5ea405c-2180-4ff0-bd51-3e19fb280be4.ttf") format("truetype"),
		  url("css/fonts/70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9.svg#70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9") format("svg");
	font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family:"Museo Sans W01 100";
	src:  url("css/fonts/e14e9fd6-0631-4491-b873-211c7b6f926c.eot?#iefix");
	src:  url("css/fonts/e14e9fd6-0631-4491-b873-211c7b6f926c.eot?#iefix") format("eot"),
		  url("css/fonts/e976d680-12b6-411e-9f79-0ef9287f484d.woff") format("woff"),
		  url("css/fonts/81780024-f1ae-4135-a0ae-d0bab2c19986.ttf") format("truetype"),
		  url("css/fonts/98fa899e-fa41-4563-b67a-33d373ba60ee.svg#98fa899e-fa41-4563-b67a-33d373ba60ee") format("svg");
	font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family:"Museo Sans W01 300";
	src:  url("css/fonts/fd479df2-01b0-4e3a-a411-915c477f1352.eot?#iefix");
	src:  url("css/fonts/fd479df2-01b0-4e3a-a411-915c477f1352.eot?#iefix") format("eot"),
		  url("css/fonts/b252d464-65cb-4950-88f7-ac0a1bf79b75.woff") format("woff"),
		  url("css/fonts/b3d18117-6517-4d3f-afc1-774086ff5fc1.ttf") format("truetype"),
		  url("css/fonts/b9bed509-0816-43d8-b14b-7525a21f4bde.svg#b9bed509-0816-43d8-b14b-7525a21f4bde") format("svg");
	font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family:"Museo Sans W01 500";
	src:  url("css/fonts/a29947fd-0c53-492b-b2f4-399b01153b30.eot?#iefix");
	src:  url("css/fonts/a29947fd-0c53-492b-b2f4-399b01153b30.eot?#iefix") format("eot"),
		  url("css/fonts/d42dd843-62b0-4623-8855-d5882512c3c9.woff") format("woff"),
		  url("css/fonts/6d532ccb-086c-4000-bab2-5d16862fcf01.ttf") format("truetype"),
		  url("css/fonts/f56b7407-f97b-4cb3-9ce6-4e13065eec93.svg#f56b7407-f97b-4cb3-9ce6-4e13065eec93") format("svg");
	font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family:"Museo Sans W01 700";
	src:  url("css/fonts/3d0a39cf-115c-4800-9b1e-31c7912abfc2.eot?#iefix");
	src:  url("css/fonts/3d0a39cf-115c-4800-9b1e-31c7912abfc2.eot?#iefix") format("eot"),
		  url("css/fonts/eadbb595-a394-48fc-834f-8bf5da15cddf.woff") format("woff"),
		  url("css/fonts/9bcba093-b507-4b9b-9c83-303003d3815c.ttf") format("truetype"),
		  url("css/fonts/9a2af429-2624-4bd1-a676-8f0eed3e7e31.svg#9a2af429-2624-4bd1-a676-8f0eed3e7e31") format("svg");
	font-weight: normal;
    font-style: normal;
}

/*  Global */

body {
	margin: 0 auto;
	font-family: "Helvetica";
	font-smoothing: always;
	-webkit-font-smoothing: antialiased;
	line-height: 20px;
	font-size: 13px;
	color: #323232;
	min-width: 1020px;
	cursor: default;
}
/*
@media screen and (min-width: 768px) {
   body {
        min-height: 1240px;
    }
}
*/

#pageBody,
.whatWeDo .wysiwyg,
#pageContainer {
	position: relative;
}

.wrapper {
	width: 1020px;
	margin: 0 auto;
}

a {
	cursor:pointer;
	
}

.wysiwyg a:active,
.wysiwyg a:visited,
.wysiwyg a {
	color: #323232;
	font-size: 15px;
	font-family:"Museo Sans W01 500";
}

.people .wysiwyg a:active,
.people .wysiwyg a:visited,
.people .wysiwyg a {
	color: #fff;
}

.people .wysiwyg a:hover,
.wysiwyg a:hover {
	color: #52a7c1;
	text-decoration: none;
}

@media print {
	display: none;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal; 
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


#content {
	margin: 0 10px 0;
}

#content:after,
#content .contentTop:after,
#content .contentTop .buttons:after,
#content .person.expanded .scroller .biography:after,
#content .accolades:after,
#header:after,
#projectStorySlider .infoBar:after,
#projectStoryDetails:after,
#projectStoryDetails .col.right:after,
#projectStoryDetails .stats:after,
#projectStoryDetails .team:after,
#projectStoryDetails .team .col:after,
#projectStoryDetails .testimonials:after,
.headlines:after,
.blogs:after,
.titleBar:after,
.scroller:after,
.teasers:after,
.the-ids-story #content .calendar .month .item .teaser:after,
.search .result:after {
	content: "";
	display: block;
	clear: both;
}

.col.right,
.col.left {
	float: left;
	margin-top: 10px;
}

h2 {
	font-size: 25px;
	font-family:"Museo Sans W01 100";
	color: #fff;
}

h3 {
	font-size: 16px;
	font-family:"Museo Sans W01 100";
	color: #fff;
}

#content .contentTop {
	border-right: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	position: relative;
}

#pagerLoading img {
	margin-right: 10px;
}

#content .pageTitle {
	float: left;
	font-size: 28px;
	color: #79736C;
	font-family: "Museo Sans W01 100";
	padding: 30px 0 23px 30px;
	width: 303px;
}

#content .contentTop .pager a.next.hideButton,
#content .contentTop .pager a.prev.hideButton {
	background-image: none;
	cursor: default;
}

#content .contentTop .pager {
	float: left;
	font-family:"Trade Gothic W01 Bold 2";
	font-size: 12px;
	color: #79736c;
	margin-top: 12px;
	width: 332px;
	text-align: center;
}

#content .contentTop .pager .totalCount,
#content .contentTop .pager .count {
	font-size: 18px;
	color: #f7901e;
	margin-right: 2px;
}

#content .contentTop .pager .numbers {
	width: 103px;
	display: inline-block;
}

#content .contentTop .pager a.next,
#content .contentTop .pager a.prev {
	width: 30px;
	height: 30px;
	display: inline-block;
	background-position: 0 -56px;
	position: relative;
	top: 8px;
}

#content .contentTop .pager a.prev {
	background-image: url(images/PagerLeftArrow.png);
	background-repeat: no-repeat;
}

#content .contentTop .pager a.next {
	background-image: url(images/PagerRightArrow.png);
	background-repeat: no-repeat;
}

#content .contentTop .pager a.prev:hover,
#content .contentTop .pager a.next:hover,
#projectStorySlider a.hotspot:hover {
	background-position: 0 0px;
}	


#content .contentTop .selectboxit-container .selectboxit {
	width: 258px !important;
}

#content .selectboxit-btn {
	background: none;
	border-radius: 0;
	border: 1px solid #d9d9d9;
}

#content .selectboxit-btn:hover, 
#content .selectboxit-btn:focus {
	color: #79736c;
}

#content .selectboxit-container span, .selectboxit-container .selectboxit-options a {
	height: 28px;
	padding: 0;
}

#content .selectboxit-container .selectboxit-options a {
	padding: 5px 0 4px;
}

#content .selectboxit .selectboxit-arrow-container .selectboxit-arrow {
	top: 44%;
	right: 2px;
}

#content .selectboxit-default-arrow {
	border-top: 7px solid #79736C;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
}

#content .selectboxit-default-arrow:hover {
	border-top: 7px solid #52a7c1;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
}

#content .selectboxit-text {
	font-weight: bold;
	width: 228px;
	text-indent: 19px;
	color: #52a7c1;
}

#content  .selectboxit[aria-activedescendant="0"] .selectboxit-text {
	font-weight: normal;
	font-style: italic;
	color: #79736c;
}

#content .selectboxit-container .selectboxit-options {
	border-radius: 0;
	border-top: none;
}

#content .contentTop .selectboxit-container {
	margin-top: 21px;
	float: right;
	right: -1px;
	z-index: 2001;
	position: relative;
	color: #79736c;
	font-size: 15px;
}

#content .contentTop .selectboxit-list > li > a {
	color: #79736c;
	font-size: 15px;
}

#content .contentTop .selectboxit-list > .selectboxit-focus > a {
	background: none;
	color: #52a7c1;
	font-weight: bold;
}

#content .contentTop .selectboxit-option {
	text-indent: 18px;
	border-bottom: 1px solid #d9d9d9;
}

#content .contentTop .buttons {
	float: right;
}

#content .contentTop .buttons h1,
#content .person.expanded .scroller,
#content .person.expanded .tabs,
#content .hook,
#content .row,
#content .person,
#content .person.expanded .row .col {
	float: left;
}

#content .contentTop .buttons h1 a {
	padding: 14px 27px 11px 28px;
}

#content .contentTop .buttons a {
	float: left;
	color: #79736c;
	text-decoration: none;
	font-size: 18px;
	font-family:"Trade Gothic W01 Bold 2";
	padding: 14px 27px 15px 28px;
}

#content .contentTop .buttons a:hover,
#content .contentTop .buttons a.selected:hover,
#content .contentTop .buttons a.selected {
	background: -webkit-gradient(linear, left top, left bottom, from(#78706a), to(#58504a));
	background: -moz-linear-gradient(top,  #78706a,  #58504a);
	background: -ms-linear-gradient(top, #78706a, #58504a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78706a', endColorstr='#58504a');
	border-bottom: 4px solid #F7901E;
	color: #fff;
}

#content .contentTop .buttons a.selected:hover {
	padding: 14px 27px 11px 28px;
}

#content .contentTop .buttons a:hover {
	border-bottom: none;
	padding: 14px 27px 15px 28px;
}


#content .contentTop #pagerLoading{
	position: absolute;
	top: 20px;
	left: 41%;
	color: #79736C;
}

.peopleLoading {
	position: absolute;
	top: 382px;
	left: 298px;
	color: #94908e;
	font-size: 20px;
	font-family: "Museo Sans W01 100";
}

.peopleLoading img {
	position: absolute;
	top: -8px;
	left: -45px;
}

#pagerLoading {
	display: none;
}

.wysiwyg ul {
	list-style-type: disc;
	padding: 0 0 0 70px;
	margin: 1em 0;
}

.wysiwyg ul li {
	font-size: 13px;
	line-height: 18px;
}

.wysiwyg h1{
	font-family: "Museo Sans W01 100";
	font-size: 30px;
	color: #323232;
	line-height: 30px;
	text-transform: uppercase;
}

.wysiwyg h2{
	font-family: "Museo Sans W01 100";
	font-size: 25px;
	color: #323232;
	line-height: 25px;
	text-transform: uppercase;
}

.wysiwyg h3{
	font-family: "Museo Sans W01 100";
	font-size: 16px;
	color: #323232;
	line-height: 16px;
	text-transform: uppercase;
}

.wysiwyg h4{
	font-family: "Museo Sans W01 700";
	font-size: 16px;
	color: #323232;
	line-height: 16px;
	text-transform: uppercase;
}

.wysiwyg h5{
	font-family: "Trade Gothic W01 Bold 2";
	font-size: 16px;
	color: #323232;
	line-height: 16px;
	text-transform: uppercase;
}

.wysiwyg h6 {
	font-family: "Georgia";
	font-size: 12px;
	color: #F68a3d;
	line-height: 18px;
	font-weight: bold;
	font-style: italic;
	float: right;
	width: 210px;
	margin: 0 30px 5px 0;
	padding-left: 5px;
}

.wysiwyg p + h6 {
	margin-top: 31px;
}



.wysiwyg h6:after{
	content: url(images/WysiwygOrangeBar.png);
	position: relative;
	bottom: -4px;
	clear:both;
	display: block;
}

/* HEADER */

#header {
	border-right: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	margin: 0 10px;
	height: 130px;
	position: relative;
	background-image: url(images/HeaderBGLines.png);
	background-repeat: no-repeat;
	background-position: 332px 0px;
}

#header #menuMain {
	background-color: #79736c;
	position: absolute;
	z-index: 3000;
	left: -1px;
}

#header #menuMain .topMenu {
	height: 74px;
	width: 915px;
	margin: 0 30px 0 55px;
	display: none;
}

#header #menuMain li.clicked {
	color: #5B5B5B;
	background-color: #323232;
}

#header #menuMain li.clicked .sub-menu,
#header nav ul li:active > ul,
.whatWeDo .col.left a.teaser:hover .screen,
#content .person.expanded .scroller a.teaser:hover .screen,
.project-stories #content a.teaser:hover .screen,
.project-stories #content a.teaser:hover .screen,
#content .person.expanded .row .title,
#content .person.expanded .row .contact,
#content .person.expanded .scroller,
#content .person.expanded .tabs,
body.contact-info #content,
#projectStorySlider .infoBar .hotspotDetail.active,
.sliderImage.active,
.hotspots.active,
.sliding {
	display: block;
}

#header .topMenu li {
	font-family:"TradeGothicW01-BoldCn20 675334";
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	position: relative;
	z-index: 900;
	float: left;
}

#header .topMenu > li a {
	display: block;
	padding: 27px 44px;
}

#header .topMenu li.fourth a {
	padding: 27px 41px 27px 40px;
}

#header .topMenu li.fifth a {
	padding: 27px 41px 27px 42px;
}


#header .topMenu li a:hover {
	color: #323232;
}

#header .topMenu li a:active {
	background-color: #323232;
	color: #fff;
}

#header .topMenu li a.logoSmall {
	padding: 0;
	position: relative;
	left: 26px;
	top: 25px;
}

#header .topMenu ul li.clicked a,
#content .accolade.selected .bottomBar h2,
#content .accolade.selected .bottomBar h3 {
	color: #fff;
}

#header .sub-menu {
	display: none;
	position: absolute;
	background-color: #323232;
	border-bottom: 4px solid #f7901e;
	width: 100%;
}

#header .sub-menu li {
	display: block;
	border-top: 1px solid #5b5b5b;
	float: none;
	
}

#header .topMenu ul.sub-menu li a {
	color: #fff;
	font-size: 15px;
	text-transform: capitalize;
	text-decoration: none;
	width: auto;
	text-align: left;
	padding: 8px 0 7px 20px;
	font-family: helvetica;
}

#header .topMenu ul.sub-menu li a:hover {
	color: #52a7c1;
	background-color: #282828;
	z-index: 1000;
	width: auto;
	font-weight: bold;
}

#header .handle {
	position: absolute;
	display:block;
	left: 445px;
	height: 40px;
	width: 110px;
	background: -webkit-gradient(linear, left top, left bottom, from(#79736C), to(#5D554F));
	background:  -moz-linear-gradient(top,  #79736C,  #5D554F);
	background: -ms-linear-gradient(top, #79736C, #5D554F);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79736C', endColorstr='#5D554F');
	overflow: hidden;
}

#header .handle img{
	position: absolute;
	top:0;
	left: -4px;
}

#header .handle.menuOpen {
	height: 30px;
	background: -webkit-gradient(linear, left top, left bottom, from(#79736C), to(#5D554F));
	background:  -moz-linear-gradient(top,  #79736C,  #5D554F);
	background: -ms-linear-gradient(top, #79736C, #5D554F);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79736C', endColorstr='#5D554F');
}


#header .clientLink {
	font-family:"Trade Gothic W01 Bold 2";
	float: right;
	text-decoration: none;
	color: #79736c;
	font-size: 13px;
	margin: 25px 7px 0 0;
}

#content .person.expanded .row .contact a:hover,
#header .clientLink:hover,
.search .more-results:hover span,
#projectStorySlider .infoBar .pager .prevNext a:hover,
#projectStoryDetails .col.left h1:hover,
.headlines .headline:hover .more,
.blogs .blog:hover .more,
.resource a:hover,
.search .result ul li a:hover,
.projectDetails #relatedProjects a:hover h2 {
	color: #52a7c1;
}

#header .searchBox {
	position: absolute;
	right: -1px;
	top: 80px;
}

#header .searchBox:after {
	content: url(images/FTPSearchIcon.png);
	top: 5px;
	position: absolute;
	right: 8px;
}

#header .searchBox input {
	background-color: #f7901e;
	border: none;
	color: #FFFFFF;
	padding: 9px 35px 3px 21px;
	width: 204px;
	font-size: 15px;
	font-family: "Museo Sans W01 100";
}

#header .searchBox #headerTextSearch::-webkit-input-placeholder {
	color: #ffffff;
}
#header .searchBox #headerTextSearch:-moz-placeholder {
	color: #ffffff;
}
#header .searchBox #headerTextSearch::-moz-placeholder {
	color: #ffffff;
}
#header .searchBox #headerTextSearch:-ms-input-placeholder {
	color: #ffffff;
}

#header a.logo {
	float: left;
	margin: 44px 0 0 29px;
}

/* FOOTER */

#footer {
	margin: 15px 0 33px 40px;
	padding-left: 0;
	height: 53px;
}

.people #footer{
	margin: 15px 0 33px 40px;
}

.search #footer{
	margin: 15px 0 33px 38px;
}

.headlines #footer {
	margin: 20px 0 33px 40px;
}

.headlines-post #footer {
	margin: 15px 0 33px 40px;
}

.accolades #footer {
	margin: 15px 0 33px 41px;
}

.contact-info #footer{
	margin: 15px 0 33px 40px;
}

.employment #footer{
	margin: 15px 0 33px 40px;
}

#footer .logo {
	width: 390px;
	font-size: 13px;
	color: #bbbbbb;
	position: relative;
	z-index: 1000;
}

#footer .logo img {
	margin: 0 0 4px 1px;
}

#footer .logo img:after {
	clear: both;
}

/* Home Page */

.home #header {
	border-bottom: none;
}

.home #content {
	height: 600px;
	z-index: 100;
	position: relative;
}

.home #footer {
	margin: 0 0 35px 10px;
	padding: 15px 0 0 30px;
}

#bigImageArea{
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	overflow: hidden;
}

#bigImageArea .Images {
	position: relative;
	margin: 129px auto 0;
	width: 1200px;
}

#bigImageArea .Images .screen {
	background-image: url(images/screen.png);
	height: 95px;
	width: 100%;
	position: relative;
	z-index: 10	
}

#bigImageArea .Images .primaryImage,
#bigImageArea .Images .subImage,
#content .accolade img {
	position: absolute;
	top: 0;
}

.home #content h1 {
	color: #fff;
	font-size: 32px;
	font-family: "Museo Sans W01 100";
	line-height: 35px;
	vertical-align: middle;
	height: 95px;
	max-width: 850px;
	display: table-cell;
	padding: 0px 0 0 26px;
	letter-spacing: -1px;
}

.home #content .button {
	position: absolute;
	top: -1px;
	right: 0px;
	width: 110px;
	height: 100px;
	background: -webkit-gradient(linear, left top, left bottom, from(#78706a), to(#58504a));
	background:  -moz-linear-gradient(top,  #78706a,  #58504a);
	background: -ms-linear-gradient(top, #78706a, #58504a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78706a', endColorstr='#58504a');
	z-index: 10000;
}

.home a.openClose {
	background-image: url(images/plusSign.png);
	background-repeat: no-repeat;
	background-position: 2px -94px;
	display: block;
	height: 95px;
	position: relative;
	width: 110px;
	border-bottom: 5px solid #f7901e;
	box-shadow: 0 0px 5px #454545;
}

.home a.openClose.shown {
	background-image: url(images/closeSign.png);
}

.home a.openClose.shown:hover,
.home a.openClose:hover {
	background-position: 2px 1px;
	/*box-shadow: 0 0px 8px #454545;*/
}

.home .nextButton {
	position: absolute;
	bottom: 1px;
	left: 450px;
	width: 100px;
	height: 46px;
	background: -webkit-gradient(linear, left top, left bottom, from(#78706a), to(#58504a));
	background:  -moz-linear-gradient(top,  #78706a,  #58504a);
	background: -ms-linear-gradient(top, #78706a, #58504a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78706a', endColorstr='#58504a');
	
}

.home a.next {
	background-image: url(images/playButton.png);
	background-repeat: no-repeat;
	background-position: 35px -36px;
	display: block;
	height: 46px;
	position: relative;
	width: 100px;
	border-bottom: 5px solid #f7901e;
	box-shadow: 0 0 5px #454545;
}

.home a.next:hover {
	background-position: 35px 8px;
	/*box-shadow: 0 0 8px #454545;*/
}

.home #projectStorySlider {
	top: 0px;
	outline: 1px solid #d9d9d9;
	border: 9px solid #fff;
	display: none;
	position: absolute;
	left: 1px;
}

.home #projectStorySlider .infoBar{
	width: 880px;
}

.home #projectStorySlider .infoBar .pager{
	width: 146px;
}

.home #projectStorySlider .infoBar .pager .prevNext a:first-child{
	margin-left: 20px;
}

.home .subImage.visible {
	display:block;
}

/* Project Stories*/

#projectStorySlider .projectStoryContent .menuBar li:first-child + li.slideDrop a {
	border-top: 1px solid rgba(255, 255, 255, .4);
	padding: 6px 0 7px 13px;
}

#mouseSlider {
	width: 125px;
	position: absolute;
	z-index: 100;	
	right: -26px;
	background: url(images/infoBarHover2.png) 0px -3px no-repeat;
	padding-left: 20px;
	cursor: pointer;
	cursor: hand;
	border: 0;
}

.hotspots {
	width: 100%;
	height: 100%;
	position: relative;
	display: none;
}

.hotspotDetail {
	left: 72px;
	position: absolute;	
}

.hotspotDetail a {
	color: #d9d9d9;
}

.hotspotDetail a:hover {
	color: #52A7C1;
}

.sliderImage {
	top: 0;
	left: 0;
	display: none;
}

.project-stories #pageContainer {
	height: 604px;
}

#projectStorySlider .infoBar {
	top: 0;
}

#projectStorySlider .hotspot.active {
	background-position: 0 0px;
}

#projectStorySlider .infoBar {
	display: none;
}

#projectStoryDetails table.accolades {
	border-collapse: separate;
}

.projectDetails .ui-tabs .ui-tabs-nav li a {
	padding: 7px 16px 6px 15px;
}

.projectDetails .ui-tabs .ui-tabs-nav{
	padding-left: 24px;

}

.projectDetails #content {
	border: 1px solid #d9d9d9;
	border-top: none;
}

.projectDetails #content .pageTitle {
	padding: 18px 0 10px 28px;
	float: none;
	width: auto;
	margin-bottom: 8px;
	border-bottom: 1px solid #d9d9d9;
}

#content .person.expanded .scroller a.teaser,
.project-stories #content a.teaser {
	float: left;
	margin: 0 0 2px 2px;
	position: relative;
}

.project-stories #content a.teaser {
	width: 332px;
	height: 300px;
	text-decoration: none;
}

.project-stories #content a.teaser:first-child,
.project-stories #content a.teaser:first-child + a.teaser + a.teaser + a.teaser,
#projectStoryDetails .accolades tr td:first-child,
.headlines-post .headlines .headline {
	margin-left: 0;
}

.whatWeDo .col.left .teaser .titleBar,
#content .person.expanded .scroller .teaser .titleBar,
.project-stories #content .teaser .titleBar {
	background-image: url(images/PSMTitleBarBG.png);
	position: absolute;
	bottom: 0;
	width: 100%;
	min-height: 65px;
	padding-bottom: 10px;
}

.project-stories #content .teaser .titleBar {
	padding: 6px 0 4px;
}

.project-stories #content .teaser .titleBar .currentTeaser {
	font-size: 62px;
	line-height: 62px;
	color: #fff;
	margin: 0px 10px 0 21px;
}

.whatWeDo .col.left .teaser .screen,
#content .person.expanded .scroller .teaser .screen,
.project-stories #content .teaser .screen {
	background-image: url(images/PSMenuBarScreen.png);
	width: 332px;
	height: 225px;
	position: absolute;
	top: 0;
	display: none;
}

.whatWeDo .col.left .teaser .screen img,
#content .person.expanded .scroller .teaser .screen img,
.project-stories #content .teaser .screen img {
	top: 120px;
	position: absolute;
	left: 142px;
}

#projectStorySlider {
	position: relative;
	height: 580px;
	top: 0px;
	border: 10px solid #fff;
	overflow: hidden;
	width: 980px;
	left: 0px;
	z-index: 100;
}

.projectDetails #projectStorySlider{
	border: 0;
	margin: 9px 0 0 9px;
}

.home #projectStorySlider .titleBar {
	padding-bottom: 7px;
}

#projectStorySlider .titleBar {
	min-height: 60px;
	position: relative;
	z-index: 100;
	background: #323232;
	color: #fff;
	text-transform: uppercase;
	padding-left: 20px;
	padding-bottom: 6px;
}

.project-stories #content .teaser .titleBar h3,
#projectStorySlider .titleBar h3 {
	font-family:"Museo Sans W01 700";
	padding: 15px 0 0 10px;
	text-transform: uppercase;
}

.project-stories #content .teaser .titleBar h3{
	padding: 8px 0 0;
	font-size: 10px;
	line-height: 10px;
	width: 245px;
	float: right;
}

#projectStorySlider .titleBar h3 {
	max-width: 830px;
}

#projectStorySlider .titleBar h3 {
	font-size: 12px;
	line-height: 12px;
	max-width: 930px;
}

#projectStorySlider .titleBar a {
	text-decoration: none;
}

.project-stories #content .teaser .titleBar h2,
#projectStorySlider .titleBar h2 {
	font-family:"Museo Sans W01 100";
	padding: 5px 0 0 8px;
	text-transform: uppercase;
}

.project-stories #content .teaser .titleBar h2 {
	padding: 4px 15px 0 0;
	font-size: 20px;
	line-height: 18px;
	width: 230px;
	float: right;
}

#projectStorySlider .titleBar h2 {
	max-width: 830px;
}

#projectStorySlider .titleBar h2 {
	font-size: 30px;
	line-height: 30px;
	display: inline-block;
	padding-top: 6px;
	max-width: 930px;
}

#projectStorySlider .projectStoryContent {
	height: 510px;
	position: relative;
	background-color: #a09b95;
}

#projectStorySlider a.hotspot {
	background-image: url(images/hotspot.png);
	background-repeat: no-repeat;
	background-position: 0 -67px;
	width: 70px;
	height: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
}

.home #projectStorySlider .infoBar {
	background-image: url(images/PSInfoBarScreen.png);
}

#projectStorySlider .infoBar {
	position: absolute;
	width: 980px;
	color: #fff;
	z-index: 100;
}

#projectStorySlider .infoBar .screen {
	background-image: url(images/PSMenuBarScreen.png);
	height: 80px;
	width: 880px;
	position: absolute;
}

.project-stories #content .teaser .titleBar .currentTeaser,
#projectStorySlider .infoBar .currentHotspot {
	font-family:"TradeGothicW01-BoldCn20 675334";
	float: left;
}

#projectStorySlider .infoBar .currentHotspot {
	font-size: 58px;
	line-height: 58px;
	margin: 11px 0 0 27px;
	position: relative;
}

.home #projectStorySlider .infoBar .hotspotDetail {
	width: 600px;
}

#projectStorySlider .infoBar .hotspotDetail {
	display: none;
	float: left;
	width: 625px;
	margin: 16px 0 0 23px;
	line-height: 16px;
}

#projectStorySlider .infoBar .pager {
	float: right;
	width: 206px;
	font-family:"Trade Gothic W01 Bold 2";
	font-size: 12px;
	border-left: 1px solid rgba(255, 255, 255, .4);
	height: 80px;
	position: relative;
}

#projectStorySlider .indicator {
	text-align: center;
	border-bottom: 1px solid rgba(255, 255, 255, .4);
	padding: 11px 0 6px;
}

#projectStorySlider .infoBar .pager .count {
	font-size: 18px;
}

#projectStorySlider .prevNext {
	padding: 10px 0px 0px;
}

#projectStorySlider .infoBar .pager .prevNext a {
	text-decoration: none;
	color: #fff;
	display: inline-block;
	margin-left: 19px;
}

#projectStorySlider .infoBar .pager .prevNext a:first-child {
	margin-left: 50px;
}

#projectStorySlider .projectStoryContent .menuBar {
	right: 0;
	position: absolute;
	z-index: 100;
	height: 431px;
	top: 0px;
	background-image: url(images/PSMenuBarScreen.png);
	width: 100px;
	font-family:"Trade Gothic W01 Bold 2";
	padding-top: 79px;
	z-index: 10;
}

.menuBar ul {
	position:relative;
	float: right;
	width: 100px;
	text-align: left;
	margin-top: 1px;
}

.menuBar ul li{
	width: 100px;
	border-bottom: 1px solid rgba(255, 255, 255, .4);
	min-height: 35px;
}

#projectStorySlider .projectStoryContent .menuBar li a {
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	display: block;
	position: relative;
	padding: 9px 0 8px 13px;
	text-transform: uppercase;
}

#projectStorySlider .projectStoryContent .menuBar li.slideDrop a {
	padding: 7px 0 7px 13px;
}

#projectStorySlider .projectStoryContent .sliderImage,
.the-ids-story #content .month .item,
#pageContainer .ajaxContent,
#pageContainer .noContent,
.hotspot {
	position: absolute;
}

#projectStoryDetails .title {
	font-size: 25px;
	font-family:"Museo Sans W01 100";
	color: #323232;
	padding: 19px 0 0 38px;
	text-transform: uppercase;
	line-height: 25px;
}

#projectStoryDetails .title:hover {
	color: #000;
}

#projectStoryDetails .col.left .subtitle {
	padding: 3px 0 0 39px;
	font-size: 14px;
	display: block;
	font-family:"Museo Sans W01 300";
	text-transform: uppercase;
	margin-bottom: 15px;
	line-height: 17px;
}

#projectStoryDetails .col.left.noStat .subcol.left {
	border-right: none;
}

#projectStoryDetails .col.left.noStat .subcol.right {
	border-left: none;
}

#projectStoryDetails .col.left .subtitle a.client,
#projectStoryDetails .col.left .subtitle a.client:active,
#projectStoryDetails .col.left .subtitle a.client:visited {
	color: #323232;
}

#projectStoryDetails .subcol.left {
	padding-left: 40px;
}

#projectStoryDetails .row,
#projectStoryDetails .data,
#projectStoryDetails .label {
	font-size: 13px;
	line-height: 21px;
}

#projectStoryDetails .label {
	display: inline-block;
	float: left;
	width: 95px;
}

#projectStoryDetails .data {
	display: inline-block;
	margin-left: 4px;
	font-weight: bold;
	width: 250px;
	color: #414141;
	line-height: 14px;
	margin-top: 3px;
}

#projectStoryDetails .market_type .data{
	width: auto;
}

#projectStoryDetails .market_type .types {
	float: left;
	max-width: 250px;
	line-height: 14px;
}

.pdf-builder input[type="submit"],
#projectStoryDetails .downloadPDF {
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 9px 0 7px;
	font-size: 14px;
	display: block;
	margin: 10px 0 12px 0;
	font-family:"Trade Gothic W01 Bold 2";
	background: -webkit-gradient(linear, left top, left bottom, from(#ef8438), to(#dd752c));
	background: -moz-linear-gradient(top,  #ef8438,  #dd752c);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef8438', endColorstr='#dd752c');
	background: -ms-linear-gradient(top, #ef8438, #dd752c);
}

.pdf-builder input[type="submit"]:hover,
#projectStoryDetails .downloadPDF:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#52a7c1), to(#3b879e));
	background: -moz-linear-gradient(top,  #52a7c1,  #3B879E);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52a7c1', endColorstr='#3b879e');
	background: -ms-linear-gradient(top, #52a7c1, #3b879e);
}

#projectStoryDetails .col.left {
	width: 738px;
	border-top: 1px solid #d9d9d9;
	border-right: none;
	margin-top: 8px;
}

#projectStoryDetails .col.left a {
	text-decoration: none;
}

#projectStoryDetails .col.right{
	border-top: 1px solid #d9d9d9;
	margin-top: 8px;
	margin-bottom: 30px;
	min-width: 260px;
}

#projectStoryDetails #highlights p,
#projectStoryDetails .wysiwyg p {
	font-size: 13px;
	line-height: 18px;
	margin:0 0 0 21px;
	padding: 2em 1.4em 0;
}

#projectStoryDetails #highlights.wysiwyg,
#projectStoryDetails #ui-tabs-1 .wysiwyg {
	padding-bottom: 60px;
}

#projectStoryDetails #highlights table {
  font-size: 13px;
  line-height: 18px;
  margin: 26px 0 0 40px;
  width: auto;
}
#projectStoryDetails #highlights table td {
  vertical-align: top;
  padding-bottom: 25px;
  padding-right: 20px;
}

#projectStoryDetails .stats{
	padding: 27px 0px 60px 24px;
}

#projectStoryDetails .stats .row {
		margin-bottom: 0;
		min-width: 185px;
}


#projectStoryDetails .stats .col {
	float: left;
	width: 185px;
	margin-left: 65px;
}

#projectStoryDetails .stats .col:first-child {
	margin-left: 15px;
}

#projectStoryDetails .stats .header {
	font-size: 18px;
	padding-bottom: 6px;
}

#projectStoryDetails .stats .subtitle {
	font-size: 12px;
}

#projectStoryDetails .stats .label{
	float: left;
	font-weight: bold;
	width: auto;
	margin-right: 5px;
}

#projectStoryDetails .stats .data{
	font-weight: normal;
	width: auto;
	margin-left: 0px;
}

#projectStoryDetails .team{
	padding: 28px 0px 60px 39px; 
}

#projectStoryDetails .team .col{
	float: left;
	width: 336px;
}

#projectStoryDetails .team .col:first-child {
  padding-right: 14px;
}

#projectStoryDetails .team .label{
	font-weight: bold;
	width: auto;
	line-height: 14px;
}

#projectStoryDetails .team .data{
	font-weight: normal;
	line-height: 16px;
	margin-left: 0px;
	margin-top: 0px;
	width: auto;
	float: left;
	clear: both;
}

#projectStoryDetails .team .row{
	max-width: 335px;
	line-height: 15px;
	float: left;
	clear: both;
	margin-bottom: 10px;
}

#projectStoryDetails .sustainables{
	padding: 16px 0px 60px 30px;
	left: -6px;
}


#projectStoryDetails .sustainable {
	width: 210px;
	margin: 14px 0 0 15px;
	display: inline-block;
}

#projectStoryDetails .sustainable .text {
	width: 188px;
	color: #545454;
	text-transform: uppercase;
	padding: 18px 5px 0px 15px;
	margin: 0;
	font-size: 12px;
	border: 1px solid #d9d9d9;
	font-weight: bold;
	line-height: 14px;
}

#projectStoryDetails .sustainable .text img {
	max-width: 175px;
	height: auto;
}

#projectStoryDetails .sustainable p {
	margin: 0 0 16px 0;
}

#projectStoryDetails .testimonials{
	padding: 28px 0px 35px 0px;
}

#projectStoryDetails .accolades{
	padding: 19px 0px 60px 37px;
	display:block;
	text-transform: uppercase;
	line-height: 18px;
	font-size: 14px;
}

#projectStoryDetails .accolades .title {
	padding: 0;
	font-weight: bold;
	font-family: Helvetica;
	font-size: 14px;
	line-height: 21px;
}

#projectStoryDetails .accolades a,
#projectStoryDetails #relatedProjects a,
.headlines a,
#content .accolade .topBar a,
#content .accolade .bottomBar a,
.blogs a {
	text-decoration: none;
}

#projectStoryDetails .accolades a:hover {
	color: #52A7C1;
}

#projectStoryDetails .accolades tr {
	margin-bottom: 10px;
	display: inline-block;
}

#projectStoryDetails .accolades td{
	float: left;
	width: 320px;
	margin: 10px 0 0 10px;
}

#projectStoryDetails .accolades tr:first-child td,
.search .result ul li:first-child,
.blog #content .pager,
.headlines-post .col.right .headlines .headline:first-child,
.search .contentTop + .result {
	margin-top: 0px;
}

#projectStoryDetails #relatedProjects{
	background: -webkit-gradient(linear, left top, left bottom, from(#78706a), to(#58504a));
	background: -moz-linear-gradient(top,  #78706a,  #58504a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78706a', endColorstr='#58504a');
	border-bottom: 4px solid #F7901E;
	background: -ms-linear-gradient(top, #78706a, #58504a);
	width: 260px;
	padding-bottom: 23px;
	min-height: 318px;
}

#projectStoryDetails #relatedProjects .title {
	font-family:"Museo Sans W01 300";
	font-size: 20px;
	padding: 19px 0 20px 19px;
	color: #fff;
}

#projectStoryDetails #relatedProjects ul li {
	text-transform: uppercase;
	padding: 0 20px;
}

#projectStoryDetails #relatedProjects h3 {
	font-size: 13px;
	font-family:"Trade Gothic W01 Bold";
	line-height: 15px;
	margin-bottom: 4px;
}

#projectStoryDetails #relatedProjects h2 {
	font-size: 16px;
	font-family:"Museo Sans W01 300";
	margin-bottom: 9px;
	line-height: 19px;
}

#projectStoryDetails .largeStat{
	font-family:"TradeGothicW01-BoldCn20 675334";
	color: #79736C;
	font-size: 75px;
	line-height: 63px;
	margin-top: 3px;
}

#projectStoryDetails .col.left .description{
	text-transform: uppercase;
	font-family: "Museo Sans W01 500";
	font-size: 13px;
	color: #79736c;
	margin-top: 6px;
	line-height: 16px;
}

#projectStoryDetails .subcol.left {
	width:350px;
	float: left;
	margin-top: 3px;
	border-right: 1px solid #d9d9d9;
	padding-right: 62px;
	padding-bottom: 25px;
}

#projectStoryDetails .subcol.right{
	width: 190px;
	float: left;
	padding-top: 3px;
	padding: 3px 0 25px 37px;
	border-left: 1px solid #d9d9d9;
	position: relative;
	left: -1px;
}

.subNav.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
	float: left;
	width:100%;
}

#projectStoryDetails .subNav {
	z-index:2000;
}

#projectStoryDetails .ui-tabs-panel {
	background-color: white;
}

#projectStoryDetails .subNav .ui-tabs-active:after{
	content: url(images/subNavArrow.png);
	position: absolute;
	bottom: -24px;
	left: 34%;
}

#projectStoryDetails .testimonials .col{
	width: 200px;
	float: left;
	margin-left: 38px;
}

#projectStoryDetails .testimonials .col .header{
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
}

#projectStoryDetails .testimonials .col .subtitle{
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 2px 0 6px 0;
	font-family: Helvetica;
	margin: 0;
}

#projectStoryDetails .testimonials .col .testimonial{
	font-size: 13px;
	line-height: 18px;
}

#projectStoryDetails .testimonials p,
.blog-post .col.right .blogs .blog:first-child,
.people .ui-tabs .ui-tabs-nav li:first-child,
#content .person.expanded .scroller a.teaser img,
.the-ids-story .calendar .teaser .col {
	margin: 0;
}

#projectStoryDetails .testimonials p {
	margin-bottom: 25px;
}

/*What We Do Pages*/

.whatWeDo .contentTop{
	border-bottom: 1px solid #d9d9d9;
}

.pdf-builder #content .contentTop .pageTitle,
.the-ids-story #content .contentTop .pageTitle,
.whatWeDo #content .contentTop .pageTitle {
	padding: 14px 0 6px 30px;
	line-height: 28px;
}

.whatWeDo h1 {
	line-height: 30px;
	color: #323232;
	font-size: 30px;
	font-family:"Museo Sans W01 100";
	text-transform: uppercase;
	margin-bottom: 10px;
}

.whatWeDo .col.left {
	width: 280px;
	margin-top: 40px;
}

.whatWeDo .subNav li,
.employment .subNav li {
	border-bottom: 1px solid #fff;
}

.whatWeDo .subNav a,
.employment .subNav a {
	text-decoration: none;
	color: #fff;
	background-color: #79736c;
	font-family:"Trade Gothic W01 Bold 2";
	font-size: 14px;
	padding: 8px 15px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	background: -webkit-gradient(linear, left top, left bottom, from(#78706a), to(#58504a));
	background: -moz-linear-gradient(top,  #78706a,  #58504a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78706a', endColorstr='#58504a');
	background: -ms-linear-gradient(top, #78706a, #58504a);
}

.whatWeDo .subNav .current-menu-item a,
.whatWeDo .subNav a:hover,
.employment .subNav .selected a,
.employment .subNav a:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#52a7c1), to(#3b869d));
	background: -moz-linear-gradient(top,  #52a7c1,  #3b869d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52a7c1', endColorstr='#3b869d');
	background: -ms-linear-gradient(top, #52a7c1, #3b879d);
}

.whatWeDo .featuredProjects {
	color: #323232;
	font-size: 20px;
	font-family:"Museo Sans W01 300";
	text-transform: uppercase;
	line-height: 20px;
	margin: 48px 0 11px;
}

.whatWeDo .col.right {
	width: 670px;
	margin: 39px 0 0 50px;
}


.whatWeDo .wysiwyg {
	margin-right: 5px;
}

.whatWeDo .col.right .wysiwyg p {
	margin: 0 0 20px;
}


.whatWeDo .col.right .wysiwyg img.alignright {
	margin: 5px 0 6px 30px;
}

.whatWeDo .col.right .wysiwyg img.alignleft {
	margin: 5px 30px 6px 0;
}

.whatWeDo .col.right .wysiwyg img {
	margin: 5px 0 6px;
}

.whatWeDo .wysiwyg:after,
.employment .wysiwyg:after {
	content: url(images/WysiwygOrangeBar.png);
	position: relative;
	bottom: 17px;
}

.whatWeDo .col.left .teaser .screen {
	width: 280px;
	height: 152px;
}

.whatWeDo .col.left a.teaser {
	position: relative;
	float: left;
	margin-bottom: 5px;
}

.whatWeDo .col.left a.teaser h3 {
	font-size: 13px;
	line-height: 13px;
	font-family:"Trade Gothic W01 Bold";
	margin: 7px 0 4px 21px;
	text-transform: uppercase;
}

.whatWeDo .col.left a.teaser h2 {
	font-size: 16px;
	line-height: 18px;
	font-family:"Museo Sans W01 300";
	margin-left: 21px;
	text-transform: uppercase;
}

.whatWeDo .col.left .teaser .titleBar {
	min-height: 40px;
	padding-bottom: 6px;
}

.whatWeDo .col.left .teaser .screen img {
	top: 60px;
	left: 115px;
}

.whatWeDo #content {
	padding-bottom: 26px;
}

/* HEADLINES page */

.headlines #pageContainer {
	height: 780px;
}

.headlines #content .contentTop{
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 5px;
}

.contact-info #content .contentTop .pageTitle,
.employment #content .contentTop .pageTitle,
.headlines-post #content .contentTop .pageTitle,
.headlines #content .contentTop .pageTitle{
	padding: 18px 0 10px 28px;
}

.headlines #content .contentTop .pager,
.search #content .contentTop .pager {
	margin-top: 1px;
}

.headlines .headline{
	display: block;
	width: 288px;
	height: 228px;
	padding: 10px 10px 0px;
	border: 1px solid #d9d9d9;
	position: relative;
	float: left;
	margin: 20px 0 0 35px;
}

.headlines .headline:first-child,
.headlines .headline:first-child + .headline + .headline + .headline,
.headlines .headline:first-child + .headline + .headline + .headline + .headline + .headline + .headline {
	margin-left: 0px;
}

.headlines .image {
	padding: 0;
	border: 0;
	width: 310px;
	height: 240px;
}

.headlines .titleBar h2{
	color: #323232;
	font-size: 16px;
	font-family: "Museo Sans W01 300";
	text-transform: uppercase;
	height: 50px;
	display: table-cell;
	vertical-align: middle;
}

.headlines .headline .titleBar{
	margin-bottom: 10px;
	padding: 4px 0px 0px 4px;
}

.headlines .image .titleBar{
	padding: 14px 6px 6px 14px;
	border: 1px solid #d9d9d9;
	margin-bottom: 0px;
	height: 58px;
}

.headlines .currentDate .number{
	font-family: "TradeGothicW01-BoldCn20 675334";
	font-size: 30px;
	display: block;
	padding-top: 8px;
	margin-bottom: 1px;
}

.headlines .headline .text{
	color: #323232;
	font-size: 13px;
	line-height: 16px;
	padding: 3px 4px 2px;
}

.headlines .headline .more{
	color: #f7901e;
	font-weight: bold;
	float: right;
	position: relative;
	top: 1px;
	right: 1px;
}

.headlines .headline .screen{
	background-image: url(images/PSMenuBarScreen.png);
	width: 310px;
	height: 160px;
	position: absolute;
	top: 0;
	display: none;
}

.headlines .headline:hover .screen{
	display:block;
}

.headlines .headline:hover .screen img{
	position: absolute;
	top: 55px;
	left: 130px;
}


/*ACCOLADES*/

.accolades #pageContainer {
	height: 600px;
}

.accolades #content .pageTitle{
	padding: 30px 0px 22px 28px;
}

#content .accolades {
	margin-top: 3px;
}

.accolades #content .accolade {
	float: left;
	margin: 0px 0 5px 5px;
	position: relative;
	width: 328px;
	height: 295px;
	overflow: hidden;
}



#content .accolade.selected .screen,
#content .accolade.selected .topBar,
.mediaShare a span,
#content .person .row .title,
#content .person .row .contact,
#content .person .scroller,
#content .person .tabs,
#content,
#bigImageArea .primaryImage.next,
#bigImageArea .subImage,
.blog-post #content .col.right .pager .hideButton,
.headlines-post #content .col.right .pager .hideButton {
	display: none;
}

#content .accolade.selected .bottomBar {
	padding: 6px 0 0;
	margin-top: 18px;
}

#content .accolade .screen {
	background-image: url(images/ScreenWhite.png);
	height: 300px;
	width: 332px;
	position: absolute;
	top: 0;
}

#content .accolade .topBar {
	position: relative;
	width: 282px;
	margin: 56px 28px 0px;
	padding-bottom: 3px;
}

#content .accolade .bottomBar h3,
#content .accolade .bottomBar h2,
#content .accolade .topBar h3 ,
#content .accolade .topBar h2 {
	color: #414141;
	font-size: 16px;
	font-family:"Museo Sans W01 500";
	line-height: 22px;
	text-transform: uppercase;
}

#content .accolade.selected .bottomBar a:hover {
	text-decoration: underline;
	color: #fff;
}

#content .accolade .bottomBar h3,
#content .accolade .topBar h3 {
	font-family:"Museo Sans W01 100";	
}

#content .accolade .bottomBar {
	position: relative;
	width: 272px;
	margin: 0px 28px 0;
	border-top: 5px solid #F7901E;
	padding-top: 22px;
}

.accolades #content .accolade:first-child,
.accolades #content .accolade:first-child + .accolade + .accolade + .accolade {
	margin-left: 3px;
}

/*   BLOG */

.resources #content .contentTop,
.blog #content .contentTop{
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 7px;
}

.resources #content .contentTop .pageTitle ,
.blog #content .pageTitle{
	padding: 18px 0px 0px 27px;
	line-height: 20px;
}

.blog #content .pager {
	margin-top: 3px;
}

.blogs {
	width: 1040px;
	left: -35px;
	top: -13px;
}

.blogs .blog{
	display: block;
	width: 310px;
	margin: 30px 0px 0px 35px;
	position: relative;
	float: left;
}

.blogs .blog .content{
	padding: 12px 16px 17px 14px;
	border:1px solid #d9d9d9;
	background-color: #fff;
}

.blogs .titleBar h2{
	color: #323232;
	font-size: 16px;
	font-family: "Museo Sans W01 300";
	padding-top: 9px;
	text-transform: uppercase;
}

.blogs .blog .titleBar,
.employment .wysiwyg h3,
.employment .wysiwyg h4,
.employment .wysiwyg h5,
.employment .wysiwyg h6,
.the-ids-story .calendar .expanded img {
	margin-bottom: 15px;
}

.blogs .currentDate,
.headlines .currentDate{
	display: block;
	height: 50px;
	width: 50px;
	background-color: #79736C;
	color: #fff;
	font-family: "Trade Gothic W01 Bold 2";
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	float: left;
	margin-right: 10px;
}

.blogs .currentDate .number{
	font-family: "TradeGothicW01-BoldCn20 675334";
	font-size: 30px;
	display: block;
	padding-top: 7px;
}

.blogs .blog .text{
	color: #323232;
	font-size: 13px;
	line-height: 16px;
}

.blogs .blog .text:after {
	content: "";
	display: block;
	clear: both;
}

.blogs .blog .more{
	color: #f7901e;
	font-weight: bold;
	float: right;
}

.blog-post #content .pageTitle{
	padding: 17px 0px 10px 28px;
}

.blog-post #content .contentTop,
.headlines-post #content .contentTop {
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 11px;
}

.mediaShare{
	float: left;
	padding-top: 19px;
	border-top: 8px solid #F7901E;
	margin: 4px 0 70px 30px;
}

.mediaShare a {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 20px;
	margin-right: 5px;
}

.mediaShare .addthis_button_facebook {
	background-image: url(images/shareFacebook.png);
	width: 20px;
}

.mediaShare .addthis_button_twitter {
	background-image: url(images/shareTwitter.png);
	width: 25px;
}

.mediaShare .addthis_button_linkedin {
	background-image: url(images/shareLinkedIn.png);
	width: 20px;
}

.mediaShare .addthis_button_email {
	background-image: url(images/shareEmail.png);
	width: 31px;
	margin: 0;
	padding-right: 0px;
}

.mediaShare a:hover {
	background-position: 0px -20px;
}

.blog-post .WPBlogComments{
	clear: both;
}

.blog-post .col.left{
	width: 666px;
	float: left;
}

.headlines #content .contentTop #pagerLoading,
.blog #content .contentTop #pagerLoading,
.search #content .contentTop #pagerLoading {
	top: 10px;
}

.headlines-post #content .col.right #pagerLoading,
.blog-post #content .col.right #pagerLoading {
	position: absolute;
	top: -6px;
}

.headlines-post #content .col.right .pager,
.blog-post #content .col.right .pager {
	position: absolute;
	top: -6px;
}

.headlines-post #content .col.right .indicator,
.blog-post #content .col.right .indicator {
	float: left;
}

.headlines-post #content .col.right .pager.bottom,
.blog-post #content .col.right .pager.bottom {
	position: static;
	height: 41px;
	margin-top: 14px;
}

.blog-post #content .col.right .pager.bottom {
	margin-top: 0;
}

.headlines-post #content .col.right #pageContainer,
.blog-post #content .col.right #pageContainer {
	margin-top: 34px;
}

.blog-post .col.right,
.headlines-post .col.right {
	width: 310px;
	margin-left: 24px;
	float: left;
	position: relative;
}

.blog-post .col.left .back,
.headlines-post .col.left .back {
	display: inline-block;
	color: #F7901E;
	font-size: 18px;
	font-family: "Trade Gothic W01 Bold 2";
	text-decoration: none;
	margin-bottom: 14px;
}

.blog-post .col.left .back:before,
.headlines-post .col.left .back:before {
	content:url(images/LeftTriangle.png);
	margin-right: 10px;
	position: relative;
	top: -2px;
}

.blog-post .col.left .back:hover,
.headlines-post .col.left .back:hover,
.blog-post .col.right .pager .prevNext a:hover,
.headlines-post .col.right .pager .prevNext a:hover {
	color: #3B869D;
}

.blog-post .col.left .currentDate,
.headlines-post .col.left .currentDate {
	color: #323232;
	font-family: "TradeGothicW01-BoldCn20 675334";
	font-size: 16px;
	line-height: 16px;
	border-bottom: 8px solid #F7901E;
	margin: 0 0 0px 17px;
	display: inline-block;
	position: relative;
	top: -5px;
}

.blog-post #content .col.left img + h1,
.headlines-post #content .col.left img + h1 {
	margin-top: 35px;
}

.blog-post .col.left h1,
.headlines-post .col.left h1{
	font-family: "Museo Sans W01 100";
	font-size: 30px;
	color: #323232;
	margin: 0px 0px 0px 87px;
	line-height: 35px;
	width: 580px;
	text-transform: uppercase;
}
.headlines-post .col.left .subtitle, 
.blog-post .col.left .subtitle{
	color: #323232;
	font-family: "Trade Gothic W01 Bold 2";
	font-size: 16px;
	text-transform: uppercase;
	width: 580px;
	margin-left: 90px;
	margin-bottom: 30px;
}

.headlines-post .col.left .wysiwyg p,
.blog-post .col.left .wysiwyg p{
	margin: 27px 0px 0px 30px;
	width: 625px;
}

.blog-post .col.right .pager .prevNext,
.headlines-post .col.right .pager .prevNext {
	float: left;
	margin-right: 5px;
}

.blog-post .col.right .pager,
.blog-post .col.right .pager a,
.blog-post .col.right .pager .count,
.blog-post .col.right .pager .totalCount,
.headlines-post .col.right .pager,
.headlines-post .col.right .pager a,
.headlines-post .col.right .pager .count,
.headlines-post .col.right .pager .totalCount {
	font-family: "Trade Gothic W01 Bold 2";
	font-size: 18px;
	line-height: 16px;
	color: #F7901E;
	text-decoration: none;
	margin: 4px 0 14px 0;
	display:inline-block;
}

.blog-post .col.right .pager .prev,
.blog-post .col.right .pager .next,
.headlines-post .col.right .pager .prev,
.headlines-post .col.right .pager .next {
	padding: 0px 6px 7px;
	position: relative;
	top: -2px;
}

.blog-post .col.right .blogs{
	width: 310px;
	left: 0;
	top: 0;
	margin: 0 0 14px;
}

.blog-post .col.right .blogs .blog{
	margin: 30px 0px 0px;
}

.blog-post .WPBlogComments small {
	font-size: 100%;
}

.blog-post .WPBlogComments input[type="submit"] {
	background: none;
	border: none;
	background-color: #79736C;
	color: #fff;
	padding: 7px 10px;
	text-transform: uppercase;
}

.blog-post .WPBlogComments input[type="submit"]:hover {
	background-color: #f7901e;
}

/*RESOURCES*/

.resources #footer {
	margin-top: 15px;
}

.resources .container:after {
	content: "";
	display: block;
	clear: both
}

.resources .container + .pager {
	margin-top: 0;
}

.resources .pager {
	float: right;
	font-family:"Trade Gothic W01 Bold 2";
	border-right: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	margin-top: 23px;
}

.resources .pager .prev {
	width: 67px;
	padding: 4px 9px 4px 11px;
}

.resources .pager .prev:hover {
	padding: 5px 9px 5px 11px;
}

.resources .pager .next {
	width: 54px;
	padding: 4px 0px 4px 22px;
}

.resources .pager .next:hover {
	padding: 5px 0px 5px 22px;
}

.resources .pager a {
	text-decoration: none;
	border-left: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding: 4px 11px;
	display: inline-block;
	color: #79736c;
}

.resources .pager a:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#52a7c1), to(#3b869d));
	background: -moz-linear-gradient(top,  #52a7c1,  #3b869d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52a7c1', endColorstr='#3b869d');
	background: -ms-linear-gradient(top, #52a7c1, #3b869d);
	color: #fff;
	border-top: none;
	border-bottom: none;
	padding: 5px 11px;
}

.resources .pager a:first-child {
	border-left: none;
}

.resources .pager a.selected {
	background: -webkit-gradient(linear, left top, left bottom, from(#52a7c1), to(#3b869d));
	background: -moz-linear-gradient(top,  #52a7c1,  #3b869d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52a7c1', endColorstr='#3b869d');
	background: -ms-linear-gradient(top, #52a7c1, #3b869d);
	color: #fff;
	border-top: none;
	border-bottom: none;
	padding: 5px 11px;
}

.resources .col {
	width: 491px;
	float: left;
	margin: 22px 0 7px 0;
	min-height: 90px;
}

.resource {
	margin: 30px 30px 34px;
}

.resource h2 {
	color: #323232;
	font-family:"Museo Sans W01 100";
	font-size: 20px;
	text-transform: uppercase;
}

.resource .text {
	line-height: 18px;
}

.resource a {
	text-decoration: none;
	color: #F7901E;
	font-size: 13px;
	font-family:"Trade Gothic W01 Bold 2";
	margin-bottom: 11px;
	display: inline-block;
}

/* HEADLINE DETAILS */

.headlines-post .col.left {
	width: 666px;
	clear: both;
	position: relative;
}

.headlines-post .wysiwyg:after {
	content: url(images/WysiwygBottomOrangeBar.png);
	position: relative;
	bottom: 1px;
	left: 30px;
}

/* Contact pages */

.blog-post #content .contentTop .buttons a {
	padding-bottom: 11px;
}

.blog-post #content .contentTop .buttons a.selected:hover {
	padding-bottom: 11px;
}

.blog-post #content .contentTop .buttons a:hover {
	padding-bottom: 15px;
}

.contact-info #content .contentTop,
.employment #content .contentTop{
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 26px;
}

.employment #content .contentTop .buttons a,
.employment #content .contentTop .buttons a:hover {
	padding: 14px 16px 14px 18px;
	font-size: 16px
}

.employment #content .contentTop .buttons a.selected,
.employment #content .contentTop .buttons a.selected:hover {
	padding: 14px 24px 10px 24px;
	font-size: 16px;
}

.contact-info #content .contentTop .buttons a {
	padding: 14px 23px 14px 25px;
	font-size: 16px;
}

.contact-info #content .contentTop .buttons a.contact,
.contact-info #content .contentTop .buttons a.contact.selected:hover {
	padding: 14px 17px 10px 17px;
	font-size: 16px;
}

.contact-info #content .contentTop .buttons a:hover{
	padding: 14px 23px 14px 25px;
	margin-left: 0;
}

	
.contact-info .wysiwyg h4 {
	font-size: 17px;
	font-weight: normal;
	line-height: 24px;
	font-family:"Museo Sans W01 100";
	margin: 0 25px 0 34px;
}


.contact-info .wysiwyg h5 {
	font-family:"Museo Sans W01 500";
	font-weight: normal;
	text-transform: none;
	font-size: 15px;
	line-height: 19px;
	width: 237px;
	margin-bottom: 2px;
}


.contact-info .wysiwyg {
	font-size: 15px;
	font-family:"Museo Sans W01 100";
}


.contact-info .wysiwyg td {
	padding-right: 38px;
	padding-left: 31px;
	display: inline-block;
}

.contact-info .map {
	padding-top: 15px;
}

.contact-info .map iframe {
	border: 1px solid #D9D9D9;
}

.contact-info .map small a {
	color: #323232 !important;
}

.contact-info .map small a:hover {
	color: #52a7c1 !important;
	text-decoration: none;
}

.employment #content .contentTop{
	margin-bottom: 30px;
}

.employment .col.left {
	width: 280px;
	float: left;
	margin-right: 55px;
}

.employment .col.right {
	width: 660px;
}

.employment .col.right .wysiwyg p{
	margin: 26px 0 0;
}

.employment .col.right .wysiwyg p:first-child {
	margin-top: 0;
}

.employment .wysiwyg h1,
.employment .wysiwyg h2{
	margin-bottom: 16px;
}

.employment #content .wysiwyg h1{
	line-height: 35px;
}

.employment .col.right .contactInfo {
	font-family:"Museo Sans W01 500";
	font-size: 15px;
	line-height: 21px;
	margin-top: 24px;
}

.employment .wysiwyg:after {
	content: url(images/WysiwygOrangeBar.png);
	position: relative;
	bottom: -3px;
}

.contactInfo a {
	text-decoration: none;
	color: #323232;
}

.contactInfo a:hover {
	color: #52A7C1;
}

/*PEOPLE*/

#content .people {
	z-index: 2000;
	width: 1020px;
	left: -6px;
}

#content .person {
	width: 295px;
	padding: 14px;
	border: 1px solid #d9d9d9;
	margin: 12px 6px 0 6px;
	background-color: #fff;
	cursor: hand;
	cursor: pointer;
	min-height: 110px;
}

#content .person:hover {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#69615b), to(#4a443f));
	background: -moz-linear-gradient(top,  #69615b,  #4a443f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69615b', endColorstr='#4a443f');
	background: -ms-linear-gradient(top, #69615b, #4a443f);
	border: none;
	padding: 15px;
}

#content .person.expanded {
	border: none;
	padding: 30px;
	background: -webkit-gradient(linear, left top, left bottom, from(#69615b), to(#4a443f));
	background: -moz-linear-gradient(top,  #69615b,  #4a443f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69615b', endColorstr='#4a443f');
	background: -ms-linear-gradient(top, #69615b, #4a443f);
	background-color: #69615b;
	color: #fff;
	cursor: auto;
}

#content .person.expanded .tabs {
	border: none;
	margin: 21px 0 0px;
	float: right;
	padding-bottom: 0;
}

.people #content .contentTop {
	border: none;
	margin-bottom: 10px;
}

.people #content .pageTitle {
	padding: 30px 0 0px 27px;
}

#content .person img {
	width: 90px;
	height: 110px;
	float: left;
	margin-right: 20px;
}

#content .person.expanded img {
	width: auto;
	height: auto;
	margin-right: 28px;
}

#content .person .row {
	border-bottom: 5px solid #f7901e;
	width: 178px;
	padding-bottom: 3px;
	float: right;
	margin: 0 7px 5px 0;
}

#content .person.expanded .scroller {
	width: 100%;
	height: 355px;
	overflow-y: auto;
}

#content .person.expanded .jspTrack {
    background-color: rgb(56,51,47); 
    border-radius: 10px;
    width: 6px;
    
}
 
#content .person.expanded .jspDrag {
    border-radius: 10px;
    background-color: rgb(156,153,151);
    width: 6px;
}

#content .person.expanded .jspVerticalBar {
	background-color: rgb(56,51,47); 
	border-radius: 10px;
	width: 6px;
}

#content .person.expanded .topContainer {
	padding-bottom: 17px;
}

#content .person.expanded .tabs,
#content .person.expanded .hook,
#content .person.expanded .row {
	width: 432px;
}

#content .person .hook {
	font-size: 14px;
	line-height: 18px;
	font-family:"Museo Sans W01 700";
	text-transform: uppercase;
	width: 179px;
	float: right;
	margin-right: 6px;
}

#content .person.expanded .hook {
	text-transform: none;
	position: relative;
	margin-right: 0;
}

#content .person.expanded img ~ .hook {
	float: none;
	left: 0;
}

#content .person .row .name {
	font-family:"Museo Sans W01 100";
	text-transform: uppercase;
	font-size: 18px;
	line-height: 22px;
	margin-top: 13px;
}

#content .person.expanded .row {
	margin: 16px 0 5px 0;
	padding-bottom: 18px;
}

#content .person.expanded .row .col {
	position: relative;
	left: -2px;
	max-width: 260px;
}

#content .person.expanded .row .name {
	margin: 0;
	font-size: 25px;
}
	
#content .person.expanded .row .title {
	font-family:"Museo Sans W01 700";
	font-size: 16px;
	text-transform: uppercase;
	line-height: 22px;
	margin-top: 2px;
}

#content .person.expanded .row .contact {
	float: right;
	text-align: right;
	font-size: 13px;
	margin-top: 6px;
	max-width: 172px;
	word-break: break-all;
	word-wrap: break-word;
}

#content .person.expanded .row .contact a {
	color: #fff;
	text-decoration: none;
	
}

.people .ui-tabs .ui-tabs-nav li {
	margin: 0 0 0 7px;
	text-align: center;
}

.people .ui-tabs .ui-tabs-nav li a {
	font-family: "Trade Gothic W01 Bold 2";
	font-size: 14px;
	padding: 9px 0px;
	display: inline-block;
	width: 139px;
}

.people .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: 0;
	padding-bottom: 0;
}

#content .person.expanded .tabs li.ui-corner-top.ui-state-hover a:hover,
#content .person.expanded .tabs li.ui-state-active, 
#content .person.expanded .tabs li.ui-widget-content .ui-state-active, 
#content .person.expanded .tabs li.ui-widget-header .ui-state-active
#content .person.expanded .tabs li.ui-state-active a, 
#content .person.expanded .tabs li.ui-state-active a:link {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#52a7c1), to(#3b869d));
	background: -ms-linear-gradient(top, #52a7c1, #3b879d);
	background: -moz-linear-gradient(top,  #52a7c1,  #3b869d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52a7c1', endColorstr='#3b869d');
	border: none;
}

#content .person.expanded .scroller .ui-widget-content .col.right .wysiwyg ul li {
	margin-bottom: 9px;
	line-height: 16px;
}

#content .person.expanded .tabs .ui-state-default, 
#content .person.expanded .tabs .ui-widget-content .ui-state-default, 
#content .person.expanded .tabs .ui-widget-header .ui-state-default {
	border: none;
}

#content .person.expanded .tabs .ui-state-default a, 
#content .person.expanded .tabs .ui-state-default a:link {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#544d48), to(#38332f));
	background: -moz-linear-gradient(top,  #544d48,  #38332f);
	background: -ms-linear-gradient(top, #544d48, #38332f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#544d48', endColorstr='#38332f');
	border: none;
}

#content .person.expanded .scroller .ui-widget-content {
	color: #fff;
	font-size: 13px;
}

#content .person.expanded .scroller .ui-widget-content .col.left {
	float: left;
	margin: 0px 5px 0px 0px;
	max-width: 362px;
}

#content .person.expanded .scroller .ui-widget-content .wysiwyg p {
	margin: 0 0 18px;
	line-height: 18px;
}

#content .person.expanded .scroller .ui-widget-content .title {
	font-weight: bold;
	margin: 22px 0 3px;
}

#content .person.expanded .scroller .ui-widget-content .col.right {
	float: left;
	margin-left: 21px;
	max-width: 190px;
	position: relative;
	top: -23px;
	margin-top: 0;
}

#content .person.expanded .scroller .ui-widget-content .col.right .wysiwyg,
#content .person.expanded .scroller .inspiration .wysiwyg p {
	margin-bottom: 10px;
}

#content .person.expanded .scroller .ui-widget-content .col.right .wysiwyg ul {
	list-style-type: disc;
	padding: 0 0 0 17px;
	margin: 0;
}

#content .person.expanded .scroller .teasers {
	position: relative;
	left: -5px;
}

#content .person.expanded .scroller a.teaser{
	margin: 0 0 5px 5px;
}

#content .person.expanded .scroller a.teaser.lastRow {
	margin-bottom: 0;
}

#content .person.expanded .scroller .teaser .titleBar {
	min-height: 35px;
	padding-top: 9px;
	padding-bottom: 7px;
}

#content .person.expanded .scroller .teaser .titleBar h3 {
	font-size: 13px;
	line-height: 13px;
	margin: 5px 5px 5px 14px;
	font-family: "Trade Gothic W01 Bold";
}

#content .person.expanded .scroller .teaser .titleBar h2 {
	font-size: 15px;
	text-transform: uppercase;
	line-height: 15px;
	margin: 0px 0 0 14px;
	font-family: "Museo Sans W01 300";
}

#content .person.expanded .scroller .teaser .screen {
	width: 191px;
	height: 120px;
}

#content .person.expanded .scroller .teaser .screen img {
	top: 33px;
	left: 70px;
}

#content .person.expanded .scroller .inspiration .wysiwyg {
	margin-top: 10px;
	line-height: 18px;
}

/* The IDS Story page */

.the-ids-story #content .intro{
	padding: 27px 29px 31px;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}

.the-ids-story #content .intro p{
	margin: 0;
	font-family: Helvetica;
	line-height: 17px;
	font-size: 14px;
	width: 730px;
}

.the-ids-story #content .calendar{
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

.the-ids-story #content .calendar .year{
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	text-align: center;
	font-family: "Museo Sans W01 700";
	font-size: 15px;
	line-height: 15px;
	color: #79736c;
	padding: 8px 0px 5px;
}

.the-ids-story #content .calendar .month{
	font-family: "Museo Sans W01 300";
	font-size: 15px;
	line-height: 16px;
	text-align: center;
	color: #79736C;
	padding: 8px 0px 5px;
	border-top: 1px solid #d9d9d9;
	position: relative;
	overflow: visible !important;
	text-transform: uppercase;
}

.the-ids-story #content .calendar .month .item.noImage .expanded,
.the-ids-story #content .calendar .month .item.noImage .teaser {
	width: 254px;
}

.the-ids-story #content .month .item img{
	-moz-box-shadow: 0 0 20px #323232;
	-webkit-box-shadow: 0 0 20px #323232;
	box-shadow: 0px 0px 20px #323232;
}

.the-ids-story #content .calendar .month .item .expanded,
.the-ids-story #content .calendar .month .item .teaser {
	width: 370px;
	padding: 14px 15px 0px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#69615b), to(#4a443f));
	background: -moz-linear-gradient(top,  #69615b,  #4a443f);
	background: -ms-linear-gradient(top, #69615b, #4a443f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69615b', endColorstr='#4a443f');
	border-bottom: 5px solid #F7901E;
	z-index:1000;
}

.the-ids-story #content .calendar .month .item .expanded {
	text-align: center;
}


.the-ids-story #content .calendar .month .item .teaser {
	min-height: 106px;
}

.the-ids-story .calendar .teaser .col.left + .col.right {
	width: 250px;
	margin: 0;
}


.the-ids-story #content .calendar .month .item .expanded {
	text-align: center;
}


.the-ids-story .calendar .teaser .col.left{
	margin-right: 20px;
	margin-top: 1px;
	margin-bottom: 20px;
}

.the-ids-story .calendar .teaser .col.right{
	text-align: left;
	width: 246px;
	margin-left: 5px;
}

.the-ids-story .calendar .teaser h2,
.the-ids-story .calendar .expanded h2 {
	text-transform: uppercase;
	font-size: 18px;
	font-family: "Museo Sans W01 300";
	line-height: 21px;
	padding:0;
	margin:0;
}

.the-ids-story .calendar .teaser h3,
.the-ids-story .calendar .expanded h3 {
	font-family: Helvetica;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	margin: 2px 0px 15px;
}

.the-ids-story .calendar .teaser .text,
.the-ids-story .calendar .expanded .text {
	font-family: Helvetica;
	font-size: 13px;
	text-transform: none;
	margin-bottom: 14px;
}

.the-ids-story .calendar .teaser .text {
	line-height: 16px;
}


.the-ids-story .calendar .expanded h2,
.the-ids-story .calendar .expanded h3,
.the-ids-story .calendar .expanded .text{
	text-align: left;
}

.the-ids-story .item {
	position: absolute;
	z-index: 10;
}
 
.the-ids-story .month.centered > .text{
	color: #f7901e;
	font-weight: bold;
	font-size: 15px;
}

.the-ids-story .month.centered {
	background-color: #f4f4f4;
}

.the-ids-story .month.centered .item {
	z-index: 100;
}

.the-ids-story #content .calendar .month.contains {
	min-height: 50px;
	padding: 8px 0 0px;
}

.the-ids-story #content {
	margin: 0 auto;
	position: relative;
	width: 1000px;
	margin-bottom: 395px;
}

/* search page styles */

.search #content .noResults {
	margin: 0 auto;
	width: 165px;
	font-family: 'Museo Sans W01 100';
	font-size: 20px;
	text-transform: capitalize;
}

.search #content .pageTitle{
	padding: 18px 0 10px 28px;
}

.search #content #pageContainer .result {
	margin-top: 0;
}

.search #content .contentTop{
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 40px;
}

.search .result {
	margin: 60px 0 0 28px;
	text-align: center;
	position: relative;
}

.search .result .result-type{
	font-family: "Museo Sans W01 100";
	color: #323232;
	font-size: 22px;
	line-height: 22px;
	display: block;
	text-align: left;
}

.search .result .result-type span{
	border-bottom: 5px solid #f7901E;
}

.search .result ul{
	margin: 25px 0px 0px;
	clear:both;
	text-align: left;
	position: relative;
	left: 0px;
}

.search .result ul li{
	font-size: 13px;
	color: #323232;
	font-family: Helvetica;
	margin-top: 15px;
}

.search .result ul li a{
	font-weight: bold;
	text-decoration: underline;
	color: #323232;
	margin-right: 4px;
	text-transform:uppercase;
}

.search .more-results{
	text-align: center;
	font-family: "Museo Sans W01 300";
	color: #323232;
	font-size: 15px;
	border: 1px solid #d9d9d9;
	padding: 8px 18px 5px;
	min-width: 450px;
	display: inline-block;
	text-decoration: none;
	clear: both;
	margin-top: 34px;
	text-transform: none;
	position: relative;
	left: -13px;
}

.search .more-results span{
	font-family: "Museo Sans W01 700";
}

/* PDF BUILDER */

.pdf-builder td{
	border: 1px solid lightgrey;
}

.pdf-builder .slImages img{
	margin: 4px;
}

.pdf-builder .slImages img:hover,
.pdf-builder .lblSet.selected img{
	margin: 2px;
	border: 2px solid #f7901e;
}

.pdf-builder .lblSet {
	display: inline-block;
	cursor: pointer;
}

.pdf-builder .hiddenRadio {
	position: absolute;
	left: -9999px;
}
.pdf-builder #content .contentTop {
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 10px;
}

.pdf-builder label {
	margin-left: 10px;
	font-size: 18px;
}

.pdf-builder #content form {
	margin-left: 10px;
	margin-top: 5px;
}

.pdf-builder form label {
	width: 150px;
	display: inline-block;
	margin-bottom: 5px;
	font-size: 14px;
}

.pdf-builder input[type="submit"] {
	letter-spacing: 1px;
	border: none;
	left: -10px;
	position: relative;
	width: 184px;
}

.pdf-builder input[type="checkbox"] {
	float: left;
	margin-left: 8px;
	margin-top: 5px;
}

/* -------------------------------------------------------------- /* ------------------------------------------------------ 
   
   Basic WordPress Blog Styles   
     
-------------------------------------------------------------- */   


/* Images
-------------------------------------------------------------- */


.entry-content img {
margin: 0 0 1.5em 0;
}

.alignleft,
img.alignleft {
display: inline;
float: left;
margin: 0 30px 10px 0;
}

.alignright,
img.alignright {
display: inline;
float: right;
margin: 0 0 10px 30px;
}

.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

.alignnone {
margin: 11px 0 13px;
}

.wp-caption {
text-align: center;
margin-bottom: 1.5em;
}

.wp-caption img {
border: 0 none;
margin: 0;
padding: 0;
}

.wp-caption p.wp-caption-text {
margin: 0;
}

.wp-smiley {
max-height: 1em;
margin: 0 !important;
}

.gallery dl {
margin: 0;
}

.gallery-caption {
margin: -1.5em 0 0 0;
}

.WPBlogComments a {
	text-decoration: none;
	color: #f7901e;
}

.WPBlogComments a:hover {
	color: #52a7c1;
}

.commentlist li {
	margin-bottom: 20px;
}

.commentlist p {
	margin-top: 0;
}

/* Pullquotes
-------------------------------------------------------------- */


blockquote.left {
float: left;
margin-left: 0;
margin-right: 20px;
text-align: right;
width: 33%;
}

blockquote.right {
float: right;
margin-left: 20px;
margin-right: 0;
text-align: left;
width: 33%;
}

/*added by cc*/
body.the-ids-story .wrapper {
	overflow: hidden;
	width: 100%;
}



.the-ids-story #footer,
.the-ids-story #header {
	width: 998px;
	margin-left: auto;
	margin-right: auto;
}

.the-ids-story #fixed-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(images/ids-mask.png);
	z-index: 10000;
	padding-top: 60px;
}

.the-ids-story #footer {
	background-color: white;
	margin-top: 0;
}

@media (max-width: 1050px)
 {
	body.the-ids-story .wrapper {
		overflow: hidden;
	}

	
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
	body.the-ids-story .wrapper {
		overflow: hidden;
	}

	
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
	body.the-ids-story .wrapper {
		overflow: hidden;
	}

}

body.pdf-builder .project {
	float: left;
	margin-left: 10px;
	width: 190px;
}

body.pdf-builder .project .clientName {
	font-weight: bold;
}

body.pdf-builder .stats .column {
	float: left;
	width: 250px;
	margin-left: 10px;
}

body.pdf-builder .stats .headerText {
	font-size: 20px;
}

body.pdf-builder .stats .statName {
	float: left;
	font-weight: bold;
}

body.pdf-builder .teamMember {
	float: left;
	width: 250px;
	margin-left: 10px;
}

body.pdf-builder .teamMember .contribution {
	float: left;
	font-weight: bold;
}

body.pdf-builder .testimonial {
	float: left;
	width: 250px;
	margin-left: 10px;
}

body.pdf-builder table {
	position: relative;
	left: -10px;
	width: 1000px;
}

body.pdf-builder td + td{
	padding: 4px 0;
}

body.pdf-builder tr > td:first-child {
	width: 180px;
}

body.pdf-builder td.text {
	padding-left: 14px;
}

body.pdf-builder .testimonial .name{
	font-size: 20px;
}

body.pdf-builder .testimonial .title,
body.pdf-builder .testimonial .whereTheyWork {
	font-size: 12px;
	line-height: 12px;
}

body.pdf-builder .sustainable {
	width: 250px;
	float: left;
	margin-left: 10px;
}

body.pdf-builder .single-accolade {
	width: 250px;
	float: left;
	margin-left:10px;
}

body.pdf-builder .single-accolade .title{
	font-weight: bold;
}

body.pdf-builder .featuredImage {
	padding: 8px 0 8px 14px;
}

body.search #pageContainer .result {
	width: 100%;
}

body.search #pageContainer {
	overflow-x: hidden;
}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/* End: Recommended Isotope styles */

@-moz-document url-prefix() {
	
	#projectStoryDetails .subNav .ui-tabs-active:after{
		bottom: -25px;
	}
	

}
