/*
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 0 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: #51abc8 url(../images/header-bg-trans.gif) top right no-repeat;
	height: 200px;
	position: relative;
	width: 940px;
	}
	#header h1 {
		text-indent: -999em;
		position: absolute;
		top: 30px;
		left: 35px;
		display: block;
		background: url(../images/header-trans.gif) top left no-repeat;
		width: 540px;
		height: 103px;
	}
	#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:#EBFEFC;
		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.3em;
	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: #1F434E;
		}
#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 {
			color: #fff;
			font-weight: bold;
			display: block;
			padding: 0 1em;
			border-right: 1px solid #244E5B;
			line-height: 1em;
		}
		#nav li a:hover {
			color: #1F434E;
		}
	#nav li:last-child a {
		border-right: 0;
	}
		
		
/* content  ----------------------------------------------------------- */
#content {
	background: #3d8096 url(../images/body-bg-trans.gif) bottom left no-repeat;
	position: relative;
	width: 940px;
	}
	#main-content {
		margin: 0pt 245px 0pt 45px;
		padding-bottom: 2%;
		width: 650px;
		}
		#main-content .title {
			background: url(../images/body-header-top.gif) top left no-repeat; 
			padding:2em 2em 1em;
		}
		#main-content .title h3 {
			color: #3d8096;
			font-size: 2.5em;
			font-style: italic;
		}
		#main-content .copy {
			min-height: 500px;
			padding: 0 2em 2em;
		}

#sec-content {
	color: #fff;
	display:block;
	position:absolute;
	right:30px;
	top:-1px;
	width:20%;
	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;
	}
	#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;
}