/* EXERCISE SMARTER
-----------------------------------------------------------------------------------------
Site design and layout, copyright 2007 Design by Reese
Author: Design by Reese
Modified: September 28, 2007

www.designbyreese.com

Copyright laws apply; please don't steal this design or the content of the site or legal action will be taken.

*/

/* - - - GLOBAL - - - */
body {
background-color: #99e6c8;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
color: #3A3A3A;
}

hr {
display: none;
}

ul, ol, li {
margin: 0;
padding: 0;
}

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

.header_logo {
position: relative;
margin: 0 auto;
width: 250px;
height: 191
text-align: left;
z-index: 5500;
}

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

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

#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 {
background-position: 0 -41px;
}

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

li#about a:hover {
background-position:-96px -41px;
}

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

li#resources a:hover {
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 {
background-position:-353px -41px;
}

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

li#blisswork a:hover {
background-position:-500px -41px;
}

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

li#articles a:hover {
background-position:-642px -41px;
}




.main_content {
height: 362px;
width: 773px;
margin: 0;
}

.main_content_left {
background-image: url(/images/design/main_page_content_left.jpg);
height: 365px;
width: 451px;
margin: 0;
float: left;
}

.main_content_right {
background-image: url(/images/design/main_page_content_right.gif);
height: 365px;
width: 322px;
float: right;
}

.footer_bar {
background-image: url(/images/design/copyrightblur.png);
margin: 0 45px;
width: 673px;
height: 6px;
position: absolute;
margin-top: 328px;
z-index: 50;
}

#footer {
margin: 0;
width: 700px;
position: absolute;
margin-top: 315px;
z-index: 55;
}


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

#footer_content p {
padding-top: 15px;
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;
}

#bliss_link {
position: absolute;
margin: 63px 0 0 -77px;
width: 195px;
height: 191px;
text-align: center;
background: transparent url(/images/design/icon_bliss.png) no-repeat;
z-index: 1000;
}

#bliss_link_hover a:hover {cursor:pointer;}

#bliss_link:hover {
position: absolute;
margin: 63px 0 0 -77px;
width: 195px;
height: 191px;
text-align: center;
background: transparent url(/images/design/icon_bliss_hover.png) no-repeat;
z-index: 1000;
}
/* - - - HEADINGS - - - */
h1 {
text-indent: -9999px;
font-size: 1px;
color: #fff;
display: block;
}

.main_content_left h2 {
text-indent: -9999px;
font-size: 1px;
color: #fff;
display: block;
}

.main_content_right h2 {
text-indent: -9999px;
font-size: 1px;
color: #fff;
display: block;}

.main_content_right h3 {
text-indent: -9999px;
font-size: 1px;
color: #fff;
display: block;
}