/* ------------------------------------------------------------

    Title:     Bent On Yoga master styles for screen media
    Author:    shelly@jbanetwork.com / dezinegurl@gmail.com
    Updated:   December 13, 2006

------------------------------------------------------------ */
* {
	margin:0;
	padding:0;
	border: 0;
	}
	
body {
	
	font-family: helvetica, verdana, sans-serif;
	font-size: small;
	color:#2D2D2D;
	letter-spacing: .05em;
	background-color: #D5E4EC;
	text-align: center;
	min-width: 600px;
	}


/* links */

a:link, a:visited {
	color: #FF9D27;
	text-decoration: none;
	background-color: transparent;
	}
a:hover {
	text-decoration: underline;
	}
a.linktop {
	display: block;
	text-decoration: underline;
	margin-top: 10px;
	text-align:right;
	}

/* ------------------------------------------------------------

	page structure

------------------------------------------------------------ */

.clear {
  clear: both;
  height: 0;
}


#wrap {
	background-image:url(images/bg2.gif);
	background-repeat:repeat-y;
	background-position:center;
	margin:0 auto;
	width:942px;
	text-align: left;
	background-color:#FFFFFF;
	color:#2D2D2D;
	}
#wrap-inner {
	margin: 0 auto;
	text-align:left;
	width: 846px;
	padding: 20px;
	}

#wrap-inner_green {
	color:#2D2D2D;
	background-color: #F4F8E7;
	margin: 0 auto;
	text-align:left;
	width: 845px;
	padding: 20px;
	border-top: 1px solid #90B256;
	}


#content {
	float: right;
	width: 588px;
	margin: 0 20px 0 0px;
	}


#sidebar {
	float: left;
	width: 180px;
	padding:0;
	}

/* ------------------------------------------------------------

	top navigation / header

------------------------------------------------------------ */
#logo {
	float:left;
	width:188px;
	margin: 0 0 20px 0;
	height:92px;
	}
#nav {
	float:right;
	width:628px;
	height: 44px;
	margin: 48px 0 10px 0;
	background-color:#ffffff;
	color: #2B1F19;
	border-bottom: 1px solid #90B256;
	}

#nav ul {
	 margin:0;
     padding:0;
     list-style:none;
      }
#nav li {
	float: left;
	}

/* you are here - Inactive tabs */
#nav li a {
	width: 101px;
	height: 36px;
	margin: 8px 1px 0 0;
	padding-top:10px;
    display:block;
	background-image:url(images/tabs/tab_homeA.png);
	background-repeat:no-repeat;
	font-size:13px;
	color: #2B1F19;
	letter-spacing: .07em;
	line-height: normal;
	text-align:center;
	text-decoration:none;
    font-weight:normal;
	background-color:transparent;
 	}
*html #nav li a {
	height: 26px;
	}
#nav li a.last {
	margin: 8px 0 0 0;
	}
#nav li#classes a {
	background-image:url(images/tabs/tab_classA.png);
	background-repeat:no-repeat;
	height: 36px;
	width:117px;
	}
*html #nav li#classes a {
	height: 26px;
	}
/* you are here - Hover tabs */
#nav li a:hover {
	background-image:url(images/tabs/tab_homeH.png);
	background-repeat:no-repeat;
	}
#nav li#classes a:hover {
	background-image:url(images/tabs/tab_classH.png);
	background-repeat:no-repeat;
	}

/* you are here - current tabs */
body#home #nav li#link-home a,
body#about #nav li#link-about a,
body#join #nav li#link-join a,
body#links #nav li#link-links a,
body#contact #nav li#link-contact a {
	background-image:url(images/tabs/tab_homeC.png);
	background-repeat:no-repeat;
	margin-top: 0;
	padding-top:16px;
	height:44px;
	}
*html body#home #nav li#link-home a,
*html body#about #nav li#link-about a,
*html body#join #nav li#link-join a,
*html body#links #nav li#link-links a,
*html body#contact #nav li#link-contact a {
	background-image:url(images/tabs/tab_homeC.png);
	background-repeat:no-repeat;
	margin-top: 0;
	padding-top:16px;
	height:28px;
	}

body#classes #nav li#classes a {
	background-image:url(images/tabs/tab_classC.png);
	background-repeat:no-repeat;
	margin-top: 0;
	padding-top:16px;
	height:44px;
	}
*html body#classes #nav li#classes a {
	background-image:url(images/tabs/tab_classC.png);
	background-repeat:no-repeat;
	margin-top: 0;
	padding-top:16px;
	height:28px;
	}
/* ------------------------------------------------------------

	Sub Nav Styles for about page with arrow and bullet under main nav

------------------------------------------------------------ */
#subnav {
	float:right;
	width: 150px;
	text-align:right;
	
	}

div#subnav a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	display:block;
	padding: 0 25px 0 0;
	color: #8FB155;
	background-image:url(images/arrows.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	line-height:20px;
	}
div#subnav  a:hover {
	background-image:url(images/arrows.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	color:#DCE895;
	text-decoration:none;
	}



/* ------------------------------------------------------------

	Left Sidebar styles

------------------------------------------------------------ */

#sidebar  div.quote {
	background-image:url(images/quotetop.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	background-color: #F4F8E7;
	width: 188px;
	margin: 0 0 20px 0;
	}
p.testimonials {
	background-image:url(images/quotebottom.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 15px;
	color:#473A34;
	}
p.testimonials span.name {
	font-style: normal;
	display:block;
	color:#473A34;
	font-family: lucida grande, sans-serif;
	font-size: 80%;
	background-image:url(images/heart.gif);
	background-repeat:no-repeat;
	background-position: left;
	padding-left: 15px;
	}
p.quotes {
	background-image:url(images/quotebottom.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 15px 8px 15px 10px;
	font-size: 150%;
	line-height: 1.5em;
	letter-spacing:normal;
	color:#473A34;
	}
p.quotes span.name {
	font-style: normal;
	display:block;
	color:#473A34;
	font-family: lucida grande, sans-serif;
	font-size: 60%;
	background-image:url(images/heart.gif);
	background-repeat:no-repeat;
	background-position: left;
	padding-left: 15px;
	}
/* ------------------------------------------------------------

	Login Styles - left side bar - and sidebar NAV quote_no = same shape no quote marks

------------------------------------------------------------ */
#sidebar  div.quote_no {
	background-image:url(images/quotetop_no.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	background-color: #F4F8E7;
	width: 188px;
	margin: 0 0 24px 0;
	}

img.login {
	float:right;
	margin-right:4px;
	}
p.login1 {
	background-image:none;
	font-family: helvetica, verdana, sans-serif;
	padding: 15px 8px 15px 10px;
	font-size: 13px;
	line-height: 1.5em;
	color: #2B1F19;
	letter-spacing: normal;
	}
	
p.login {
	background-image:url(images/quotebottom_no.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
	font-family: helvetica, verdana, sans-serif;
	padding: 15px 8px 15px 10px;
	font-size: 13px;
	line-height: 1.5em;
	color: #2B1F19;
	letter-spacing: normal;
	}
	
div.whiteline {
	height: 1px;
	border-bottom: 1px solid #CAE090;
	margin: 0 8px 0 8px;
	}

/* ------------------------------------------------------------

	SIDE BAR SUB NAV STYLES

------------------------------------------------------------ */

ul.subnav {
	background-image:url(images/quotebottom_no.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
	font-family: helvetica, verdana, sans-serif;
	padding: 15px 8px 15px 10px;
	font-size: 100%;
	line-height: normal;
	letter-spacing:normal;
	color:#473A34;
	}
ul.subnav li {
	list-style-image:url(images/bullet_gr_arrow.png);
	list-style-type:none;
	list-style-position:inside;
	border-bottom: 1px solid #CAE090;
	padding: 6px 0 6px 0;
	}
ul.subnav li.last {
	border-bottom: none;
	}
ul.subnav li a {
	font-family: helvetica, verdana, sans-serif;
	font-size:13px;
	color: #2B1F19;
	letter-spacing: .07em;
	line-height: normal;
	}
ul.subnav li a:hover {
	text-decoration:none;
	color: #465E1F;
	}
	

	



/* ------------------------------------------------------------

	TEXT styles

------------------------------------------------------------ */
	
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size: 1.8em;
	color: #392D26;
	background-color: transparent;
	letter-spacing: .01em;
	margin-bottom: 10px;
	}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size: 1.7em;
	color: #392D26;	
	background-color: transparent;
	letter-spacing: .01em;
	margin-bottom: 5px;
	}
h2.topmarg {
	margin-top:40px;
	}

h1.topmarg {
	margin: 25px 0 10px 0;
	}
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size: 1.5em;
	color: #392D26;
	letter-spacing: .01em;
	margin-bottom: 2px;
	padding: 4px 20px 4px 20px;
	}
h3.greenbg {
	background-color: #D4E59D;
	}
h3.bluebg {
	background-color: #D5E4EC;
	}
span.free {
	float:right;
	font-family: helvetica, verdana, sans-serif;
	font-weight:normal;
	font-size:.85em;
	padding: 4px 00px 4px 0px;
	}


	
	
p {
	font-size: 1.1em;
	line-height: 1.6em;
	}
p.topmarg {
	margin-top: 15px;
	}
.serif {
	font-family:Georgia, "Times New Roman", Times, serif;
	}
em {
	font-style:italic;
	}
.bigger {
	font-size: 145%;
	}
	
.italic {
	font-style:italic;
	}
.smaller {
	font-size: 80%;
	}
.bottomborder {
	border-bottom: 1px solid #90B256;
	}
.blue {
	color: #61A1BA;
	}
.taupe {
	color: #B2A296;
	}

/* ------------------------------------------------------------

	LIST styles

------------------------------------------------------------ */

ul.bluebullet {
	list-style-type:circle;
	list-style-position:outside;
	margin-left: 1.5em;
	margin-bottom: 2em;
	}
ul.bluebullet li {
	list-style-image:url(images/bullet_blue.gif);
	line-height: 1.6em;
	font-size: 1.1em;
	margin-bottom: .8em;
	}
ul.orangebullet {
	list-style-type:circle;
	list-style-position:outside;
	margin-left: 1.5em;
	margin-bottom: 3em;
	}
ul.orangebullet li {
	list-style-image:url(images/bullet_orange.png);
	line-height: 1.6em;
	font-size: 1.1em;
	margin-bottom: .8em;
	}


/* ------------------------------------------------------------

	Footer styles

------------------------------------------------------------ */
#footer {
	margin: 0 auto;
	text-align:left;
	width: 885px;
	color:#392D26;
	background-color:#FFFFFF;
	border-top: 1px solid #90B256;
	font-size: 11px;
	}
#footer a {
	color:#392D26;
	background-color: transparent;
	font-size: 11px;
	}
#footer a.green {
	color:#909E5F;
	background-color: transparent;
	font-size: 11px;
	}
#footer p {
	color: #D1C9C2;
	background-color:transparent;
	font-size: 11px;
	}
#footer div#links {
	float:left;
	width: 60%;
	padding:21px 0px 10px 20px;
	}
#footer div#rights {
	float:right;
	width: 30%;
	padding:10px 20px 10px 20px;
	text-align:right;
	}
#footer a img {
	margin-left:10px;
	}
#contact #footer a img {
	display:none;
	}
#contact #footer div#rights {
	padding: 21px 20px 10px 20px;
	}
/* ------------------------------------------------------------

	INDEX Page specific styles

------------------------------------------------------------ */
#home #content img {
	float:right;
	}
#home #wrap-inner_green .sampleclass {
	float:right;
	width: 364px;
	}
/* ------------------------------------------------------------

	VIDEO Page specific styles

------------------------------------------------------------ */

div.classbox {
	background-color:#F4F8E7;
	height:auto;
	padding:10px 20px 10px 20px;
	margin-bottom: 24px;
	}
fieldset#videolist {
	margin-bottom: 20px;
	}
#videolist h1 {
	font-size: 1.4em;
	font-weight:normal;
	margin: 20px 0 5px 0;
	}
#videolist h1.green {
	color: #392D26;
	border-bottom:1px solid #90B255;
	}
#videolist h1.blue {
	color: #392D26;
	border-bottom:1px solid #61A1BA;
	}

#videolist div{
	width: 175px;
	float:left;
	font-size: .95em;
	font-weight:normal;
	}
#videolist label {
	width: 3em;
	float:none;
	display:inline;
	}
#videolist p {
	margin: 0.3em 0;
	}
#videolist label.design{
	float: right;
	width: 10em;
	}	
	
select {font-family: helvetica, verdana, sans-serif;
	font-size: .85em; letter-spacing: normal;
	color:#2D2D2D; line-height: 1.5em;}
/* ------------------------------------------------------------

	CONTACT Page specific styles

------------------------------------------------------------ */
div.greenbox {
	width: 550px;
	color:#392D26;
	background-color: #F4F8E7;
	padding: 20px;
	}
#contact div.greenbox label {
	clear:left;
	float:left;
	width: 100px;
	margin: 0 0 5px 0;
	text-align:left;
	
	}
#contact div.greenbox input {
	clear:left;
	float:left;
	border-top: 1px solid #90B255;
	border-left: 1px solid #90B255;
	border-right: 1px solid #CAE090;
	border-bottom: 1px solid #CAE090;
	width: 300px;
	margin-bottom: 15px;
	padding: 4px;
	font-size: 12px;
	}
#contact div.greenbox textarea {
	clear:left;
	float:left;
	border-top: 1px solid #90B255;
	border-left: 1px solid #90B255;
	border-right: 1px solid #CAE090;
	border-bottom: 1px solid #CAE090;
	padding:4px;
	width: 540px;
	font-family:helvetica, sans-serif;
	font-size: 13px;
	}
#contact div.greenbox input.submit {
	clear:left;
	float:left;
	width:47px;
	height:26px;
	margin-top: 15px;
	border: none;
	}
#contact div.greenbox br {
	margin-bottom: 10px;
	}
/* ------------------------------------------------------------

	Other styles

------------------------------------------------------------ */
.brown {
	color: #392D26;
	}
.orange {
	color: #FF9D27;
	}
.green {
	color: #909E5F;
	}
.topmargin {
	margin-top: 1em;
	}