/* CSS Document for Earth Remedy */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
p {padding:.4em 0;}
a {color:#fff;}

html {
	height:100%;
	width:100%;
}

body {
	font:.65em/1.6em Arial, Verdana, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	width:100%;
	background:#999;
	padding-bottom:10px;
}


/*text colors*/
.red1 {color: #CE424A;}
.red2 {color: #E62745;}
.red3 {color: #CF4CE0;}
.red4 {color: #EB6B1E;}
.red5 {color: #79249C;}



#fcol {
	width:900px;
	min-width:900px;
	margin:20px auto 0 auto;
	font-size:1.15em;
	text-align:left;
	border:10px solid white;
	background-color:#331b33;
	background-position:top right;
	background-repeat:repeat-y;
}

#footer {
	position: relative;
} 

#footer p {
	position: absolute;
	top: 1.5em;
	right: -.8em;
	text-align: right;
	margin: 0;
	padding: .2em 0 .8em 0 !important;
	color: #2F1C32 !important;
	line-height: 1em;
	font-size: 1em;
}

#home #ccol {
	margin: 0 !important;
	padding-top: 49px;
	background-color: #EAE8D0;
}

#home #ccol, #contact #ccol, #gallery #ccol {width:735px; text-align:center;}
#gallery #ccol {text-align:left;}


/* page backgrounds */

#home #fcol {background-image:url(../image/bg_home.gif);}

#contact #fcol, 
#retreats #fcol {background-image:url(../image/bg_about.gif);}

#shamanic #fcol, 
#courses #fcol, 
#about #fcol, 
#bespoke #fcol, 
#wellbeing #fcol,
#contact_nl #fcol,
#calendar #fcol,
#testimonials #fcol {background-image:url('../image/bg_testimonials.jpg'); color:#553768;}

#thai #fcol {background-image:url(../image/bg_thai.gif);}
#gallery #fcol {background-image:url(../image/bg_gallery.gif);}


/* = layout = */
#lcol, #ccol, #rcol {width:120px; float:left; display:inline; margin-top:49px; }
*html #lcol {margin-top:49px;}
#ccol {width:380px; line-height:1.7em; padding-left: 2em;}
#rcol {width:340px; margin-right:0; line-height:1.7em; padding-left: 2em;}

#fullcol {
	float: left;
	width: 730px;
	margin-left: 20px;
}

#fullcol p {
	margin: 0px 0px 1.5em;
}

#headIntro {
	height: 170px;
}

#headIntro h2 {
	margin-top: 40px;
}

#headIntro p {
	width: 360px;
}


#wrpr {
	background:url(../image/bg_wrpr.gif) no-repeat top left;
	clear:both;
	min-height:400px;
	background-repeat:no-repeat;
	background-position:top right;
	padding-bottom: 3em;
}

* html #wrpr {height:400px;}

#about #wrpr {background-image:url(../image/bg_wrprAbout.gif);}
#retreats #wrpr {background-image:url(../image/bg_wrprRetreats.jpg);}
#treatments #wrpr {background-image:url(../image/bg_wrprTreatments.jpg);}
#thai #wrpr {background-image:url(../image/bg_wrprThai.gif);}
#testimonials #wrpr {background-image:url(../image/bg_wrprTestimonials.jpg);}
#shamanic #wrpr {background-image:url(../image/bg_wrprShamanic.gif);}
#bespoke #wrpr {background-image:url(../image/bg_wrprBespoke.gif);}
#courses #wrpr {background-image:url(../image/bg_wrprCourses.gif);}
#contact #wrpr {background-image:url(../image/bg_wrprContact.gif);}
#contact_nl #wrpr {background-image:url(../image/bg_wrprWellbeing.jpg);}
#calendar #wrpr {background-image:url(../image/bg_wrprCalendar.jpg);}
#wellbeing #wrpr {background-image:url(../image/bg_wrprWellbeing.jpg);}

/* = layout = */


/* = navigation = */
#nav li {float:left; display:inline; position:relative;}
#nav li a {
	float:left;
	display:block;
	padding:3px 5px;
	width:110px;
	border-bottom:2px solid #331b33;
	text-decoration:none;
}

#nav li ul li a {
    padding-left: 15px;
	width:100px;
    text-align: left;
    background-color: rgb(51, 0, 51);
    
}

#nav li ul li a.selected {
    background:#4d344d!important;
}
    

a.home {background:#794f77;}
a.about {background:#b0742c;}
a.calendar {background: #339999;}
a.courses {background:#9A99A4;}
a.retreats {background:#83758c;}
a.gallery {background:#747574;}
a.testimonials {background:#704336;}
a.thai {background:#dd4e09;}
a.shamanic {background:#5c1f44;}
a.contact {background:#ad1f14;}
a.bespoke {background:#f5660f;}
a.news {background: #F63;}

a:hover {text-decoration:underline; background:#4d344d;}

#about a.about,
#calendar a.calendar,
#courses a.courses, 
#contact a.contact, 
#retreats a.retreats, 
#bespoke a.bespoke,
#home a.home {background:#330033;}
#gallery a.gallery {background:#321c28;}
#shamanic a.shamanic {background:#4e0732;}
#thai a.thai {background:#481c28;}
#testimonials a.testimonials {background:#311a22;}
/* = navigation = */

#retreats ul li ul li a:hover {
    background:#4d344d;
}


h1 {display:none;}

h2, h3 {
	display:block;
	text-indent:-200000px;
	width:350px;
	height:48px;
	background-position:top left;
	background-repeat:no-repeat;
}

#contact #ccol {height: 600px;}

#calendar h3,
#courses h3,
#wellbeing h3 {
	text-indent: 0;
	width: auto;
	height: auto;
	color: #339999;
	font-weight: bold;
	font-size: 1.4em;
	margin: 1.3em 0 1em 0;
	padding: 0;
}

#wellbeing h4 {
	margin-bottom: 1em;
}

#calendar p {color: #339999;}
#calendar #ccol a {color: black;}
#calendar #ccol a:hover {color: #fff;}
#calendar h2 {background-image:url(../image/h2_calendar.gif);}
#calendar h4 {margin: 0; padding: 1em 0 0 0;}

#courses .intro {height: 110px;}
#courses h2 {background-image:url(../image/h2_courses.gif);}
#courses h4 {color: #553768 !important; margin: 1em 0; padding: 0;}
#courses #rcol b {font-weight:bold;}
#courses #rcol a {color:#553768;}
#courses #rcol a:hover {text-decoration:underline; background:none;}
#courses #rcol .tout a {color:#FFF;}

#bespoke h2 {height: 65px; background-image:url(../image/h2_bespoke.gif); margin-bottom: 120px;}
#bespoke #rcol {margin-top: 220px;}
#bespoke h4 {color: #553768 !important; margin: 1em 0 !important; padding: 0 !important;}
#bespoke #ccol a, #bespoke #rcol a {color: #553768 !important;}
#bespoke dl dt {font-weight: bold;}

#retreats h2 {background-image:url(../image/h2_retreats.gif);}
#retreats h4.first {margin-top:90px; color:#b38ea3;}
#retreats #rcol h4.first {margin-top:138px; color:#b38ea3;}
#retreats h5 {color:#b38ea3; font-weight:bold; font-size:1.1em; margin-top:1em;}
#retreats #ccol ul, #retreats #rcol b {color:#b38ea3; font-weight:bold;}

#thai h2 {background-image:url(../image/h2_thai.gif);}
#thai h3 {background-image:url(../image/h3_thai.gif); height:58px;}
#thai p {color:#f36003;}
#thai .tout {background-color:#622d3c; margin-top:170px;}
#thai .tout p {color:#fff;}

#home h2 {background-image:url(../image/h2_home.gif); height:88px; width:100%; background-position:top center;}
#home h3 {background-image:url(../image/h3_home.jpg); height:371px; width:100%; background-position:top center;}
#home #ccol p {color:#8b4992; padding:1em 140px 2em 140px; line-height: 2.3em;}

#contact h2 {background-image:url(../image/h2_contact.gif); width:100%; background-position:top center; margin-top:120px;}
#contact p {padding:0.4em 250px; text-align:left;}
#contact b {font-weight:bold; color:#f36003;}

#contact_nl #rcol {margin-top: 250px;}
#contact_nl #ccol {width: 250px;}
#contact_nl #ccol a {color: #933650;}
#contact_nl #ccol h2 {background-image:url(../image/h2_contact_nl.gif); margin-bottom: 150px;}
#contact_nl #ccol h3 {width: auto; height: auto; text-indent: 0;}

#contact_nl #rcol {width: 450px; background: transparent url('../image/newsletter.jpg') no-repeat top right;}
#contact_nl #rcol h2 {background-color: #74cfcc; padding: .5em; color: #fff; font-weight: bold; font-size: 1.3em;}
#contact_nl #rcol h2, #contact_nl #rcol h3 {width: auto; height: auto; text-indent: 0;}

#contact_nl #rcol h3 {font-weight: bold; color: #ce4867; margin-top: 4em; font-size: 1.3em;}
#contact_nl #rcol p#promo {color: #ce4867;}

#contact_nl form#ccsfg {width: 250px;}
#contact_nl form#ccsfg label {width: 100px; color: #5a464b; font-weight: bold;}
#contact_nl form#ccsfg input {float: left; margin-right: .6em; width: 150px;}
#contact_nl form#ccsfg input#signup {margin-top: 1em; width: auto;}

#about h2 {background-image:url(../image/h2_about.gif);}
#about h3 {background-image:url(../image/h3_about.gif); background-position:center left;}
#about h4, #about #rcol h4 {color:#6e3c4a;}
#courses h4, #courses #rcol h4 {color:#6e3c4a;}
#shamanic h4, #shamanic #rcol h4 {color:#6e3c4a;}

#testimonials h2 {background-image:url(../image/h2_testimonials.gif);}
#testimonials h4, #testimonials #rcol h4 {color:#6e3c4a; margin-top:30px;}
#testimonials h4.first {margin-top:135px;}
#testimonials #rcol h4.first {margin-top:185px;}
#testimonials #wrpr span {color:#6e3c4a; font-weight:bold;}
#testimonials #ccol, #testimonials #rcol {width:360px;}

#shamanic h2 {background-image:url(../image/h2_shamanic.gif);}
#shamanic h3 {background-image:url(../image/h3_shamanic.gif); height:30px;}

#gallery h2 {background-image:url(../image/h2_gallery.gif);}
#gallery #ccol ul {float:left; display:inline; clear:left; background:#47333e; border:1px solid #fff; padding:8px 0 8px 8px; margin:0 0 8px 0;}
#gallery #ccol li {float:left; list-style:none; margin-left:0; margin-right:8px;}
#gallery #ccol li a {float:left;}

#wellbeing h2 {background-image:url(../image/h2_wellbeing.jpg); width: 100%;}
#wellbeing #fullcol a {background-color: #4D344D;}

h4 {color:#de9c4d; font-size:1.4em; font-weight:bold; margin-top:1.5em;}
#rcol h4 {color:#f36003; margin-top:170px; width:auto;}
#shamanic #rcol h4 {margin-top:230px;}

.courses h4 {color:#f36003;}
.orange {color:#f36003;}

#ccol ul, #rcol ul {display:block; margin:.5em 0;}
#ccol li, #rcol li {display:list-item; list-style:outside disc; margin-left:16px; padding-left:4px;}

.tout {
	background:#5c1f44 url(../image/bg_tout.gif) no-repeat left bottom;
	width:326px;
	padding-bottom:12px;
}

.tout h4, #rcol .tout h4 {
	background:url(../image/h4_tout.gif) no-repeat top left;
	height:40px;
	text-indent:-200000px;
	margin-top:30px!important;
}

#rcol .tout h4.none {
	background:none;
	height:10px;
	text-indent:-200000px;
	margin-top:30px!important;
}


.tout p {font-weight:bold; font-size:1.2em; padding:.2em 14px;}
#shamanic .tout p {font-weight:bold; font-size:1.2em; padding:.2em 14px; color:#FFF;}

/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}


#lightbox {
	position:absolute;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height:0;
}

#lightbox a img {border:none;}

#outerImageContainer {
	position:relative;
	background-color:#fff;
	width:250px;
	height:250px;
	margin:0 auto;
}

#imageContainer {padding:10px;}

#loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}

#hoverNav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}

#imageContainer>#hoverNav {left:0;}
#hoverNav a {outline:none;}

#prevLink, #nextLink {
	width:49%;
	height:100%;
	background:transparent url(../image/blank.gif) no-repeat; /* Trick IE into showing hover */
	display:block;
}

#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(../image/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(../image/nextlabel.gif) right 15% no-repeat;}


#imageDataContainer {
	font-size:10px;
	background-color:#fff;
	margin:0 auto;
	line-height:1.4em;
	overflow:auto;
	width:100%	
}

#imageData {padding:0 10px; color:#666;}
#imageData #imageDetails {width:70%; float:left; text-align:left;}	
#imageData #caption {font-weight:bold;}
#imageData #numberDisplay {display:block; clear:left; padding-bottom:1.0em;}			
#imageData #bottomNavClose {width:66px; float:right;  padding-bottom:0.7em; color:#000;}	
		
#overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
	background-color:#000;
}

/* NEWSLETTER Banner */

#lcol #promo {clear: both;}

#lcol #promo a {
	margin-top: 80px;
	display: block;
	text-decoration: none;
	background: transparent url('../image/newsletter_banner.gif') no-repeat top left;
	/* LIR */
	padding: 132px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:132px;
	}
}