@charset "UTF-8";
/* CSS Document */

body {
	margin-top: 0px;
	background-image: url(../images/mysticbgplain.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #B3D5F1;
	/* background-attachment: fixed; */
}
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #300;
}
a:link {color: #000;text-decoration: none;}
a:visited {text-decoration: none;color: #000;}
a:hover {text-decoration: underline;color: #000;}
a:active {text-decoration: none;color: #000;}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	margin: 0px;
	padding: 0px;
}
h1,h2,h3,h4,h5,h6 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	font-weight: normal;
}
p {
	margin: 0px;
	padding: 0px;
}
#wrapper {
	width: 1004px;
	margin-right: auto;
	margin-left: auto;
}
#title {
	float: left;
	width: 1004px;
	height: 195px;
	background-image: url(../images/line.png);
	background-repeat: repeat-x;
}
.titleR {
	float: right;
	color: #FFF;
	font-size: 14px;
	font-weight:bold;
	margin-top: 80px;
	margin-right:10px;
	text-decoration:none;
}

.titleR a {
	color: #fffed8;
	text-decoration:none;
}

.titleR hover:{
	color: #FFF;
	text-decoration:none;
}
.titleL {
	margin-top:8px; 
	float:left;
	width: 650px;
	height: 200px;
}
.numberText {
	font-size: 18px;
	color: #FFF;
}
.container {
	float: left;
	width: 1004px;
}
#headercont {
	float: left;
	width: 1004px;
}
.navList {
	color: #FFF;
	text-align: center;
	display: inline;
	list-style:none;
	padding-right: 10px;
	padding-left: 10px;
}
.mainContent {
	float: left;
	width: 762px;
	padding:10px;
	margin-top: 15px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #8DAA6F;
	border-left-color: #8DAA6F;
	min-height:450px;
	max-height:450px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8DAA6F;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8DAA6F;
	background-image:url(../images/contbg.png);
	background-repeat:repeat-y;
}
.sideNavLinks {
	clear: right;
	float: left;
	width: 130px;
}
.sideNavLinksHead {
	list-style:none;
	color: #333;
	font-weight: normal;
}
.sideNavLinksTxt {
	list-style:none;
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 10px;
}
.cartWrap {
	float: left;
	width: 828px;
	min-height:380px;
}
.head1 {
	font-size: 24px;
	color: #333;
}
.footer {
	float: left;
	height:26px;
	width: 850px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10px;
	color: #2A3624;
	text-align: center;
	background-image:url(../images/botnavbg.png);
	background-repeat:no-repeat;
}

.thumbnail{
        padding:5px; 
		margin:5px; 
		border-width:1px; 
		vertical-align: top; 
		border-color: #A6A6A6;  
		float: left;
		border-style:solid; 
		font-size:9px; 
		background-color:#fff;  
		text-align:center;
}

.gallery {
	text-align:center; margin:auto;
}
a:link  img.thumbnails {border: none}
a:visited  img.thumbnails {border: none}
a:active   img.thumbnails {border: none}
a:hover    img.thumbnails {border: none}

#navbarcont {
	height: 26px;
	width: 850px;
	background-image:url(../images/navbarbg.png);
	background-repeat:no-repeat;
}
#navbar {
	margin: 0;
	padding: 0;
	height: 1em;
	padding-left:10px;
	padding-right:10px;}
#navbar li {
	list-style: none;
	float: left;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	}
	
#navbar li a {
	display: block;
	padding: 3px 8px;
	color: #fff;
	text-decoration: none; }

#navbar li a:hover {
	background-color: #be9f7f;
	}
	
#navbar li ul {
	display: none; 
	width: 10em; /* Width to help Opera out */
	background-color: #be9f7f;}
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #be9f7f;
	border-bottom: 1px solid #fff;
	color: #000; }
#navbar li li a:hover {
	background-color: #a6825c; }
	
<!-- Test start -->
	
	#btn_contact
{
	display: block;
	width: 134px;
	height: 20px;
	background: url(../images/contactdbl.png) left top no-repeat;
}
#btn_contact:hover
{
	background-position:-134px 0px;
}

#navigation {
	width:200px;
	float:left;
	list-style-type: none;

}
#navMenu {
	float: left;
	width: 180px;
	padding-right:10px;
	padding-left:10px;
	text-align:center;
	min-height:500px;
	list-style-type: none;
	color: #FFF;
}


 ul {
	margin: 0px;
	padding: 0px;
}
li {
	margin: 0px;
	padding: 0px;
}

<!-- #navMenu li a:link, #navMenu li a:visited, #navMenu li a:hover, #navMenu li a:active {color:#FFF; text-decoration:none} -->
#navMenu li {
	border-bottom: 1px solid #3D578D;
	padding-top: 5px;
	padding-bottom: 5px;
}

#navMenu li a:link, #navMenu li a:visited  {
 font-size: 90%;
 display: block;
 padding: 0.4em 0 0.4em 0.5em;
 background-image:url(../images/mysticbutton.png);
 color: #FFFFFF;
 text-decoration: none;
}
#navMenu li a:hover {
	background-image:url(../images/mysticbuttonhov.png);
}
.menuItem {
	
}
.menuItemSep {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
#navigation a.current{
	background-position:-180px 0px;
}
#butn_home
{
	float:left;
	display: block;
	text-align:center;
	text-decoration:none;
	padding-top:4px;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	width: 180px;
	margin-left:10px;
	margin-bottom:10px;
	height: 26px;
	background: url(../images/newhomebut.png) left top no-repeat;
}
#butn_home:hover
{
	background-position:-180px 0px;
}
#butn_classes
{
	float:left;
	display: block;
	text-align:center;
	text-decoration:none;
	padding-top:4px;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	width: 180px;
	margin-left:10px;
	margin-bottom:10px;
	height: 26px;
	
	background: url(../images/classesbut.png) left top no-repeat;
}
#butn_classes:hover
{
	background-position:-180px 0px;
}
#butn_events
{
	float:left;
	display: block;
	text-align:center;
	text-decoration:none;
	padding-top:4px;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	width: 180px;
	margin-left:10px;
	margin-bottom:10px;
	height: 26px;
	
	background: url(../images/eventsbut.png) left top no-repeat;
}
#butn_events:hover
{
	background-position:-180px 0px;
}
#butn_therapies
{
	float:left;
	display: block;
	text-align:center;
	text-decoration:none;
	padding-top:4px;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	width: 180px;
	margin-left:10px;
	margin-bottom:10px;
	height: 26px;
	
	background: url(../images/theripiesbut.png) left top no-repeat;
}
#butn_therapies:hover
{
	background-position:-180px 0px;
}
#butn_accomodation
{
	float:left;
	display: block;
	text-align:center;
	text-decoration:none;
	padding-top:4px;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	width: 180px;
	margin-left:10px;
	margin-bottom:10px;
	height: 26px;
	
	background: url(../images/accomadationbut.png) left top no-repeat;
}
#butn_accomodation:hover
{
	background-position:-180px 0px;
}
#butn_shop
{
	float:left;
	display: block;
	text-align:center;
	text-decoration:none;
	padding-top:4px;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	width: 180px;
	margin-left:10px;
	margin-bottom:10px;
	height: 26px;
	
	background: url(../images/shopbut.png) left top no-repeat;
}
#butn_shop:hover
{
	background-position:-180px 0px;
}
#butn_contact
{
	float:left;
	display: block;
	text-align:center;
	text-decoration:none;
	padding-top:4px;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	width: 180px;
	margin-left:10px;
	margin-bottom:10px;
	height: 26px;
	
	background: url(../images/contactbut.png) left top no-repeat;
}
#butn_contact:hover
{
	background-position:-180px 0px;
}
#cropbut { display: block; width: 152px; height: 152px;	background: url(../images/cropdbl.png) left top no-repeat; float: left;	position: relative;}
#ufobut { display: block; width: 114px; height: 114px;	background: url(../images/ufodbl.png) left top no-repeat; float: left;	position: relative;}
#crystalbut { display: block; width: 82px; height: 82px; background: url(../images/crystaldbl.png) left top no-repeat; float: left;	position: relative;}
#lifebut { display: block; width: 53px; height: 53px; background: url(../images/lifedbl.png) left top no-repeat; float: left;	position: relative;}
#eyebut { display: block; width: 35px; height: 35px; background: url(../images/eyedbl.png) left top no-repeat; float: left;	position: relative;}
#cropbut:hover {background-position:-152px 0px;}
#ufobut:hover {background-position:-114px 0px;}
#crystalbut:hover {background-position:-82px 0px;}
#lifebut:hover {background-position:-53px 0px;}
#eyebut:hover {background-position:-35px 0px;}

#cropbut span, #ufobut span
{
  display: none;
}