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/container.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-top: 22px;
	margin-right: 0;
	margin-left: 285px;
	margin-bottom: 0;
	color: #3f6c7a;
	font-size: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	width: auto;
}
#welcome #topnav li {margin: 0; padding: 0; list-style: none; display: inline; font-weight: 700;}
#welcome #topnav li a {float: left; padding: 16px 0 0 7px; overflow: hidden; height: 0px !important;}
#welcome #topnav li a:hover {color: #f60;}
#welcome #topnav #nav-welcome a {
	width: 37px;
	background: url(../img/nav-welcome.png) top left no-repeat;
	margin-left: 0px;
}
#welcome #topnav #nav-biography a {
	width: 52px;
	background: url(../img/nav-biography.png) top left no-repeat;
}
#welcome #topnav #nav-schedule a {width: 111px; background: url(../img/nav-schedule-home.png) top left no-repeat;}
#welcome #topnav #nav-cinch a {width: 104px; background: url(../img/nav-cinch.png) top left no-repeat;}
#welcome #topnav #nav-retreats a {width: 68px; background: url(../img/nav-retreats.png) top left no-repeat;}
#welcome #topnav #nav-gallery a {width: 59px; background: url(../img/nav-gallery.png) top left no-repeat;}
#welcome #topnav #nav-press a {width: 48px; background: url(../img/nav-press.png) top left no-repeat;}
#welcome #topnav #nav-contact a {width: 63px; background: url(../img/nav-contact.png) top left no-repeat;}
#welcome #topnav #nav-welcome a:hover, #welcome #topnav #nav-biography 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-cinch a:hover, #welcome #topnav #nav-contact a:hover {background-position: 0 -16px;}
#welcome #topnav #nav-welcome a {background-position: 0 -16px;}

#topnav {
	position: relative;
	z-index: 1;
	padding: 0;
	margin-top: 30px;
	margin-right: 0;
	margin-left: 41px;
	margin-bottom: 0;
	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: 378px; height: 383px; margin: 50px 0 0 310px; position: relative; top: 20px; overflow: hidden;}
#content .Scroller-Container {position: absolute; top: 0; left: 0;}
#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.7em; 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;}
#cinch #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, #cinch #nav-cinch a.cinch {background-position: 0 -16px;}

/* scrollbar */
#Scrollbar {
	position: absolute;
	right: 150px;
	top:250px;
}
.Scrollbar-Up, .Scrollbar-Up-Pressed {
	position: absolute;
	width: 12px; 
	height: 13px;
	background: #48616F;
	font-size: 0px;
}
.Scrollbar-Down, .Scrollbar-Down-Pressed {
	position: absolute;
	top: 260px;
	width: 12px; height: 13px;
	background:#48616f;
	font-size: 0px;
}
.Scrollbar-Track, .Scrollbar-Track-Pressed {
	width: 12px; 
	height: 230px;
	position: absolute;
	top: 20px;
	background: #f1e3d7;
}
.Scrollbar-Track-Pressed {
	backgroundr: #ddd;
}
.Scrollbar-Handle, .Scrollbar-Handle-Pressed {
	position: absolute;
	width: 12px; height: 30px;
	background: #325760;
}
.Scrollbar-Handle-Pressed, .Scrollbar-Down-Pressed, .Scrollbar-Up-Pressed {
	background: #4b717a;
}
#FBlike {position: absolute; top: 515px; left: 820px;}
