@media screen, projection {


/* BODY AND FONTS: =body
----------------------------------------------- */
	* 		{ margin: 0; padding: 0; font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif !important; }
	body	{ }

/* LINKS: =links
----------------------------------------------- */
	a 		{ text-decoration: none; }
	a:hover	{ text-decoration: none; }
	a img 	{ border: none; }

	.inverseLink a			{ text-decoration: none; }
	.inverseLink a:hover	{ text-decoration: underline; }
	
	img.imagePadding	{ margin: 5px 0 3px 0 !important; }

/* CONTAINERS: =container
----------------------------------------------- */
	#containerHeader	{ margin: 0 auto; width: 779px; height: 161px; position: relative; }
	#containerNav		{ margin: 10px 0 0 20px; width: 109px; float: left; }
	
	#containerRecent	{ margin: 25px 0 0 20px; width: 210px; float: left; }
	#containerEvents	{ margin: 25px 0 0 20px; width: 210px; float: left; }
	
	#containerFriday		{ margin: 25px 0 0 20px; width: 210px; float: left; }
	#containerParticipating	{ margin: 25px 0 0 20px; width: 210px; float: left; }
	
	#containerSpace	{ margin: 25px 0 0 20px; width: 230px; float: left; }
	#containerLocations	{ margin: 25px 0 0 20px; width: 190px; float: left; }
	
	#containerBricks	{ margin: 20px 0 0 0; width: 460px; float: left; }
	
	#containerArtists	{ margin: 25px 0 0 20px; width: 430px; float: left; }
	#containerContact	{ margin: 25px 0 0 0px; width: 450px; float: left; padding: 0 0 0 10px; }
	#containerAbout	{ margin: 25px 0 0 20px; width: 430px; float: left; }
	#containerSupport	{ margin: 25px 0 0 20px; width: 430px; float: left; }
	
	#containerListing	{ margin: 25px 0 0 20px; width: 430px; float: left; }
	.containerLeft		{ width: 200px; float: left; margin-left: 10px; }
	.containerRight	{ width: 200px; float: left; margin-left: 20px; }
	
	#containerSponsors	{ width: 146px; float: left; margin: 0 0 0 20px; }
	
	#containerFooter	{ margin: 0 auto; width: 779px; height: 20px; }
	
	.container		{ margin: 0 auto; width: 779px; }
	
/* HEADER: =header
----------------------------------------------- */
	#containerHeader h1,
	#containerHeader h1 span	{ background: url(../images/header.gif) no-repeat; width: 751px; height: 161px; }
	
	/* Artwork Images */
	#imageSlideshow		{ z-index: 1000; position: absolute; top: 0; right: 0; }
	img#headerOne		{ z-index: 1000; position: absolute; top: 29px; right: 228px; }
	img#headerTwo		{ z-index: 2000; position: absolute; top: 49px; right: 135px; }
	img#headerThree		{ z-index: 3000; position: absolute; top: 27px; right: 62px; }
	img#headerFour		{ z-index: 4000; position: absolute; top: 33px; right: 1px; }
	
/* NAVIGATION: =navigation
----------------------------------------------- */
	#containerNav ul	{ list-style-type: none; }
	
	#containerNav ul li,
	#containerNav ul li span	{ width: 109px; height: 62px; }
	
	/* News & Calendar */
	li#navNews, li#navNews span
	{ background: url(../images/navigation.gif) no-repeat 0 0; }
	
	li#navNews:hover, li#navNews:hover span
	{ background: url(../images/navigation.gif) no-repeat -109px 0; }
	
	#locationNews li#navNews, #locationNews li#navNews span	{ background: url(../images/navigation.gif) no-repeat -109px 0; }
	
	/* Events & Programs */
	li#navEvents a, li#navEvents a span								{ background: url(../images/navigation.gif) no-repeat 0 -62px; }
	li#navEvents a:hover, li#navEvents a:hover span					{ background: url(../images/navigation.gif) no-repeat -109px -62px; }
	#locationEvents li#navEvents, #locationEvents li#navEvents span	{ background: url(../images/navigation.gif) no-repeat -109px -62px; }
	
	/* Artists & Galleries */
	li#navArtists a, li#navArtists a span								{ background: url(../images/navigation.gif) no-repeat 0 -124px; }
	li#navArtists a:hover, li#navArtists a:hover span					{ background: url(../images/navigation.gif) no-repeat -109px -124px; }
	#locationArtists li#navArtists, #locationArtists li#navArtists span	{ background: url(../images/navigation.gif) no-repeat -109px -124px; }
	
	/* Contact Us */
	li#navContact a, li#navContact a span								{ background: url(../images/navigation.gif) no-repeat 0 -186px; }
	li#navContact a:hover, li#navContact a:hover span					{ background: url(../images/navigation.gif) no-repeat -109px -186px; }
	#locationContact li#navContact, #locationContact li#navContact span	{ background: url(../images/navigation.gif) no-repeat -109px -186px; }
	
	/* Who We Are */
	li#navAbout a, li#navAbout a span							{ background: url(../images/navigation.gif) no-repeat 0 -248px; }
	li#navAbout a:hover, li#navAbout a:hover span				{ background: url(../images/navigation.gif) no-repeat -109px -248px; }
	#locationAbout li#navAbout, #locationAbout li#navAbout span	{ background: url(../images/navigation.gif) no-repeat -109px -248px; }
	
	/* Support the Arts */
	li#navSupport a, li#navSupport a span							{ background: url(../images/navigation.gif) no-repeat 0 -310px; }
	li#navSupport a:hover, li#navSupport a:hover span					{ background: url(../images/navigation.gif) no-repeat -109px -310px; }
	#locationSupport li#navSupport, #locationSupport li#navSupport span	{ background: url(../images/navigation.gif) no-repeat -109px -310px; }
	
/* SUB NAVIGATION: =subNavigation
----------------------------------------------- */
	#subNavigation			{ width: 430px; float: left; margin: 20px 0 0 20px; background: #F26522; }
	#subNavigation ul		{ list-style-type: none; padding: 3px 0 8px 0; text-align: center; }
	#subNavigation ul li	{ display: inline; font-size: 11px; padding: 0 5px 0 5px; }
	
	#subNavigation ul li a		{ color: #FFFFFF; text-decoration: none; }
	#subNavigation ul li a:hover	{ color: #FFFFFF; text-decoration: underline; }
	
	.locationSpace #subNavigation ul li.navSpace a	{ text-decoration: underline; font-weight: bold; }
	.locationBricks #subNavigation ul li.navBricks a	{ text-decoration: underline; font-weight: bold; }
	.locationAtoZ #subNavigation ul li.navAtoZ a	{ text-decoration: underline; font-weight: bold; }
	
/* RECENT NEWS: =containerRecent
----------------------------------------------- */
	h2.titleRecent			{ background: url(../images/title-recent-news.gif) no-repeat; width: 91px; height: 13px; text-indent: -9999px; }
	#containerRecent ul		{ list-style-type: none; }
	#containerRecent ul li	{ margin: 10px 0 0 0; }
	
	#containerRecent p.date		{ font-size: 11px; font-style: italic; padding: 0 !important; }
	#containerRecent h3			{ font-size: 11px; font-style: italic; padding: 0 0 10px 0; }
	#containerRecent p			{ font-size: 11px; padding: 0 0 10px 0; line-height: 16px; }
	
/* CALENDAR OF EVENTS: =containerEvents
----------------------------------------------- */
	h2.titleEvents	{ background: url(../images/title-calendar-of-events.gif) no-repeat; width: 129px; height: 13px; text-indent: -9999px; }
	
	#containerEvents ul		{ list-style-type: none; }
	#containerEvents ul li	{ margin: 10px 0 0 0; }
	
	#containerEvents p.date		{ font-size: 11px; font-style: italic; padding: 0 !important; }
	#containerEvents h3			{ font-size: 15px; font-style: italic; padding: 0 0 10px 0; }
	#containerEvents h3.redTitle	{ color: #ED1C24; }
	#containerEvents p			{ font-size: 11px; padding: 0 0 10px 10px; line-height: 16px; }
	
	#containerEvents p a		{ color: #008FD4; font-style: italic; font-weight: bold; }
	#containerEvents p a:hover	{ text-decoration: underline; }
	
	p.linkEvents a		{ color: #008FD4; font-style: italic; font-weight: bold; font-size: 11px; }
	p.linkEvents a:hover	{ text-decoration: underline; }
	
/* SPONSORS: =containerSponsors
----------------------------------------------- */
	img.sponsorOne	{ margin: 20px 0 0 0; border: none; }
	img.sponsorTwo	{ margin: 20px 0 0 0; border: none; }
	
/* ARTISTS AND GALLERIES: =containerArtists
----------------------------------------------- */
	h2.titleArtists	{ background: url(../images/title-artists-galleries.gif) no-repeat; width: 131px; height: 13px; text-indent: -9999px; margin: 0 0 20px 0; }
	
/* FIRST FRIDAYS: =locationFriday
----------------------------------------------- */
	h2.titleFriday	{ background: url(../images/title-first-friday.gif) no-repeat; width: 130px; height: 15px; text-indent: -9999px; margin: 0 0 20px 0; }
	
	#containerFriday p		{ font-size: 11px; color: #000000; line-height: 16px; padding: 0 0 10px 0; }
	#containerFriday h3		{ font-size: 15px; color: #000000; font-style: italic; padding: 0 0 10px 0; }
	
	#containerFriday p			{ font-size: 11px; color: #000000; line-height: 16px; font-style: italic; }
	#containerFriday p a		{ color: #1D82C5; text-decoration: none; font-style: italic; }
	#containerFriday p a:hover	{ text-decoration: underline; }
	
	#containerFriday dl	{ margin: 10px 0 10px 0; }
	#containerFriday dt	{ font-size: 11px; }
	#containerFriday dd	{ font-size: 11px; font-weight: bold; padding: 0 0 0 10px; line-height: 16px; }
	
	h2.titleParticipating	{ background: url(../images/title-participating-galleries.gif) no-repeat; width: 143px; height: 16px; text-indent: -9999px; margin: 0 0 19px 0; }
	
	#containerParticipating h3		{ font-size: 14px; font-weight: bold; color: #000000; font-style: italic; }
	#containerParticipating ul		{ list-style-type: none; }
	#containerParticipating ul li		{ padding: 0 0 10px 0; }
	
	#containerParticipating p		{ font-size: 11px; color: #000000; line-height: 16px; font-style: italic; }
	#containerParticipating p a		{ color: #1D82C5; text-decoration: none; font-style: italic; }
	#containerParticipating p a:hover	{ text-decoration: underline; }
	
/* FIRST FRIDAYS: =locationFriday
----------------------------------------------- */
	h2.titleWalk		{ background: url(../images/title-brick-street.gif) no-repeat; width: 224px; height: 16px; text-indent: -9999px; margin: 0 0 10px 20px; }
	#brickContent		{ width: 440px; float: left; margin: 20px 0 25px 10px; padding: 0 0 0 10px; }
	#brickContent p	{ font-size: 11px; line-height: 16px; padding: 0 0 10px 0; }
	
	#brickContent p a	{ color: #008FD4 !important; }
	
	.imagePadB	{ padding-bottom: 10px !important; }
	.imagePadTL	{ padding-bottom: 10px !important; }
	.imageCenter	{ padding: 0 0 10px 75px !important;  }
	
/* SPACE: =locationSpace
----------------------------------------------- */
	h2.titleSpace	{ background: url(../images/title-space-program.gif) no-repeat; width: 134px; height: 14px; text-indent: -9999px; margin: 0 0 10px 0; }
	
	#containerSpace p			{ font-size: 11px; line-height: 16px; padding: 0 0 10px 0; }
	#containerSpace p a			{ color: #F26522; font-weight: bold; text-decoration: underline; }
	#containerSpace p a:hover	{ text-decoration: none; }
	
	#containerSpace h3		{ font-size: 11px; font-weight: bold; }
	#containerSpace img		{ padding: 0 0 4px 0; }
	
	h2.titleLocations	{ background: url(../images/title-artists-locations.gif) no-repeat; width: 134px; height: 13px; text-indent: -9999px; margin: 0 0 10px 0; }
	
	#containerLocations ul		{ list-style-type: none; }
	#containerLocations ul li	{ margin: 0 0 20px 0; }
	
	#containerLocations h2		{ font-size: 17px; font-weight: bold; font-style: italic; color: #000000; margin-bottom: 10px; }
	#containerLocations h3		{ font-size: 15px; font-weight: bold; font-style: italic; color: #F26522; padding: 2px 0 2px 0; }
	#containerLocations p		{ font-size: 11px; font-style: italic; font-weight: bold; }
	
	p.download a	{ color: #008FD4 !important; }
	
/* A TO Z: =atoz
----------------------------------------------- */
	h2.titleATOZ	{ background: url(../images/title-atoz.gif) no-repeat; width: 185px; height: 15px; text-indent: -9999px; margin: 0 0 10px 20px; }
	
/* GALLERY LISTING: =containerListing
----------------------------------------------- */
	h2.titleListing	{ background: url(../images/title-gallery-listing.gif) no-repeat; width: 95px; height: 16px; text-indent: -9999px; margin: 0 0 20px 10px; }
	
	#containerListing ul		{ list-style-type: none; }
	#containerListing ul li		{ padding: 0 0 20px 0; }
	
	#containerListing h3		{ font-size: 14px; font-weight: bold; color: #000000; }
	#containerListing p			{ font-size: 11px; color: #000000; line-height: 16px; font-style: italic; }
	#containerListing p a		{ color: #1D82C5; text-decoration: none; font-style: italic; }
	#containerListing p a:hover	{ text-decoration: underline; }
	
/* CONTACT: =containerContact
----------------------------------------------- */
	h2.titleContact		{ background: url(../images/title-contact.gif) no-repeat; width: 309px; height: 15px; text-indent: -9999px; margin: 0 0 20px 10px; }
	
	#containerContact p		{ font-size: 13px; padding: 0 0 10px 10px; line-height: 16px; float: left; }
	
	#containerContact p a		{ color: #F26522; font-weight: bold; }
	#containerContact p a:hover	{ text-decoration: underline; }
	
	#containerContact ul	{ display: block; float: left; color: #F26522; list-style-type: none; padding: 0 0 0 10px; }
	#containerContact ul li	{ font-size: 13px; font-weight: bold; }

/* ABOUT: =containerAbout
----------------------------------------------- */
	h2.titleAbout		{ background: url(../images/title-about.gif) no-repeat; width: 314px; height: 13px; text-indent: -9999px; margin: 0 0 20px 0; }
	
	#containerAbout p				{ font-size: 11px; padding: 0 0 10px 10px; line-height: 16px; }
	#containerAbout blockquote p	{ font-size: 14px; font-weight: bold; font-style: italic; padding: 15px 0 15px 10px; line-height: 16px; }
	
	#containerAbout dl	{ padding: 0 0 0 10px; }
	#containerAbout dt	{ font-size: 14px; font-weight: bold; font-style: italic; padding: 0 0 6px 0; }
	#containerAbout dd	{ font-size: 11px; padding: 0 0 4px 10px; }

/* SUPPORT: =containerSupport
----------------------------------------------- */
	h2.titleSupport		{ background: url(../images/title-support.gif) no-repeat; width: 281px; height: 15px; text-indent: -9999px; margin: 0 0 20px 0; }
	
/* MISC: =misc
----------------------------------------------- */
	hr { display: none; }
	
	small { font-size: 11px; }

	/* 
	* Image replacement using the Gilder/Levin IR technique 
	* http://www.ryznardesign.com/pages/web_page_coding/gilder_levin_ir_mac/gilder_levin_ir_mac_2.html
	*/		
	.replace { 
	position: relative;
	/* hide overflow: hidden from mac ie5 \*/
	overflow: hidden;
	font-size: 1.2em; /* reset to desired font size for good browsers for CSS on/images off situations*/
	/* end hide from mac ie5 */
	}
	.replace span { display: block; position: absolute; top: 0px; left: 0px; z-index:1; /*for Opera 5 and 6*/ }

	.replace a { display:block; cursor: pointer; }
	a.replace { cursor: pointer; }

	/*
	* "How To Clear Floats Without Structural Markup" -
	* http://www.positioniseverything.net/easyclearing.html
	*/
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix 		{ display: inline-block; }  

	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */

	

}