html {height: 100%;}
body {background: url(images/main-bkg2.jpg) #95999a fixed no-repeat center top; margin: 30px 0px 0px 0px; height: 100%; font-family: "myriad-pro-1","myriad-pro-2", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; }
#container { width: 1000px; margin: 0 auto;}
h1 { font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2", Arial, Helvetica, sans-serif; font-size: 21px; font-weight: 600; text-transform: uppercase;}
h2,h3 { font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2", Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 600;}
li {padding-left: 0px;}
a { color: #CC3300; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }
p { font-family: "myriad-pro-1","myriad-pro-2", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; font-weight: 400; color: #000;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
#left { width: 160px; float:left;}
#center { width: 290px; float: left; padding: 8px;}
#right { width: 340px; float: left; margin-left: 5px; }
#footer { clear: both; width: 420px; margin-left: auto; margin-right: auto; padding-top: 20px; }
#center-sub { width: 500px; float: left; padding: 8px;}
#right-sub { width: 200px; float: left; margin-left: 5px; padding: 50px 0px 0px 0px; }
#right-sub .right-pic {border: 2px groove #FFFFFF; margin-bottom: 10px;}
#right-sub .right-pic2 {border: 2px groove #FFFFFF; margin-top: 54px; margin-bottom: 8px; float: left;}
#right-sub2 .right-pic2 {border: 2px groove #FFFFFF; margin-top: 54px; float: right;}
#center-sub .wareings-photo { margin: 10px 10px 10px 0px;}
#right-sub2 .right-pic { border: 2px groove #FFFFFF; margin: 16px 0px 0px 2px; float: right; }
#right-sub2 .right-pic-deep { border: 2px groove #FFFFFF; margin: 234px 0px 0px 2px; float: right; }
#center-sub2 { width: 400px; float: left; padding: 8px;}
#right-sub2 { width: 230px; float: left; margin-left: 5px; }
#right-sub2 .yoga-rules { margin:71px 0px 0px 0px;}
#home-classes-btn { width: 325px; height: 154px; background: url(images/classes-home-btn.png) no-repeat center; padding: 0px 0px 0px 0px;}
#schedule {width: 122px; height: 27px; overflow: hidden; float:left; margin: 104px 0px 0px 9px;}
#schedule .schedule-hover a:hover img { padding-left:400px; }
#descriptions {width: 163px; height: 27px; overflow: hidden; float: left; margin: 104px 0px 0px 14px;}
#descriptions .descriptions-hover a:hover img { padding-left: 400px; }
#home-yoga-btn { width: 325px; height: 154px padding: 0px 0px 0px 0px;}
#home-blog-btn { width: 325px; height: 185px padding: 16px 0px 0px 0px; margin-top: 38px;}
#center-sub a { color: #CC3300; text-decoration: none; }
#center-sub a:hover { color: #000000; text-decoration: underline; }
#center-sub ul { padding: 0px;}
#center-sub ul li { list-style: none; font-size: 13px; }
#center-sub img { border: 2px groove #FFFFFF;}
#center-sub .no-border { border: none;}
#list-floats { width: 150px; float: left; margin-right: 6px; text-align: left;}
#list-floats ul {padding-left: 0px; margin-left: 0px; text-indent: 0px;}
#list-floats ul li {padding-left: 0px; margin-left: 0px; text-indent: 0px;}
#center-sub .bullets li { list-style: circle; padding-left: 10px; margin-left: 10px; line-height: 18px; }
#contact-form { font-size: 13px; line-height: 19px;}
#contact-form img {border: none;}
#trainer-links { width: 170px; float: left; margin: 0px 8px 4px 0px;}
#trainer-links img { border: 2px groove #ffffff;}
#trainer-links a {margin: 1px 0px 2px 4px;}
#trainer-links a:hover { color: #FFFFFF;}
#trainer-list {clear: both; margin-top: 12px; padding-top: 10px;}
.trainer-quote { font-size: 14px; color: #333333; font-weight:bold;}
/*#fit-bkg {background: url(images/fit-bkg.jpg) top center no-repeat #ccc; width: 414px; height: 763px; padding: 5px 10px 5px 10px; border: 2px groove #ccc;}
#fit-bkg p {font-size: 16px; line-height: 20px;}*/
#fit-footer {margin-top: 5px; background-color: #474747; padding: 1px 0 4px 0; width: 390px; border: 2px groove #ccc;}
#fit-footer p {text-align: center; color: #fff; font-size: 14px; line-height: 17px;}
#fit-footer p a {color: #f26631;}
.red { color: #f26631; font-size: 21px; font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2", Arial, Helvetica, sans-serif; font-weight: 600; margin-top: 0px; }
.shadow {
-moz-box-shadow: 2px 2px 2px #2c2c2c;
-webkit-box-shadow: 2px 2px 2px #2c2c2c;
box-shadow: 2px 2px 2px #2c2c2c;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#2c2c2c')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#2c2c2c');
}
#slidebox{position:relative; border:1px solid #ccc; margin-top: 2px;}
#slidebox, #slidebox .content{width:313px;}
#slidebox, #slidebox .container, #slidebox .content{height:177px;}
#slidebox{overflow:hidden;}
#slidebox .container{position:relative; left:0;}
#slidebox .content{background:#eee; float:left;}
#slidebox .content div{padding:0px 0px; height:100%; font-family: "myriad-pro-1","myriad-pro-2", Verdana, Geneva, sans-serif; font-size:13px;}
#slidebox .content div a img {border: none;}
#slidebox .content div img {border: none;}
#slidebox .next, #slidebox .previous{position:absolute; z-index:2; display:block; width:21px; height:21px;}
#slidebox .next{right:0; margin-right:10px; background:url(images/slidebox_next.png) no-repeat left top;}
#slidebox .next:hover{background:url(images/slidebox_next_hover.png) no-repeat left top;}
#slidebox .previous{margin-left:10px; background:url(images/slidebox_previous.png) no-repeat left top;}
#slidebox .previous:hover{background:urlimages/(slidebox_previous_hover.png) no-repeat left top;}
#slidebox .thumbs{position:absolute; z-index:2; bottom:10px; right:10px;}
#slidebox .thumbs .thumb{display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 4px; background:url(images/slidebox_thumb.png); color:#fff;}
#slidebox .thumbs .thumb:hover{background:#fff; color:#000;}
#slidebox .selected_thumb{background:#fff; color:#000; display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 4px;}
.tooltip {
display:none;
background: #666;
font-size:13px;
width:160px;
padding:25px;
color:#fff;
border: 1px solid #ccc;
-moz-box-shadow: 3px 3px 3px 2px #888;
-webkit-box-shadow: 3px 3px 3px 2px #888;
box-shadow: 3px 3px 3px 2px #888;
}
#dyna ul li a {color: #000; text-decoration: underline;}
.arrowlistmenu{
width: 160px; /*width of accordion menu*/
margin-top: 5px;
background-image:url(images/weights-holder2.png);
background-repeat: no-repeat;
background-position:top;
}
.arrowlistmenu a { text-decoration: none;}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-size: 15px;
Font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2", Arial, Helvetica, sans-serif;
color: black;
background:url(images/blank-weight2.png) center left no-repeat;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 4px 0 5px 10px; /*header text is indented 10px*/
height: 18px;
cursor: hand;
cursor: pointer;
font-weight: normal;
}
.arrowlistmenu .menuheader:hover { color: #FFFFFF;}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/active-weight.png);
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #A70303;
display: block;
padding: 2px 0;
padding-left: 9px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2", Arial, Helvetica, sans-serif; font-size: 15px;
}
.arrowlistmenu ul li a:visited{
color: #A70303;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
h3 {
margin: 0px; padding: 0px;}