/* Pilates CSS Document */

body{margin:0; padding:0; background:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:67.5%; color:#666666;}

/* Layout */
#outer_wrap{width:778px; background:#ffffff; margin:auto; padding:0; position:relative;}
#lhc{width:208px; float:left; margin:0; padding:0; border:0;}
#mc{width:342px; float:left; margin:0; padding:10px; border:0;}
#mcp{width:530px; float:left; margin:0; padding:10px; border:0;}
#rhc{width:208px; float:right; display:block; margin:0; padding:0; border:0;}
#footer{width:778px; clear:both; border-top:1px solid #000066; border-bottom:2px solid #999999; background:#666666; color:#ffffff; font-size:0.8em; text-align:center; height:20px; line-height:20px; position:relative;}

/* hat */
#hat{list-style-type:none; display:block; height:30px; width:773px; padding:0; margin:0 5px 0 0;}
#hat li{display:block; height:30px; float:right; color:#404040; text-indent:24px; line-height:34px;}
#hat li.phone{background:url('../_images/hat_phone.jpg') no-repeat 3px 0px;}
#hat li.email{background:url('../_images/hat_email.jpg') no-repeat 3px 0px;}
#hat li a{color:#404040; text-decoration:none;}

/* header */
#header{width:778px; height:152px; margin:0 0 2px 0; padding:0;}
.home{background:url('../_images/header_home.jpg') no-repeat;}
.about{background:url('../_images/header_about.jpg') no-repeat;}
.contact{background:url('../_images/header_contact.jpg') no-repeat;}
.who{background:url('../_images/header_who.jpg') no-repeat;}
.what{background:url('../_images/header_what.jpg') no-repeat;}
.where{background:url('../_images/header_where.jpg') no-repeat;}
#header img.logo{float:right;}

/* Nav */
#nav{display:block; width:208px; list-style-type:none; float:left; padding:0; margin:0;}
#nav li{display:block; width:208px; height:28px; border-bottom:1px solid #fff; float:left;}
#nav li a{display:block; width:208px; height:28px;font-weight:bold; color:#ffffff; text-indent:30px; line-height:28px; text-decoration:none; background:#000066 url('../_images/nav_bg.jpg') no-repeat;}
#nav li a:hover{color:#adbff8;}

/* small boxes */
h3{font-size:1.0em; font-weight:bold; margin:0 0 10px 0; padding:0; display:block;}
h3.bluetitle{color:#000066;}
h3.whitetitle, h3.whitetitle a:link, h3.whitetitle a:active, h3.whitetitle a:visited{color:#ffffff;}

/* lhc */
#aboutme{width:188px; padding:10px; margin:0; float:left;}
#testimony{width:188px; padding:10px; margin:0; float:left; background:#000066; color:#ffffff;}
#links{width:188px; padding:10px; margin:0; float:left;}
/* rhc */
#whatis{width:188px; padding:10px; margin:0; float:left;}
#whobenefit{width:188px; padding:10px; margin:0; float:left; background:#000066; color:#ffffff;}
#wherewhen{width:188px; padding:10px; margin:0; float:left;}

#aboutme p, #testimony p, #whatis p, #whobenefit p, #wherewhen p, #mc p, #mcp p{line-height:1.2em; margin:0 0 10px 0; padding:0; display:block;}
#links img{margin:0 0 0 21px;}
#testimony #by{color:#999999; font-style:italic; font-size:0.9em; float:right;}

/* content */
h2{color:#000066; font-size:1.4em; padding:0; margin:0 0 15px 0;}
.bold{font-weight:bold;}
.blackborder{border:1px solid #000000;}
.left{float:left; margin:0 5px 5px 0;}
.right{float:right; margin:0 0 5px 5px;}

/* Table */
.pinciples{width:530px; margin:0 0 5px 0;}
th.title{text-align:left; background:#ffffff; color:#404040; padding:5px;}
th{background:#000066; color:#ffffff; vertical-align:top; width:100px; text-align:left; padding:5px;}
td{background:#adbff8; line-height:1.2em; padding:5px; color:#000000; vertical-align:top;}

/* links */
a{color:#000066; text-decoration:none;}
a:hover{text-decoration:underline;}
a.r{float:right;}
a.white{color:#ffffff;}