@charset "utf-8";

/* reset defaults */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,textarea { margin: 0; padding: 0; }
html, body { height: 100%; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }


/* base */
body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; color: #2b202a; }
a { color: #621a4a; }
a:visited { } a:hover { } a:active { }
h1 { font-size: 36px; color: #333; font-weight: bold; line-height: 42px; margin: 0 0 10px 0; }
h2 { font-size: 14px; color: #721f6c; font-weight: bold; line-height: 18px; margin: 0 0 0 0; }
h3 { font-size: 12px; color: #721f6c; font-weight: bold; line-height: 14px; margin: 0 0 0 0; }
h4 { } h5 { }
p { margin: 0 0 12px; }
p.alt { margin: 0 0 12px 0; color: #817a65; }
p.intro { font-size: 16px; line-height: 24px; color: #867b63; }
em { font-style: italic; }
strong { font-weight: bold; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.border { border: 10px solid #a7ab74; }
a.btn { display: inline-block; font-size: 14px; color: #e48f1b; padding: 6px 12px; background: #621a4a; font-weight: bold; text-decoration: none; overflow: hidden; }
a.btn:hover { color: #621a4a; background: #e48f1b; }


/* layout */
div#wrapper { width: 100%; }
div#header { background: #621a4a; clear: both; height: 112px; overflow: hidden; padding-top: 5px; }
div#container { width: 920px; margin: 0 auto; }
div#main { padding-top: 35px; }
div#footer { clear: both; }
div#nav { width: 100%; height: 100px; clear: both; position: relative; top: -25px; font-family: Verdana, Tahoma, Arial, sans-serif; line-height: 12px; }


/* nav */
div#nav div ul li a { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; font-family: Arial,Helvetica,sans-serif; font-size: 11px; }
div#nav div#mindbody { width: 100%; height: 21px; overflow: hidden; clear: both; }
div#nav div#mindbody ul { display: block; position: absolute; right: 0; }
div#nav div#mindbody ul li { color: #4c132d; text-transform: uppercase; display: block; float: left; font-weight: bold; overflow: hidden; height: 21px; }
div#nav div#mindbody ul li.first { padding: 4px 2px 0 0; }
/*div#nav div#mindbody ul li a { display: block; padding: 4px; border-top: 1px solid #454545; border-left: 1px solid #454545; border-right: 1px solid #454545; cursor: pointer; overflow: hidden;  }
*/
div#nav div#mindbody ul li a { display: block; cursor: pointer; overflow: hidden;  }
div#nav div#mindbody ul li a .left { float: left; width: 5px; height: 21px; overflow: hidden; background: transparent url(http://yogabliss.org/assets/common/mindbody-tab-left.gif) no-repeat 0 0; }
div#nav div#mindbody ul li a .center { float: left; height: 16px; padding: 5px 0 0 0; overflow: hidden; background: transparent url(http://yogabliss.org/assets/common/mindbody-tab-center.gif) repeat-x 0 0; }
div#nav div#mindbody ul li a .right { float: left; width: 5px; height: 21px; overflow: hidden; background: transparent url(http://yogabliss.org/assets/common/mindbody-tab-right.gif) no-repeat 0 0; }
div#nav div#mindbody ul li a.selected { /*background: #e48f1b;*/ }
div#nav div#mindbody ul li a.selected .left { float: left; width: 5px; height: 21px; overflow: hidden; background: transparent url(http://yogabliss.org/assets/common/mindbody-tab-left-selected.gif) no-repeat 0 0; }
div#nav div#mindbody ul li a.selected .center { float: left; height: 16px; padding: 5px 0 0 0; overflow: hidden; background: transparent url(http://yogabliss.org/assets/common/mindbody-tab-center-selected.gif) repeat-x 0 0; }
div#nav div#mindbody ul li a.selected .right { float: left; width: 5px; height: 21px; overflow: hidden; background: transparent url(http://yogabliss.org/assets/common/mindbody-tab-right-selected.gif) no-repeat 0 0; }

div#nav div#local { width: 100%; height: 21px; padding: 5px 0 0 0; background: #e48f1b url(http://yogabliss.org/assets/common/bg-nav-local.png) repeat-x bottom right; clear: both; border-bottom: 10px solid #9fa273; }
div#nav div#local ul { display: block; overflow: hidden; position: absolute; right: 0; background: transparent; }
div#nav div#local ul li { display: block; float: left; background: transparent; overflow: hidden; height: 21px; }
/*div#nav div#local ul li a { display: block; background: #9fa273; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 4px; cursor: pointer; overflow: hidden; }
*/
div#nav div#local ul li a { display: block; cursor: pointer; overflow: hidden; }
div#nav div#local ul li a .left { float: left; width: 5px; height: 21px; overflow: hidden; background: transparent url(http://yogabliss.org/assets/common/local-tab-left.gif) no-repeat 0 0; }
div#nav div#local ul li a .center { float: left; height: 16px; padding: 5px 0 0 0; overflow: hidden; background: transparent url(http://yogabliss.org/assets/common/local-tab-center.gif) repeat-x 0 0; }
div#nav div#local ul li a .right { float: left; width: 5px; height: 21px; overflow: hidden; background: transparent url(http://yogabliss.org/assets/common/local-tab-right.gif) no-repeat 0 0; }

div#nav div#local ul li a.selected { background: #9fa273; color: #621a4a; }


/* footer */
div#footer { text-align: center; margin: 25px 0 50px 0; font-weight: bold; }
div#footer ul { margin: 0 auto; text-align: center; display: inline; }
div#footer ul li { display: inline; text-align: left; margin: 0 10px; }


/* slideshow */
div#slideshow-container { position: relative; width: 250px; height: 400px; background: #f0f2e8; padding: 15px; }
div#slideshow-paging { width: 250px; position: absolute; z-index: 999; top: 255px; }
div#slideshow { padding: 0 10px; text-align: center; width: 230px; }
div#slideshow ul { width: 230px; }
div#slideshow div.title h2 { color: #000; font-size: 22px; line-height: 24px; margin-bottom: 12px; }
a#slideshow-back { display: block; height: 0; width: 30px; overflow: hidden; padding-top: 30px; background: transparent url(http://yogabliss.org/assets/site-images/btn-slideshow-left.png) no-repeat 0 0; z-index: 999; position: relative; left: -30px; }
a#slideshow-next { display: block; height: 0; width: 30px; overflow: hidden; padding-top: 30px; background: transparent url(http://yogabliss.org/assets/site-images/btn-slideshow-right.png) no-repeat 0 0; z-index: 998; position: relative; left: 30px; }


/* headline replacements */
div#logo h1 a { display: block; height: 0; width: 282px; overflow: hidden; text-indent: -9999px; background: url(http://yogabliss.org/assets/common/logo.gif) no-repeat 0 0; margin: 0; padding: 70px 0 0 0; }
h1#bliss { background: transparent url(http://yogabliss.org/assets/headline-images/bliss.png) no-repeat 0 0; display: block; height: 0; padding-top: 163px; width: 502px; overflow: hidden; }
h1#new-to-yoga { background: transparent url(http://yogabliss.org/assets/headline-images/introduction.png) no-repeat 0 0; display: block; height: 0; padding-top: 134px; overflow: hidden; position: relative; left: -20px; }
h1#classes { background: transparent url(http://yogabliss.org/assets/headline-images/inspiration.png) no-repeat 0 0; display: block; height: 0; padding-top: 132px; overflow: hidden; position: relative; left: -18px; }
h1#instructors { background: transparent url(http://yogabliss.org/assets/headline-images/instructors.png) no-repeat 0 0; display: block; height: 0; padding-top: 134px; overflow: hidden; }
h1#frequently-asked-questions { background: transparent url(http://yogabliss.org/assets/headline-images/inquire.png) no-repeat 0 0; display: block; height: 0; padding-top: 134px; overflow: hidden; position: relative; left: -20px; }
h1#rates { background: transparent url(http://yogabliss.org/assets/headline-images/intention.png) no-repeat 0 0; display: block; height: 0; padding-top: 129px; overflow: hidden; position: relative; left: -18px; }
h1#contact { background: transparent url(http://yogabliss.org/assets/headline-images/information.png) no-repeat 0 0; display: block; height: 0; padding-top: 106px; overflow: hidden; position: relative; left: -18px; }


/* other styles */
div#main ol { margin-bottom: 12px; }
div#main ol li { list-style-type: decimal; margin: 0 0 0 18px; padding: 0; }