/* 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,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		line-height: 1;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	:focus {
		outline: 0;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	

/* Accessibility navigation
-----------------------------------------------------------------------------------------------*/	

	#accessibility-nav {
		position: absolute;
		left: -1000em;
		text-align: left;
	}


/* Default styles
-----------------------------------------------------------------------------------------------*/	

	body {
		background: #fff url(../images/bg-body.gif) repeat left top;
		font: 62.5% Arial, Helvetica, sans-serif;
		text-align: center;
		padding: 20px 0 0
		}

	hr { 
		display: none;
	}
			
	strong {
		font-weight: bold;
	}
			
	em {
		font-style: italic;
	}
		
	abbr, acronym {
		border-bottom: 1px dotted #999; 
		cursor: help;
	}
	
	input, textarea, select {
		font: 1.2em Arial, Helvetica, sans-serif;
	}

	a {
		color: #0000ff;
		text-decoration: underline;
	}
	
	a:hover, 
	a:active {
		color: #ff0000;
		text-decoration: none;
	}

	.hide {
		display: none;
	}
	
	
/* LAYOUT
-----------------------------------------------------------------------------------------------*/	

	.container {
		width: 688px;
		position: relative;
		margin: 0 auto;
		text-align: left;
	}
	
	#header{
		height: 147px;
		position: relative;
		text-align: center;
		margin-bottom: 20px }
		
		#header h1,
		#header .logo{
			width: 157px;
			height: 114px;
			margin: 0 auto;
			text-indent: -9999em;
			background: url(../images/logo.png) no-repeat }	
			
	#navigation{
		height: 10px;
		width: 597px;
		overflow: hidden;
		position: absolute;
		bottom: 0;
		left: 46px }
		
		#navigation li{
			display: inline }
			
			#navigation li a{
				text-indent: -9999px;
				height: 10px;
				display: block;
				float: left;
				margin-right: 36px }
				
			#navigation li.menu1 a{
				width: 118px;
				background: url(../images/bg-nav.png) no-repeat 0 0 }		

				#navigation li.menu1 a:hover,
				#navigation li.menu1 a.active{
					background-position: 0 -10px }		

			#navigation li.menu2 a{
				width: 133px;
				background: url(../images/bg-nav.png) no-repeat -154px 0 }		
			
				#navigation li.menu2 a:hover,
				#navigation li.menu2 a.active{
					background-position: -154px -10px }			
	
			#navigation li.menu3 a{
				width: 68px;
				background: url(../images/bg-nav.png) no-repeat -322px 0 }		

				#navigation li.menu3 a:hover,
				#navigation li.menu3 a.active{
					background-position: -322px -10px }

			#navigation li.menu4 a{
				width: 70px;
				background: url(../images/bg-nav.png) no-repeat -426px 0 }		
	
				#navigation li.menu4 a:hover,
				#navigation li.menu4 a.active{
					background-position: -426px -10px }

			#navigation li.menu5 a{
				width: 64px;
				margin: 0;
				background: url(../images/bg-nav.png) no-repeat -531px 0 }		
			
				#navigation li.menu5 a:hover,
				#navigation li.menu5 a.active{
					background-position: -531px -10px }
	
	.main-wrap{
		width: 684px;
		margin: 0 auto;
		min-height: 397px;
		height: auto !important; 
		height: 397px;
		overflow: hidden;
		background: url(../images/bg-content.png) repeat-y right top }
	
	.floor, .floor .flash-container { height: 400px !Important }	
	
	.main-wrap:after,
	.flash-inside:after{
		content:".";
		visibility: hidden;
		height: 0;
		clear: both;
		display: block }
		
		.flash-container{
			width: 476px;
			height: 397px;
			float: left;
			background: #dfdfdf;
			overflow: hidden }
			
		.floor .flash-container { width: 480px }	

			.flash-container .flash-inside{
				padding: 22px;
				position: relative;
				zoom: 1 }

				.flash-container .flash-inside a.fb{
					background: url(../images/ico-fb.png) no-repeat left center;
					padding: 11px 0px 11px 25px;
					position: absolute;
					top: 348px;
					color: #333;
					text-decoration: none }
				
				.flash-inside form { margin-bottom: 10px}
				.flash-inside form p{ overflow: hidden; zoom: 1; font-size: 11px; margin-bottom: 5px }
				.flash-inside form label { display: block; font-size: 11px; color: #333; padding-bottom: 5px }
				.flash-inside form input.txt,
				.flash-inside form textarea { width: 204px; margin-bottom: 3px; border: 0; font-size: 11px; padding: 2px }
				.flash-inside form textarea { height: 80px }				
				.flash-inside form label.lbl { float: left; margin-left: 5px; padding-top: 3px; font-size: 10px; color: #333 }
				.flash-inside form input.radio { float: left }
				.flash-inside p.disclaimer { padding-left: 26px; margin-bottom: 10px; font-size: 10px; color: #333 }
				.flash-inside a { color: #333; color: #333; text-decoration: none; font-size: 11px }
				.flash-inside a:hover { text-decoration: underline }
				.flash-inside p.log { margin-top: 10px; font-size: 11px; color: #000 }
				
				#content a { color: #fff; text-decoration: none; font-weight: bold }
				#content a:hover { text-decoration: underline }
				
				.flash-inside .col1,
				.flash-inside .col2 { float: left; width: 160px; margin-right: 30px }
				.flash-inside .col1 h2,
				.flash-inside .col2 h2{ font-size: 12px; margin-bottom: 10px }
				.flash-inside ul li { list-style: disc; margin-left: 20px; font-size: 11px; padding-bottom: 5px }
				.flash-inside .paging { clear: both; position: absolute; top: 365px; font-size: 11px; right: 20px }
				
								
			.flash-container embed{
				margin-top: -1px }
				
				.flash-container2{
					width: 684px;
					height: 397px;
					float: left;
					overflow: hidden }

			.flash-container embed{
				margin-top: -1px }		
							
		#content{
			width: 166px;
			float: left;
			color: #fff;
			font-size: 11px;
			line-height: 15px;
			padding: 24px 20px 0 22px;
			position: relative;
			height: 373px }	
		
		.floor #content { width: 146px !important }	
			
		.floor .flash-container img{ display: none }
		.floor .flash-container img.active, .floor #content div.active { display: block !important}
		.floor #content div.floor-content { position: absolute; top: -400px; left: 20px }
		.floor #content div.active { top: 20px !important }
		
			#content h1{
				color: #333;
				font-size: 13px }

			#content h2{
				color: #fff;
				font-size: 12px;
				font-weight: normal;
				margin-bottom: 10px }
				
				#content h3{
				color: #fff;
				font-size: 11px;
				font-weight: normal;
				margin-top: -12px;
				margin-bottom: 10px }
			
				#content .content-inside p{
					margin-bottom: 15px;
					margin-left: 15px;
					margin-right: -3px }	
				
			.contact #content .content-inside  { 
				text-align: right;
				position: absolute;
				bottom: 18px }
				
	.second-nav,
	.footer-nav{
		padding: 22px 0 0;
		text-align: center  }

	.footer-nav{
		padding: 0 0 10px 0}
			
		.second-nav li,
		.footer-nav li{
			display: inline;
			text-align: center }
			
			.second-nav li a,
			.footer-nav li a{
				margin-right: 16px;
				text-transform: uppercase;
				font-size: 11px;
				color: #85878a;
				text-decoration: none }

			.footer-nav li a{
				text-transform: none }
				
			.second-nav li.last a{
				margin: 0}
				
			.second-nav li a:hover,
			.footer-nav li a:hover,
			.second-nav li a.active{
				color: #353637 }	
		
	#footer{
		clear: both;
		text-align: center;
		padding-top: 25px }	
		
		#footer p{
			font-size: 10px;
			color: #919395 ;
			padding-bottom: 10px }
			
		#footer a{
			color: #49494a;
			text-decoration: none }
			
		#footer a:hover{
			text-decoration: underline }				

