@font-face {
    font-family: 'Museo';
    src: url('../fonts/MuseoSans_500-webfont.eot');
    src: url('../fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoSans_500-webfont.woff') format('woff'),
         url('../fonts/MuseoSans_500-webfont.ttf') format('truetype'),
         url('../fonts/MuseoSans_500-webfont.svg#MuseoSans500Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Frutiger';
    src: url('../fonts/frutiger_lt_45_light-webfont.eot');
    src: url('../fonts/frutiger_lt_45_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frutiger_lt_45_light-webfont.woff') format('woff'),
         url('../fonts/frutiger_lt_45_light-webfont.ttf') format('truetype'),
         url('../fonts/frutiger_lt_45_light-webfont.svg#FrutigerLT45LightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FrutigerBold';
    src: url('../fonts/ftb____-webfont.eot');
    src: url('../fonts/ftb____-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ftb____-webfont.woff') format('woff'),
         url('../fonts/ftb____-webfont.ttf') format('truetype'),
         url('../fonts/ftb____-webfont.svg#Frutiger45LightBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


*
{
	margin: 0;
	padding: 0;
	border: 0;
}

html
{
	
}

body
{
	
	font: 14px/18px Calibri, Arial, Frutiger;
	color: #666;
	background: #fff url(../images/footer.jpg) no-repeat bottom center;
}
	
	#wrap
	{
		background: url(../images/bg.jpg) no-repeat top center;	
	}
	
		.maxwidth
		{
			margin: auto;
			width: 1020px;
		}

	
			#header
			{
			}
			
				#logo
				{
					float: left;
				}
				
				#menu
				{
					width: 460px;
					float: right;
					padding: 42px 0px 0px;
				}
				
					#menu > li
					{
						font: 16px/1 Frutiger;
						float: left;
						list-style: none;
						position: relative;
						display: block;
						cursor: pointer;
						margin-left: 5px;
						padding: 0;
						text-indent: 0px;
						
						-moz-transition: all 0.1s ease;
						-webkit-transition: all 0.1s ease;
						-o-transition: all 0.1s ease;
						transition: all 0.1s ease;
						
						-moz-box-shadow: 0px 0px 0px #888;
						-webkit-box-shadow: 0px 0px 0px #888;
						box-shadow: 0px 0px 0px #888;
						
						-moz-border-radius: 0px;
						-webkit-border-radius: 0px;
						border-radius: 0px;
						
					}
					
					#menu > li:hover
					{
						background: #FF9;
						
						-moz-box-shadow: 0px 5px 10px #888;
						-webkit-box-shadow: 0px 5px 10px #888;
						box-shadow: 0px 5px 10px #888;
						
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						border-radius: 3px;
					}
					
						#menu > li > a
						{
							padding: 7px;
							display: block;
							color: #c90;
							
						}
						
						#menu > li:hover > a, #menu > li > a:hover
						{
							color: #000;
							
						}
						
						#menu > li > ul
						{
							list-style: none;
							position: absolute;
							z-index: 3;
							left: -10000px;
							padding: 0;
							margin: -10px 0 0 0;
							background: #FF9;
							text-indent: 0;
							opacity: 0;
							
							-moz-box-shadow: 0px 6px 7px #888;
							-webkit-box-shadow: 0px 6px 7px #888;
							box-shadow: 0px 6px 7px #888;
							
							-moz-transition-duration: 0.2s;
							-moz-transition-timing-function: ease-out;
							-moz-transition-property: opacity,margin;
							
							-webkit-transition-duration: 0.2s;
							-webkit-transition-timing-function: ease-out;
							-webkit-transition-property: opacity,margin;
							
							-o-transition-duration: 0.2s;
							-o-transition-timing-function: ease-out;
							-o-transition-property: opacity,margin;
							
							transition-duration: 0.2s;
							transition-timing-function: ease-out;
							transition-property: opacity,margin;
						}
						
						#menu > li:hover > ul
						{
							display: block;
							left: 0px;
							top: 27px;
							opacity: 1;
							margin-top: 0px;
							
							-moz-border-radius: 0px 0px 3px 3px;
							-webkit-border-radius: 0px 0px 3px 3px;
							border-radius: 0px 0px 3px 3px;
						}
						
							#menu > li > ul > li
							{
								margin: 0;
								padding: 0;
								text-indent: 0;
							}
							
							#menu>li > ul > li > a
							{
								font: normal 13px/1 Frutiger;
								color: #555;
								display: block;
								line-height: 1;
								margin: 0 0 2px;
								border-bottom: 0px solid #aaa;
								padding: 10px;
								min-width: 160px;
								letter-spacing: 0px;
								
								-moz-transition: all 0.1s ease;
								-webkit-transition: all 0.1s ease;
								-o-transition: all 0.1s ease;
								transition: all 0.1s ease;
							}
							
							#menu>li > ul > li > a:hover
							{
								background: #fff;
								color: #09f;
								margin: 0 -5px;
								padding: 10px 15px;
								border-bottom: 2px solid #aaa;
								
								-moz-border-radius: 3px;
								-webkit-border-radius: 3px;
								border-radius: 3px;
								
								-moz-box-shadow: 0px 3px 5px #444;
								-webkit-box-shadow: 0px 3px 5px #444;
								box-shadow: 0px 3px 5px #444;
							}
							
			#footer
			{	
				background: url(../images/footershadow.png) no-repeat top center;
				padding: 10px 0 0;
				color: #888;
				font: 11px/1.3em Frutiger;
				min-height: 200px;
				text-align: justify;
			}
			
				#footer h4
				{
					color: #777;
				}
			
			#content
			{
				border-top: 3px solid #eb0;
				background: #F6F6F6;
				min-height: 500px;
			}
			
				a
				{
					color: #09f;
					text-decoration: none;
				}
				
				a:hover
				{
					color: #c90;
				}
				
				#adminmenu
				{
					font: 22px/1 Frutiger, Helvetica, Arial, sans-serif;
					text-align: center;
					padding: 20px 0;
				}
				
					#adminmenu a
					{
						margin: 0 5px;
						color: #666;
						padding: 10px;
					}
					
					#adminmenu a:hover
					{
						background: #fff;
						color: #09f;
					}
				
				.arrow
				{
					position: absolute;
					border: 1px solid #e0e0e0;
					display : block;
					width : 20px;
					height : 50px;
					z-index : 2;
					
					-moz-box-shadow: 0px 2px 4px #ccc;
					-webkit-box-shadow: 0px 2px 4px #ccc;
					box-shadow: 0px 2px 4px #ccc;
					
					
					-moz-transition: all 0.3s ease;
					-webkit-transition: all 0.3s ease;
					-o-transition: all 0.3s ease;
					transition: all 0.3s ease;
				}
				
				.arrow:hover
				{
					
					-moz-box-shadow: 0px 2px 8px #999;
					-webkit-box-shadow: 0px 2px 8px #999;
					box-shadow: 0px 2px 8px #999;
					
				}
				
				.arrow#nextArrowButton
				{
					background : #fff url(../images/next.gif) no-repeat center center;
					top: 50%;
					right: 0px;
				}
				
				.arrow#prevArrowButton
				{
					background : #fff url(../images/previous.gif) no-repeat center center;
					top: 50%;
					left: 0px;
				}
					
				
				.box
				{
					color: #999;
					background: #fff;
					
					-moz-box-shadow: 0px 2px 7px #eee;
					-webkit-box-shadow: 0px 2px 7px #eee;
					box-shadow: 0px 2px 7px #eee;					
				}
				
				.calendar
				{
					width: 100%;
					background: #fff;
					border-collapse: collapse;
					
					-moz-box-shadow: 0px 2px 7px #eee;
					-webkit-box-shadow: 0px 2px 7px #eee;
					box-shadow: 0px 2px 7px #eee;
				}
				
					.calendar .calendar-month
					{
						font: 17px/1 Frutiger;
						letter-spacing: 0px;
						color: #555;
						text-align: left;
						border-bottom: 2px solid #eee;
						padding: 7px 10px 5px;
							
						
						background: #ffc;
						background: rgba(0,0,0,0) url(../svg/heading-gradient.svg);
						background:
						-webkit-gradient(
							linear,
							left top,
							right top,
							color-stop(0.2, #ffc),
							color-stop(1, rgba(255,255,255,0))
						);
						
						background:
						-moz-linear-gradient(
							left center,
							#ffc 20%,
							rgba(255,255,255,0) 100%
						);
						
						background:
						-o-linear-gradient(
							left,
							#ffc 20%,
							rgba(255,255,255,0) 100%
						);
					}
					
						.calendar .calendar-month img
						{
							vertical-align: top;
						}
					
					.calendar th
					{
						padding: 5px 0;
						width: 14%;
						font-size: 12px;
						color: #000;
						font: 11px/1 Tahoma, Verdana, Geneva, sans-serif;
						background: #ffe;
					}
					
					.calendar td
					{
						font-size: 11px;
						text-align: center;	
						color: #000;
						height: 25px;
						padding: 0;
					}
					
					.calendar td a
					{
						font-size: 16px;
						font-weight: bold;
						display: block;
						background: #09f;
						color: #fff;	
						height: 25px;
						line-height: 25px;
						
						-moz-box-shadow: 0px 2px 4px #ddd;
						-webkit-box-shadow: 0px 2px 4px #ddd;
						box-shadow: 0px 2px 4px #ddd;
						
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						border-radius: 3px;
						
						-moz-transition: all 0.2s ease-out;
						-webkit-transition: all 0.2s ease-out;
						-o-transition: all 0.2s ease-out;
						transition: all 0.2s ease-out;
					}
					
					.calendar td a:hover
					{
						display: block;
						background: #000;
						color: #fc0;
					}
					
				.ceraBox
				{
					position: relative;
					display: inline-block;
				}
				
					.ceraBox .zoomimage
					{
						position: absolute;
						z-index: 2;
						opacity: 0;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0;
						background: url(../images/zoom.png) no-repeat center center;
						
						-moz-transition: all 0.15s ease-out;
						-webkit-transition: all 0.15s ease-out;
						-o-transition: all 0.15s ease-out;
						transition: all 0.15s ease-out;
					}
					
					.ceraBox:hover .zoomimage
					{
						opacity: 1;
					}
					
					#cerabox .cerabox-close{
						background-position: -42px -120px !important;
					}
					#cerabox a.cerabox-left span{
						background-position: -42px -160px !important;
					}
					#cerabox a.cerabox-right span{
						background-position: -42px -200px !important;
					}

					
				.clear
				{
					clear: both;
				}
				
				.date
				{
					background: #f00;	
				}
				
				.dividerfive
				{
					float: left;
					width: 20%;
				}
				
				.dividerfivelong
				{
					float: left;
					width: 80%;
				}


				.dividerfour
				{
					float: left;
					width: 24.9%;
				}
				
				.dividerfourlong
				{
					float: left;
					width: 75%;
				}
				
				
				.dividerthreelong
				{
					float: left;
					width: 66.6%;
				}
				
				
				.dividerthree
				{
					float: left;
					width: 33.3%;
				}
				
				
				.divider
				{
					float: left;
					width: 50%;
				}
				
				.emphasis
				{
					text-align: center;
					font: 13px/1.2 Calibri, Arial;
					color: #444;
					margin-bottom: 10px;
					
				}
				
					.emphasis.homeemphasis
					{
						background: #fe6 url(../images/biglogo.png) no-repeat top center;
						background-size: contain;
						
						padding-top: 260px;
						padding-bottom: 10px;
						margin-left: -30px;
						margin-bottom: 20px;
						position: relative;
						
						border-radius: 0 0 50% 0 / 0 0 10px 0;
						-webkit-border-radius: 0 0 50% 0 / 0 0 10px 0;
						-moz-border-radius: 0 0 50% 0 / 0 0 10px 0;
						-o-border-radius: 0 0 50% 0 / 0 0 10px 0;
						
						box-shadow: 10px 20px 10px -20px rgba(0,0,0,0.4);
						-webkit-box-shadow: 10px 20px 10px -20px rgba(0,0,0,0.4);
						-moz-box-shadow: 10px 20px 10px -20px rgba(0,0,0,0.4);
						-o-box-shadow: 10px 20px 10px -20px rgba(0,0,0,0.4);
						
					}
					
						.emphasis.homeemphasis:before
						{
							content: '';
							position: absolute;
							z-index: -1;
							bottom: -20px;
							left: 0px;
							border-width: 10px;
							border-color: #c90 #c90 transparent transparent;
							border-style: solid;
						}
					
					.emphasis strong
					{
						font: 33px/1 Frutiger;
						color: #000;
						display: block;
						letter-spacing: -2px;
						padding-bottom: 5px;
					}
				
				.floatleft
				{
					float: left;
					margin-right: 5px;
				}
				
				.floatright
				{
					float: right;
					margin-left: 5px;
				}
				
				#galleryimages
				{
					padding: 10px;
					background: #eee;
					min-height: 400px;
					
					-moz-box-shadow: inset 0px 10px 20px -6px #ccc;
					-webkit-box-shadow: inset 0px 10px 20px -6px #ccc;
					box-shadow: inset 0px 10px 20px -6px #ccc;
				}

				h1 
				{
					font: 32px/1 Frutiger, Arial;
					color: #c90;
					letter-spacing: -2px;
				}
					
					h1 a 
					{
						color: #c90;
						display: block;
					}
					
					h1 a:hover 
					{
						color: #0099ff;
					}
				
				h2 
				{
					font: 24px/1 Museo, Arial;
					color: #09f;
					letter-spacing: -1px;
				}
				
					h2 a 
					{
						color: #09f;
						display: block;
					}
					
					h2 a:hover 
					{
						color: #c90;
					}
					
				h2 ~ h1
				{
					margin-top: -5px;
				}
				
				h3
				{
					font: 20px/1 Frutiger;
					letter-spacing: 1px;
					color: #09C;
					
				}
				
					h3 a
					{
						color: #09f;
					}
					
					h3 a:hover
					{
						color: #c90;
					}
					
				h4
				{
					font-weight: normal;
					font-size: 16px;
					line-height: 1;
					color: #333;
				}
					
					h4 a 
					{
						color: #369;
					}
				
					h4 a:hover 
					{
						color: #c90;
					}
				
				h5
				{
					font: 12px/1 Museo;
					color: #333;
				}
					
					h5 a 
					{
						color: #c90;
					}
				
					h5 a:hover 	
					{
						color: #09f;
						text-decoration: underline;
					}
					
			
				.heading
				{
					clear: both;
					margin-top: 0px;
					border-bottom: 2px solid #eee;
					padding: 7px 10px 5px;
						
					
					background: #ffc;
					background: rgba(0,0,0,0) url(../svg/heading-gradient.svg);
					background:
					-webkit-gradient(
						linear,
						left top,
						right top,
						color-stop(0.2, #ffc),
						color-stop(1, rgba(255,255,255,0))
					);
					
					background:
					-moz-linear-gradient(
						left center,
						#ffc 20%,
						rgba(255,255,255,0) 100%
					);
					
					background:
					-o-linear-gradient(
						left,
						#ffc 20%,
						rgba(255,255,255,0) 100%
					);
				}
				
					.heading h1
					{
						font-size: 17px;
						font-family: Frutiger;
						letter-spacing: 0px;
						color: #555;
						margin: 0;
					}
					
					.heading img
					{
						vertical-align: text-top;
						margin-right: 2px;
					}
				
				
				#homecarousel
				{
					margin: 10px 10px 0;
					position: relative;
					z-index: 1;
					height: 400px;
					border-radius: 5px;
					overflow: hidden;
					box-shadow: 0px 10px 15px -5px #aaa;
					
				}
				
						#homecarousel div
						{
							background-size: cover;
							height: 400px;
						}
						
						.carouselcover
						{
							background: url(../images/carouselcover.png) no-repeat top center;
							height: 40px;
							margin-bottom: -20px;
						}
					
				.hr, hr 
				{
					height: 0;
					display: block;
					border-bottom: 1px solid #ddd;
					margin: 4px 0;
				}
				
				input[type=text],input[type=email],input[type=password], input[type^=date], select
				{
					border: 1px solid #ccc;
					font: 11px/20px Tahoma, Verdana, Geneva, sans-serif;
					background: #fff;
					padding: 6px;
					box-sizing:  border-box;
					
					box-shadow: inset 0px 2px 5px #ccc;
					transition: box-shadow 0.1s ease-out;
				}

				input[type=submit]
				{
					font-weight: bold;
					font-size: 14px;
					background-color: #fea;
					color: #333;
					padding: 10px;
					border-bottom: 1px solid #999;
					border-right: 1px solid #ccc;
					cursor: pointer;
					
					transition: all 0.2s ease;
					
					box-shadow: 0px 2px 4px #ccc;
				}
				
				input[type=submit]:hover
				{
					background-color: #ddd;
					color: #000;
					border-bottom: 1px solid #aaa;
					border-right: 1px solid #aaa;
					
					moz-box-shadow: inset 0px 2px 4px #999;
					-webkit-box-shadow: inset 0px 2px 4px #999;
					box-shadow: inset 0px 2px 4px #999;
				}

				.inside
				{
					padding: 20px;
				}
				
				.item
				{
					background: #fefefe;
					margin: 15px;
					border-bottom: 2px solid #ddd;
					
					-moz-box-shadow: 0px 2px 6px #ddd;
					-webkit-box-shadow: 2px 2px 6px #ddd;
					box-shadow: 0px 2px 6px #ddd;
				}
				
				
				.itemthumb
				{
					margin: 15px; 
					background-color: #fafafa;
					color: #fff;
					position: relative;
					
					background-size: cover; 
					
					box-shadow: 0px 10px 12px -10px  rgba(0,0,0,0.7);
					transition: all 0.2s ease-out;
						
					
				}
				
				
				.itemthumb:hover
				{
					box-shadow: 0px 5px 32px -5px  rgba(0,0,0,0.5);
					
				}
				
					.itemthumb .img
					{
						background-size: cover; 
						background-repeat: no-repeat;
						background-position: center center; 
						background-size: cover;
						border-radius: 3px;
						position: relative;
					}
					
					.itemthumb .img:after {
					  content: "";
					  display: block;
					  padding-bottom: 80%;
					}
					
					.itemthumb a
					{
						display: block;
						height: 100%;
						position: absolute;
						width: 100%;
						height: 100%;
					}
					
					.itemthumb .inside
					{
						padding: 7px;
					}
					
					.itemthumb h4
					{
						text-align: center;
						font: 12px/1 Museo;
					}
					
					
					.itemthumb .thumbdetails
					{
						position: absolute;
						bottom: 10px;
						left: -10px;
						right: -10px;
						z-index: 2;
						
						background: #fea;
						
						-moz-transition: all 0.15s ease;
						-webkit-transition: all 0.15s ease;
						-o-transition: all 0.15s ease;
						transition: all 0.15s ease;
						
						border-radius: 30% 30% 0 0 / 3px 3px 0 0;
						-webkit-border-radius: 30% 30% 0 0 / 3px 3px 0 0;
						-moz-border-radius: 30% 30% 0 0 / 3px 3px 0 0;
						-o-border-radius: 30% 30% 0 0 / 3px 3px 0 0;
						
						box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
						-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
						-moz-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
						-o-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
					}
					
					.itemthumb .thumbdetails:before,
					.itemthumb .thumbdetails:after
					{
						content: '';
						position: absolute;
						z-index: 1;
						bottom: -8px;
						border-width: 4px 5px;
						
						border-style: solid;
					}
					
					.itemthumb .thumbdetails:before
					{
						left: 0px;
						border-color: #FC6 #FC6 transparent transparent;
					}
					
					.itemthumb .thumbdetails:after
					{
						right: 0px;
						border-color: #FC6 transparent transparent #FC6;
					}
					
					.itemthumb:hover .thumbdetails,
					.itemthumb:hover .thumbdetails:before,
					.itemthumb:hover .thumbdetails:after
					{
						opacity: 0;
					}
					
				
						
				.leftcolumn
				{
					min-height: 200px;
					background: url(../images/leftcolumn.png) no-repeat top right;
					
					background: url(../images/leftcolumn.png) no-repeat top right, url(../svg/sidecolumn-gradient.svg);
					background: url(../images/leftcolumn.png) no-repeat top right,
					-webkit-gradient(
						linear,
						left top,
						left bottom,
						color-stop(0, #e0e0e0),
						color-stop(1, rgba(200,200,200,0))
					);
					
					background: url(../images/leftcolumn.png) no-repeat top right,
					-moz-linear-gradient(
						center top,
						#e0e0e0 0%,
						rgba(200,200,200,0) 100%
					);
					
					background: url(../images/leftcolumn.png) no-repeat top right,
					-o-linear-gradient(
						top,
						#e0e0e0	 0%,
						rgba(200,200,200,0) 100%
					);
					
				}
				
				#loginscreen
				{
					display: block;
					text-align: center;
					width: 200px;
					margin: 0px auto;
					padding: 40px;
					
					-moz-box-shadow: 0px 2px 22px #ccc;
					-webkit-box-shadow: 0px 2px 22px #ccc;
					box-shadow: 0px 2px 22px #ccc;
				}
				
				
				.long
				{
					width: 99%;
				}



				.newsarticle
				{
					border-top: 2px solid #fff;	
					border-bottom: 1px dotted #eee;	
					
					background: #fafafa;
					
						
					box-shadow: inset 0px 0px 0px #ccc;	
					-moz-box-shadow: inset 0px 0px 0px #ccc;
					-webkit-box-shadow: inset 0px 0px 0px #ccc;
					-o-box-shadow: inset 0px 0px 0px #ccc;
					
					
					-moz-transition: box-shadow 0.1s ease-out;
					-webkit-transition: box-shadow 0.1s ease-out;
					-o-transition: box-shadow 0.1s ease-out;
					transition: box-shadow 0.1s ease-out;
					
				}
				
					.newsarticle:hover
					{
						background: #fefefe;
						border-top: 2px solid #ccc;
						
						-moz-box-shadow: inset 0px 2px 8px #ccc;
						-webkit-box-shadow: inset 0px 2px 8px #ccc;
						box-shadow: inset 0px 2px 8px #ccc;
						
					}
					
					.newsarticle h2 a
					{
						font: 22px/1 Museo;
						letter-spacing: -1px;
					}
					
					.newsarticle:hover h2 a
					{
						color: #369;
					}
					
					
					.newsarticle > .inside
					{
						padding: 15px;
					}
				
				#newsarticlesmain
				{
					position: relative;
					overflow: hidden;
				}
				
					#newsarticlesmain .newsarticle
					{
						
					}
				
				.newstitle
				{
					background: #fe6;
					padding: 20px;
					margin-top: 10px;
					margin-right: -5px;
					margin-left: -20px;
					position: relative;
					
					border-radius: 10px 0 50% 0 / 3px 0 5px 0;
					-webkit-border-radius: 10px 0 50% 0 / 3px 0 5px 0;
					-moz-border-radius: 10px 0 50% 0 / 3px 0 5px 0;
					-o-border-radius: 10px 0 50% 0 / 3px 0 5px 0;
					
					box-shadow: 10px 20px 10px -20px rgba(0,0,0,0.5);
					-webkit-box-shadow: 10px 20px 10px -20px rgba(0,0,0,0.5);
					-moz-box-shadow: 10px 20px 10px -20px rgba(0,0,0,0.5);
					-o-box-shadow: 10px 20px 10px -20px rgba(0,0,0,0.5);
				}
					
					.newstitle h1
					{
						color: #444;
						font-size: 32px;
						letter-spacing: -1px;
					}
					
					
						.newstitle:before
						{
							content: '';
							position: absolute;
							z-index: 1;
							bottom: -20px;
							left: 0px;
							border-width: 10px;
							border-color: #c90 #c90 transparent transparent;
							border-style: solid;
						}
				
				#noimage
				{
					width: 200px; 
					text-align: center;	
					background: #ffe;
					padding: 10px;
				}
				
				p
				{
					padding-bottom: 10px;
				}
				
				.pageimage
				{
					height: 500px;
					background-position: top center;
					background-repeat: no-repeat;
					position: relative;
					
					background-size: cover;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					
					
				}
				
					.pageimage span
					{
						/* IE9 SVG, needs conditional override of 'filter' to 'none' */
						background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
						background: -moz-linear-gradient(top,  rgba(246,246,246,0) 0%, rgba(246,246,246,0) 60%, rgba(246,246,246,1) 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,0)), color-stop(60%,rgba(246,246,246,0)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top,  rgba(246,246,246,0) 0%,rgba(246,246,246,0) 60%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top,  rgba(246,246,246,0) 0%,rgba(246,246,246,0) 60%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top,  rgba(246,246,246,0) 0%,rgba(246,246,246,0) 60%,rgba(246,246,246,1) 100%); /* IE10+ */
						background: linear-gradient(to bottom,  rgba(246,246,246,0) 0%,rgba(246,246,246,0) 60%,rgba(246,246,246,1) 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
						

						display: block;
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0;
					}

				.pagetitle
				{
					background: #fe6;
					padding: 20px;
					margin: 10px -20px 15px -10px;
					position: relative;
					
					border-radius: 0 5px 0 0;
					
					box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
					-webkit-box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
					-moz-box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
					-o-box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
				}
					
					.pagetitle h1
					{
						color: #444;
						font-size: 32px;
						letter-spacing: -1px;
					}
					
					
						.pagetitle:before
						{
							content: '';
							position: absolute;
							z-index: 1;
							bottom: -20px;
							right: 0px;
							border-width: 10px;
							border-color: #c90 transparent transparent #c90 ;
							border-style: solid;
						}
						
				.pagemenu	
				{
					
				}
				
					.pagemenu a
					{
						display: block;
						position: relative;
						z-index: 1;
						
						font: 15px/1 Museo;
						background: #eee;
						color: #aaa;
						padding: 10px;
						margin-bottom: 3px;
						
						box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
						-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
						-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
						-o-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
						
						-moz-transition: 0.2s all ease-out;
						-webkit-transition: 0.2s all ease-out;
						-o-transition: 0.2s all ease-out;
						transition: 0.2s all ease-out;
						
						border-radius: 0;
						-webkit-border-radius: 0;
						-moz-border-radius: 0;
						-o-border-radius: 0;
					}
					
					.pagemenu a:hover
					{
						margin-right: 3px;
						background: #fafafa;
						color: #666;
						padding: 10px 12px 10px 8px;
						
						box-shadow: -3px 5px 5px -5px rgba(0,0,0,0.4);
						-webkit-box-shadow: -3px 5px 5px -5px rgba(0,0,0,0.4);
						-moz-box-shadow: -3px 5px 5px -5px rgba(0,0,0,0.4);
						-o-box-shadow: -3px 5px 5px -5px rgba(0,0,0,0.4);
						
						border-radius: 0 0 50% 0 / 0 0 5px 0;
						-webkit-border-radius: 0 0 50% 0 / 0 0 5px 0;
						-moz-border-radius: 0 0 50% 0 / 0 0 5px 0;
						-o-border-radius: 0 0 50% 0 / 0  0 5px 0;
					}					
					
					
					.pagemenu a.current
					{
						margin-right: -10px;
						background: #fff;
						color: #333;
						padding: 15px 10px;
						
						border-radius: 0 0 50% 0 / 0 0 5px 0;
						-webkit-border-radius: 0 0 50% 0 / 0 0 5px 0;
						-moz-border-radius: 0 0 50% 0 / 0 0 5px 0;
						-o-border-radius: 0 0 50% 0 / 0  0 5px 0;
						
						
						box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.4);
						-webkit-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.4);
						-moz-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.4);
						-o-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.4);
					}
					
					
					.pagemenu a.current:hover
					{
						
					}
					
					
				.panel
				{	
					background: #f8f8f8;
					color: #000;
				}
				
				.required
				{
					font: normal normal 10px/1em Tahoma, Verdana, Geneva, sans-serif;
					text-transform: uppercase;
					color: #f00;
				}

				
				.rightcolumn
				{
					min-height: 200px;
					background: url(../images/rightcolumn.png) no-repeat top left;
					
					background: url(../images/rightcolumn.png) no-repeat top left, url(../svg/sidecolumn-gradient.svg);
					background: url(../images/rightcolumn.png) no-repeat top left,
					-webkit-gradient(
						linear,
						right top,
						right bottom,
						color-stop(0, #e0e0e0),
						color-stop(1, rgba(200,200,200,0))
					);
					
					background: url(../images/rightcolumn.png) no-repeat top left,
					-moz-linear-gradient(
						center top,
						#e0e0e0 0%,
						rgba(200,200,200,0) 100%
					);
					
					background: url(../images/rightcolumn.png) no-repeat top left,
					-o-linear-gradient(
						top,
						#e0e0e0	 0%,
						rgba(200,200,200,0) 100%
					);
					
				}
				
				small
				{
					font: 10px/1 Museo;
				}
				
				.tab
				{
					position: relative;
				}
				
				.tabButton
				{
					padding: 5px 20px;
					line-height: 6px;
					cursor: pointer;
					margin-left: 2px;
					display: block;
					float: left;
					font: 11px/1 Tahoma, Geneva, sans-serif;
					color: #ccc;
					
					-moz-border-radius: 0px 0px 3px 3px;
					-webkit-border-radius: 0px 0px 3px 3px;
					border-radius: 0px 0px 3px 3px;
					
					-moz-box-shadow: inset 0px -1px 4px #ddd;
					-webkit-box-shadow: inset 0px -1px 4px #ddd;
					box-shadow: inset 0px -1px 4px #ddd;
				}
				
				.tabButtonArea
				{
					text-align: right;
					float: right;
					margin-top: -10px;
					margin-bottom: 5px;
				}

					
				textarea
				{
					font: 11px/1.5em Tahoma, Verdana, Geneva, sans-serif;
					border: 1px solid #c0c0c0;
					background: #fff;
					height: 400px;
				}
				
					textarea.contact
					{
						height: 150px;
					}
				
				.togglepanel
				{
					font: 18px/1em Museo;
					margin-top: 5px;
					padding: 7px;
					background: #ffd;
					color: #666;
					cursor: pointer;
					border-bottom: 1px solid #ccc;
					
					-moz-transition: all 0.1s ease;
					-webkit-transition: all 0.1s ease;
					-o-transition: all 0.1s ease;
					transition: all 0.1s ease;
				}	
				
				.togglepanel:hover
				{
					background: #c90;
					color: #fff;
				}
				
				.tool
				{
					z-index: 2;
					font-family: Frutiger;
				}
				
				.tool .tip
				{
					text-align: left;
					background-color: #ddd;
					padding: 10px;
					max-width: 400px;
					line-height: 1;
				}
					
					.tool .tip-title
					{
						font-size: 22px;
						color: #09f;
					}
					
					.tool .tip-text
					{
						font-size: 14px;
						color: #333;
					}
				
				.tagcloud
				{
					text-align: center;
				}
				
				ul, ol
				{
					list-style-position: inside;
					text-indent: -12px;
					padding-left: 15px;
					padding-bottom: 10px;
				}
				
					ul li, ol li
					{
						padding: 1px 0;
					}