@font-face{ font-family:'circusfont';
src:url(/2012/fonts/circusfamily.eot) format('embedded-opentype'), url(/2012/fonts/circusfamily.woff) format('woff'),url(/2012/fonts/circusfamily.ttf) format('truetype'),url(/2012/fonts/circusfamily.svg) format('svg');}

/* test video 
.video-container_web {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

#video-overlay_web {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
	margin: 0 auto;	
	top: 0px;
}

.video-description_web {
	color: #dddddd;
}*/


.test {
border-radius: 6px;
background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
background-image: -webkit-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -o-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -ms-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
box-shadow: 0 1px 5px rgba(0,0,0,0.25);

}



/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

/* #Basic Styles
================================================== */
	body {
		background: #fff;
		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
		/*font-family:'circusfont';*/
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		
 }
 .ie8 body {
   background: #fff;
   font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
}
p a{text-decoration:underline;}

a {color: #444; text-decoration:none;
 -moz-transition: all 1s ease;  /* FF4+ */
       -o-transition: all 400mss ease;  /* Opera 10.5+ */
  -webkit-transition: all 400ms ease;/* Saf3.2+, Chrome */
      -ms-transition: all 400ms ease;  /* IE10? */
          transition: all 400ms ease;   }
a:hover {color:#00F;}
h1 {font-size: 19px;margin:20px 0px 10px 0px;}
h2 {font-size: 14px;}


.topmargin{margin-top:20px;}	
.donotshow{ display:none;}
.blog .sixcol:nth-child(2){
margin-right: 0px; }
.blog .threecol:nth-child(4){
margin-right: 0px; }
.ie8 body#front div.container div.row div.sixcol{
margin-right: 2%; }
p {
	/*font-size: 1em;*/
line-height: 1.25em;
	/*text-align: justify;*/
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 1.25em;
	margin-left: 0;/*text-align: left;*/
}

/* FRONT
================================================== */
/*#front h1*/ .margin{margin:20px 0 20px 0 ;}
#front p { margin: 0;}

/* #HEADER
================================================== */
header {
	height:140px; /*was 200*/
	padding-top:20px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #aaa9a9;
	}
header h1{margin:0px;padding:0px;}
.logo a{
	
	text-indent:-9999px;
	width: 120px; height: 120px; /* was 160*/
	position: relative;
	display:block;
	background-repeat: no-repeat;
	background-size: 120px 120px;
	background: url("/2012/images/circus_family.png");
	background-image:  none,url('/2012/images/circus_family.svg'), url('/2012/images/circus_family_120x120.png');
	background-size: 100% 100%;	
	}
.ie8 .logo a{
	text-indent: 100%;
white-space: nowrap;
overflow: hidden;
	width: 120px; height: 120px; /* was 160*/
	position: relative;
	display:block;
	background-image: url('/2012/images/circus_family_120x120.png');
	
	}
	
.bump { display:none;}
nav { position:relative;top:105px; /*was 174*/  }
nav ul { width:100%;}
nav ul li {display: inline-block; width:15%;  margin-right: 5%; text-transform: uppercase;  }
.ie8 nav ul li {display: inline-block; width:15%;  margin-right: 2%; text-transform: uppercase;  }
nav ul li:last-child{margin-right: 0px;}
/*nav ul li:before{ margin-right:10px; content: "•";}*/
nav ul li:lastchild  {margin-right:0px; background-color:#FF0099;}
nav a:hover{color:#ccc;}
nav a active {border-bottom: 1px dotted #ccc;}
nav.sevencol{margin-right:0px;}
/*.social{display:block; width:100%; position:relative;right:0px;font-size:11px;}
.social input{ margin-top:2px; margin-bottom:5px;width:95%;}*/
ul.social{width: 100%; text-align:right;}
ul.social li {text-align:right;display: inline; list-style: none;  white-space: nowrap; margin-right: 10%; font-size:11px; }
ul.social li:last-child{margin-right: 0px;}
/*ul.social li:nth-child(1){width:25%; }
ul.social li:nth-child(2){width:10%; }
ul.social li:nth-child(3){width:15%; }
ul.social li:nth-child(4){width:20%; }*/

/*tst*/



.01 img{ max-width:16.66%}
div.instagram{margin-top:30px;}
/*.instagram {margin-top:0px;}

.instagram01 {margin-right: 3.8%;
float: left;
min-height: 1px;width: 22.05%;}*/
.instagram img:last-child{margin: 0; padding:0px; /*background-color:#CFF;*/}
.instagram .twocol:last-child{margin-right: 0px;padding:0px;}

.intro > p { font: 19px/24px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0px;}
/*.centerit {margin:auto;text-align:center; display:block; background-color:#FFFF00; overflow:hidden;	}*/
/*.centerit{
    display: block;
    border-top: solid 1px #EFEFEF;
    width: 100%;
    height: 20px;
	margin-top:40px;
    top: 50%;
    z-index: 1;
		text-align:center;
		margin-bottom:-5px;

  }

 .centerit span {
    background: #fff;
    padding: 0 20px 0px 20px ;
    margin-top:-30px;
    display: inline-block;
    z-index: 5;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	font-family: "Open Sans Condensed", sans-serif; text-align: center;
	font-size:16px;

  }*/

/* #WORK
================================================== */
#infscr-loading{ width: 100%; text-align:center; font-size:12px;}
.credits { margin-top:-0.3em;}
.credits p{ text-align: left; font-style:italic; line-height:1.8em}
.credits h2 {font-style:italic; font-weight:normal; margin-bottom:1.0em;}
.work-body h2 {margin:0 0 0.5em 0; padding:0; line-height:14px;}
.work-body img {margin:0.5em 0;}
h1.work-body  {margin: 20px 0 15px;}

/* #CASES
================================================== */
#cases a h1 {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
#cases a h1 {width: 98%; padding-left: 2%; margin: 0; position: relative; left: 0; bottom: 64px; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); margin-bottom:-64px; font-size: 20px; line-height: 58px; font-weight:normal;}
/*#cases a h1 {color: #6d6d6d; margin-left:0px; }*/

		
/* #contact
================================================== */
.direct p span { display:inline-block; width:30%;}
	

/* #Footer
================================================== */
footer {margin-top:25px;height:200px;
	padding-top:15px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #aaa9a9;}
footer p{ margin: 0px 0px 0px 0px; text-align:center; text-transform:uppercase;}
footer span:before {margin:0px 5px 0px 5px;content: "•";}

/* #VIDEO
================================================== */
.mediaplayer{ }

/* --------------------------------------------------
  :: Make JW Player "fluid" (http://www.longtailvideo.com/support/forums/jw-player/using-playlists/22892/auto-rescale-of-playlist-player-to-adjust-to-browser-dimensions)
  -------------------------------------------------- */
  
.intrinsicRatio {
	position:relative;
	height:0;
}
.ratio16to9 {
	padding-bottom:56.25%;
}


.intrinsicRatio div,
.intrinsicRatio object,
.intrinsicRatio embed {
	z-index:1000;
	position:absolute !important;
	/* Everything following breaks iPhone and iPad(!) */
	/*
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:teal;	
	*/
}
#video-tint {position:fixed;width:100%;height:100%;top:0;left:0;display:none;z-index:100;background:#000;opacity:0.9;filter:alpha(opacity=90);}

/* THUMBS
*/

#work .thumbs h2 {margin-bottom:15px;}
.thumbs h2{font-size: 14px; padding:0px;line-height:16px;font-style: normal;font-weight: normal;}
.thumbs h1 { 
	font-size: 14px; margin:0px; line-height:16px; font-style: normal; font-weight: normal;}

.mediaplayer_thumbs > li img { background-color:#fff;}
.mediaplayer_thumbs > li img{ opacity: 0.5;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}
.mediaplayer_thumbs > li img:hover{ opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   padding-bottom:5px; border-bottom: 1px solid #ccc ;}
ul.mediaplayer_thumbs li.twocol:nth-child(6) { padding-right:0px; margin-right:0px;}
.mediaplayer_thumbs >.active img  {
    padding-bottom:5px; border-bottom: 1px solid #ccc ; opacity: 1;
    }
.thumbs .fourcol {position:relative;}
/* new */
.thumbs .fourcol .actions  {
	display:block;position:absolute;margin:35%;top: 0px;left: 0px;width: 30%;height: 30%;z-index: 100;
	display:block;position:absolute;
	opacity: 0;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.button img {width:40%;	overflow:hidden;	}
.quickplay img {	float:left;	}	
.moreinfo img {	float:right;	}	

.thumbs .fourcol:hover .actions { opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}
.thumbs .fourcol:hover {}
   
   
 /* #TWEET
================================================== */  
   #tweet,
.query {
}

	.tweet_list {
		font-size:19px;
		list-style: none;
		margin: 0;
		padding: 0;
		overflow-y: hidden;
		background-color:#fff;
	}
	
		.tweet_list li {
			overflow-y: auto;
			overflow-x: hidden;
			/*padding: 0.5em;*/
			list-style-type: none;
		}
		
			.tweet_list li a {
				color: #0000FF;
			}
		
		.tweet_list .tweet_even {
			background-color:#fff;
		}
		
		.tweet_list .tweet_avatar {
			padding-right: .5em; float: left;
		}
		
			.tweet_list .tweet_avatar img {
				vertical-align: middle;
			}
			
      #ticker ul.tweet_list {
        /*height:4em;*/
		height:50px;
        overflow-y:hidden;
      }
      #ticker .tweet_list li {
        height: 4em;
      }
			
	
/* BLOG
++++++++++++++++++++++++++++++++
*/

video {
            width: 100%;
            height: auto;
          }
    		  
.item img{width: 100%;}
.item {
  margin: 5px;
  padding: 5px;
   width: 265px;
  float: left;
}
#blogcontent p { margin-top:1em;}
#blogcontent h1 {font-size: 19px;margin:8px 0px 10px 0px;}


/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {


/* #HEADER
================================================== */	
header {
	height:120px; /*was 200*/
	padding-top:15px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #aaa9a9;
	}

header .threecol {display:block; height:75px; }
header form > input{display:none;}
nav > ul { width:100%;margin:0px; }
nav ul li {margin-right: 5%; margin-top:15px;}
nav ul li:nth-child(1){width:15%; }
nav ul li:nth-child(2){width:18%; }
nav ul li:nth-child(3){width:12%; }
nav ul li:nth-child(4){width:15%; }
nav ul li:nth-child(5){width:15%; }
nav ul li:last-child{margin-right: 0px;}
nav { position:relative; top:0px;}
nav a     {  }
nav select { display: inline-block; }
h1.logo {margin:auto 0 auto 0; /*position:inherit;*/}
h1.logo a{ z-index:2;
	text-indent:-9999px;
	width: 75px; height: 75px;
	display:block;
	margin:0px;
	background-size: 100% 100%;
	}
.ie8 h1.logo {
	width: 75px; height: 75px;
	margin:0px;
	/*display:block;*/
	}
	
.ie8 h1.logo a{
	background-image:  none;
	text-indent:-9999px;
	width: 100%;
    height: 100%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/2012/images/circus_family_120x120.png',
sizingMethod='scale');
}
header > .twocol { position: relative; top:-115px; width:50%; display:block; height:75px; }
.social { z-index:0;float:right; width: 50px; font-size:9px;}
header hgroup {margin:auto;}
ul.mediaplayer_thumbs {padding-left:20px;}
ul.mediaplayer_thumbs li.twocol {width: 13.45%; padding:0px;/*padding:5px;*/ margin-right: 3.2%;
float: left;
min-height: 1px;}
.instagram .twocol {
	width:30%;
	margin-right:3%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	}
	.instagram .twocol:last-child{padding:0px; padding-bottom: 15px;}
.social{display:block; width:100%; position:absolute;right:5px; top:10px;font-size:11px;}
.social input{ margin-top:2px; margin-bottom:5px;width:95%;}
ul.social li {text-align:right;display: inline; list-style: none;  white-space: nowrap; margin-right: 5%; font-size:11px; }



}

}
@media screen and (min-device-width: 481px) {

	
	}
@media handheld, only screen and (max-width: 480px) {
nav > ul { width:100%;margin:0px; }
nav ul li {margin-right: 5%; margin-top:15px;}
nav ul li:nth-child(1){width:12%; }
nav ul li:nth-child(2){width:18%; }
nav ul li:nth-child(3){width:12%; }
nav ul li:nth-child(4){width:12%; }
nav ul li:nth-child(5){width:12%; }
nav ul li:last-child{margin-right: 0}
.thumbs h2 {margin-bottom:10px;}
.social{display:block; width:100%; position:absolute;right:5px; top:10px;font-size:11px;}
.social input{ margin-top:2px; margin-bottom:5px;width:95%;}
ul.social li {text-align:right;display: inline; list-style: none;  white-space: nowrap; margin-right: 5%; font-size:11px; }
div.flex-viewport ul.slides li a p.flex-caption{ font-size:10px;}

}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/
	.button { display:none;}

}