@charset "utf-8";
/* CSS Document */

	body {
	
		margin: 0; padding: 0;
		text-align: center;
		
		font-size: 62.5%; font-family: Tahoma, Arial, Verdana, sans-serif;
				
	}
	
	#container {
	
		margin: 20px auto 36px auto;
		text-align: left;	
		position: relative; 
	
	}
	
	#header {  margin: 0 0 20px 0; padding: 0; }
		
		#logo { padding: 0; height: 35px; width: 200px; float: left; background: transparent url('../img/logo.jpg') top left no-repeat; }
		#logo a { height: 35px; display: block; text-decoration: none; }
			
		#navigation { float: right; height: 20px; padding-top: 15px; border-bottom: 1px dotted #000; text-align: right; }
		#menu { float: right; text-align: right; padding-bottom: 0px; }
		
		#menu li {
			height: 20px; padding: 10px 4px 0px 4px; margin: 0 0 0 0px; display: inline-block;
			font-size: 1.2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; 
			/* background: transparent url('../img/info_background.png') top center; */
		
		}
		
		#quickInfo { 
			
			height: 56px; margin: 20px 0; padding: 0; 
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
			/*background: transparent url('../img/info_background.png') top center; */ 
			position: relative;
		
		}
		
			#quickInfoBg { 
				
				display: block; position: absolute; top: 0; left: 0; z-index: -1; height: 56px; width: 988px; 
				
			}
			
			#siteSwitcher { display: block; height: 40px; margin-top: 8px; }
			.eventBox { display: block; height: 40px; margin-top: 8px; }
				
				.eventDateBox 	{ display: block; font-weight: bold; text-align: center; }
				.eventDateMonth { display: block; font-size: 1.8em; font-variant: small-caps; text-transform:lowercase; font-weight: normal; }
				.eventDateDay 	{ display: block; font-size: 2.2em; }
				.eventInfoBox 	{ display: block; font-size: 1.2em; }
				.eventInfoTitle { display: block; font-weight: bold; margin-top: 5px; }
				.eventInfoVenue { display: block; margin-top: 8px; }
				
			#eventMore { display: block; height: 40px; margin-top: 8px; }
			#eventMore a, #sofaBox a, #globeBox a { height: 35px; display: block; text-decoration: none; }
				
			#hoursBox { display: block; height: 40px; margin-top: 8px; }
			
				#hoursStatus 	{ display: block; font-size: 1.8em; padding-left: 25px; }
				#hoursText		{ display: block; margin-top: 5px; font-size: 1.2em; padding-left: 5px; }
				.hoursOpen		{ background: transparent url('/assets/icons/fugue/icons/tick-circle.png') 5px 2px no-repeat; }
				.hoursClosed	{ background: transparent url('/assets/icons/fugue/icons/minus-circle.png') 5px 2px no-repeat; }
		
		#splash { height: 140px; padding: 40px; margin: 10px 0; background: transparent url('/assets/img/splash.jpg') top left no-repeat; position: relative; }
		
			#postit { 
				
				position: absolute; width: 230px; height: 220px; 
				background: transparent url('/assets/img/postit.png') top left no-repeat;  
				top: 0px; left: -100px; 
				
			}	
	#footer { margin: 40px 0 0 0; padding: 10px 0 0 0; }
		
	p {  font-size: 1.3em; margin-bottom: 0.7em; line-height: 1.4em; }
	
	h1 { font-size: 3em; font-weight: bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom: 20px;  }
		
	h2 { font-size: 1.4em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom: 8px; font-weight: bold;  }
	
	h3 { margin: 0 0 20px 0; padding-bottom: 8px; position: relative; }
	
	h3 span.title { 
	
		font-size: 1.4em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; 
		padding: 4px 20px 4px 0px; /* background: transparent url('../img/info_background.png') top center; */
		position: relative;
	}
	h3 span.extra { 
	
		font-size: 1.1em; text-align:right; display: inline-block; width: 100%; position: absolute; top: 0; padding-top: 2px;
		
	}
	
	ul.list, ul.plainlist  { font-size: 1.3em; list-style: none; }
	ul.list li { margin-bottom: 0.7em; background: transparent url('/assets/icons/fugue/icons/arrow-000-small.png') 3px 3px no-repeat; padding: 2px 0 2px 20px;}
	
	ul.plainlist li { padding: 2px 0; }
		
	.transparent {
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}
	
	.siteBox { margin-bottom: 20px; }
	
	.multiColumn3 {
		-moz-column-count: 3;
		-moz-column-gap: 20px;
		-webkit-column-count: 3;
		-webkit-column-gap: 20px;
		column-count: 3;
		column-gap: 20px;
		text-align:justify;
	}
	
	.multiColumn6 {
		-moz-column-count: 6;
		-moz-column-gap: 20px;
		-webkit-column-count: 6;
		-webkit-column-gap: 20px;
		column-count: 6;
		column-gap: 20px;
		text-align:justify;
	}

	.pictureGallery li {
		
		background-color: #666; 
		width: 148px; height: 120px; margin: 0 0 20px 20px;
		float: left;
	
	}
	
	.person { font-weight: bold; }
	.intro { height: 40px; }
	
	/*	FORM & INPUT
	--------------------------------------------- */	
	
	.field { clear: both; overflow: hidden; padding: 4px 0; margin: 0 0 8px 0; }
	
	label { float: left; } 
	label.main { display: block; width: 140px;  1.4em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; margin-right: 8px; padding-top: 4px; font-size: 1.4em; font-weight: bold; }
	label.long { display: block; width: 280px; font-weight: bold; text-align: left; margin-right: 8px; padding-top: 4px; font-size: 1.4em; }
	.vertical label.main { float: none; text-align: left; margin-bottom: 8px; width: 100%; }
			
	label span.explain { display: block; color:#999999; font-weight: normal; padding: 2px 0; line-height: 1.4em; }
	label span.hint { display: block; font-size: 12px; font-variant: small-caps; padding: 3px 0;}
	
	input, select, textarea { margin: 0 8px 0 0; padding: 2px 4px; border: 1px solid #CCCCCC } 
	input.small, textarea.small { width: 96px } select.small { width: 104px; }
	input.medium, textarea.medium, input.medium { width: 208px } select.medium { width: 216px; }
	input.full, textarea.full, input.full, select.full  { width: 95%; }
	.input { float: left; } 	
	.input li { padding-bottom: 4px; } .input li label { float: none; }		
	
	#packages {padding-bottom: 20px;}
	.package p { margin-bottom: 0.1em; }
	.package { margin-top: 30px; margin-bottom: 20px; float: left; }
	.package h2 { font-size: 1.5em; } 
	.suggested { padding-top: 30px; padding-bottom: 20px; margin-top: 0px; margin-bottom: 0px; width: 204px; background-color: #111; color: #fff; }
	.package div { border-top: 1px dotted #000;  margin: 0 5px; padding: 5px 0;}
	.package .info { padding: 10px 0; text-align: justify; height: 90px;}
	.package .price span.num { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 3.5em; font-weight: bold;  margin-bottom: 0em;}
	.package .price span.ext { font-size: 1.3em; margin-bottom: 0em; text-align: left; display: inline-block; padding-left: 4px;}
	.package li { font-size: 1.3em; margin-bottom:0.7em;}
	.package ul { height: 100px; }