/* Bhakti-Flow Stylesheet */

/***************************************************************************//* whitespace reset */

* {
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:0; }
li, dd { margin-left:1.5em;}
fieldset { padding: .5em; }

body {
	background:#000;
	padding:0;
	margin:0;
	font:62.5% "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	color:#ccc;
}

.title {
	font:62.5% "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	color:#fff;
	font-size:16px;
}

/***************************************************************************//* wrap */

#wrap {
	background:url(images/bg_wrap.png) repeat-y 0 0;
	width:859px;
	margin:0 auto;
	font-size:13px;
	line-height:160%;
	padding-bottom:100px;
}

/***************************************************************************//* header */

#header {
	background:url(images/bg_header.png) no-repeat 0 0;
	width:859px;
	height:164px;
}

a#logo:link,a#logo:active,a#logo:visited {
	background: url(images/bhakti_flow.png) no-repeat 0 0;
	width:254px;
	height:125px;
	margin:0 auto;
	display:block;
	text-indent:-9999px;
}

a#logo:hover {
	background:url(images/bhakti_flow.png) no-repeat 0 -125px;
}

/***************************************************************************//* links */

a {
	color:#ff3333;
	text-decoration:underline;
}

a:hover {
	color:#990000;
	text-decoration:none;
}

/***************************************************************************//* navigation */

#nav {
	background: url(images/nav.png) no-repeat 0 0;
	height:27px;
	border: 0px solid #000;
	width:620px;
	margin:12px auto 0 auto;
}

#nav li {
	margin-left:0;
}

#buttons {
	height:27px;
	position:relative;
	text-indent:-9999px;
}

#buttons li {list-style: none; position:absolute;}
#buttons li, #buttons a {height:27px; display:block; top:0;}

#button1 {left: 0; width: 60px;}
#button2 {left: 60px; width: 45px;}
#button3 {left: 105px; width: 71px;}
#button4 {left: 176px; width: 155px;}
#button5 {left: 331px; width: 107px;}
#button6 {left: 438px; width: 63px;}
#button7 {left: 501px; width: 47px;}
#button8 {left: 548px; width: 72px;}

#button1 a:hover {background: transparent url(images/nav.png) 0 -27px no-repeat;}
#button2 a:hover {background: transparent url(images/nav.png) -60px -27px no-repeat;}
#button3 a:hover {background: transparent url(images/nav.png) -105px -27px no-repeat;}
#button4 a:hover {background: transparent url(images/nav.png) -176px -27px no-repeat;}
#button5 a:hover {background: transparent url(images/nav.png) -331px -27px no-repeat;}
#button6 a:hover {background: transparent url(images/nav.png) -438px -27px no-repeat;}
#button7 a:hover {background: transparent url(images/nav.png) -501px -27px no-repeat;}
#button8 a:hover {background: transparent url(images/nav.png) -548px -27px no-repeat;}

#button1 a#on {background: transparent url(images/nav.png) 0 -27px no-repeat;}
#button2 a#on {background: transparent url(images/nav.png) -60px -27px no-repeat;}
#button3 a#on {background: transparent url(images/nav.png) -105px -27px no-repeat;}
#button4 a#on {background: transparent url(images/nav.png) -176px -27px no-repeat;}
#button5 a#on {background: transparent url(images/nav.png) -331px -27px no-repeat;}
#button6 a#on {background: transparent url(images/nav.png) -438px -27px no-repeat;}
#button7 a#on {background: transparent url(images/nav.png) -501px -27px no-repeat;}
#button8 a#on {background: transparent url(images/nav.png) -548px -27px no-repeat;}

/***************************************************************************//* pic and body */

#pic {
	width:807px;
	margin:0 auto;
}

/* Change main photo, height and text alignment for each page */
/* padding attributes go clockwise, like this: padding:top, right, bottom, left */

#home #pic {
	background: url(images/pic03.jpg) no-repeat 0 0;
	height:635px;
}

#home #body {
	width:330px;
	float:left;
	padding:40px 0 0 110px;
}

#about #pic {
	background: url(images/pic02.jpg) no-repeat 0 0;
	height:1500px;
}

#about #body {
	width:600px;
	float:left;
	padding:40px 0 0 110px;
}

#news #pic {
	background: url(images/pic10_screened.jpg) no-repeat 0 0;
	height:2000px;
}

#news #body {
	width:620px;
	float:left;
	padding:40px 0 0 110px;
}

#schedule #pic {
	background: url(images/pic07.jpg) no-repeat 0 0;
	height:700px;
}

#schedule #body {
	width:380px;
	float:right;
	padding:40px 50px 40px 0;
}

#workshops #pic {
	background: url(images/bg_workshops.jpg) no-repeat 0 0;
	height:2800px;
}

#workshops #body {
	width:600px;
	float:left;
	padding:40px 0 0 110px;
}

#doula #pic {
	background: url(images/pic09.jpg) no-repeat 0 0;
	height:635px;
}

#doula #body {
	width:330px;
	float:left;
	padding:40px 0 0 110px;
}

#gallery #pic {
	background: url(images/pic06.jpg) no-repeat 0 0;
	height:1000px;
}

#gallery #body {
	width:330px;
	float:left;
	padding:40px 0 0 130px;
}

#links #pic {
	background: url(images/pic08.jpg) no-repeat 0 0;
	height:850px;
}

#links #body {
	width:330px;
	float:left;
	padding:40px 0 0 110px;
}

#contact #pic {
	background: url(images/pic04.jpg) no-repeat 0 0;
	height:635px;
}

#contact #body {
	width:282px;
	float:right;
	padding:40px 100px 0 0;
}

/***************************************************************************//* footer */

/*Float Patch*/	
.floatcontainer:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}

/* Mark Hadley's fix for IE Mac */  
.floatcontainer {display: inline-table;}

/* Hides from IE Mac \*/ 
* html .floatcontainer {height: 1%;} 
.floatcontainer{display:block;}
/* End Patch */