/**********************************************************************************************

	Title: CSS
	Author: www.poppworks.ee
	Date: 2009

***********************************************************************************************

	1. Global Reset
	
	2. General Elements
	
	3. Layout
		3.1 Menu area	
		3.2 Content
			3.2.1 Left
		
***********************************************************************************************/

/* 1. 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, images, ins, kbd,q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

/* 2. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/

html, body {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 13px;
	text-align: left;
	color: #6d6d6d;
}
html{
	background: #2c2926 url(img/bg.png) top center no-repeat;
	overflow: auto;
	height: 100%;
	width: 100%;
}
body{
	height: 100%;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

address {
	font-style: normal;
}

input, textarea, select {
	font: 12px "Trebuchet MS", Helvetica, Arial, sans-serif;
}

a {
	text-decoration: none;
	outline: none;
	color: #6d6d6d;
}

a:hover {
	color: #6d6d6d;
	text-decoration: underline;
}

a:visited {
}

a:active {
}

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#logo{
	width: 348px;
	height: 121px;
	margin: 85px auto 0px auto;
}
	#logo img{
		display: block;
	}
#motoIntro{
	width: 756px;
	height: 236px;
	margin: 39px auto 0px auto;
}
	#motoIntro img{
		display: block;
	}
#basseinIntro{
	width: 756px;
	height: 236px;
	margin: 25px auto 0px auto;
}
	#basseinIntro img{
		display: block;
	}
#langArea{
	width: 99px;
	height: 9px;
	padding-top: 0px;
}

/* 3.1 Lang Area
------------------------------------------------------------------------------------------------ */
#langArea{
	margin: 0px auto;
}
	.langButton{
		width: 48px;
		height: 37px;
		padding-top: 12px;
		float: left;
		text-align: center;
	}
		.langButton a{
			color: #FFFFFF;
			text-decoration: none;
		}
			.langButton a:hover{
				text-decoration: none;
			}
		.langButton .auraArea{
			width: 16px;
			height: 11px;
			margin: 0px auto;
			padding: 2px;
		}
		.langButton .act{
			background: url(img/act_lang.png) top left no-repeat;
		}
		.langButton img{
			display: block;
		}
	.langSep{
		width: 1px;
		height: 49px;
		background: url(img/lang_sep.png) top center no-repeat;
		float: left;
		
	}