/* CSS Document */

body { margin:0; padding:0;}

img {behavior: url('includes/pngHack.htc');}

a.trio:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:9px; color: #666666; text-decoration: none; }
a.trio:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:9px; color: #666666; text-decoration: none; }
a.trio:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:9px; color: #007DC3; text-decoration: none; }
a.trio:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:9px; color: #007DC3; text-decoration: none; }

a.trioOn:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:9px; color: #007DC3; text-decoration: none; }
a.trioOn:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:9px; color: #007DC3; text-decoration: none; }
a.trioOn:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:9px; color: #007DC3; text-decoration: none; }
a.trioOn:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:9px; color: #007DC3; text-decoration: none; }

a.footer:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:9px; color: #007DC3; text-decoration: none; }
a.footer:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:9px; color: #007DC3; text-decoration: none; }
a.footer:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:9px; color: #007DC3; text-decoration: none; }
a.footer:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:9px; color: #007DC3; text-decoration: none; }

a:link 		{ color: #007DC3; text-decoration: none; }
a:visited 	{ color: #007DC3; text-decoration: none; }
a:hover 	{ color: #007DC3; text-decoration: underline; }
a:active 	{ color: #007DC3; text-decoration: none; }

#exercise a { color: #e0a700; font-weight:bold; }
#learn a { font-weight:bold; }
#shop a  	{ color: #19af71; }

#siteHeader { width:894px; height:84px; position:relative; left:0px; top:0px; z-index:300; }

#ipostureMark { width:73px; height:80px; position:absolute; left:10px; top:10px; }

#topNav { width:770px; height:55px; position:absolute; left:103px; top:29px; }
#ipostureLogo { position:absolute; left:0px; top:0px; }
#date { position:absolute; left:171px; top:9px; width:120px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333; }
#statement { position:absolute; left:300px; top:7px; width:470px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:right; }

#menuButtons { position:absolute; width:524px; height:25px; top:30px; left:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; }
#menuHome { position:absolute; width:130px; height:25px; top:0px; left:0px; color:#E51837; }
#menuHowiPostureWorks { position:absolute; width:130px; height:25px; top:0px; left:131px; color:#3596DD; }
#menuExercise { position:absolute; width:130px; height:25px; top:0px; left:262px; color:#ECBA0D; }
#menuLearn { position:absolute; width:130px; height:25px; top:0px; left:393px; color:#3596DD; }
#menuShop { position:absolute; width:130px; height:25px; top:0px; left:524px; color:#1EAE73; }


#pageContent { width:894px; z-index:200; }

#bkgPhoto {background:#FFFFFF url(images/bgImage_01.jpg) no-repeat;}
#bkgPhoto2 {background:#FFFFFF url(images/bgImage_02.jpg) no-repeat;}
#bkgPhoto3 {background:#FFFFFF url(images/bgImage_03.jpg) no-repeat;}
#bkgPhoto4 {background:#FFFFFF url(images/bgImage_04.jpg) no-repeat;}
#bkgPhotoElma {background:#FFFFFF url(images/bgImage_elma.jpg) no-repeat;}

#featuredExercise img {border:1px solid #f2b90d;}


#sideRight {}
#sideTitle { position:relative; top:39px; left:6px; }
#sideContent, .sidebar { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:15px; color:#000000; }

#footer { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#007DC3; z-index:300; margin:5px 0 5px 0; }
.copyright { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#AEABA4; text-decoration:none; }
h1, .headline { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:22px; color:#333333; margin:5px 0 5px 0;  }
h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#333333; margin:6px 0 4px 0;  }

h3 { font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#333333; margin:6px 0 4px 0;  }

p,.p { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#333333; margin:8px 0 8px 0; }
ul,ol { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#333333; margin:8px 0 8px 15px; padding:0 0 0 15px; }