/* @override http://localhost/media/css/screen.css */
/* @override http://localhost/media/css/screen.css */
/* @override http://localhost/media/css/screen.css */

/* css reset from http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* basic fonts */
p{
	font-size: 11px;
	line-height: 18px;
}
h2, h3, h4{
	font-family: helvetica, arial, sans-serif;
	padding: 10px 0;
}
h1{
	font-size: 40px;
	font-weight: normal;
	margin-bottom: 40px;
}
h2, h4{
	text-transform: uppercase;
	font-size: 24px;
	color: #999;
	padding-bottom: 0;
}
h4{
	text-transform: none;
}
h3{
	font-size: 14px;
	text-transform: none;
	color: #333;
}
h5, #slide_container .description p, body.services #content p{
	font-weight: normal;
	font-size: 18px;
	line-height: 34px;
	font-family: verdana, arial, sans-serif;
}
hr{
	border: none;
	border-top: 1px solid #ccc;
}
/*basic layout*/
body{
	font-family:	verdana, arial, sans-serif;
	background: url('../img/bkg_header.gif') repeat-x;
}
#width_holder {
	background: #000 url('../img/bkg_header.gif') repeat-x;
}
#header{
	width: 960px;
	margin: auto;
	margin-top: 0;
}
#project_list{
	padding-bottom: 40px;
}
#project_list h2{
	margin-top: 20px;
	margin-bottom: 10px;
}
body{
	background-color: #000;
}
#left_column{
	float: left;
	width: 500px;
}
#right_column{
	float: right;
	font-size: 11px;
	width: 400px;
	color: #333;
	padding-left: 30px;
}
#right_column .half_width{
	width: 175px;
	float: left;
	padding-right: 25px;
	margin-top: 6px;
	margin-bottom: 13px;
	
}
#right_column .dual_frame {
  position: relative;
  float: none;
  clear: both;
}

#right_column .dual_frame:before {
  display: block;
  width: 25px;
  height: 131px;
  background: #fff;
  content: " ";
  text-indent: -999em;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 175px;
  z-index: 100;
}
img.alignleft {
	margin: 0 15px 5px 0;
}
body.home #content{
	position: 	relative;
	width:		100%;
	min-width: 	960px;
	margin: 	auto;	
}
body.work #content, body.news #content, body.search_results #content{
	background-color: #fff;
}
#container {
	height: 100%;
	width: 100%;
	min-width: 960px;
}
.clear{
	clear: both;
}
a{
	color: #00B4E9;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
/* header nav layout */
#header{
	padding: 18px 0;
	height: 29px;
	padding-right: 0;
}
#header h1{
	padding-left: 20px;
	margin-bottom: 0;
}
#header h1 a{
	float:	left;
	margin-right: 19px;
	height: 24px;
	width:	24px;
	display: block;
	position: relative;
	overflow: hidden;
}
#header h1 span{
	height: 24px;
	width:	24px;
	position: absolute;
	top: 0;
	left: 0;
	background: url('../img/wtw_logo.gif') no-repeat;
}
/* new header nav */
#header #menu .submenu{
	display: none;
}
/* old header nav */
#header #menu ul{
	margin-top: 6px;
}
#header #menu ul li{
	display: inline;
}
#header #menu ul li a{
	display:block;
	float: left;
	position: relative !important;
	overflow: hidden;
	margin-left: 21px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	color: #666666;
}
#header #menu ul li a.hover{
	color: #bbbbbb;
}
#header #menu ul li a.currentSection{
	color: #ffcc00;
}
/* work and services nav */
body.services #section_nav ul, ul#approach_nav, ul#news_nav, ul#sub_nav{
	width: 960px;
	margin: auto;
	margin-top: 68px;
}
ul#work_nav li, body.services #section_nav ul li, ul#approach_nav li, ul#news_nav li, ul#sub_nav li{
	display: inline;
}
ul#work_nav li a, body.services #section_nav ul li a, ul#approach_nav li a, ul#news_nav li a{
	height: 11px;
	display:block;
	float: right;
	position: relative !important;
	overflow: hidden;
	margin-left: 21px;
	text-indent: -999em;
}
ul#work_nav li a span, body.services #section_nav ul li a span, ul#approach_nav li a span, ul#news_nav li a span{
	display: block;
	height: 11px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-repeat: no-repeat;
}
ul#work_nav{
	width: 960px;
	margin: 0;
}
ul#news_nav li a{
	width: 14px;
	height: 14px;
}
ul#news_nav li a span{
	height: 14px;
	background: url('../img/btn_rss.gif') no-repeat;	
}

ul#sub_nav li a{
	color: #9a9a9a;
	text-decoration: none;
	font-size: 8pt;
	display: inline;
	margin-left: 20px;
	margin-top: 5px;
	float: right;
}
ul#sub_nav li a:hover{
	color: #565656;
}
ul#sub_nav{
	margin: 10px 0px 10px 10px;
	position: relative;
	float: right;
	width: 600px;
	left: 290px;
	top: 10px;
}

ul#work_nav li#clients_nav_link a{
	width: 41px;
}
ul#work_nav li#clients_nav_link a span{
	background: url('../img/btn_clients.png') no-repeat;	
}
div.work_clients ul#work_nav li#clients_nav_link a span{
	background-position: 0px -11px !important;
}
div.work_clients ul#sub_nav{
	margin-top: 20px;
	left: 460px;
}
div.work_clients ul#sub_nav li a{
	margin: 0px 10px 0px 0px;
	float: left;
}
ul#work_nav  li#industry_nav_link a{
	width: 57px;
}
ul#work_nav  li#industry_nav_link a span{
	background: url('../img/btn_industry.png') no-repeat;	
}
div.work_industry ul#work_nav li#industry_nav_link a span{
	background-position: 0px -11px !important;
}
ul#work_nav  li#capabilities_nav_link a{
	width: 80px;
}
ul#work_nav  li#capabilities_nav_link a span{
	background: url('../img/btn_capabilities.png') no-repeat;	
}
div.work_capabilities ul#work_nav li#capabilities_nav_link a span{
	background-position: 0px -11px !important;
}
ul#work_nav  li#tags_nav_link a{
	width: 28px;
}
ul#work_nav  li#tags_nav_link a span{
	background: url('../img/btn_tags.png') no-repeat;	
}
div.work_tags ul#work_nav li#tags_nav_link a span{
	background-position: 0px -11px !important;
}
body.services #section_nav ul li a{
	display: none;
}
body.services #section_nav ul li ul li a{
	display: block;
}

body.services #section_nav ul li ul{
	position: absolute;
	top: -48px;
}
body.services #section_nav ul li#integrated-marketing-campaigns a{
	width: 71px;
}
body.services #section_nav ul li#integrated-marketing-campaigns a span{
	background: url('../img/btn_campaign.png') no-repeat;	
}
body.services #section_nav ul li#enviornmental-design a{
	width: 83px;
}
body.services #section_nav ul li#enviornmental-design a span{
	background: url('../img/btn_environment.png') no-repeat;	
}
body.services #section_nav ul li#motion-graphics a{
	width: 44px;
}
body.services #section_nav ul li#motion-graphics a span{
	background: url('../img/btn_motion.png') no-repeat;	
}
body.services #section_nav ul li#website-design-and-development a{
	width: 25px;
}
body.services #section_nav ul li#website-design-and-development a span{
	background: url('../img/btn_web.png') no-repeat;	
}
body.services #section_nav ul li#print-collateral a{
	width: 35px;
}
body.services #section_nav ul li#print-collateral a span{
	background: url('../img/btn_print.png') no-repeat;	
}
body.services #section_nav ul li#brand-and-identity-development a{
	width: 59px;
}
body.services #section_nav ul li#brand-and-identity-development a span{
	background: url('../img/btn_branding.png') no-repeat;	
}

body.services #section_nav ul li a.currentPage span{
	background-position: 0px -11px !important;
}
ul#approach_nav li#culture_nav_link a{
	width: 50px;
}
ul#approach_nav li#culture_nav_link a span{
	background: url('../img/btn_culture.gif') no-repeat;	
}
ul#approach_nav li#tools_nav_link a{
	width: 36px;
}
ul#approach_nav li#tools_nav_link a span{
	background: url('../img/btn_tools.gif') no-repeat;	
}
ul#approach_nav li#process_nav_link a{
	width: 53px;
}
ul#approach_nav li#process_nav_link a span{
	background: url('../img/btn_process.gif') no-repeat;	
}


/* work layout */
#work_header, #services_header, #approach_header, #news_header, #about_header, #contact_header, #search_header{
	background: url('../img/bkg_work_header.gif') repeat-x;
	height: 136px;
	position: relative;
}
#nav_container{
	width: 960px;
	margin: 0 auto;
}
#work_header h2, #services_header h2, #approach_header h2, #news_header h2, #about_header h2, #contact_header h2, #search_header h2{
	width: 960px;
	margin: auto;
	margin-top: 0px;
	position: relative;
	padding-top: -10px;
	font-size: 10px;
}
#work_header h2 span, #services_header h2 span, #approach_header h2 span, #news_header h2 span, #about_header h2 span, #contact_header h2 span, #search_header h2 span{
	position: absolute;
	background: url('../img/header_work.gif') no-repeat;
	width: 116px;
	height: 116px;
}
#search_header h2 span{
	background: url('../img/header_search.gif') no-repeat;
}
#services_header h2 span{
	background: url('../img/header_services.gif') no-repeat;
}
#approach_header h2 span{
	background: url('../img/header_approach.gif') no-repeat;
}
#news_header h2 span{
	background: url('../img/header_blog.gif') no-repeat;
}
#about_header h2 span{
	background: url('../img/header_about.gif') no-repeat;
}
#contact_header h2 span{
	background: url('../img/header_contact.gif') no-repeat;
}
.project_thumb {
	border: 1px solid #CDD0D1;
	background: #D7DBDC;
	display: block;
	float: left;
	padding: 5px;
	padding-bottom: 10px;
	margin-right: 13px;
	margin-bottom: 13px;
	color: #555;
	width: 166px;
	height: 138px;
	overflow: hidden;
	font-size: 10px;
}
.project_thumb.hover{
	cursor: pointer;
}
.project_thumb .display_title{
	font-weight: bold;
	padding-top: 0.5em;
}
.project_thumb .industry {
	text-transform: uppercase;
	font-size: 8px;
	font-family: verdana, sans-serif;
	padding-top: 0.5em;
}

/* slide show layout */
body.work #content, body.search_results #content{
	position: relative;
	width: 100%;
	margin: auto;	
}
#slide_container{
	position: relative;
}
#slide_buttons{
	position: absolute;
	top: 48%;
	width: 100%;
}
#slide_left{
	padding-left: 20px;
}
#slide_right{
	padding-right: 20px;
	float: right;
}
#project_info_wrapper{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;	
}
#project_info{
	width: 840px;
	padding: 0 60px;
	margin: auto;
	top: 200px;
	position: relative;
	font-family: helvetica, arial, verdana, sans-serif;
}
#project_info .client_name{
	float: left;
	font-weight: bold;
	font-size: 13px;
	margin-right: 22px;
	text-transform: uppercase;
	margin-top: -1px;
}
#project_info .location{
	font-size: 12px;
}
#project_info .title{
	clear: left;
	font-size: 40px;
	margin-top: 70px;
}
#project_info .description{
	margin-top: 40px;
	font-size: 24px;
	line-height: 30px;
}
#project_info .services{
	margin-top: 55px;
	text-transform: uppercase;
	font-size: 13px;
}
#additional_info_wrapper{
	background: #FFF url('../img/bkg_slide_info_top.gif') repeat-x;
	color: #555555;
	width: 100%;
	height: 13px;
	padding: 13px 0;
}
#additional_info_wrapper .additional_info{
	width: 960px;
	margin: auto;
	font-size: 12px;
}
#additional_info_wrapper .additional_info #client_name{
	text-transform: uppercase;
	font-weight: bold;
	float: left;
	margin-right: 22px;
}
#slide_navigation_wrapper{
	background: #818181 url('../img/bkg_slide_info_bottom.gif') repeat-x;
	color: #555555;
	width: 100%;
	padding: 13px 0;
}
#slide_navigation{
	width: 960px;
	margin: auto;
	font-size: 12px;
}
#slide_navigation_wrapper .additional_info{
	font-size: 12px;
	float: right;
	margin-right: 20px;
	width: 200px;
}
#slide_navigation_wrapper .additional_info a{
	color: #555555;
	font-size: 9px;
	text-transform: uppercase;
}
#slide_navigation_wrapper .additional_info a:hover{
	color: #fff;
}
#slide_navigation h2, #slide_navigation_wrapper .additional_info h2{
	padding: 10px 0px 5px 0px;
	color: #555555;
}
#all_slides, #related_projects{
	width: 755px;
}
#all_slides a, #related_projects a{
	position: relative;
	display: block;
	float: left;
	width: 74px;
	height: 49px;
	overflow: hidden;
	cursor: pointer;
	margin-bottom: 10px;
	margin-right: 10px;
}
#all_slides a span, #related_projects a span{
	position: absolute;
	background: url('../img/bkg_slide_thumbnail_border.gif') no-repeat;
	top: 0px;
	left: 0px;
	width: 75px;
	height: 50px;
	
}
#all_slides a.current span{
	background: url('../img/bkg_slide_thumbnail_border_current.gif') no-repeat;
}
/* services layout */
#services_content_wrapper{
	padding: 130px 0;
	color: #fff;
	width: 100%;
}
#services_content_wrapper #content{
	width: 960px;
	margin: auto;
	font-family: helvetica, arial, sans-serif;
}
#approach_content_wrapper, #about_content_wrapper{
	background: #fff;
	width: 100%;
}
#approach_content_wrapper #content, #about_content_wrapper #content{
	padding: 30px 0 100px 0;
	width: 960px;
	margin: auto;
	font-size: 10px;
	font-family: verdana, sans-serif;
}

/* about helpers */
.employee_video_wrapper{
	position: relative;
}
.employee_video_container{
	position: absolute;
	top: 0px;
	left: 0px;
}
/* news layout */
#news_content_wrapper{
	padding: 30px 0;
	background: #fff;
	color: #fff;
	width: 100%;
}
#news_content_wrapper #content{
	width: 960px;
	margin: auto;
	font-family: helvetica, arial, sans-serif;
}
#news_content_wrapper #content #right_column h2{
	margin-bottom: 3px;
}
#news_content_wrapper #content #right_column ul li{
	font-size: 11px;
	border-bottom: 1px solid #eee;
	padding: 0.5em 0;
}
#news_content_wrapper #content #right_column ul li.last{
	border-bottom: none;
}
.news_post{
	margin-bottom: 50px;
	background: url('../img/bkg_news_post.gif') no-repeat;
}
.news_post h2.title{
	margin-bottom: 5px;
	padding-bottom: 0;
	text-transform: none;
}
.news_post h2.title a{
	color: #333;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 28px;
}
.news_post h5.subtitle{
	color: #999;
	font-family: verdana, sans-serif;
	margin-bottom: 15px;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
}
.news_post .post_content, .news_post .categories{
	font-size: 11px;
	line-height: 15px;
	color: #666;
	font-family: verdana, sans-serif;
}
.news_post .categories{
	color: #999;
	margin-top: 10px;
	float: left;
	margin-right: 10px;
}
.sidebar_block ul{
	margin-bottom: 15px;
}
#news_content_wrapper #content #right_column .sidebar_block{
	margin-bottom: 15px;
}
#twitter_div {
	margin-top: 2px;
	font-size: 12px;
	line-height: 18px;
}
#twitter_link {
	margin-top: 1em;
	display: block;
	text-align: right;
}
/* footer layout */
#footer {
	background: #000;
	color: #676767;
	font-size: 10px;
	margin: auto;
	padding: 20px;
	width: 960px;
	line-height: 16px;
}


#footer p {
	margin:auto auto 10px;
}
#search_form{
	float: right;
}
#search_form.home{
	margin-top: -7px;
	margin-right: 190px;
}

#search_form input{
	background-color: white;
	background-image: url('../img/bkg_search_box_2011.gif');
	background-position: -1px -1px;
	background-repeat: no-repeat;
	border: none;
	height: 14px;
	border: 1px solid #ebebeb;
	padding-left: 21px;
	padding-top: 3px;
	width: 157px;
}
/* search results layout */
#search_result_wrapper{
	padding: 30px 0;
	background: #fff;
	color: #fff;
	width: 100%;
}
#search_result_wrapper #content{
	width: 960px;
	margin: auto;
	font-family: helvetica, arial, sans-serif;
}
#search_result_wrapper{
	color: #333;
}
.search h3{
	font-size: 30px;
}
#left_column.search{
	margin-bottom: 50px;
}

#footer .copyright {
	font-size: 7px;
}

#footer .social {
	margin-top: 7px;
}

/* sifr layout */
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active .approach #content h2, .sIFR-active .services #content h2, .sIFR-active .about #content h2, .sIFR-active .contact #content h2, .sIFR-active #content h4 {
		visibility: hidden;
		letter-spacing: -5px;
	}
/*	.sIFR-active .services #content h1{
		visibility: hidden;
		font-size: 48px;
	}
	.sIFR-active .services #content h5, .sIFR-active .services #content p{
		visibility: hidden;
		font-size: 18px;
		line-height: 1em;
		letter-spacing: -7px;
	}
*/
}
.approach #content h2, .services #content h2, .about #content h2, .contact #content h2{
	background-color: #FFFFFF;
	color: #999999;
	text-transform: uppercase;
}
.approach #content h2 a, .services #content h2 a, .about #content h2 a, .contact #content h2 a{
	color: #00B4E9;
}
#content h4{
	background-color: #FFFFFF;
	color: #999;
}
#content h4 a{
	color: #00B4E9;
}
.services #content h1{
	background-color: none;
	color: #fff;
	font-size: 37px;
	letter-spacing: 0;
}
.services #content h5, .services #content p{
	leading: 10;
	color: #fff;
	font-size: 25px;
	letter-spacing: 0;
}
.services #content h5 a, .services #content p a{
	color: #00B4E9;
}
.services #content h5 a:hover, .services #content p a:hover{
	color: #00B4E9;
}
#header #menu ul li a:hover{
	color: #bbbbbb;
	text-decoration: none;
}
#sub_nav ul li a:hover{
	color: #bbb;
}
.client_name{
	font-weight: 500;
}


/* 
May 2011 home page changes: MR
*/
#content.home {
	background-color: #ebebeb;	
	padding: 20px;
}
.box {
	margin: 0 7px 7px 0;
	overflow: hidden;
}
/* taxonomy is shown through coloration */
.featured {
	background-color: #ffcc00;
}
.blog {
	background-color: #6dd0f7;
}
.culture {
	background-color: #ea95e9;
}
.default, .box.socialmedia {
	background-color: white;
}
.box.socialmedia > .caption  {
	background-color: #6dd0f7;
	height: 25px;
}
/*
.box.featured { border: 1px solid #ffcc00;}
.box.new      { border: 1px solid #6dd0f7;}
.box.culture  { border: 1px solid #ea95e9;}
.box.default, .box.socialmedia  { border: 1px solid white;}
*/
/* relative importance is shown through size */
.large {
	width: 512px;
	height: 398px;
}
.medium {
	width: 339px;
	height: 263px;
}
.small {
	width: 166px;
	height: 128px;
}
.tall {
	width: 166px;
	height: 263px;
}
.imgwrapper.large  {height: 373px;}
.imgwrapper.medium {height: 238px;}
.imgwrapper.small  {height: 103px;}
.imgwrapper.tall   {height: 103px;}
.imgwrapper {overflow: hidden;}

/* content */
.boxtext {
	padding: 4px;
	font-family: verdana, sans-serif;
	font-size: 10px;
}
.boxtext.tall {
	padding: 0;
	width: 163px;
	height: 234px;
}

.boxtext #twitter_div {width: 163px; height: 91px;}
.boxtext #twitter_update_list {
	margin: 4px 6px 0 6px;
	font-size: 10px;
	line-height: 1.4em;
}
.boxtext #twitter_update_list li {
	margin-top: 4px;
}

.boxtext p {margin: 4px 6px 0 6px;}
.title {
	padding-top: 8px;
	font-family: verdana, sans-serif;
	font-weight: bold;
	font-size: 9px;
	float: left;
	width: auto;
	margin-left: 8px;
}
/* Alas, some of these titles are *looooong*.  They'll need a limiter. */
.box.large .caption .title  { max-width: 400px;}
.box.medium .caption .title { max-width: 280px;}
.box.small .caption .title  { max-width: 140px;}
.box.tall .caption .title   { max-width: 140px;}
.category {
	padding-top: 6px;
	font-family: 'Trade Gothic', sans-serif;
	font-weight: bold;
	font-size: 14px;
	float: right; 
	margin-right: 8px;
	text-transform: uppercase;
	color: white;
}
.rollover {
	position: absolute;
	top: 0;
	left: 0;
	font-family: Verdana, sans-serif;
	background-color: black;
	opacity: 0.8;
	color: white;
	overflow: hidden;
}
.rollover.large {
	height: 373px;
}
.rollover.medium {
	height: 238px;
}
.rollover.small {
	height: 103px;
}

.rolloverText {
	margin: 4px 15px 0 15px;
	line-height: 1.5em;
	color: white;
	font-size: 14px;
}
.rolloverTitle {
	margin: 15px 15px 0 15px;
	color: white;
	font-weight: 900;
	font-size: 14px;
	
}
.rollover a {
	color: #6ce0fb;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	display: block;
	margin-top: 10px;
}

 
.rolloverText.large {
	width: 482px;
}
.rolloverText.medium {
	width: 309px;
}
.rolloverText.small {
	width: 136px;
}



/* 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;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}
/* End: Recommended Isotope styles */
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}
/**** Infinite Scroll ****/
#infscr-loading {
  position: fixed;
  bottom: 30px;
  left: 42%;
  z-index: 100;
  background: white;
  background: hsla( 0, 0%, 100%, 0.9 );
  padding: 20px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
/* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }