/*created by Robert Heath 2010 www.barkleystudios.com*/
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; font-size:100%; vertical-align:baseline; background:transparent;}

html {
	width: 100%;
	height: 100%;
	background-image: url('../images/map-overlay.gif');
	background-repeat: no-repeat;
	background-size: cover;
}

body {
	width: 1070px;
	margin: auto;
	font:	14px/20px Arial, tahoma, sans-serif;
	color:	#666;

}
#wrapper{
	float:left;
	width:100%;
}
.book{
		background:url('../images/book-big-2.jpg') no-repeat 0 0 ;
}
.event{
		background:url('../images/conf-big-1.jpg') no-repeat 0 0 ;
}
.lastest-event{
		background:url('../images/bg-biennale.jpg') no-repeat 0 0 ;
}
.exhibition{
		background:url('../images/exhibit-big-1.jpg') no-repeat 0 0 ;
}
.forums{
		background:url('../images/forum-big-1.jpg') no-repeat 0 0 ;
}
/*=================================================================================
				Link Styles
=================================================================================*/
a:link, a:visited{
	text-decoration: none;
	color:#2E7786;
	font-weight:bold;
}
a:focus, a:hover, a:active{
	text-decoration: none;
	color:#000;	
	border-bottom:1px solid #ccc;
	padding-bottom:1px;	
}
#footer a:hover{
	border-bottom:none;
}

/*=================================================================================
				Heading Styles
=================================================================================*/
h1{
	font-size: 1.8em;
}
h2{
	font-size: 21px;
	font-weight:bold;
	line-height:27px;
}
h3{
	font-size: 1.4em;
	margin: 1em 0;
}
h4{
	font-size: 1em;
	margin:0 0 5px;
	text-transform:uppercase;
	color:#999;
}
h5{
	font-size: 1em;
}
h1, h2, h3, h5{
	margin: 0 0 20px 0;
	color:#000;
}

/*=================================================================================
				List Styles
=================================================================================*/
dl, ol, ul{
	margin:0;
	list-style:none;
}
ol, ul{
	padding: 0;
	margin:0;
}
li, dd{
	margin:0;
	padding:0;
}
dt{
	font-weight: bold;
}

/*=================================================================================
				Table Styles
=================================================================================*/
table{
	border-collapse: collapse;
	border-spacing: 0;
}
th{
	font-weight: bold;
}
td, th{
	padding: .3em .5em;
	text-align: left;
}
/*=================================================================================
				jQuery lightBox plugin - Gallery style
=================================================================================*/

	#gallery {
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
	}
	#gallery ul a:hover img {
	}
	#gallery ul a:hover {  }
/*=================================================================================
				Header Styles
=================================================================================*/

#header{
	padding:30px 30px 15px 34px;
	float:left;
}
.home #header{
	position: relative;
	padding:30px 0px 20px 30px;
	min-width: 1000px;
}
.home h1#logo{
	font-size:44px;
	width:300px;
	float:left;
	margin:0 20px 0 0;
	color:red;
}

#logo_and_nav {
	width: 500px;
	height: 250px;
}

.home #nav{
	margin-top: 10px;
	float:left;
}
h1#logo{
	font:bold 24px Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	color:black;
	width:180px;
	margin-bottom:20px;
}
h1#logo a{
	color:black;	
}
h1#logo .active{
	color:red;	
}
h1#logo a:hover{
	color:#333;
	border:none;
}
#nav{
	list-style:none;
}
#nav .top-nav {
	width:500px;
}
#nav .top-nav a{
	display:inline-block;
	margin-right:-4px;
}

#nav ul {
	display:inline;
	list-style:none;
}
#nav ul li {
	display:inline-block;
	
}
#nav li a{
	font-size:16px;
	line-height:100%;
	font-weight:bold;
	background:black;
	color:#ccc;
	text-decoration:none;
	padding:4px 12px;
	
	

}
#nav li span{
	font-size:12px;
	color:#666;
	line-height:100%;
}
#nav li a.active {
	background:red;
	color:white;
		padding:4px 12px;
}

#nav li a.active.santiago{
	background:#00abc2;
}

#nav li a.active.sao_paulo{
	background:#f38b3c;
}

#nav li a:hover{
	color:white;
	background:#333;
	border-bottom:none;	
}
#nav ul#discussions_nav_sub, #nav ul#events_nav_sub, #nav ul#research_nav_sub, #nav ul#upcoming_nav_sub {
	background:black; 
	display:inline-block;
}
#discussions_nav, #events_nav, #research_nav, #upcoming_nav{
	margin-bottom:3px;
}
/*=================================================================================
				Footer Styles
=================================================================================*/
#footer{
	float:left;
	width:100%;
}
#footer ul{
	float:left;
	display:inline;
	list-style:none;		
}
#footer ul li{
	margin:0;
}
#footer .location{
	padding:20px 0 20px 30px;
	width:220px;
	list-style:none;
	font-size:11px;
	line-height:18px;
	color:#909090;
}
#footer .social{
	font-size:11px;
	line-height:23px;
	color:#909090;
	width:690px;
	padding:20px 0 0;
	
}
#footer .social img{
	margin:0px 10px 5px 0;
position:relative;
vertical-align:middle;
}

#footer .social a{
	color:#000;
}
#footer  small{
	clear:left;
	margin:20px 0  20px 30px;
	display:block;
	font-size:11px;
	color:#909090;
	float:left;
	width:80%;
}
/*=================================================================================
				General Styles
=================================================================================*/

#wrapper.upcoming_event {
	min-width: 1000px;
	text-align: center;
	font-weight: bold;
	line-height: 16pt;
	font-size: 16pt;
	color: red;
	padding: 30px;
}

img{
	border: 0;
}

.clearfix{
	border:none;
	padding:0;
	height:10px;
	clear:both;
}
p{	
	font-size: 10pt;
	text-height: 10pt;
	margin: 0 0 10px 0;
}
legend{
	padding: 0 .5em;
}
blockquote{
	padding-left: 2em;
}
em, ins, del{
	font-style: italic;
}
del{
	text-decoration: line-through;
}
fieldset{
	border: 1px solid #666;
	padding: 0 1em;
}
abbr, acronym, dfn{
	border-bottom: 1px dotted #ddd;
	cursor: help;
}
code, kbd, pre{
	font-family: Courier, "Courier New", Tahoma, sans-serif;
}
a.big-btn{
	padding:10px 20px;
	float:left;
	margin:20px 0 0;
	font-size:18px;
	border:1px solid #ccc;
	border-color:#ccc #ccc #a4a4a4;
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
	background:url('../images/button-bg.png') repeat-x;
}
a.big-btn:hover{
	color:#666;
}
.book-btn span{
	color:#999;
	font-size:12px;
	margin:30px 0 0 10px;
	display:inline-block;
}
.book-btn span a{
	font-size:14px;
	margin-left:5px;
	
	
}

/*=================================================================================
				Grid Framework
=================================================================================*/
.event .container{
	/*margin-top:100px;*/
}
.container {
	margin-bottom: 20px;
	
}
.home .container{
	width:100%;
	margin-bottom:0;
	background:url('../images/home-bg.jpg') no-repeat left bottom ;
	float:left;
	height:500px;
}
.container{
	text-align:left;
	width: 960px;
}
.photo-cap{
	float:right;
	position:relative;
	top:400px;
	background:rgba(0, 0, 0, 0.8);
	color:#555;
	padding:20px;
	width:120px;
	border:1px solid #666;
	border-width:1px 0 1px 1px;
}
.grid{
	clear:left;
	display: inline;
	float: left;
	padding:20px 30px;
}
#podcast {
	clear:left;
	float:left;
}
#podcast li{
	clear:left;
	float:left;
	background:#eee url('../images/play-btn.png') ;
	background-repeat:no-repeat;
	background-position:30px 20px;
	padding:20px 30px 20px 80px;
	display:block;
	text-decoration:none;
	margin-bottom:3px;
}
#podcast li:hover{
	background-color:#333;
	border-bottom:none;
	cursor:pointer;
}
#podcast li:hover h3{
	color:white;
}
#podcast h3{
	color: #2e7786;	
	margin:0 0 5px;
}
#podcast p{
	color:#999999;
	margin:0;
	font-weight:normal;
}
#program{
	clear:left;
	float:left;
}
#program li{
	clear:left;
	float:left;
	background:#eee;
	padding:20px 30px;
	display:block;
	text-decoration:none;
	margin-bottom:3px;
}
.grid-header h2{
	padding:10px 30px 7px;
	clear:left;
	display: inline;
	float: left;
	margin:0;
	color:white;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	background:rgba(0, 0, 0, 0.4);
}
.grid-header h2 a{
	font-size:14px;
	text-transform:none;
	margin-left:20px;
	display:inline-block;
}
.grid-header h2 a:hover{
	border-bottom:none;
	color:white;
	padding-bottom:0;
}
.home{
	height:749px;
}
.home .top-content{
	font-size:16px;
	line-height:22px;
	color:#555;
	padding:20px 42px 0 30px;
	width:450px;
	background:none;
	float:left;
}
.home .sidebar{
	float:left;
	width:380px;
	padding:0 20px;
}
.home .sidebar img{
	float:left;
	margin-right:20px;
}
.home .sidebar p{
	margin-top:30px;
}
.home .sidebar a{
	text-transform:none;
	text-decoration: none;
	color:#000;
	border-bottom:1px solid #ccc;
	padding-bottom:1px;
	font-weight:bold;
}
.home .sidebar img{
	margin-bottom:10px;
}
.top-content{
	width:480px;
	background:#f5f5f5;
}
.col-left{
	float:left;
	margin-right:20px;
}

.top-content .col-left{
	text-align:center;
}

.content-2{
	width:660px;
	background-color:#f5f5f5;
}
.content-3{
	width:760px;
	background:#f5f5f5;
}
.contributors {
	width:900px;
	padding-top:0;
}
.contributors li{
	display:inline;
	float:left;
	color:#777;
	padding:3px 7px;
	background:#f9f9f9;
	width:auto;
	font-size:11px;
}
.contributors li:nth-child(2n+1){
	background:#eee;
}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}
.container .grid_3,.container_16 .grid_4{
	width: 220px;
}
.container .grid_6,.container_16 .grid_8{
	width: 460px;
}
.container .grid_9,.container_16 .grid_12{
	width: 700px;
}
.container .grid_12,.container_16 .grid_16{
	width: 940px;
}
.alpha{
	margin-left: 0;
}
.omega{
	margin-right: 0;
}
.container .grid_1{
	width: 60px;
}
.container .grid_2{
	width: 140px;
}
.container .grid_4{
	width: 300px;
}
.container .grid_5{
	width: 380px;
}
.container .grid_7{
	width: 540px;
}
.container .grid_8{
	width: 620px;
}
.container .grid_10{
	width: 780px;
}
.container .grid_11{
	width: 860px;
}

.container .prefix_3,.container_16 .prefix_4{
	padding-left: 240px;
}
.container .prefix_6,.container_16 .prefix_8{
	padding-left: 480px;
}
.container .prefix_9,.container_16 .prefix_12{
	padding-left: 720px;
}
.container .prefix_1{
	padding-left: 80px;
}
.container .prefix_2{
	padding-left: 160px;
}
.container .prefix_4{
	padding-left: 320px;
}
.container .prefix_5{
	padding-left: 400px;
}
.container .prefix_7{
	padding-left: 560px;
}
.container .prefix_8{
	padding-left: 640px;
}
.container .prefix_10{
	padding-left: 800px;
}
.container .prefix_11{
	padding-left: 880px;
}

.container .suffix_3,.container_16 .suffix_4{
	padding-right: 240px;
}
.container .suffix_6,.container_16 .suffix_8{
	padding-right: 480px;
}
.container .suffix_9,.container_16 .suffix_12{
	padding-right: 720px;
}
.container .suffix_1{
	padding-right: 80px;
}
.container .suffix_2{
	padding-right: 160px;
}
.container .suffix_4{
	padding-right: 320px;
}
.container .suffix_5{
	padding-right: 400px;
}
.container .suffix_7{
	padding-right: 560px;
}
.container .suffix_8{
	padding-right: 640px;
}
.container .suffix_10{
	padding-right: 800px;
}
.container .suffix_11{
	padding-right: 880px;
}

.container .push_3,.container_16 .push_4{
	left: 240px;
}
.container .push_6,.container_16 .push_8{
	left: 480px;
}
.container .push_9,.container_16 .push_12{
	left: 720px;
}
.container .push_1{
	left: 80px;
}
.container .push_2{
	left: 160px;
}
.container .push_4{
	left: 320px;
}
.container .push_5{
	left: 400px;
}
.container .push_7{
	left: 560px;
}
.container .push_8{
	left: 640px;
}
.container .push_10{
	left: 800px;
}
.container .push_11{
	left: 880px;
}

.container .pull_3,.container_16 .pull_4{
	left: -240px;
}
.container .pull_6,.container_16 .pull_8{
	left: -480px;
}
.container .pull_9,.container_16 .pull_12{
	left: -720px;
}
.container .pull_1{
	left: -80px;
}
.container .pull_2{
	left: -160px;
}
.container .pull_4{
	left: -320px;
}
.container .pull_5{
	left: -400px;
}
.container .pull_7{
	left: -560px;
}
.container .pull_8{
	left: -640px;
}
.container .pull_10{
	left: -800px;
}
.container .pull_11{
	left: -880px;
}

.clear{
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}
.clearfix:after{
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
}
* html .clearfix,*:first-child+html .clearfix{
	zoom: 1;
}