/* EXERCISE SMARTER
-----------------------------------------------------------------------------------------
Site design and layout, copyright 2008 Design by Reese
Author: Design by Reese
Modified: August. 27, 2008

www.designbyreese.com

Copyright laws apply; please don't steal this design or the content of the site.

*/

/* - - - GLOBAL - - - */
html, body {
height: 100%;
}

body {
background-color: #99e6c8;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
color: #525252;
}

hr {
display: none;
}

ul, ol, li {
margin: 0;
padding: 0;
list-style: none;
}

a {color: #3264a8;
text-decoration: none;
border-bottom: 1px dotted #fff;
}

a:hover {
color: #4CAF88;
border-bottom: 1px dotted #C4AD1C;
}



/* - - - LAYOUT - - - */
.page_container {
margin: 0 auto;
width: 767px;
text-align: left;
}

.header_logo {
position: relative;
margin: 0 auto;
width: 250px;

text-align: left;
z-index: 5500;
}

.top_edge {
position: relative;
width: 767px;
margin-top: -45px;
z-index: 100;
}

#navigation_container {
width: 767px;
height: 41px;
position: relative;
z-index: 5000;
background: transparent url(/images/design/inner_main_repeating_background.gif) repeat-y 0 0;
}

#navigation {
width: 763px;
height: 41px;
float: left;
}

/* - - - NAVIGATION  - - - */
ul#menu {
width:763px;
height:41px;
margin:0px 0px 0px 3px;
padding:0;
border:0;
background:transparent url(/images/design/nav_combo.gif) no-repeat 0 0;
}

ul#menu li {
padding:0;
margin:0;
display:block;
float:left;
text-indent:-9999px;
color: #000;
}

ul#menu li a {
border:0;
display:block;
text-decoration:none;
background:transparent url(/images/design/nav_combo.gif) no-repeat;
outline: none;
}

li#home a {
width:96px;
height: 41px;
padding: 0;
margin: 0;
}

li#about a {
width:110px;
height: 41px;
padding: 0;
margin: 0;
}

li#resources a {
width:147px;
height: 41px;
padding: 0;
margin: 0;
}

li#t-tapp_info a {
width:147px;
height: 41px;
padding: 0;
margin: 0;
}

li#blisswork a {
width:142px;
height: 41px;
padding: 0;
margin: 0;
}

li#articles a {
/*111 old */
width:121px;
height: 41px;
padding: 0;
margin: 0;
}

li#home a:hover, li#home.active-nav a {
background-position: 0 -41px;
}

li#about a:link, li#about a:visited {
background-position: -96px 0px;
}

li#about a:hover, li#about.active-nav a {
background-position:-96px -41px;
}

li#resources a:link, li#resources a:visited {
background-position: -206px 0px;
}

li#resources a:hover, li#resources.active-nav a  {
background-position:-206px -41px;
}

li#t-tapp_info a:link, li#t-tapp_info a:visited {
background-position: -353px 0px;
}

li#t-tapp_info a:hover, li#t-tapp_info.active-nav a {
background-position:-353px -41px;
}

li#blisswork a:link, li#blisswork a:visited {
background-position: -500px 0px;
}

li#blisswork a:hover, li#blisswork.active-nav a {
background-position:-500px -41px;
}

li#articles a:link, li#articles a:visited {
background-position: -642px 0px;
}

li#articles a:hover, li#articles.active-nav a {
background-position:-642px -41px;
}


/* - - - LAYOUT 2 - - - */

.main_content {
width: 767px;
margin: 0 0 0 0;
background: transparent url(/images/design/inner_main_right_middle.gif) repeat-y 0% 0%;
}

.top_vertical_divider {
background: transparent url(/images/design/inner_main_right_top.gif) no-repeat 0% 0%;
width: 767px;
height: 23px;
position: relative;
z-index: 0;
}
.bottom_vertical_divider {
background: transparent url(/images/design/inner_main_right_bottom.gif) no-repeat 0% 0%;
width: 767px;
height: 24px;
position: relative;
z-index: 0;
}

.main_content_left {
position: relative;
top: 0px;
width: 285px;
margin: 0 0 0 26px;
z-index: 50;
float: left;
}

.main_content_right {
position: relative;
top: 0px;
width: 410px;
margin: -5px 0 0 20px;
z-index: 50;
float: left;
}

.inner_footer_bar {
background: transparent url(/images/design/inner_main_bottom_rule.gif) no-repeat 0 0;
margin: 0 0 0 0;
width: 767px;
height: 13px;
position: relative;
z-index: 50;
}

#footer {
margin: -17px 0 0 0;
background: transparent url(/images/design/inner_main_footer.gif) no-repeat 0 0;
width: 767px;
height: 41px;
position: relative;
z-index: 55;
}

#footer_content {
margin: 0 auto;
width: 700px;
text-align: center;
z-index: 65;
}

.spray {
margin: -11px 0 0 0;
}

.inner_footer_bar {
background: transparent url(/images/design/inner_main_bottom_rule.gif) no-repeat 0 0;
margin: 0 0 0 0;
width: 767px;
height: 13px;
position: relative;
z-index: 5000;
}

/* - - - HEADINGS - - - */
h1 {
text-indent: -9999px;
font-size: 1px;
color: #fff;
display: block;
}

h3 {
color: #5779a9;
margin: 0;
padding: 0;
}


/* - - - TEXT - - - */
.main_content_right p {
font-size: 12px;
line-height: 18px;
}

#footer_content p {
padding-top: 7px;
text-transform: uppercase;
font-size: 10px;
color: #7A7A7A;
}

#footer_content p a {
color: #7A7A7A;
text-decoration: none;
border-bottom: 1px dotted #7A7A7A;
}

#footer_content a:hover {
color: #4CAF88;
border-bottom: 1px dotted #C4AD1C;
}

/* - ABOUT PAGE  - */
h2.header-moreexercise {
width: 275px;
height: 80px;
background: transparent url(/images/design/header-moreexercise.gif) no-repeat top left;
text-indent: -9999px;
font-size: 1px;
}

#about-page img.photo-margit {
margin-top: -36px;
float: left;
}

#about-page .main_content_left h3 {
color: #736106;
font-weight: normal;
text-transform: uppercase;
font-size: 11px;
margin-left: 27px;
float: left;
}

#about-page .main_content_left h3 span {
text-transform: none;
}

ul.list-certifications {
margin-top: 40px;
float: left;
width: 150px;
margin-left: 20px;
list-style: none;
color: #ccaa00;
text-transform: uppercase;
}

ul.list-certifications li {
background: transparent url(/images/design/icon-bullet.gif) no-repeat 0 50%;
padding-left: 24px;
}

ul.list-certifications h4 {
font-weight: normal;
font-size: 10px;
}

p.link-emailquestions {
text-indent: -9999px;
width: 273px;
height: 81px;
float: left;
clear: left;
background: transparent url(/images/design/header-questionsandemail.gif) no-repeat top left;
}

.main_content_right h2 {
color: #736106;
font-weight: normal;
font-size: 30px;
text-transform: none;
background: none;
margin-bottom: 0;
font-family: georgia, bookman old style, times, serif;
background: transparent url(/images/design/icon-browndotsrepeat.gif) repeat-x bottom left;
display: inline;
}

.main_content_right h2+p {
margin-top: 3px;
}

/* - RESOURCES PAGE  - */
#resources-page .main_content_left {
text-align: center;
width: 265px;
padding-right: 20px;
}

#resources-page .main_content_left p {
text-align: left;
font-size: 10px;
text-transform: uppercase;
margin: 0 0 9px 0;
background: url(/images/design/icon-bullet.gif) no-repeat 0 45%;
padding: 0 0 0 21px;
}

#resources-page .main_content_left h2.header-ttappbook {
text-align: left;
color: #ccaa00;
margin-bottom: 0;
font-family: georgia, bookman old style, times, serif;
}

#resources-page .main_content_left h3 {
text-align: left;
margin: 0 0 9px 0;
color: #4db68e;
font-weight: normal;
}

#resources-page .main_content_left h3.header-perricone {
margin-top: 18px;
font-size: 12px;
}

#resources-page .main_content_left img {
padding: 6px;
background-color: #c5ed49;
}

#resources-page .main_content_right h2+ul {
margin-top: 9px;
}

#resources-page .main_content_right h3+p {
margin-top: 3px;
padding: 0;
}

#resources-page .main_content_right p {
margin: 0;
padding: 0;
}

#resources-page .main_content_right p.link-visitsite {
text-transform: uppercase;
margin-bottom: 15px;
}

/* - - TTAPP PAGES - - */
#ttappmain-page .main_content_left {
text-align: center;
width: 265px;
padding-right: 20px;
}

#ttappmain-page .main_content_left img {
padding: 6px;
background-color: #99E6C8;
}

#ttappmain-page .main_content_left h2 {
font-size: 30px;
text-transform: none;
background: none;
margin-bottom: 0;
}

#ttappmain-page .main_content_left ul { 
text-align: left;
margin: 9px 0 0 0;
}

#ttappmain-page .main_content_left li { 
margin-bottom: 12px;
}

#ttappmain-page .main_content_left li h3 {
margin: 0 0 3px 0;
background: url(/images/design/icon-bullet.gif) no-repeat 0 45%;
padding: 0 0 0 21px;
font-size: 10px;
text-transform: uppercase;
}

#ttappmain-page .main_content_left li p{
margin: 0;
padding: 0 0 0 21px;
font-size: 11px;

font-family: georgia, bookman old style, times, serif;
line-height: 18px;
}

#ttappmain-page .main_content_right h2+h3 {
margin-top: 12px;
}

#ttappmain-page .main_content_right h3+p {
margin-top: 0;
}


/* - - ARTICLES PAGE - - */

/* - - TTAPP PAGES - - */
#articles-page .main_content_left {
text-align: center;
width: 265px;
padding-right: 20px;
}

#articles-page .main_content_left img {
padding: 6px;
background-color: #99E6C8;
}

#articles-page .main_content_left h2 {
text-align: left;
color: #ccaa00;
margin-bottom: 0;
margin-top: 0;
font-family: georgia, bookman old style, times, serif;
}

#articles-page .main_content_left ul { 
text-align: left;
margin: 9px 0 0 0;
}

#articles-page .main_content_left li { 
margin-bottom: 12px;
}

#articles-page .main_content_left li h3 {
margin: 0 0 3px 0;
background: url(/images/design/icon-bullet.gif) no-repeat 0 45%;
padding: 0 0 0 21px;
font-size: 10px;
text-transform: uppercase;
}

#articles-page .main_content_left li p{
margin: 0;
padding: 0 0 0 21px;
font-size: 11px;
font-family: georgia, bookman old style, times, serif;
line-height: 18px;
}

#articles-page .main_content_right h2+h3 {
margin-top: 12px;
}

#articles-page .main_content_right h3+p {
margin-top: 0;
}

p.articles-readmore {
border-top: 1px dotted #CCAA00;
font-family: georgia, bookman old style, times, serif;
font-size: 11px;
margin-bottom: 30px;
}

p.articles-readmore a {
border-bottom: 1px dotted #fff;
}

p.articles-readmore a:hover {
color: #CCAA00;
border-bottom: 0;
}

/* BLISSWORK LESSONS */
#blisswork-page .main_content h3 {
clear: left;
}
#blisswork-page.lessons-blisswork .main_content {
background: transparent url(/images/design/inner_blisswork_right_middle.gif) repeat-y 0% 0%;
}

#blisswork-page.lessons-blisswork .top_vertical_divider {
background: transparent url(/images/design/inner_blisswork_right_top.gif) no-repeat 0% 0%;
}

#blisswork-page.lessons-blisswork .bottom_vertical_divider {
background: transparent url(/images/design/inner_blisswork_right_bottom.gif) no-repeat 0% 0%;
}

#blisswork-page.lessons-blisswork .main_content_left {
width: 185px;
}

#blisswork-page.lessons-blisswork .main_content_right {
width: 495px;
margin-left: 36px;
}

#blisswork-page.lessons-blisswork .main_content_left ul li {
background: url(/images/design/icon-bullet.gif) no-repeat 0 10%;
padding-left: 20px;
margin-bottom: 9px;
border-bottom: 1px dotted #e8e8e8;
padding-bottom: 9px;
}

#blisswork-page .main_content_right ul li {
background: url(/images/design/icon-bullet.gif) no-repeat 0 10%;
padding-left: 20px;
margin-bottom: 9px;
border-bottom: 1px dotted #e8e8e8;
padding-bottom: 9px;
}

#blisswork-page .main_content_right h2 {
font-size: 30px;
text-transform: none;
background: none;
margin-bottom: 0;
}

#blisswork-page.lessons-blisswork .main_content .extra_container .main_content_right p {
font-size: 12px;
line-height: 21px;
margin: 0 0 12px 0;
padding: 0;
}

#blisswork-page .main_content_right .picture1 img {
padding: 6px;
float: left;
margin: 0 10px 10px 0;
background: #e5fff5;
border: 1px dotted #99e6c8;
}
#blissworkreviews-page blockquote {
margin: 0;
padding: 0;
}

blockquote.blockquote1 {
margin: 0 0 15px 0;
padding-bottom: 15px;
background: transparent url(/images/design/icon-browndotsrepeat.gif) repeat-x bottom left;
}

blockquote.blockquote2 {
margin: 0 0 15px 0;
padding-bottom: 15px;
background: transparent url(/images/design/icon-browndotsrepeat.gif) repeat-x bottom left;
}

blockquote.blockquote1 strong {
font-family: georgia, bookman old style, times, serif;
color: #4AB48C;
font-size: 18px;
font-weight: normal;
font-style: italic;
line-height: 18px;
}

blockquote.blockquote2 strong {
font-family: georgia, bookman old style, times, serif;
color: #5779a9;
font-size: 18px;
font-weight: normal;
font-style: italic;
line-height: 18px;
}
blockquote span {
display: block;
text-transform: uppercase;
font-size: 12px;
margin: 3px 0 0 0;
padding: 0 0 0 18px;
font-weight: bold;
background: transparent url(/images/design/icon-bullet.gif) no-repeat 0 65%;
}

/* - - - ORDER PAGE - - - */

#order-page.alt-bg .main_content {
background: transparent url(/images/design/alt_bg_right_middle.gif) repeat-y 0% 0%;
}

#order-page.alt-bg .top_vertical_divider {
background: transparent url(/images/design/alt_bg_right_top.gif) no-repeat 0% 0%;
}

#order-page.alt-bg .bottom_vertical_divider {
background: transparent url(/images/design/alt_bg_right_bottom.gif) no-repeat 0% 0%;
}

#order-page.alt-bg .main_content_right {
width: 725px;
}

#order-page.alt-bg .main_content_right p {
font-size: 14px;
line-height: 20px;
}

/**********************************
CSS-styled Form
Adapted from Nick Rigby's article at:
www.alistapart.com/articles/prettyaccessibleforms/

***********************************/
.cmxform legend {
padding: 0;
color: #000;
text-transform: uppercase;
font-size: 12px;
padding: 5px;
border: 3px double #49B38B;
}

.sr {
position: absolute;
left: -9999em;
top: 0;
width: 1px;
height: 1px;
overflow: hidden;
}

.cmxform fieldset { border: 1px solid #49B38B;
background-color: #fff; 
padding: 10px;
margin: 10px 0;
}


.cmxform label {
display: inline-block;
line-height: 1.8;
vertical-align: top;
}

.cmxform fieldset ol {
margin: 0;
padding: 0;
}

.cmxform fieldset li {
list-style: none;
padding: 5px;
margin: 0 0 5px 0;
}

.cmxform fieldset fieldset {
border: none;
margin: 3px 0 0;
}

.cmxform fieldset fieldset legend {
padding: 0 0 5px;
font-weight: normal;
}

.cmxform fieldset fieldset label {
display: block;
width: auto;
}

.cmxform em {
font-weight: bold;
font-style: normal;
color: #f00;
}

.cmxform label { width: 140px; } /* Width of labels */
.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */


.cmxform {
width: 725px;

}
.cmxform fieldset fieldset { background: none; }

.cmxform fieldset li {
padding: 5px 10px 7px;
}

/* - - - - SERVICES PAGE - - - */
#blisswork-page h3+ ul{
margin-top: 6px;
}

#blisswork-page .main_content_left li {
background: transparent url(/images/design/icon-bullet.gif) no-repeat 0 65%;
padding-left:18px;
margin-bottom: 6px;
}

#blisswork-page .main_content_right h2+h3{
margin-top: 12px;
margin-bottom: 0;
padding-bottom: 0;
}

#blisswork-page .main_content_right dl{
margin: 0 0 24px 0;
padding: 0;
}


.main_content_right dt {
margin: 6px 0 3px 0;
padding: 0 0 0 18px;
color: #8e8c73;
text-transform: uppercase;
background: transparent url(/images/design/icon-bullet.gif) no-repeat 0 2px;
}

.main_content_right dd {
padding: 0 6px 12px 18px;
margin: 0 0 12px 0;
display: block;
border-bottom: 1px dotted #8e8c73;
}

.home-chi h2.header-blisswork1 {
padding-right: 10px;
}