/*GENERAL PAGE STYLES*/
html {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
font:normal 80% Arial, sans-serif;
color:#fff;
background:#000;
text-align:center;
}

img { -ms-interpolation-mode: bicubic; }

object { outline: none; }

#outer_wrapper {
position:relative;
}

#skip {
position:absolute;
top:0;
left:-999px;
}

a {outline:none;}

/*HEADER STYLES*/
#header {
position:relative;
width:950px;
height:171px;
/*background:url(images/header_bg1.jpg) center center no-repeat;*/
margin:0 auto;
}

#header.studio {
background:url(images/header_studio.jpg) center center no-repeat;
}

#header.classes {
background:url(images/header_classes.jpg) center center no-repeat;
}

#header .slide {
width: 950px;
height: 171px; 
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
background: transparent no-repeat scroll center center;
display: none;
}

#header h1 {
display:none;
}

#header .logo {
position:absolute;
top:30px;
left:10px;
z-index:10;
}

#header .logo a:link img,
#header .logo a:visited img {
border:0;
}

/*MENU STYLES*/
#menu_wrapper {
position:absolute;
top:0;
left:0;
width:100%;
text-align:center;
}

#menu_wrapper .inner {
position:relative;
width:950px;
margin:0 auto;
height:100px;
}

#menu {
position:absolute;
top:30px;
right:10px;
}

#menu ul {
margin:0;
padding:0;
list-style:none;
text-align:left;
}

#menu ul li {
float:left;
position:relative;
}

#menu ul li a:link span,
#menu ul li a:visited span {
display:none;
}

#menu ul li a:link,
#menu ul li a:visited {
display:block;
float:left;
height:26px;
width:85px;
border:1px solid transparent;
}

#menu ul li a:hover,
#menu ul li:hover a:link,
#menu ul li:hover a:visited,
#menu ul li.over a:link,
#menu ul li.over a:visited {
background-color:#262020;
border:1px solid #444140;
}

#menu ul li a.menu_studios {
width: 100px;
}

#menu ul li a.menu_studio:link,
#menu ul li a.menu_studio:visited {
background-image:url(images/menu_thestudio.png);
background-position:0 0;
background-repeat:no-repeat;
}

#menu ul li a.menu_studios:link,
#menu ul li a.menu_studios:visited {
background-image:url(images/menu_thestudio.png);
background-position:0 0;
background-repeat:no-repeat;
}

#menu ul li a.menu_home:link,
#menu ul li a.menu_home:visited {
background-image:url(images/menu_home.png);
background-position:0 0;
background-repeat:no-repeat;
}
#menu ul li a.menu_pilatesnews:link,
#menu ul li a.menu_pilatesnews:visited {
background-image:url(images/menu_methods.png);
background-position:0 0;
background-repeat:no-repeat;
}

#menu ul li a.menu_classes:link,
#menu ul li a.menu_classes:visited {
background-image:url(images/menu_classes.png);
background-position:0 0;
background-repeat:no-repeat;
}

#menu ul li a.menu_about:link,
#menu ul li a.menu_about:visited {
background-image:url(images/menu_about.png);
background-position:0 0;
background-repeat:no-repeat;
}

#menu ul li a.menu_contact:link,
#menu ul li a.menu_contact:visited {
background-image:url(images/menu_contact.png);
background-position:0 0;
background-repeat:no-repeat;
}

#menu ul li ul {
display:none;
position:absolute;
top:26px;
left:0;
background-color:#262020;
border:1px solid #444140;
padding:0 5px;
width:150px;
font-size:85%;
}

li > ul {
    top: auto;
    left: auto;
    }

#menu ul li:hover ul,
#menu ul li.over ul {
display:block;
}

#menu ul li ul li {
float:none;
border-bottom:1px dotted #4d4a4b;
}

#menu ul li ul li.last {
border-bottom:0;
}

#menu ul li ul li a:link,
#menu ul li ul li a:visited {
float:none;
color:#999595;
text-decoration:none;
height:auto;
border:0;
width:100%;
padding:3px 0;
}

#menu ul li ul li a:hover {
 border:0;
 background-color:#262020;
 color:#ce4400;
}

#menu ul li:hover ul li a:link,
#menu ul li:hover ul li a:visited {
background-color:transparent;
border:0;
}

/*

 STYLES
*/

#content {
min-height:326px;
overflow:visible;
background:#E5E4DD url(images/contentbg.jpg) 0 0 repeat-x;
}

#content #inner {
position:relative;
width:950px;
margin:0 auto;
padding-bottom:10px;
text-align:left;
overflow:auto;
}

* html #content #inner {
height:326px;
}

/*left1 col*/

#content #left1 {
width:450px;

float:left;
}

#content #left1 div {

margin-top:50px;
overflow:auto;

}

#content #left1 h2 {
font-size:180%;
margin-top:30px;
 font-weight:normal;
 color:#ce4400;
}

#content #left1 p {
width:350px;
 color:#000;
}

#content #left1 p.book_class a:link,
#content #left1 p.book_class a:visited {
padding-left:15px;
background:url(images/content_arrow_grey.png) left center no-repeat;
text-decoration:none;
color:#ce4400;
}

#content #left1 p.book_class a:hover {
text-decoration:underline;
}

/*right col*/
#content #right1 {
width:480px;
height:340px;
float:right;
background:url(images/how_can_we_help_bg.png) center center no-repeat;
margin-top:25px;
}

/*
    this div exists to place the orange person kicking the ball. this comand can be removed
    once the animation is in place
*/
#content #right1 .inner {
width:480px;
height:300px;
background:url(images/cartoon_something.png) 10px 130px no-repeat;
}

#content #right1 h2 {
 float:left;
 width:120px;
 font-weight:normal;
 margin-left:20px;
 margin-top:50px;
 font-size:160%;
}


#content #right1 ul {
margin:0 0 0 180px;
padding:45px 0 0 0;
list-style:none;
}

#content #right1 ul li {
 margin-bottom:2px;
 padding-left:20px;
}

#content #right1 ul li a:link,
#content #right1 ul li a:visited {
display:inline-block;
background:#000;
color:#fff;
text-decoration:none;
padding:3px 5px;
font-size:90%;
}

#content #right1 ul li:hover {
background:url(images/content_arrow_white.png) left center no-repeat;
}


#content #right1 ul li a:hover {
background:#a42a00;
}

/*ALTERNATE CONTENT STYLES*/
#content {
 color:#000;
}
#content #left {
float:left;
 width:150px;
 height:300px;
 padding-left:20px;
 background:url(images/left_col_bg.gif) top right no-repeat;
}

#content #left h2 {
 font-size:120%;
 margin-top:0;
 padding-top:30px;
}

#content #left ul {
margin:0 10px 0 0;
padding:0;
list-style:none;
}

#content #left ul li a:link,
#content #left ul li a:visited {
display:block;
 border-bottom:1px dotted #959490;
 color:#ce4400;
 background:url(images/content_arrow_grey.png) left center no-repeat;
 padding:5px 5px 5px 15px;
 text-decoration:none;
}

#content #left ul li a:hover {
 text-decoration:underline;
}

#content #right {
padding-left:200px;
}

#content #right h1 {
 font-size:180%;
 margin-top:0;
padding-top:25px;
 font-weight:normal;
 color:#ce4400;
}

#content #right p.arrow_link {
margin:3px 0;
padding:0 0 0 15px;
background:url(images/content_arrow_grey.png) left center no-repeat;
}

#content #right p.arrow_link a:link,
#content #right p.arrow_link a:visited {
color:#ce4400;
text-decoration:none;
}

#content #right p.arrow_link a:hover {
text-decoration:underline;
}

#content #right .right {
float:right;
width:320px;
padding:0 10px 20px 10px;
border-bottom:1px dotted #959490;
}

#content #right .right h2 {
margin:0;
padding:0;
color:#ce4400;
font-size:120%;
}

#content #right .entry {
border-top:1px dotted #959490;
width:370px;
}

#content #right .entry h2 {
margin-bottom:0;
padding:0;
color:#ce4400;
font-size:120%;
}

#content #right .entry p {
overflow:auto;
margin-top:5px;
}

#content #right .entry p strong {
display:block;
float:left;
width:130px;
}

#content #right .entry p span {
display:block;
float:left;
width:230px;
}

#right .slideshow {
 float:right;
 margin-left: 50px;
 width: 372px;
 padding-bottom: 6px;
 text-align: center;


 position: relative;
}

#right .slideshow  ul.thumbnails{
left:-25px;
margin:0;
padding:0;
position:absolute;
top:0;
width:50px;
 
}

#right .slideshow  ul.thumbnails li{
 float: left;
 margin-right: 5px;
 list-style-type: none;
}

#right .slideshow  ul.thumbnails li img {
 width: 44px;
 border: 2px solid #a9a8a0;
 cursor: pointer;
}

#right .slideshow  ul.thumbnails li.active img{
 border: 2px solid #cf4501;
}

#right .slideshow .slide {
 position: absolute;
 top: 0;
 left: 30px;
 display: none;
}

/*FOOTER*/
#footer {
position:relative;
padding-top:30px;
background:#000 url(images/pilates_glow.jpg) top center no-repeat;
}

#footer .inner {
width:950px;
margin:0 auto;
text-align:left;
}

/*FOOTER NEWS*/
#footer_news {
width:400px;
margin-bottom:50px;
}

#footer_news h2 {
 font-weight:normal;
 font-size:150%;
}

#footer_news h2 a {
  color: white;
  text-decoration: none;
}

#footer_news h3 {
 margin-bottom:0;
 padding-bottom:0;
   font-size:120%;
}

#footer_news p {
padding:5px 0;
margin:0;
color:#9c9c9c;
font-size:90%;
}

#footer_news p a:link,
#footer_news p a:visited {
 color:#ce4400;
 text-decoration:none;
}

#footer_news p a:hover {
 text-decoration:underline;
}

/*FOOTER CONTACT*/
#footer_contact {
 width:480px;
 float:right;
}

#footer_contact h2 {
font-weight:normal;
 font-size:150%;
margin:0;
padding:0;
}

#footer_contact h3 {
 margin:10px 0 0 0;
  font-size:120%;
}

#footer_contact p {
padding:5px 0;
margin:0;
color:#9c9c9c;
font-size:90%;
}

#footer_contact p a:link,
#footer_contact p a:visited {
text-decoration:none;
color:#ce4400;
}

#footer_contact p a:hover {
text-decoration:underline;
}

#footer_contact p.more_info a:link,
#footer_contact p.more_info a:visited {
padding-left:15px;
background:url(images/content_arrow_orange.png) left center no-repeat;
}

/*BOTTOM MENU*/
#bottom_menu {
margin-bottom:10px;
overflow:auto;
font-size:90%;
height: 14px;
}

#bottom_menu ul {
 margin:0 0 0 -10px;
 padding:0;
 list-style:none;
}

#bottom_menu ul li {
 display:inline;
}

#bottom_menu ul li a:link,
#bottom_menu ul li a:visited {
 display:block;
 float:left;
 color:#ce4400;
 text-decoration:none;
 border-right:1px solid #9c9c9c;
 padding-right:10px;
 margin-left:10px;
 line-height:1.1em;
}

#bottom_menu ul li a:hover {
text-decoration:underline;
}

#bottom_menu ul li.last a:link,
#bottom_menu ul li.last a:visited {
 border-right:none;
}

/*COPYRIGHT STYLES*/
#copyright {
 border-top:1px dotted #4e5151;
 padding-top:10px;
 margin-bottom:30px;
 font-size:90%;
 color:#4e5151;
}

#copyright a:link,
#copyright a:visited {
 color:#807f83;
 text-decoration:none;
}

#copyright a:hover {
 text-decoration:underline;
}

#copyright span {
 padding-right:15px;
}

/* the overlayed element */
div.overlay {
 /* dimensions after the growing animation finishes */
width:550px;
height:420px;
 /* initially overlay is hidden */
 display:none;
/* some padding to layout nested elements nicely */
padding:55px;
text-align: left;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
background-image:url(images/close.png);
position:absolute;
right:5px;
top:5px;
cursor:pointer;
height:35px;
width:35px;
}

/* use a semi-transparent image for overlay */
#overlay {
    background-image:url(images/transparent.png);    
    color:#efefef;     
}

/* container for external content. uses vertical scrollbar if needed */
div.wrap {
    height:441px;
    overflow-y:auto;
}

.alignleft
{
    float: left;
}
.hidden-container {
	display: none;
}