@charset "UTF-8";
/* CSS Document */
/* by Jess Hamilton http://jess-hamilton.com*/
@font-face {
                        font-family: 'Impact';
                        src: url('css/Impac.eot');}

@font-face {
                        font-family: 'Impact';
                        src: url('css/Impac.woff') format('woff'),
                        url('css/Impac.svg#Impact') format('svg');}
/*begin reset http://meyerweb.com/eric/tools/css/reset/*/

html, body, div, span, applet, object, iframe,
h1, h1, 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, 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;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {
	border-collapse: collapse;
	border-spacing: 0;}

/*end reset*/
html{height:100%}
body{height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	margin: 0px;
	color:#fff;
	background-color:#000;
	}

a img {border: none;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;}
* html .clearfix {zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */
DIV#loader {
  border: 1px solid #ccc;
  width: 500px;
  height: 500px;
}DIV#loader.loading {
  background: url(images/spinner.gif) no-repeat center center;
}

p{line-height:1.5em}

a, a:link, a:visited{color:#fff;
	text-decoration:none;
	}
a:hover, a:active{color:#fff;
	}
	
h1, #quotes li, h6, .nav, .interview-head ul, h6 {font-family: Impact, Charcoal, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:.06em;}
	
p, h2, h3, h5{font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;}

h1, #quotes li{color:#f04f70;}
h1{
	font-size:25.86px;
	line-height:1em;}
#quotes li{ 
	line-height:1em;
	font-size:42px;}
h2{font-size:13px; text-transform:uppercase; line-height:1em;}	
h3{font-size:14.7px}	
h5{font-size:11px;}

.nav, h6{font-size:18.38px}
.interview-head ul{font-size:16px;
	line-height:1.2em}
.caption{font-size:11px}
sub, sup{font-size:.7em}	

	
/************************ LEFT COLUMN *******************/


#left-col{height:100%;
	width:250px;
	background-color:#333;
	display:inline-block;
	margin-top:55px;
	text-align:center;
	float:left;
	}
.left-fix{
	width:250px;
	position:fixed;
	height:3000px;
	background-color:#333;
	z-index:-1;}
img.logo{margin: 55px auto 0 auto;}	
ul.nav { width:168px; background-color:#000; margin:55px 0 147px 42px; text-align:left;}
ul.nav li a{display:block;  vertical-align:middle; padding:14px 13px;  background-color:#000}
ul.nav li a:hover, ul.nav li a.current{background-color:#f04f70;}
a.hunter img{margin-bottom:30px;}
/************Content*************/

#home-content{position:relative;
	margin-top:-55px;
	padding-top:55px;
	margin-left:250px;
	height:100%;
	background-image:url(images/assets/hme-bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:1;
}
#content{position:relative;
	margin-top:-55px;
	padding-top:55px;
	margin-left:250px;
	height:100%;
	z-index:0;
}

/********index*************/
#quotes li{display:none}
.quote{position:absolute;
	width:590px;
	top:113px;
	left:60px;}
.credit{position:absolute;
	bottom:20px;
	right:30px;
	color:#000;
	font-size:11px;
	margin-left:100px;}
.credit2{position:relative;
	padding-bottom:40px;
	margin-top:40px;
	text-align:right;
	margin-right:30px;
	color:#fff;
	font-size:11px;
	margin-left:100px;}	
.bar{background:#000;
position:absolute;
bottom:60px;
width:100%;
padding:27px 0;}
.bar p{padding:0 60px}
/**.bar{background:#000;
margin-top:65px;
width:100%;
}
.bar p{padding:27px 60px;}**/
/*******Exhibition********/
.head_img{z-index:-1; position:absolute;}
.exhibition{background-color:#000;
width:760px;
padding:15px 0 10px 0;
}
.ex h3, .press-content h3, installation-content h3{margin:15px 0 47px 55px ;}
.ex h1, .press-content h1, installation-content h1{margin:75px 0 0 55px; width:690̄px} 
.exhibition p{padding:8px 0 7px 55px; width:660px}
/********Installation*******/
#installation-content{position:relative;
	margin-top:-55px;
	padding-top:55px;
	margin-left:250px;
	height:100%;
	background-image:url(images/assets/installation.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

a.instal-link{height:100%; widht:100%; display:block}
/*******Works********/
.works-content{position:relative;
	margin-left:250px;
	margin-top:-55px;
	padding-top:55px;
	height:100%;
	min-height:500px;
	background-color:#000;}
.thumb{float:left; width:33.3%; position:relative; cursor:pointer;}
.thumb img{opacity:0.5;
filter:alpha(opacity=50);
width:100%
}
.thumb img:hover{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.thumb_caption{background-color:#f04f70;
padding:10px 0px;
position:absolute;
bottom:0;
display:none;
cursor:pointer;
width:100%}
.thumb_caption h5{padding: 0px 15px;}
.clist1, .pag{position:absolute; bottom:60px; right:0;}
.clist{position:relative;float:right;padding-bottom:60px;margin-top:20px;margin-bottom:-14px;}
.clist a, .clist1 a{padding:14px 13px;
background-color:#333}
.clist a:hover, .clist1 a:hover{background-color:#f04f70;}
.pag{background-color:#f04f70;padding:14px 13px;}
/*********works single page********/
.gal-bar{background:#f04f70;
position:absolute;
bottom:60px;
width:100%;
padding:27px 0px;
min-width:780px;}
.gal-bar p{padding-left:55px;width:590px; float:left; line-height:1.2em;}
.pager{margin:-15px 20px 0 0px;float:right;width:100px}
#gal-content{position:relative;
	background-color:#000;
	margin-top:-55px;
	padding-top:55px;
	margin-right:0px;
	margin-left:260px;
	height:100%;
	background-repeat:no-repeat;
	background-position:left center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:1;
}
#bgfade{background:#333 url(images/assets/ajax-loader.gif) no-repeat center center;height:100%; width:100%; }


/*******Events********/
.events{ width:760px; padding-top:75px;}
.events h6{background-color:#f04f70;
padding:13px 13px;
margin-bottom:20px;
color:#fff;
text-align:left;
line-height:1.3em;}
.col1, .col2{padding-left:45px;width:335px;
float:left;
text-align:center;}
.events p{width:307px;
	text-align:left;
	padding:0 15px 20px 15px}


/***interviews***/
.interview-head{border-bottom:4px solid #fff;
	margin-top:75px;
	height:150px;}
.interview-head ul{float:left; width:134px; text-transform:none;	text-shadow: 0 0 0 #000;}
.interview-head ul a{margin-left:-4px; width:130px; padding:2px 0 2px 4px; display:inline-block;}
.interview-head ul a:hover, .interview-head ul a.current{background-color:#f04f70; width:130px;text-transform:uppercase;}
.interview-head,.interview{margin-left:55px; width:670px;}
.interview h3{text-transform:uppercase; margin-top:30px; height:100%;}
.interview p{margin-top:15px;
text-transform:none;}
.top{float:right; text-transform:uppercase;margin-bottom:30px;}
.top a:hover{color:#f04f70;}
p.bio{font-style:italic;!important}
p.bio a{text-decoration:underline}
p.bio em{font-style:normal !important}
.account-img{display:inline;
	float:left;
	width:219px;
	font-size:11px;
	margin:20px 25px 20px 0}
/*************Press***********/
.press-content{width:760px; }
.press-content h2{margin-left: 55px;}
.press-content p{padding:0 55px 15px 55px;
background-color:#000; width:660px}