/* Redefined tags */

body {
	padding: 0;
	margin: 0;
	font: 16px black Verdana, Arial, Helvetica, sans-serif;
	background: url(images/background.jpg) repeat-x #e1c4a3;
	}
	
h4 {
	margin: 0 0 0 20px;
	}
	
/* Ids */

#wrapper {
	width: 100%;
	height: 100%;
	background: url(images/headerbg.jpg) repeat-x;
	}

#container {
	margin: 0 auto;
	width: 1024px;
	height: 100%;
	}
	
#header {
	width: 1024px;
	height: 153px;
	margin: 0 auto 30px auto;
	background-image: url(images/header.jpg);
	text-align: center;
	}

#headertop {
	width: 1024px;
	height: 63px;
	}
	
#headerbottom {
	width: 1024px;
	height: 90px;
	}

#content {
	width: 883px;
	height: 100%;
	margin: 0 auto;
	background: url(images/contentbg.jpg) repeat-y;
	}
	
#leftcontent {
	width: 200px;
	height: 100%;
	float: left;
	}
	
#rightcontent {
	width: 683px;
	height: 100%;
	float: right;
	background-color: #FFF
	}
	
#flash {
	z-index: 1;
	width: 683px;
	height: 215px;
	}
	
#infobox {
	padding: 16px;
	}
	
#footer {
	width: 883px;
	height: 100%;
	clear: both;
	}
	
#logos {
	width: 800px;
	height: 100px;
	margin: 10px auto;
	text-align: center;
	}	
	
#copyright {
	width: 883px;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	}

#sauna {
	width: 643px;
	margin: 0 20px;
	}
	
/* Menu specific styling */

#menu {
	padding: 0 0 10px 0;
	}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
z-index: 1000;
font: #fff 14px;
height: 245px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding: 0;
margin: 0;
list-style-type: none;
width: 198px;
height: 182px;
position: relative;
}

.menu li {
background: url(images/menu-orange.gif);
height: 31px;
z-index: 2;
}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table { position: absolute; border-collapse: collapse; top: 0; left: 0; z-index: 100; font-size: 1em; width: 0; height: 0; }

/* style the links */
.menu a, .menu a:visited {
display: block; 
text-decoration: none;
height: 31px;
line-height: 30px;
width: 198px;
color: #fff;
text-indent: 5px;
background: url(images/menu-orange.gif);
}
/* style the link hover */
* html .menu a:hover {color:#fff; background: url(images/menu-blue.gif);}

.menu :hover > a {
color: #fff; 
background: url(images/menu-blue.gif);
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility: hidden;
position: relative;
top: -31px;
left: 150px;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility: visible;
height: 235px;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility: hidden;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility: hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility: visible;
height: 235px;
}

/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility: visible;
height: 235px;
}
	
/* Classes */
	
.lspace {
	margin-right: 10px;
	}
		
.text {
	padding: 5px 20px;
	}
	
.saunatext {
	margin-top: 20px;
	font-size: 14px;
	}
	
.icon {
	vertical-align: text-top;
	}

.saunadetail {
	width: 643px;
	height: 570px;
	margin: 20px;
	background: #ffe499;
	}
	
.saunadetail2 {
	width: 643px;
	height: 660px;
	margin: 20px;
	background: #ffe499;
	}

.saunasmalllefttop {
	width: 200px;
	height: 250px;
	float: left;
	margin: 40px 40px 40px 81px;
	}

.saunasmallrighttop {
	width: 200px;
	height: 250px;
	float: right;
	margin: 40px 81px 40px 40px;
	}

.saunasmallleftbottom {
	width: 200px;
	height: 200px;
	float: left;
	margin: 0 40px 40px 81px;
	}

.saunasmallrightbottom {
	width: 200px;
	height: 200px;
	float: right;
	margin: 0 81px 40px 40px ;
	}

.clearsauna {
	width: 643px;
	clear: both;
	}
	
.heater {
	float: left;
	margin: 20px;
	}
	
.toxins {
	float: right;
	margin: 20px 10px 20px 20px;
	}
	
.breathe {
	float: right;
	margin: 20px 20px 20px 20px;
	}	

.center {
	margin: 0 auto;
	display: block;
	}
	
.infoboxr {
	margin-right: 16px;
	}
	
.infoboxb {
	margin-bottom: 16px;
	}

.floatleft {
	float: left;
	}
	
.floatright {
	float: right;
	}
	
.noborder {
	border: none;
	}
	
.padding {
	padding-top: 4px;
	}
	
.marginb {
	margin-bottom: 20px;
	}
	
.bold {
	font-weight: bold;
	}

.button {
	display: block;
	margin: 10px 25px 0 0;
	width: 28px;
	float: right;
	}