@charset "UTF-8";
/* CSS Document */

/*=== Reset Styles ===*/

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, 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-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	text-decoration:none;
}

a:hover {
	cursor: pointer;
	opacity:0.8;
	filter: alpha(opacity=80);
	-webkit-transition: opacity 150ms ease-in-out;
	-webkit-transition: all 180ms ease-out;
	-moz-transition: all 180ms ease-out;
	-o-transition: all 180ms ease-out;
	-ms-transition: all 180ms ease-out;
	transition: all 180ms ease-out;
}

img, div, input { behavior: url(lib/hacks/iepngfix.htc) }

body {
	line-height:1;
	color:black;
	background:white;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}

/*=== Other Styles ===*/

.clear {
	clear:both;
}

/*=== Font Styles ===*/

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {
height: 100%;
}

body {
	background-color: #b4b3a5;
	text-align:left;

}

h1 {
	font: 17px BebasNeueRegular;
	margin-top: 12px;
	margin-bottom: 10px;
	letter-spacing: 0.07em;
}

h2 {
	font: 17px BebasNeueRegular;
	margin-top: 12px;
	margin-bottom: 10px;
	letter-spacing: 0.07em;
}

p {
	font: 11px OpenSansRegular;
	text-decoration: none;
	color: #000;
	padding-bottom:5px;
	line-height:14px
}

a {
	color: #000;
}

a:visited {
	color: #000;
}

a:hover {
	opacity: 0.6;
filter: alpha(opacity='60');
}

#header {
	position:relative;
	background: #797763;
	height:210px;
}

#headerbg {

   position:absolute;


}

#logo {
	background:url(../img/topleftbg.gif) repeat-x;
	position:relative;
	width:25%;
	min-width:180px;
	height:210px;
	float:left;
	text-align:right;
   top:0;
}

.center-logo {
	margin:60px 0 0;
}

#details {
	position:relative;
	background: #797763;
	padding:100px 0 0;
	float:left;
	height:110px;
	width:auto;
}

#wrapper{
	position:relative;
	margin: 0 auto;
	min-height:100%;
	width:100%;
}

#content {
	position:relative;
	display:block;
	max-width:960px;
	margin:0 auto;
	height:100%;
}

#content-full {
	position:relative;
	display:block;
	margin:0;
	min-height:100%;
	padding-bottom: 50px
}

#content-pad {
	position: relative;
min-height: 500px;
width: 25%;
z-index: 100;
margin: 0;
min-width: 180px;
float: left;
}

#content-pad-right {
	position: relative;
min-height: 100%;
width: 10%;
z-index: 100;
margin:0;
min-width: 180px;
float:right;
}

* html #content-pad {
height: 100%;
}

#left {
	position:absolute;
	height:100%;
	width:25.2%;
	z-index:10;
}

#right {
	position:absolute;
	width:75%;
	height:100%;
	right:0;
	text-align:left;
}



#middle {
	position:relative;
	float:left;
	width:100%;

	padding-left:2px;
}


#panel {
	position:relative;
	text-align:left;
}

#panel img {
	width:100%;
	height:auto;

}

#panel img.biennale  {
	width:100%;
	height:auto;

}

#panel-new img {
	width:100%;
	height:auto;
	max-width:163px;
}

.grid-four.biennale {
    width: 27%;
    margin: 1.8% 2% 0 0;
    min-height: 325px;
    float: left;
}

.border {
	border-left:#797763 solid 5px !important;

	padding-left:2%;
}


#panel-new {
	position:relative;
	padding-left:2%;
	width:160px;
	text-align:left;
	border-left:#797763 solid 5px !important;
}


.grid-four{width:16%; margin:1.8% 2% 0 0; min-height:325px;float:left;}

#footer {
	position:fixed;
	width:100%;
	bottom:0;
	z-index:100;
background: #797763;
}

#footerbg{
	position: relative;
top: -20px;
height: 40px;
width: 25%;
background: #797763;
z-index: 100;
margin:0;
min-width: 180px;
float:left;
}

#social {
	position: absolute;
	right:21px;
	top:21px;

}

#awards{
	font: 10px OpenSansRegular;
	text-decoration: none;
	color: #f8f5ec;
	position: relative;
	height:34px;
	padding:16px 0px 0px 2px;
}

#awards h1{
	display:inline;
}

.respond {

	}

#container {
	margin:1.8% 10% 3.8% 25%;
	display:block;
	max-width:700px;

}

.box {
  margin: 0px 5px 5px 0px;
  float: left;
}

.clearfix {
zoom: 1;
}

.box img {
  display: block;
}

.colA {
	width:151px;
}

.colB {
	width:153px;
}

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}

#previous {
	position:relative;
	clear:both;
	margin:20px 0 30px;

}

/* =Responsive Design
-------------------------------------------------------------- */
@media screen and (max-width: 711px) {

	.respond {
		width:48% !important;
	}

	.grid-four{width:48%; margin:5% 2% 2% 0; height: auto;float:left;}



	#content-pad {
	min-height: 1800px;
	}

	#footer {
	height:60px;
}

}

@media screen and (max-width: 650px) {

	#content-pad {
	min-height: 2100px;
	}

}



@media screen and (max-width: 480px) {

#footer {
	position:relative;
	width:100%;
	bottom:0;
	z-index:100;
	height:80px;
background: #797763;
clear:both;
}

#footerbg{
	height:80px;
}



	#content-pad {
	min-height: 1200px;
	}

}

@media screen and (max-width: 391px) {

	.grid-four{width:65%; margin:5% 0 0 45px; float:left;}

	#header {
	position:relative;
	background: #797763;
	height:410px;
	margin-bottom:20px
}
	#logo {
		height:120px;
	}

	#details {
		height:120px;
		margin-left:45px;
	}

	.border {
	padding-left:5%;
	}

	.respond {
		width:65% !important;
	}

	#content-pad {
	display:none;
	}

	#footer {
	height:100px;
}

	#footerbg{
	position: relative;
top: -20px;
height: 30px;
width: 25%;
background: #797763;
z-index: 100;
margin:0;
min-width: 180px;
float:left;
}

	#awards{
	font: 10px OpenSansRegular;
	text-decoration: none;
	color: #f8f5ec;
	position: relative;
	height:34px;
	padding:30px 45px 0px ;
	float:left;
	bottom:10px;
	z-index:900px;
}

}