/* LOAD ADDITIONAL CSS FILES */
@import url('wysiwyg.css');				/* Override global WYSIWYG styles */

/* STANDARD HTML */

body {
	color: #404040;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 60%;
}

h1, h2, h3 {
	color: #b3bea1;
	margin: 0.5em 0;
	text-transform: uppercase;
}

h1, h2 {
	font-family: Avenir, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}

h3 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	letter-spacing: 0;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 120%;
	font-weight: bold;
}

a, a:visited {
	color: #009;
}

a:hover {
	color: #000;
}

*:active, *:focus {
	outline: none !important;
}

p, ul, ol {
	margin: 0.2em 0 1em 0;
}

/* CUSTOM CSS CLASSES */

.columns_4 {
	list-style: none;
	margin: 15px 0;
	padding: 0;
}

	.columns_4 li {
		float: left;
		width: 25%;
	}
	
	li h2, li h3 {
		font-size: 120%;
		margin-top: 0.2em;
	}

.semitransparent {
	filter:alpha(opacity=25);
	opacity: 0.25;
}

.slideshow {
	height: 490px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 800px;
}

	.slideshow li {
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		z-index: 0;
	}
	
	.slideshow li.current {
		display: block;
		z-index: 2;
	}
	
.tab_navigation {
	clear: both;
	list-style: none;
	margin: 1em 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}

	.tab_navigation li {
		display: inline;
		font-family: Avenir, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 120%;
		letter-spacing: 2px;
		margin: 0 12px 0 0;
		padding: 0;
		position: relative;
		text-transform: uppercase;
	}
	
	.tab_navigation li.current {
		color: #404040;
	}
	
	.tab_navigation li a {
		color: #b3bea1;
		text-decoration: none !important;
	}

	.tab_navigation li a:hover {
		color: #404040;
	}

	.tab_navigation li.current a {
		color: #404040 !important;
		font-weight: bold;
	}

.tabs {
	clear: both;
	position: relative;
}

	.tabs .tab {
		display: none;
		height: 420px;
		left: 0;
		overflow: auto;
		padding-right: 10%;
		position: absolute;
		top: 10px;
		width: 90%;
	}
	
	.tabs .tab.current {
		display: block;
	}
	
	.tabs .tab_label {
	}
	
	.tabs .tab_content {
		position: relative;
	}
	
/* DOM ELEMENTS */

#wrapper {
	height: 90%;
	min-height: 600px;
	left: 50%;
	margin-left: -400px;
	position: absolute;
	top: 10%;
	width: 800px;
}

	#header {
		height: 50px;
		left: 0;
		position: absolute;
		top: 0;
		width: 800px;
	}
	
		#logo {
			background: transparent url('../img/bg/logo.png') left top no-repeat;
			height: 25px;
			position: relative;
			width: 275px;
		}
		
			#logo h1 {
				text-indent: -9999px;
			}
			
			#logo a {
				display: block;
				height: 25px;
				position: absolute;
				width: 275px;
			}
		
		#nav {
			list-style: none;
			margin: 0 0 0 60px;
			padding: 0;
			position: relative;	
		}
		
			#nav li {
				display: inline;
				margin: 0 10px 0 0;
			}
	
	#content {
		height: 490px;
		left: 0;
		overflow: visible;
		position: absolute;
		top: 60px;
		width: 800px;
	}

		#page_content {
		}
		

		#slider {
			border: 0;
			bottom: 0;
			height: 420px;
			position: absolute;
			right: 0;
			width: 10px;
			z-index: 99;
		}
	
		#slider .ui-slider-handle {
			background: #404040 url('../img/bg/ui-slider-handle.png') left top no-repeat;
			border: 0;
			height: 20px;
			left: 1px !important;
			position: absolute;
			top: 0;
			width: 10px;
		}
	
	#footer {
		top: 560px;
		clear: both;
		color: #b3bea1;
		font-size: 80%;
		left: 0;
		position: absolute;
	}