/*-----------------------------------------------------------------------------
Main Style Sheet (Kalama Foundation)

version:   2.0
author:    monika wozniczka
email:     wmonika@me.com
website:   http://www.leiahi.com
created:   04/04/09
last updated: 11/13/09
-----------------------------------------------------------------------------*/


/* GENERAL
-----------------------------------------------------------------------------*/
body {
	text-align: center; /* Center the page for IE 5 & 6 */
	min-width: 820px; /* Prevent the wrapper to spill off the side of the page for Netscape 6*/
	font-size: 16px; /* Default Font Size*/
	/*max-width: 100%; Prevent scrollbars in elastic layout; Not supported by IE 6 and below */
	/*background-image: url(../images/bgrd_paper_soft_yellow.jpg); 
	background-repeat: repeat; */
	background-color: #817679;
	}

p {
	font-family: verdana;
	font-size: 12px;
	color: #3F1F0B /*Dark Brown*/
	}

img {
	border: none;
	}

.clear {
	clear: both;
	}

.clearright {
	clear: right;
	}

.clearleft {
	clear: left;
	}
	
.floatleft {
	float: left;
	}
	
.floatright {
	float: right;
	}

.emphasis {
	font-weight: bold;
	}

.emphasis1 {
	font-size: 18px;
	font-family: papyrus, verdana;
	}

.morespace {
	margin-top: 20px;	
	}
	
.morespace1 {
	margin-top: 30px;	
	}

.morespace2 {
	margin-bottom: 20px;
	}
	
.morespace3 {
	margin-top: 80px;
	}
	
.morespace4 {
	margin-top: 10px;
	}
	
.morespace5 {
	margin-top: 25px;
	}
	
.morespace6 {
	margin-top: 35px;
	}
	
.morespace7 {
	margin-top: 40px;
	}
	
.sectiontitle {
	margin-top: 20px;
	}
	
.smallimg {
	margin-left: 35px;
	margin-right: 35px;
	}
	
.slightleft {
	margin-left: 5px;
	}	
	
.slightleft1 {
	margin-left: 10px;
	}

.slightleft2 {
	margin-left: 35px;
	}
	
.slightleft3 {
	margin-left: 100px;
	}
	
.slightleft4 {
	margin-left: 20px;
	}
	
.slightright {
	margin-right: 10px;
	}	
	
.slightright1 {
	margin-right: 180px;
	}
	
.slightright2 {
	margin-right: 15px;
	}
	
#morespace {
	margin-top: 20px;
	}
	
#morespace1 {
	margin-left: 45px;	
	}
	
#morespace2 {
	margin-left: 75px;	
	}
	
#morespace3 {
	margin-left: 175px;	
	}
	
#morespace4 {
	margin-left: 300px;	
	}
	
#morespace5 {
	margin-left: 350px;	
	}
	
	
#islands1 {
	margin-left: 125px;
	}	

#press {
		background: #42210B; /*Dark Brown*/
		}
		
.sum {
	padding: 5px;
	}

.border {
	border: solid 1px #42210B; /*Dark Brown*/
	}
	
.titlefont {
		font-size: 18px;
		font-family: papyrus;
		}

/*Rotating images  (Index page)*/	
#rotator {
  background: url(../images_rotator/rotator.php) no-repeat center top;
  width: 780px;
  height: 250px;
}	

		
/*Beginning of Tab-related CSS  (Botanicals, Halou O Limaloa pages§)*/	
.tab {
	float: left;
	position: relative;
	z-index: 1;
	top: 1px;
	cursor: pointer;
	}

.tab.selected {
	z-index: 100;
	cursor: default;
	}

#content_box {
	position: relative;
	z-index: 2;
	}
	
.content {
	display: none;
	}

.content.selected {
	display: block;
	}
/*End of Tab-related CSS  (Botanicals, Halou O Limaloa)*/	

	
/*Slideshow (to prevent arrows to move - Journey Workshops)*/
.smallbox {
	float: left;
	width: 50px;
	margin-left: 85px;
	}
	
/*CONTAINER
----------------------------------------------------------------------------*/
#container {
	width: 780px;
	margin: 0 auto; /*Center the page*/
	text-align: left;
	/*border: solid 1px #42210B; /*Dark Brown*/
	background-image: url(../images/bgrd_paper_moyellow.jpg); 
	background-repeat: repeat;
	}


/*LOGO
-----------------------------------------------------------------------------*/
#logo {
	width: 280px;
	height: 100px;
	float: left;
	}

/*															 NAVIGATION
-------------------------------------------------------------------------------------------------------------------------------------*/

/*SECONDARY NAVIGATION
-----------------------------------------------------------------------------*/
#secondnav {
	width: 320px;
	height: 30px;
	float: right;
	font-family: verdana;
	font-size: 10px;
	}

	#secondnav ul, #langnav ul {
		margin: 0;
		padding-top: 5px;
		padding-bottom: 0;
		padding-left: 0;
		}
	
	#secondnav li {
		float: left;
		text-align: center;
		}
	
		#secondnav li.wider {
			margin-left: 5px;
			margin-right: 5px;
			}
			
		#secondnav li.wider1 {
			margin-left: 2px;
			margin-right: 2px;
			}
	
	
		ul#secondnav li a:link {
			display: block;
			width: 55px;
			color: #42210B; /*Dark Brown*/
			}
	
	
		ul#secondnav li a:active {
			display: block;
			width: 55px;
			color: #42210B;
			}
	

		ul#secondnav li a:hover {
			display: block;
			width: 55px;
			color: #42210B;
			}
	
	
		ul#secondnav li a:visited {
			display: block;
			width: 55px;
			color: #42210B;
			}

/*LANGUAGE NAVIGATION
-----------------------------------------------------------------------------*/
#langnav {
	width: 320x;
	height: 25px;
	float: right;
	font-family: papyrus, verdana;
	font-size: 12px;
	}
	
		#langnav li {
			text-align: center;
			float: right;
			}
	
		ul#langnav li a:link, a:active, a:hover, a:visited {
			display: block;
			width: 25px;
			color: #42210B; /*Dark Brown*/
			}

	
/*MAIN NAVIGATION
-----------------------------------------------------------------------------*/
#mainnav {
	width: 780px;
	height: 30px;
	float: left;
	font-family: papyrus, verdana;
	background: #592116;
	}

	ul.menu {
		margin: 0;
		padding-top: 5px;
		padding-left: 0;
		}
	
	ul.menu * {
		margin: 0; 
		padding: 0
		}
	
		ul.menu ul {
			position: absolute; 
			top: 25px; 
			left: 0; 
			display: none; 
			}
		
		ul.menu .menulink /* Non Clickable Top-Level Anchor Tags*/
			{
			background: #592116;
			}
		
	
		ul.menu li /* Non Clickable Top-Level list Items*/
			{
			position: relative; 
			float: left; 
			text-align: center;
			}
	
		ul.menu ul li  /* Clickable Second-Level list Items*/
			{
			position: relative; 
			margin: 0;
			}

		ul.menu ul li a  {
			display: block; 
			padding: 3px 0 5px; 
			background-color: #592116;
			}
		
		ul#menu li a:link, a:active, a:hover, a:visited {
			display: block;
			width: 195px;
			color: #DCDCDC; /*Gainsboro*/
			}
	
		ul.menu ul li a:hover {
			background-color: #4C1C13; /**/
			}
	

/*															BOXES
-------------------------------------------------------------------------------------------------------------------------------------*/

/*TITLE1
-----------------------------------------------------------------------------*/
.title1 {
	float: right;
	width: 590px;
	}

/*MAIN IMAGE
-----------------------------------------------------------------------------*/
.mainimage {
	width: 780px;
	height: 250px;
	}
		

/*MAINLINE (TATOO)
-----------------------------------------------------------------------------*/
#mainline {
	width: 780px;
	height: 60px;
	}
	
/*BOX IMAGE 1
-----------------------------------------------------------------------------*/
.boximage1
	{
	float: left;
	width: 160px;
	margin-left: 10px;
	margin-right: 10px;
	}
		.boximage1 img#kahili {
			padding-left: 60px;
			}
			
		.boximage1 img.lamp {
			padding-left: 60px;
			padding-top: 20px;
			padding-bottom: 20px;
			}
		
		.boximage1 img.gord {
			padding-left: 35px;
			margin-top: 20px;
			}
			
		.boximage1 img.up {
			margin-top: -6px;
			}
		
		.boximage1 p#presstitle {
			font-family: papyrus, verdana;
			font-size: 18px;
			color: #DCDCDC; /*Gainsboro*/
			text-align: center;
			text-decoration: underline;
			}	
			
		.boximage1 ul#presslist {
			margin: 0;
			padding-left: 10px;
			padding-bottom: 20px;
			}
		
			.boximage1 ul#presslist li {
				font-size: 14px;
				line-height: 200%;
				}
	
				.boximage1 ul#presslist li a:link, a:active, a:hover, a:visited {
					color: #DCDCDC; /*Gainsboro*/
				}

/*BOX IMAGE 2
-----------------------------------------------------------------------------*/
.boximage2
	{
	float: left;
	width: 155px;
	margin-left: 20px;
	}
	
	.boximage2 p {
		margin-left: 5px;
		}
		
		.boximage2 img#up {
		margin-top: -8px;
		}

/*BOX IMAGE 3
-----------------------------------------------------------------------------*/
.boximage3 {
	float: left;
	width: 180px;
	margin-left: 20px;
	}
	
	.boximage3 p.smalltext {
		font-size: 10px;
		margin: 0 50px;
	}
	

/*BOX IMAGE 4
-----------------------------------------------------------------------------*/
.boximage4 {
	float: left;
	width: 290px;
	margin-left: 5px;
	margin-right: 20px;
	}	

	
/*BOX IMAGE 5	
-----------------------------------------------------------------------------*/
.boximage5 {
	float: left;
	width: 120px;
	margin-left: 10px;
	}	
	
		.boximage5 img.bag
			{
				margin-left: 150px;
			}
			
		.boximage5 img.testimonials
			{
				margin-left: 140px;
				margin-top: 10px;
			}

/*BOX IMAGE 6
-----------------------------------------------------------------------------*/
.boximage6 {
	float: left;
	width: 780px;
	}	
	
	.boximage6 img#center {
	padding-left: 370px;
	}	
	
/*BOX IMAGE 7
-----------------------------------------------------------------------------*/
.boximage7 {
	float: left;
	width: 230px;
	margin-left: 20px;
	}	
	
/*BOX IMAGE 8
-----------------------------------------------------------------------------*/
.boximage8 {
	float: left;
	width: 230px;
	margin-left: 5px;
	}	
	
/*BOX IMAGE 9
-----------------------------------------------------------------------------*/
.boximage9 {
	float: left;
	width: 350px;
	margin-left: 5px;
	}	
	
	.boximage9 img#oils1 {
		margin-top: -6px;
		padding-left: 26px;
		}
		
		
	.boximage9 img#oils2 {
		margin-top: -6px;
		margin-left: 30px;
		}
		
	table.oilprice {
		width: 370px;
		margin-left: 15px;
		color: #3F1F0B;
		font-size: 16px;
		}
	
	table.oilprice tr td, table.oilprice tr th {
		padding-left: 14px;
		padding-top: 10px;
	}
	
/*BOX IMAGE 10
-----------------------------------------------------------------------------*/
.boximage10 {
	float: left;
	width: 200px;
	margin-left: 10px;
	}	
	
/*BOX IMAGE 11
-----------------------------------------------------------------------------*/
.boximage11 {
	float: left;
	width: 95px;
	}	
	
/*BOX IMAGE 12
-----------------------------------------------------------------------------*/
.boximage12 {
	float: left;
	width: 750px;
	margin-left: 10px;
	border-bottom: solid 1px #330000; /*Dark Brown*/
	margin-top: -7px;
	}	

/*BOX IMAGE 13
-----------------------------------------------------------------------------*/
.boximage13
	{
	float: left;
	width: 155px;
	}
	
/*BOX IMAGE 14
-----------------------------------------------------------------------------*/	
.boximage14 {
	float: right;
	width: 750px;
	}

/*FOR EMBEDDED VIDEOS ONLY (Lomi-deeper, Lauhala-workshops)
----------------------------------------------------------------------------*/
.boximage15 {
	width: 320px;, 
	height: 240px;
	margin-left: 230px;
	margin-top: 20px;
	}
	
	.boximage16 {
	float: left;
	width: 780px;
	height: 500px;
	}
	
/*BOX IMAGE 17
-----------------------------------------------------------------------------*/
.boximage17 {
	float: left;
	width: 350px;
	height: 330px;
	margin-left: 5px;
	}
	
/*BOX IMAGE 18
-----------------------------------------------------------------------------*/
.boximage18 {
	float: left;
	width: 250px;
	margin-left: 5px;
	}
	
	
/*COL1
-----------------------------------------------------------------------------*/
.col1 {
	float: left;
	width: 170px;
	}
	
/*TEXT1
-----------------------------------------------------------------------------*/
.text1 {
	float: right;
	width: 570px;
	margin: 0 20px 0 5px;
	}
	
	.author {
		float: right;
		margin-right: 20px;
		font-style: italic;
		}
	
/*TEXT2
-----------------------------------------------------------------------------*/
.text2 {
	float: right;
	width: 530px;
	margin-right: 20px;
	}
	
	.text2 p img#lamp1 {
	margin-left: 220px;
	}
	
	.text2 p {
		margin-top: 0;
		}
		
/*TEXT3
-----------------------------------------------------------------------------*/
.text3 {
	float: left;
	width: 395px;
	margin-left: 10px;
	}
	
	.text3 p {
		margin-top: 0;
		}

/*TEXT4
-----------------------------------------------------------------------------*/
.text4 {
	float: left;
	width: 500px;
	margin-left: 20px;
	}

/*TEXT5
-----------------------------------------------------------------------------*/	
.text5 {
	float: left;
	width: 430px;
	margin-left: 5px;
	}
	
/*TEXT6
-----------------------------------------------------------------------------*/	
.text6 {
	float: right;
	width: 630px;
	margin-right: 20px;
	}
	
/*TEXT7
-----------------------------------------------------------------------------*/
.text7 {
	float: right;
	width: 590px;
	margin: 5px;
	}	

/*TEXT8
-----------------------------------------------------------------------------*/

.text8 {
	float: right;
	width: 520px;
	margin-right: 20px;
	}	

/*FOOTER
-----------------------------------------------------------------------------*/
#footer {
	width: 780px;
	height: 60px;
	border: none;
	}
	
	#footer h5 {
		margin-left: 580px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
/* LINKS
-----------------------------------------------------------------------------*/
a:link {
	text-decoration: none;
	}
a:active {
	text-decoration: none;
	}
a:hover {
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	}

a.innerlink:link, a.innerlink:active, a.innerlink:visited {
	display: inline;
	color: #592116; /**/
	}
	
a.innerlink:hover {
	display: inline;
	color: #4C1C13; /**/
	}

/* LISTS
-----------------------------------------------------------------------------*/
ul {
	list-style-type: none;
	}