/* CSS Document styles for Centered*/

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

hr{
  color:#202020;
  background: #202020;
}
ol, ul {
	list-style: none;
}

a, a:visited, a:link, a:active
 {
   color:#202020;
 }
a:hover, #centeredstudio p a:hover {
  color:#f15a21;
}
h1 {
   font-weight:bold;
   font-size:150%;
   margin-left:200px;
   margin-top:-40px;
   margin-bottom:30px;
   color:white;
 } 
 
h2 {
  font-weight:bold;
   font-size:100%;
   margin-left:20px;
   margin-top:20px;
}   

body{
  
  color:#202020;
  line-height:1;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  
}
#wrap
{
  margin: 0 auto 0 auto;
  padding: 0;
  width:840px;
  position:relative;
  min-height:100%;
  height: auto !important;
  height: 100%;
  background:white;
}
#header
{
  width:818px;
  display:inline-table;
  margin-left:-18px;
  position:relative;
  height:175px;
  background: url(images/rightcorner.gif) no-repeat right 112px;
  z-index:1500;
}

#header img#logo
{
  margin-right:20px;
}
#header .contactinfo
{
 top:-110px;
 padding-left:5px;
 position:relative;
 
}

#header ul {
 margin-left:220px;
 margin-top:-100px;
}
#header ul li
 {
   float:left;
   margin-right:40px;
   font-weight:bold;
 }
 #header ul li a
 {
   
   text-decoration:none;
 }
#maincontent
{
  min-height:700px;
  width:800px;
  margin:0px auto;
 height:100%;
 font-size:75%;
  background: url(images/contentbackground.png) left 112px  repeat-x;
  padding-bottom:20px;

}
#maincontent2
{
  padding-bottom:20px;
  width:800px;
  margin:0px auto;
  font-size:75%;
  background: #fcfcfd url(images/contentbackground2.png) left 112px  repeat-x;
  height: 100%;
}
#maincontent2 .quote {
margin:0 20px 0 20px;
background: url(images/quote-bg.gif) no-repeat;

}
#maincontent2 p
 {
   margin: 10px 20px 10px 20px;
   line-height:1.4em;
   
 }
 #maincontent li p {
 margin-left:0;
 }
 #maincontent2 .quote p{
   margin-left:80px;
   font-style:italic;
 }
 #maincontent2 .quote .author{
   margin-left:80px;
   font-style:normal;
   margin-top:20px;
 }
 #maincontent2 .quote hr{
   margin: 20px 20px 20px 80px;
   color:#637185;
   background:#637185;
   border:none;
   height:1px;
 }
#maincontent2 .studiointro
 {
   color:white;
 }
 #maincontent2 .studiospecial
 {
   font-weight:bold;
 }
#maincontent p
 {
   margin: 10px 20px 10px 240px;
   line-height:1.4em;
   
 }
 
 #maincontent .about, #maincontent2 .about
 {
   margin-left:20px;
   
 }
 #maincontent .pricing
 {
   margin-left:20px;
   
 }
 #maincontent #pricing ul{
   margin-left:20px;
   line-height:1.4em;
 }
 #maincontent2 .header{
   margin-bottom:2px;
   margin-left:20px;
 }
 #maincontent2 .question {
   margin-left:20px;
   font-weight:bold;
   
 }
 #maincontent #rightimage, #maincontent #rightimage2, #maincontent2 #rightimage {
    float:right;
    margin: 0 20px 10px 20px;
 }
 #maincontent #rightimage2
 {
   margin-right:60px;
 }
 #maincontent2 ul#faqcentered, #maincontent ul#pricing, #maincontent ul#pricing2{
   list-style:inside disc;
   margin-left:20px;
   line-height:1.4em;
 }
 #maincontent2 ul#faqcentered
 {
   padding-bottom:20px;
 }
 #sidebar
 {
   width:180px;
   height: 75%;
   float:left;
   margin:20px;
    
   
 }
 #sidebar h2 {
   font-weight:bold;
 } 
 #sidebar ul#quotes
 {
   
   margin-bottom:20px;
   margin-top:10px;
   
 } 
#sidebar ul#quotes li
{
padding-right:5px;
border-right: 1px dotted #202020;
}
/*pilates image*/
#pilates {
  
  height:400px;
  width:512px;
  margin-left:220px;
  margin-top:-20px;

}
#pilates h1#centered{
display:none;
}

#pilates p, #pilates pre
{
  color:white;
  font-size:120%;
  font-weight:bold;
  margin:0;
  margin-left:120px;
  line-height:normal;
}
#pilates pre {
font-size: 100%;
}
#pilates p#instruction{
  margin-bottom:1em;
}
#pilates .cert
{
  font-size:140%;
}
  
#pilates #intro{
  font-size:130%;
  background: #f15a21;
  width:250px;
  margin-left:280px;
 
  padding:5px;
  
  
 }
 
 #pilates a,  #pilates #intro a:visited,
 #pilates #intro a:link, #pilates #intro a:active,
 #centeredstudio a,  #centeredstudio  a:visited,
 #centeredstudio a:link, #centeredstudio  a:active
  {
  color:white;
 } 
 #pilates #intro a:hover {
   color:#798baf;
 }
#studioleft,
#studiocenter,
#studioright
{
  float:left;
  margin-right:10px;
  margin-left:20px;
  
}
#studioleft {
  width:250px;
}
#studiocenter{
  width:180px;
  margin-top:20px;
  
}
#studioleft p,
#studiocenter p,
#studioright p,
#studiobottom p,
#rightimage .caption, #rightimage2 .caption
{
   margin:0;
   margin-bottom:20px;
   font-size:smaller;
   font-style:italic;
   font-weight:bold;
}
.caption {
 margin:0px;
}
 #pilates #intro p{ 
   margin:0;
 }
#studiobottom {
  clear:left;
  top:-220px;
  position:relative;
  margin-left:20px;
  height:285px;
  width:350px;
  
  
}  

#pilates img#centered{
  position:absolute;
  top:505px;
  left:335px;
}
/*ignored by ie6*/
.pilates[class] {
   background:url(images/pilatesgirl.png) center 150px no-repeat;
}   
/*make sure footer has a height so p is right under links*/
 #footer
 {
   
   font-size:75%;
   margin:1em auto;
   width:800px;
   height:20px;
   clear:both;
   margin-left:220px;
 
 }

 #footer ul li
 {
   float:left;
   margin-right:70px;
   margin-left:5px;
 }
 
#footer p
 {
   clear:both;
   padding-top:5px;
   margin-left:0;
 }
 