/* CSS Document */

/************* GLOBAL STYLES ************/
html, body { 
	margin:					0; 
	padding:				0; 
	border:					0; 
}

body {
	font-family:				Arial, Helvetica, sans-serif; 
	font-size:				100%;
	letter-spacing: 			-0.5px;
	overflow:				hidden;	
}

a { text-decoration: underline; color: #000;}
a:hover { text-decoration: none;}

#sponsor { padding-top: 318px; padding-bottom: 15px;}


/************* SPLASH LAYOUT ************/
#overlayWrapper img {
	position:				absolute;
	top:					0;
	left:					0;
	z-index:				1002;
	top:					50%;
	left:					50%;
	margin-top:				-264px; /* half elements height*/
	margin-left:				-212px; /* half elements width*/
	width:					424px;
	height:					527px;
}

#overlay {
	position:				absolute;
	top:					0;
	left:					0;
	z-index:				1000;
	width:					100%;
	height:					100%;
	background-color:			#000;
	filter:					alpha(opacity=70);
	-moz-opacity:				0.8;
	-khtml-opacity:				0.8;
	opacity:				0.8;
}

/************* COMING SOON VIOLATOR ************/

#comingSoon img {
	position:				absolute;
	top:					0;
	left:					0;
	z-index:				600;
	top:				190px;
	left:				650px;
	width:					108px;
	height:					109px;
}

/************* MAIN PAGE LAYOUT ************/
#wrapper {
	width:					100%;
	height:					100%;
	overflow:				auto;
}


#main {
	position:				relative; 
	width:					92%;
	margin-left:				auto;
	margin-right:				auto;
	min-width:				900px;
	max-width:				1024px;
}

#content {
	position:				absolute;
	margin-left:				10px;
	margin-right:				0px;
	width:					100%;
	z-index:				10;
}

#contentPadding {
	width:					100%;
}

/************* MAIN PAGE COLUMNS AND ROWS ************/

/****** 1st ROW ******/

/* header_wrapper */

#header_wrapper { 
	position:				absolute;
	clear:					both;
	top:					32px;
	z-index:				450;

}

/* header_col1 */

#header_col1 { 
	position:				relative;
	float:					left;
	margin-right:				15px;
	width:					28%;
	z-index:				350;
	
}


/* header_col2 */

#header_col2 { 
	position:				relative;
	float:					left;
	width:					50%;
	z-index:				350;
	
}


/* header_col3 */

#header_col3 { 
	position:				relative;
	float:					right;
	width:					17%;
	z-index:				300;
	
}

/****** 2nd ROW ******/

/* exhibition_wrapper */

#exhibition_caya_wrapper { 
	position:				absolute;
	top:					359px;
	margin-left:				auto;
	margin-right:				auto;
	z-index:				250;
	
}

#exhibition_godoy_wrapper { 
	position:				absolute;
	top:					1425px;
	margin-left:				auto;
	margin-right:				auto;
	z-index:				250;
	
}

#exhibition_warhol_wrapper { 
	position:				absolute;
	top:					2180px;
	margin-left:				auto;
	margin-right:				auto;
	z-index:				250;
	
}


#exhibition_araki_wrapper { 
	position:				absolute;
	top:					3130 px;
	margin-left:				auto;
	margin-right:				auto;
	z-index:				250;
	
}


#exhibition_mcgee_wrapper { 
	position:				absolute;
	top:					4050px;
	clear:					both;
	margin-left:				auto;
	margin-right:				auto;
	z-index:				250;
	
}

/* exhibition_col1 */

#exhibition_col1 { 
	position:				relative;
	float:					left;
	width:					58%;
	z-index:				200;
	
}


/* exhibition_col2 */

#exhibition_col2 { 
	position:				relative;
	float:					right;
	width:					38%;
	align:					center;
	z-index:				150;


}


#prev_exhib4 { 
	position:				absolute;
	top:					1325px;
	margin-left:				auto;
	margin-right:				auto;
	float:					left;
	clear:					both;
	z-index:				250;
	
}

#prev_exhib3 { 
	position:				absolute;
	top:					2100px;
	margin-left:				auto;
	margin-right:				auto;
	float:					left;
	clear:					both;
	z-index:				250;
	
}

#prev_exhib2 { 
	position:				absolute;
	top:					3050px;
	margin-left:				auto;
	margin-right:				auto;
	float:					left;
	clear:					both;
	z-index:				250;
	
}


#prev_exhib1 { 
	position:				absolute;
	top:					3970px;
	margin-left:				auto;
	margin-right:				auto;
	float:					left;
	clear:					both;
	z-index:				250;
	
}