/*
Charlotte Watts - styles.css
14th July 2007
*/

body {
 font: 12px/1.6666 Arial,Helvetica,Verdana,sans-serif;
 width: 940px;
 margin: 0 auto;
}
body * {
 font-size: 1em;
}
* html body {
 font-size: 76%;
}

p {
	padding:1em 0pt 0.5em;
}
em {
	font-style:italic;
}
strong {
	font-weight:bold;
}
#main-content ul, #main-content ol {
 margin: 0.5em 0;
 padding-left: 1.5em;
 list-style-position: outside;
 list-style-type: disc;
}

/* links -------------------------------------- */
a {
	text-decoration: none;
}


/* headings */
h3 {
 line-height: 1;
 font-size: 2em;
 padding-top: 0.3333em;
 padding-bottom: 0.3333em;
}

h4 {
 font-size: 1.5em;
 padding-top: 0.7778em;
 padding-bottom: 0.4444em;
}

/* header ------------------------------------------- */
#header {
	background: #000000 url(../images/header-bg-trans.gif) top right no-repeat;
	height: 200px;
	position: relative;
	color: #fff;
	width: 940px;
	}
	#header h1 {
		background:#000000 url(../images/header-trans.gif) no-repeat scroll left top;
		display:block;
		height:107px;
		left:35px;
		position:absolute;
		text-indent:-999em;
		top:30px;
		width:510px;
	}
	#header h2 {
		position: absolute;
		text-indent: -999em;
	}
	#header #btn_container {
		position: absolute;
		top:53px;
		right:5px;
	}
	#header .btn{
		width:105px;
		height:100px;
		border: 4px double #C9D4D9;
		background:#FCFEFA;
		margin:5px;
		float:left;		
	}
		#header .btn a{
			display:block;
			margin:5px;
			width:95px;
			height:90px;
			text-indent:-9999px;	
		}
			#header .btn a:hover{
				background-position:0 -90px;
			}
		#header .btn .btn_yoga{
			background: url(/images/btn_yoga_180.gif);	
		}
		#header .btn .btn_nut{
			background: url(/images/btn_nut_180.gif);	
		}

		#header .btn .btn_slim{
			background: url(/images/btn_slim_180.gif);	
		}
/* navigation ------------------------------------------- */
#sisterSite {
	position: absolute;
	padding: 0.3em 0;
        font-size: 1.2em;
	right: 0;
	color: #fff;
	bottom: 0;
	z-index:100;
	/*t2est-align: right;
	margin: 0;*/
}
		#sisterSite a {
			color: #fff;
			font-weight: bold;
			display: block;
			padding: 0 1em;
			b2order-right: 1px solid #244E5B;
			line-height: 1em;
		}
		#sisterSite a:hover {
			color: #C6DB87;
		}

#nav {
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/nav-bg-trans.png) top left repeat;
	float: left;
	width: 100%;
	clear: both;
	color: #fff;
	}
	#nav li {
		float: left;
		padding: 0.5em 0;
		}
		#nav li a {
			border-right:1px solid #528E07;
			color:#FFFFFF;
			display:block;
			font-weight:bold;
			line-height:1em;
			padding:0pt 1em;
		}
		#nav li a:hover {
			color: #C6DB87;
		}
	#nav li:last-child a {
		border-right: 0;
	}
		
		
/* content  ----------------------------------------------------------- */
#content {
	background: #000 url(../images/content-bg.gif) bottom left no-repeat;
	position: relative;
	width: 940px;
	}
	#main-content {
		margin:0pt 223px 0pt 67px;
		padding-bottom:20px;
		width:650px;
		}
		#main-content .title {
			padding:2em 2em 1em;
			background: url(../images/copy-top.gif) top left no-repeat; 
		}
		#main-content .title h3 {
			color: #609a13;
			font-size: 2.5em;
			font-style: italic;
		}
		#main-content .copy {
			height: auto !important;
			height: 500px;
			min-height: 500px;
			padding: 0 2em 2em;
		}

#sec-content {
	color: #000;
	display:block;
	position:absolute;
	right:18px;
	top:0;
	width:188px;
	background: url(../images/quotes-bg-trans.gif) top left no-repeat;
	height: 518px;
	}
	#sec-content blockquote {
		margin: 0 1.5em;
		font-style: italic;
	}
	#sec-content blockquote cite {
		padding: 1em 0;
		display: block;
		font-weight: bold;
	}
	#sec-content form {
                padding: 20px 20px 0;
        }
	#sec-content form #Youremail{
                width: 145px;
                margin: 0 0 2px 0;
        }
	


/* misc ----------------------------------------------------- */
img.inline {
	float: left;
	margin: 0 1em 1em 0;
}