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

body {background: #869bad url(../img/body.jpg) no-repeat fixed top center;}
blockquote {margin: 0 0 0 30px;}
#container {position: relative; margin: 0 auto; width:875px; height:580px; background: url(../img/containerTrack.png) no-repeat 20px 0    ;}
#tagline {color: #fff; font-family: Helvetica, Calibri, Arial, sans-serif;font-size: 25px;padding: 22px 0 0 535px;}
#tagSUBline {color: #fff; font-family: Helvetica, Calibri, Arial, sans-serif;font-size: 11px;padding: 4px 0 0 535px;}

#welcome #topnav {position: relative; z-index: 1; padding: 0;margin: 30px 0 0 220px; color: #3f6c7a; font-size: 12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none;}
#welcome #topnav li {margin: 0; padding: 0; list-style: none; display: inline; font-weight: 700;}
#welcome #topnav li a {float: left; padding: 20px 0 0 10px; overflow: hidden; height: 0px !important;}
#welcome #topnav li a:hover {color: #f60;}
#welcome #topnav #nav-welcome a {width: 37px; background: url(../img/home-nav-welcome.png) top left no-repeat;}
#welcome #topnav #nav-biography a {width: 70px; background: url(../img/home-nav-biography.png) top left no-repeat;}
#welcome #topnav #nav-schedule a {width: 100px; background: url(../img/home-nav-schedule.png) top left no-repeat;}
#welcome #topnav #nav-retreats a {width: 61px; background: url(../img/home-nav-retreats.png) top left no-repeat;}
#welcome #topnav #nav-gallery a {width: 53px; background: url(../img/home-nav-gallery.png) top left no-repeat;}
#welcome #topnav #nav-press a {width: 43px; background: url(../img/home-nav-press.png) top left no-repeat;}
#welcome #topnav #nav-contact a {width: 57px; background: url(../img/home-nav-contact.png) top left no-repeat;}
#welcome #topnav #nav-welcome a:hover, #welcome #topnav #nav-schedule a:hover, #welcome #topnav #nav-retreats a:hover, #welcome #topnav #nav-gallery a:hover, #welcome #topnav #nav-press a:hover, #welcome #topnav #nav-contact a:hover {background-position: 0 -19px;}
#welcome #topnav #nav-biography a:hover {background-position: 0 -20px;}
#welcome #topnav #nav-welcome a {background-position: 0 -19px;}

#topnav {position: relative; z-index: 1; padding: 0;margin: 30px 0 0 41px; color: #3f6c7a; font-size: 16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none;}
#topnav li {margin: 0; padding: 0; list-style: none; display: inline; font-weight: 700;}
#topnav li a {float: left; padding: 16px 0 0 12px; overflow: hidden; height: 0px !important;}
#topnav li a:hover {color: #f60;}
#topnav #nav-welcome a {width: 37px; background: url(../img/nav-welcome.png) top left no-repeat;}
#topnav #nav-biography a {width: 51px; background: url(../img/nav-biography.png) top left no-repeat;}
#topnav #nav-schedule a {width: 111px; background: url(../img/nav-schedule.png) top left no-repeat;}
#topnav #nav-cinch a {width: 104px; background: url(../img/nav-cinch.png) top left no-repeat;}
#topnav #nav-retreats a {width: 68px; background: url(../img/nav-retreats.png) top left no-repeat;}
#topnav #nav-gallery a {width: 59px; background: url(../img/nav-gallery.png) top left no-repeat;}
#topnav #nav-press a {width: 48px; background: url(../img/nav-press.png) top left no-repeat;}
#topnav #nav-contact a {width: 63px; background: url(../img/nav-contact.png) top left no-repeat;}
#topnav #nav-welcome a:hover, #topnav #nav-biography a:hover, #topnav #nav-schedule a:hover, #topnav #nav-cinch a:hover, #topnav #nav-retreats a:hover, #topnav #nav-gallery a:hover, #topnav #nav-press a:hover, #topnav #nav-contact a:hover {background-position: 0 -16px;}

#content {width: 408px; height: 383px; margin: 50px 0 0 305px; position: relative; top: 20px; overflow: hidden;}
#content p, #content li, #content h2 {font-size: 12px; font-family: Helvetica, Calibri, Arial, sans-serif; line-height: 1.7em; font-weight: 400;}
#content p, #content h2, #content li {margin: 0 0 10px 0;}
#contentGallery {width: 600px; height: 402px; margin: 50px 0 0 110px; position: relative; top: 20px; overflow: hidden;}

#welcome #content {width: 510px; height:430px;}
#welcome #content p, #content li, #content h2 {font-family: Helvetica, Calibri, Arial, sans-serif; line-height: 1.5em; font-weight: 400;}
#welcome #content p, #content li {font-size: 12px;}
#welcome #content li .headline {font-size: 13px; font-weight: 700;}

#content h2 {font-size: 16px;}
#content ul {list-style: disc; margin: 0 0 20px 15px;}
#content a {color: #315C7B; text-decoration: none;}
#content a:hover {text-decoration: underline;}
#welcome #content {position: static;}
#welcome #quote {position: absolute; bottom: 17px;}
#arrows {position: absolute; bottom: 60px; right: 110px; cursor: pointer; font-size: 10px; color: #4f2408;font-family: Helvetica, Calibri, Arial, sans-serif; text-align:center; font-style:italic;}
#footer {margin: 0 auto; width: 875px; padding: 0 0 0 110px;}
p#footer {color: #a6bdf7;font-family: Helvetica, Calibri, Arial, sans-serif;font-size: 12px;}
p#footer a {color: #a6bdf7; text-decoration:none;}
p#footer a:hover {text-decoration: underline;}

#zine-photos {margin: 0 0 25px 0;}
#zine-photos a:hover img {opacity: 0.70; filter: alpha(opacity=70); -moz-opacity: 0.70;}


/* page-specific image for the left */
#welcome #leftimage {position: absolute; top: 22px; left: -15px;}
#biography #leftimage {position: absolute; top: 141px; left: 42px;}
#retreats #leftimage {
	position: absolute;
	top: 141px;
	left: 41px;
}
#gallery #leftimage {position: absolute; top: 180px; left: 55px;}
#press #leftimage {position: absolute; top: 141px; left: 41px;}
#contact #leftimage {position: absolute; top: 141px; left: 41px;}

/* you are here */
#welcome #nav-welcome a.welcome, #biography #nav-biography a.biography, #retreats #nav-retreats a.retreats, #gallery #nav-gallery a.gallery, #press #nav-press a.press, #contact #nav-contact a.contact {background-position: 0 -16px;}

/* scrollbar */
#mycustomscroll {
	width:398px;
	height:383px;
	padding-right:10px;
	top:0px;
	margin: 0px 0px 0 130px; 
	float:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	line-height:14px;
	overflow:hidden;

}
/* #FBlike {position: absolute; top: 530px; left: 750px;} */