@charset "utf-8";
/* main.css -- marionlight.com */

html {
	background: #a84 url('images/bg.jpg') top left repeat;
	padding: 0;	margin: 0;
	color: #000;
}

body {
	width: 900px;
	background: transparent;
	z-index: 1; /* VERY IMPORTANT!!! */
	color: #865;
	font-size: 85%;
	border: 3px solid #056;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	padding: 0; margin: 20px auto;
	position: relative;
}

a, a:link, a:visited {color: black;}
a:hover {text-decoration: none;}

.hidden {display: none;	visibility: hidden;}

.textr {text-align: right;}
.center {text-align: center;}
.quote {font-style: italic;}
.vspace {line-height: 1.9em;}
.nomarg {margin: 0 !important;}

.floatl {float: left;}
.floatr {float: right;}

div.floatjumper {clear: both;}
div.filler {display: block; height: 50px;}

img {border: none; margin: 0 10px;}

.wave {
	background: transparent url('images/quotewave.png') top left no-repeat;
	color: white;
	height: 167px;
	padding-top: 35px;
}
.quoted {margin-left: 200px;}

/***** TITLEBAR *****/
#titlebar {
	background: transparent url('images/titlebar.png') top left no-repeat;
	height: 200px;
	z-index: 999;
}
#titlebar h1 {
	text-indent: -9999px;
	margin: 0; padding: 0;
}
#titlebar h1 a {
	display: block;
	width: 280px;
	height: 140px;
}

#titlebar h2 {
 	position: absolute;
	top: 0; right: 10pt;
	margin: 0; padding: 0;
	font-size: 10pt;
	text-transform: lowercase;
}

#titlebar h3 {
 	position: absolute;
	top: 12px; left: 405px;
	margin: 0; padding: 0;
	font-size: 12px;
}
#titlebar ul {
 	position: absolute;
	top: 50px; left: 385px;
	font-size: 8pt;
	margin: 0;
}
#titlebar li {font-weight: normal;}

/***** MAINMENU *****/
#mainmenu {
	background: transparent;
	height: 30px;
	position: absolute; 
	top: 160px; left: 0px;
	z-index: 9999;
}
#mainmenu a {
	display: block; 
	position: absolute;
	text-indent: -9999px;
}
#mainmenu a.home {width: 80px; top: -5px; left: 10px; height: 25px;}
#mainmenu a.about {width: 80px; top: 5px; left: 120px; height: 25px;}
#mainmenu a.therapies {width: 100px; top: 0px; left: 240px; height: 25px;}
#mainmenu a.events {width: 150px; top: -30px; left: 385px; height: 40px;}
#mainmenu a.blog {width: 150px; top: -40px; left: 585px; height: 20px;}
#mainmenu a.contact {width: 100px; top: -30px; left: 780px; height: 30px;}

/***** ENVELOPE *****/
#envelope {background: #996;}

/***** MAIN *****/
#main {position: relative; top: -60px; z-index: -1; margin-bottom: -60px;}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main p, small {padding: 0 10px;}

#left {
	position: relative; 
	z-index: 2;
	margin: 0; padding: 50px 0 0 0;
	background: #FFC;
	float: left;
	width: 580px;
}

#right {
	position: relative;
	margin: 0; padding: 10px 0 0 0;
	background: #CC9;
	width: 310px;
	float: right;
}

#footer {
	position: relative;
	height: 20px; 
	background: #662;
	color: white;
}
#footer a {color: white;}

/* featured video - homepage */
.featuredvideo {display: block; min-height: 100px;}
.featuredvideo img {float: left;}
.featuredvideo p {font-size: 8pt;}

.flourish {
	display: block;
	width: 217px; height: 115px;
	background: transparent url('images/flourish.png') top left no-repeat;
	float: right; z-index: 999;
	position: relative; 
	top: -70px;
}

.therapy {margin-bottom: 0;}