/* File Created: Mon, 08 Oct 12 14:55:45 -0400 */


/* ----------------------------------------------------------------------------
 * Original File: reset.css
 */

HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME,
H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE,
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;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

IMG { border: 0; }

:focus { outline: 0; }

BODY {
	line-height: 1;
	color: black;
	background: white;
	}

OL, UL {
	list-style: none;
	}

TABLE { /* tables still need 'cellspacing="0"' in the markup */
	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: "" ""; }

STRONG { font-weight: bold; }




/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: rgba(0, 0, 0, 0.4); color: #fff; text-shadow: none;}
::selection {background: rgba(0, 0, 0, 0.4); color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #bf2c7f;} 


/* ----------------------------------------------------------------------------
 * Original File: fonts.css
 */

/* @license
 * MyFonts Webfont Build ID 2308520, 2012-06-12T14:55:55-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Clarendon Text Italic by Canada Type
 * URL: http://www.myfonts.com/fonts/canadatype/clarendon-text/italic/
 * Copyright: Copyright © 2007 Canada Type. All rights reserved.
 * Licensed pageviews: unspecified
 * 
 * Webfont: Clarendon Text by Canada Type
 * URL: http://www.myfonts.com/fonts/canadatype/clarendon-text/regular/
 * Copyright: Copyright © 2007 Canada Type. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * Webfont: Geogrotesque Bold by Emtype Foundry
 * URL: http://www.myfonts.com/fonts/emtype/geogrotesque/bold/
 * Copyright: Copyright (c) 2009 by Eduardo Manso. All rights reserved.
 * Licensed pageviews: unspecified
 * 
 * Webfont: Geogrotesque Bold Italic by Emtype Foundry
 * URL: http://www.myfonts.com/fonts/emtype/geogrotesque/bold-italic/
 * Copyright: Copyright (c) 2009 by Eduardo Manso. All rights reserved.
 * Licensed pageviews: unspecified
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2308520
 * 
 * © 2012 Bitstream Inc
*/
  

 


/* ----------------------------------------------------------------------------
 * Original File: style.css
 */

/* GENERAL LAYOUT AND TYPE
----------------------------------------------------*/

	HTML, BODY { 
		height: 100%;
		}
		HTML.home, BODY.home { 
			}

	BODY {
		color: #333333;
		font: 11px Arial, sans-serif;
		font-family: ClarendonTextPro, Times, serif;
		letter-spacing: 0.2px;
		}

	BODY, SELECT, INPUT, TEXTAREA {color: #333;}

	A {color: #666; text-decoration: none;}
	A:hover {color: #222;}

	P {
		line-height: 17px;
		font-family: ClarendonTextPro, Times, serif;
		}

	H1 {
		font-size: 72px;
		font-family: Geogrotesque-Bold, Arial, sans-serif;
		}

	H2 {
		font-size: 36px;
		font-family: Geogrotesque-Bold, Arial, sans-serif;
		}

	H3,
	H4 {
		font-size: 24px;
		margin-bottom: 17px;
		font-family: Geogrotesque-Bold, Arial, sans-serif;
		letter-spacing: 0.4px;
		}

	H5 {
		font-size: 18px;
		font-family: Geogrotesque-Bold, Arial, sans-serif;
		letter-spacing: 0.4px;
		line-height: 21px;
		}
	H6 {
		font-size: 15px;
		font-family: Geogrotesque-Bold, Arial, sans-serif;
		}

	/* Buttons */

	A.button {
		text-align: center;
		display: inline-block;
		zoom: 1;
		*display: inline;
		cursor: pointer;
		background-color: #ff005a;
		color: #fff;
		font-size: 12px;
		text-transform: uppercase;
		padding: 7px 11px 5px 11px;
		-webkit-border-radius: 3px;
		border-radius: 3px; 		
		letter-spacing: 0.8px;
		font-family: "Geogrotesque-SemiBold", Arial, sans-serif;
		}
		A.button:hover {
			background-color: #CC0048;
			}

	A.text_button {
		background-color: #FFFFFF;
		border-radius: 3px 3px 3px 3px;
		color: #FF005A;
		cursor: pointer;
		display: inline-block;
		font-family: "Geogrotesque-SemiBold",Arial,sans-serif;
		font-size: 12px;
		letter-spacing: 0.8px;
		padding: 7px 11px 6px;
		text-align: center;
		text-transform: uppercase;
		}
		A.text_button:hover {
			color: #CC0048;
			}

	/* Layout */

	#layout {
		min-height: 100%;
		}

	#page {
		padding-top: 120px;
		padding-bottom: 50px;
		}

	.content {
		width: 940px;
		margin-left: auto;
		margin-right: auto;
		}
	
	/* Content Headling */
	
	.content_headline {
		margin-bottom: 34px;
		}
		.content_headline H1 {
			color: #FF005A;
			text-align: center;
			margin-bottom: 6px;
			}
		.content_headline DIV {
			background-color: #FF005A;
			-webkit-border-radius: 3px;
			border-radius: 3px; 
			height: 12px;
			}
	

/* SELECT STYLE DROPDOWNS
----------------------------------------------------*/
	
	SELECT.selectstyle {
		opacity:0;
		filter:alpha(opacity=0);
		}
	
	FIELDSET.selectstyle {
		position: relative;
		font-size: 13px;
		color: #666;
		border: 0;
		}
			
		/* Display Label */	
			
		FIELDSET.selectstyle A.display {
			display: block;
			min-width: 110px;
			background-color: #F7F7F7;
			font-family: Geogrotesque-Bold, Arial, sans-serif;
			border: 1px solid #d2d2d2;
			color: #333;
			padding: 6px 4px 5px 8px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			width: 300px;
			font-size: 13px;
			}
			FIELDSET.selectstyle A.display SPAN {
				display: block;
				padding-right: 14px;
				background: url('/assets/img/dropdown_arrow.png') no-repeat right 5px;			
				}
			FIELDSET._selectstyle A.display:hover {
				background-color: #dedede;
				}

			FIELDSET.selectstyle.open A.display {
				-webkit-border-radius:  3px 3px 0 0;
				border-radius:  3px 3px 0 0;
				border-bottom: 0;
				}
		
		/* Dropdpwn */

		FIELDSET.selectstyle UL {
			display: none;
			right: 0;
			left: 0;
			top: 29px;
			position: absolute;
			z-index: 20;
			-webkit-border-radius: 0 0 3px 3px;
			border-radius: 0 0 3px 3px; 
			background-color: #f7f7f7;
			border: 1px solid #dedede;
			border-top: 0;
			}

			FIELDSET.selectstyle UL LI {
				background-color: #f7f7f7;
				border-top: 1px solid #dedede;
				}
			FIELDSET.selectstyle UL LI A {
				text-decoration: none;
				display: block;
				padding: 8px 10px 4px 10px;
				}
				FIELDSET.selectstyle UL LI A:hover {
					color: #000;
					}





	
		/* Slideshow */
		
		#home_top #home_slideshow_prev,
		#home_top #home_slideshow_next {
			height: 680px;
			width: 250px;
			position: absolute;
			top: 0;
			z-index: 998;
			padding: 0 30px;
			}
			#home_top #home_slideshow_prev {left: 0;}
			#home_top #home_slideshow_next {right: 0;}

			#home_top #home_slideshow_prev SPAN,
			#home_top #home_slideshow_next SPAN {
				background: url('../img/gallery_button_arrows.png') no-repeat 0 0;
				width: 44px;
				height: 63px;
				margin-top: 300px;
				opacity:0;
				filter:alpha(opacity=0);
				-moz-transition: opacity 0.3s ease;
				-webkit-transition: opacity 0.3s ease;
				-o-transition: opacity 0.3s ease;
				transition: opacity 0.3s ease;
				}

			#home_top #home_slideshow_prev SPAN {background-position: 0 0; float: left;}
			#home_top #home_slideshow_next SPAN {background-position: -58px 0; float: right;}

			#home_top #home_slideshow_prev:hover SPAN,
			#home_top #home_slideshow_next:hover SPAN {
				opacity:100;
				filter:alpha(opacity=1);
				}
					
		#home_top #home_slideshow {
			height: 100%;
			width: 100%;
			position: relative;
			text-align: center;
			overflow: hidden;		
			}
	
			#home_slideshow .slide {
				overflow: hidden;
				position: absolute;
				height: 100%;
				width: 100%;
				}
				#home_slideshow .slide IMG {
					opacity:0.9;
					filter:alpha(opacity=90);
					zoom: 1;
					position: absolute;
					top: 0;
					left: 0;
					z-index: -1;
					}
				#home_slideshow .slide .content {
					position: relative;
					margin: 0 auto;
					opacity:0;
					filter:alpha(opacity=0);
					top: 210px;				
					width: 630px;
					}
				#home_slideshow .slide .content A,
				#home_slideshow .slide .content A SPAN {
					display: block;
					}
				#home_slideshow .slide .content A .title_small {
					font-size: 49px;
					margin-bottom: 17px;
					font-family: Geogrotesque-Bold, Arial, sans-serif;
					letter-spacing: 0.4px;
					color: #fff;
					margin-bottom: 5px;
					}
				#home_slideshow .slide .content A .title_large {
					line-height: 72px;
					color: #fff;
					font-size: 72px;
					text-transform: uppercase;
					font-family: Geogrotesque-Bold, Arial, sans-serif;
					letter-spacing: 0.4px;
					margin-bottom: 15px;
					}
				#home_slideshow .slide .content A .button {
					opacity:0;
					filter:alpha(opacity=0);
					height: 39px;
					background: url('/assets/img/home_slideshow_button.png') no-repeat 50% 0;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-o-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;
					}
					#home_slideshow .slide .content A:hover .button {
						opacity:100;
						filter:alpha(opacity=1);
						}

				#home_slideshow .slide .content A .talk {background-position: 50%  0;}
				#home_slideshow .slide .content A .program {background-position: 50%  -41px;}
				#home_slideshow .slide .content A .event {background-position: 50%  -82px;}
				#home_slideshow .slide .content A .exhibition {background-position: 50% -123px;}

				
				/* Large Text */
				
				@media only screen and (min-width : 1200px) and (max-width : 1400px){
					#home_slideshow .slide .content { width: 850px !important; }
					#home_slideshow .slide .content .title_large { font-size: 98px !important; line-height: 98px !important; }
					#home_slideshow .slide .content .title_small { font-size: 60px !important; }
					}

				@media only screen and (min-width : 1401px){
					#home_slideshow .slide .content { width: 950px !important; }
					#home_slideshow .slide .content .title_large { font-size: 112px !important; line-height: 113px !important; }
					#home_slideshow .slide .content .title_small { font-size: 69px !important; }
					}
	
/* HOME HAPPENING
----------------------------------------------------*/

	#home_happening {
		padding-top: 40px;
		margin-bottom: 10px;
		}

		/* Title & Navigation */
		
		#home_happening .content {
			position: relative;
			}

		#home_happening #projects_display {
			margin-top: 0;
			}

		#home_happening H1 {
			line-height: 80px;
			color: #ff005a;
			text-align: center;
			}
			
		#home_happening .tab_nav {
			position: absolute;
			top: 32px;
			right: 0;
			}
			#home_happening .tab_nav A {
				display: block;
				height: 27px;
				width: 72px;
				float: left;
				background: url('/assets/img/home_happening_nav.png') no-repeat 0 0;
				opacity:0.4;
				filter:alpha(opacity=40);
				}

			#home_happening .tab_nav A.current_tab,
			#home_happening .tab_nav A:hover {
				opacity:1;
				filter:alpha(opacity=100);
				}

			#home_happening .tab_nav A.grid {background-position: 0 0;}
			#home_happening .tab_nav A.grid.current_tab {background-position: 0 -32px;}

			#home_happening .tab_nav A.map {background-position: -73px 0;}
			#home_happening .tab_nav A.map.current_tab {background-position: -73px -32px;}

		#home_happening .tab_panels {	
			padding-top: 26px;
			position: relative;
			overflow: hidden;
			width: 100% !important;
			}
			
			#home_happening .tab_panels .tab_curtain {	
				position: absolute;
				background-color: #fff;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				z-index: 1000;
				display: none;				
				}

			#home_happening .tab_panels .tab_panel {	
				display: none;
				}
			#home_happening .tab_panels .current_tab {	
				display: block;
				}


		/* Grid */
		
		#home_happening #home_happening_grid {
			}


		/* Map */
		
		#home_happening #home_happening_map {
			height: 610px;
			position: relative;
			}

			#home_happening #home_happening_map #map_canvas {
				background: #e5e3df url('/assets/img/loading_ongrey.gif') no-repeat 50% 50%;
				height: 600px;
				width: 100%;
				}
			
			#home_happening #home_happening_map .shade_top,
			#home_happening #home_happening_map .shade_bottom {
				width: 100%;
				height: 10px;
				position: absolute;
				left: 0;
				z-index: 100;
				}
			
			#home_happening #home_happening_map .shade_top {
				top: 0;
				background: -moz-linear-gradient(top,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
				background: -webkit-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
				background: -ms-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
				background: linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); /* W3C */
				}
	
			#home_happening #home_happening_map .shade_bottom {
				bottom: 10px;
				background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); /* FF3.6+ */
				background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); /* Chrome10+,Safari5.1+ */
				background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); /* IE10+ */
				background: linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); /* W3C */
				}		

		#home_happening #home_happening_map .projects_grid {
			z-index: 101;
			position: absolute;
			top: 40px;
			right: 20px;
			}
			#home_happening #home_happening_map .projects_grid .grid {
				display: none;
				margin: 0;
				-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
				box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
				height: 290px;
			    width: 220px;
				}
			#home_happening #home_happening_map .projects_grid .grid .text {
				bottom: 0;
				}