@charset "utf-8";
/*  ---------------------------------------
	
	main.css
	````````
	main stylesheets document for
	ART on 5th
	
    ---------------------------------------  */


/*  ---------------------------------------
	Global Reset
	- - - - - - - - - - - - - - - - - - - -  */

		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: none;
			text-decoration: none;
		}



/*  ---------------------------------------
	Global rules and typography
	- - - - - - - - - - - - - - - - - - - -  */
	
		body {
			background: url(../images/css-body-bg.gif) repeat-y #d6df23;
			font-family: Arial, Helvetica, sans-serif;
			color: #333;
			text-align: left;
		}
		
		#container {
			width: 800px;
		}
		
		.hidden { display: none; }
		
		#content-body {
			background: #fff;
			padding: 25px;
			overflow: hidden;
		}
		.clear {
			height: 1%;
			clear: both;
		}



/*  ---------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - -  */
	
		#header {
			padding: 8px 25px;
			color: #fff;
			font-size: 12px;
		}
		#header h1 { display: none; }
		#header ul {
			display: block;
			list-style-type: none;
			overflow: hidden;
		}
			#header ul li {
	display: block;
	float: left;
	margin-right: 20px;
	border-right: 1px solid #918f90;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 0;
			}
			#header ul li.hlink {
	border: none;
	padding-right: 0px;
	margin-right: 0px;
	color: #cbc7c8;
			}
				#header ul li.hlink a {
	color: #fff;
	border-bottom-style: none;
				}
#header ul li.hlink a.hover {
	text-decoration: underline;
}



/*  ---------------------------------------
	Sidebar
	- - - - - - - - - - - - - - - - - - - -  */
	
		#sidebar {
			width: 185px;
			float: left;
		}
			#sidebar h2 {
				display: block;
				padding: 10px 0 12px 0;
				font-size: 13px;
				font-weight: bold;
				text-transform: uppercase;
				color: #DA1C5C;
			}
			a#logo {
				display: block;
				height: 50px;
				width: 185px;
				outline: none;
				background: url(../images/logo.gif) no-repeat;
				text-indent: -99999px;
			}
			a#logonew {
				display: block;
				height: 50px;
				width: 185px;
	
			}
			ul#mnav {
	display: block;
	list-style-type: none;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
	height: 1%;
			}
				#mnav li {
					margin-bottom: 2px;
					height: 1%;
				}
				#mnav li a {
	display: block !important;
	height: 1%;
	padding: 5px 8px;
	background: #231f20;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: url(../images/css-mnav-tri-white.gif) 165px no-repeat #231f20;
	text-transform: uppercase;
				}
				
				#mnav li#home.current a,
				#mnav li#home a:hover {
					background-image: url(../images/css-tri-green-black.gif);
					color: #BFD73B;
				}
				#mnav li#artists.current a,
				#mnav li#artists a:hover {
					background-image: url(../images/css-tri-blue-black.gif);
					color: #29AAE2;
				}
				#mnav li#events.current a,
				#mnav li#events a:hover {
					background-image: url(../images/css-tri-green2-black.gif);
					color: #3ab54a;
				}
				#mnav li#services.current a,
				#mnav li#services a:hover {
					background-image: url(../images/css-tri-red-black.gif);
					color: #DA1C5C;
				}
				#mnav li#gallery-tour.current a,
				#mnav li#gallery-tour a:hover {
					background-image: url(../images/css-tri-orange-black.gif);
					color: #E88B1C;
				}
				#mnav li#gallery-info.current a,
				#mnav li#gallery-info a:hover {
					background-image: url(../images/css-tri-orange-black.gif);
					color: #E88B1C;
				}
				#mnav li#contact-us.current a,
				#mnav li#contact-us a:hover {
					background-image: url(../images/css-tri-purple-black.gif);
					color: #8f2e88;
				}
				
			#current-event-box {
	border-bottom: 4px solid #bcbdc1;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
			}
				#current-event-box h3 {
	font-size: 12px;
	font-weight: bold;
	color: #231F20;
	display: block;
	margin-right: 45px !important;
				}
				#current-event-box p strong {
	display: block;
	font-size: 13px;
	font-weight: normal;
				}
				#current-event-box p em {
					display: block;
					padding-top: 4px;
					font-size: 13px;
					color: #333;
					padding-bottom: 10px;

				}
					#current-event-box p.last em {
						border-bottom: none;
						margin-bottom: 0;
					}
				#current-event-box a.see-all {
					font-size: 13px;
					color: #29AAE2;
					background: url(../images/css-tri-blue-white-down.gif) right no-repeat;
					padding-right: 20px;
				}
				
				
				#upcoming-events-box {
				border-bottom: 4px solid #bcbdc1;
				padding: 5px 10px 10px 10px;
				margin-bottom: 5px;
			}
				#upcoming-events-box h3 {
	font-size: 12px;
	font-weight: bold;
	color: #231F20;
	display: block;
	margin-right: 45px !important;
				}
				#upcoming-events-box p strong {
	display: block;
	font-size: 13px;
	font-weight: normal;
				}
				#upcoming-events-box p em {
					display: block;
					padding-top: 4px;
					font-size: 13px;
					color: #333;
					padding-bottom: 10px;
					border-bottom: #919191 dotted 1px;
					margin-bottom: 10px;
				}
					#upcoming-events-box p.last em {
						border-bottom: none;
						margin-bottom: 0;
					}
				#upcoming-events-box a.see-all {
					font-size: 13px;
					color: #29AAE2;
					background: url(../images/css-tri-blue-white-down.gif) right no-repeat;
					padding-right: 20px;
				}
				
				
			
			h2#gallery-hours, p.hours { padding-left: 10px; padding-right: 10px; }
			p.hours {	
				display: block;
				padding-bottom: 5px;
				font-size: 13px;
				color: #231F20;
			}
				p.hours strong {
					display: block;
				}
				p.hours em {
					color: #333;
				}
					
				/* #newsletter-box form { display: block; overflow: hidden; }
					#newsletter-box input#newsletter-email {
						width: 110px;
						background: #fff;
						padding: 0;
						text-indent: 5px;
						color: #333;
						font-size: 11px;
						float: left;
						display: block;
						border: none;
						padding: 5px 0;
					}
					#newsletter-box input#newsletter-submit {
						width: 55px;
						display: block;
						float: left;
						background: #d81a5a;
						border: none;
						font-size: 11px;
						text-transform: uppercase;
						text-align: center;
						color: #fff;
						padding: 5px 0;
					} */
			#tour-box {
				display: block;
				background: url(../images/sidebar-box-tour-photo.jpg) top no-repeat;
				padding-top: 75px;
				margin: 10px 0;
			}
#tour-box  span {
					display: block;
					background: #ea8c1b;
					font-size: 18px;
					font-weight: bold;
					color: #fff;
					line-height: 16px;
					text-transform: uppercase;
					padding: 10px;
				}
#tour-box  span  strong {
						display: block;
						color: #8F2E88;
					} 
#homeshow-box {
				display: block;
				background: url(../images/sidebar-box-homeshow-photo.jpg) top no-repeat;
				padding-top: 75px;
				margin: 10px 0;
			}
#homeshow-box  span {
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	text-transform: uppercase;
	padding: 10px;
	background-color: #62ACC5;
				}
#homeshow-box  span  strong {
	display: block;
	color: #333333;
					} 
			
			.side-box {
				margin: 10px 0;
				padding: 10px;
				height: 1%;
			}
				.side-box h3 {
	font-size: 17px;
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
	padding-right: 1px;
	line-height: 16px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
				}
				.side-box a.more {
					font-size: 13px;
					padding-right: 20px;
				}
				.side-box span.more {
	font-size: 13px;
	padding-right: 20px;
	color: #FFFFFF;
				}
				
					.side-box.red {
						background: #DA1C5C;
					}
						.side-box.red h3 { color: #fff; }
							.side-box.red h3 strong { color: #29AAE2; }
						.side-box.red .more {
							color: #fff;
							background: url(../images/css-tri-white-red.gif) right 5px no-repeat;
							font-size: 12px !important;
						}
						
					.side-box.blue {
						background: #29AAE2;
					}
						.side-box.blue h3 { color: #fff; }
							.side-box.blue h3 strong { color: #231F20; }
						.side-box.blue .more {
							color: #fff;
							background: url(../images/css-tri-white-blue.gif) right 5px no-repeat;
							font-size: 12px !important;
						}
						
					.side-box.green {
						background: #3cb44a;
					}
						.side-box.green h3 { color: #fff; }
							.side-box.green h3 strong { color: #000 !important; }
						.side-box.green .more {
							color: #fff !important;
							background: url(../images/css-tri-white-green.gif) right 5px no-repeat !important;
							font-size: 12px !important;
						}
						
					.side-box.yellow {
						background: #d4e040;
					}
						.side-box.yellow h3 {
							color: #231F20;
						}
							.side-box.yellow h3 strong {
								color: #DA1C5C;
							}
						#content-body #sidebar .side-box.yellow .more {
							color: #DA1C5C !important;
							background: url(../images/css-tri-red-yellow-down.gif) right 5px no-repeat !important;
							font-size: 12px !important;
						}



/*  ---------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - -  */
	
		#content {
			width: 550px;
			float: right;
		}
		#content #quicknav {
	padding: 0px;
	height: 24px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#content #quicknav label {
	display: block;
	float: left;
	background-color: #29AAE2;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 24px;
	height: 24px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
	border: 2px solid #29AAE2;
}
#content #quicknav li {
	margin: 0px;
	list-style-type: none;
	display: inline;
	padding: 0px;
	float: left;
}
#content #quicknav li a {
	line-height: 24px;
	height: 24px;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #29AAE2;
	color: #29AAE2;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #29AAE2;
	border-bottom-color: #29AAE2;
	float: left;
}
#content #quicknav li a:hover {
	background-color: #29AAE2 !important;
	color: #333333 !important;
	text-decoration: none !important;
}

		hr.big-grey {
			background: #CCC;
			height: 5px;
			border: none;
			margin-bottom: 20px;
		}



/*  ---------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - -  */
	
		#footer {
			padding: 25px;
			overflow: hidden;
			font-size: 11px;
			color: #fff;
		}
			#fnav-copy {
				width: 400px;
				float: left;
			}
				#fnav {
					list-style-type: none;
					display: block;
					padding-bottom: 5px;
				}
					#fnav li {
						display: inline;
							padding-right: 15px;
					}
						#fnav li a {
							color: #fff;
							border-bottom: 1px dotted #3d4418;
						}
				
			#footer-info {
				width: 30%;
				float: right;
				text-align: right;
			}
				#footer-info strong {
					font-size: 13px;
					display: block;
					padding-bottom: 5px;
					font-weight: bold;
				}
			#copy-line a.privacy-link {
				color: #858585 !important;
				border-bottom: none;
				display: block;
				padding-bottom: 5px;
			}


/*  ---------------------------------------
	Newsletter
	- - - - - - - - - - - - - - - - - - - -  */
	
		#content-body.newsletter #sidebar {
			float: none;
			width: auto;
		}
			#content-body.newsletter #sidebar h2 {
				height: 50px;
				line-height: 50px;
				display: block;
				margin-bottom: 20px;
				font-size: 18px;
				letter-spacing: -1px;
				font-weight: bold;
				color: #fff;
				text-transform: uppercase;
				padding-top: 0;
				padding-right: 15px;
				padding-bottom: 0;
				padding-left: 15px;
				margin-left: 195px;
			}
				#content-body.newsletter #sidebar h2 span { padding-left: 100px; font-size: 14px; font-weight: normal; font-style: italic; }
				#content-body.newsletter #sidebar a#logo { float: left; }
		#content-body.newsletter #content {
			float: none;
			width: auto;
		}
				#content-body.newsletter #content h3 {
					background-image: none;
					margin-bottom: 15px;
				}
				
				
				
				
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.video-thumbnail {
	padding-right: 20px;
	padding-bottom: 20px;
}
.video-note {
	font-size: 11px !important;
	color: #666666 !important;
	line-height: 14px !important;
}

#right-banner.off,
#left-banner.off { display: none; visibility: hidden; }

#right-banner {
	margin-bottom: 10px;
	background: #3ab54b;
	padding: 10px;
	color: #fff;
}
	#right-banner h3 {
		font-size: 18px;
		text-transform: uppercase;
		font-weight: bold;
	}
	#right-banner h4 {
		display: block;
		padding: 2px 0 4px 0;
		font-size: 17px;
		font-weight: normal;
		 font-weight: bold;
	}
	#right-banner p {
		font-size: 16px;
		color: #fff;
	}
	
#left-banner {
	margin: 10px 0 15px 0;
	background: #3ab54b;
	padding: 10px;
	color: #fff;
}
	#left-banner h3 {
		font-size: 18px;
		text-transform: uppercase;
		font-weight: bold;
	}
	#left-banner h4 {
		display: block;
		padding: 2px 0 4px 0;
		font-size: 17px;
		font-weight: normal;
		 font-weight: bold;
	}
	#left-banner p {
		font-size: 16px;
		color: #fff;
	}
	
	
	/* Centered Layout */
	
	body { background: #000; }
#header { padding-left: 0 !important; padding-right: 0 !important; }
#footer { padding-left: 0 !important; padding-right: 0 !important; }
#container { margin: 0 auto !important; }
.noborder { border: none !important; }
.hlink { float: right !important; }
#topnav { width: 100%; }