@charset "UTF-8";

html {overflow-y:scroll;}
body {font: 62.5% Verdana, Arial, Helvetica, sans-serif;margin: 0;padding: 0;text-align: center;color: #333333;background:#ebebeb;}
a {text-decoration:none;color:#00C;text-shadow:1px 1px 1px #f1f1f1;}
a:visited {color:#009;}
a:hover {text-decoration:underline;}
a:active {;}
a img {border:none;}
h1, h2, h3 {color:#6a345d;}
h1 {font-size:3em;font-weight:lighter;text-shadow:1px 1px 2px #fff;}
h2 {font-size:1.5em;margin:20px auto auto 0;}
h3 {margin:20px auto auto 20px;}
p, ul {font-size:1.3em;}
span {color:#6a345d;}
ul {margin-bottom:30px;}
li {margin:10px auto;}
hr {border:none;height:2px;color:#6a345d;background-color:#6a345d;}
.clear {clear:both;}
.right {float:right;}
.left {float:left; margin-right:10px;}
.center {text-align:center;}
.backer {background:rgba(215,197,207,0.2);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;padding:10px;clear:both;}

#container, #container2 {width: 940px;margin: 0 auto;text-align: left;min-height:800px;padding:0 10px;background:#ebebeb url(../media/background.jpg) no-repeat top center;}
#container2 {background:#303030 url(../media/background2.jpg) no-repeat top center;}

#header {height:167px;-moz-border-radius-bottomleft:15px;-moz-border-radius-bottomright:15px;-webkit-border-bottom-left-radius:15px;-webkit-border-bottom-right-radius:15px;border-radius:0 0 15px 15px;}
#content {margin:13px 0 50px 167px;width:735px;min-height:500px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;padding:1px 20px;}
#main {width:735px;text-align:center;}
#copyright {color:#999;font-size:1em;text-align:center;clear:both;}


/*----------Polaroids----------*/
.photo {width:100%;height:100%;-webkit-backface-visibility:hidden;}
.photo img {border:1px solid #ccc;border-width:1px 0px 0px 1px;}
#mriyengarphoto, #profilephoto, #certificate, #contactphoto, #raceforlife, #ennis {background:#fff;padding:5px 5px 10px 5px;margin:-10px 10px 10px 10px;box-shadow:2px 2px 6px #a3a3a3;-webkit-box-shadow:2px 2px 5px #a3a3a3;-moz-box-shadow:2px 2px 6px #a3a3a3;border:1px solid #f1f1f1;-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);transform:rotate(2deg);-webkit-backface-visibility:hidden;}
#mriyengarphoto {width:120px;height:120px;float:right;}
#profilephoto {width:115px;height:135px;float:right;}
#certificate {width:177px;height:250px;float:left;margin:20px 20px 20px 0;-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);transform:rotate(-2deg);}
#contactphoto {width:80px;height:90px;padding:3px 3px 10px 3px;margin:5px 35px auto auto;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
#raceforlife {width:200px;float:right;margin:-20px 10px 20px 20px;text-align:center;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);transform:rotate(3deg);}
#ennis {width:200px;float:right;margin:20px 10px 20px 20px;text-align:center;-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);transform:rotate(-2deg);}


/*-----------Testimonials----------*/
.testimonial {width:100%;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;margin:20px 0 40px 0;font-size:1.4em;font-style:italic;color:#333;background:#d7c5cf;}
.testimonial p {border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;margin:55px 0 10px 0;padding:12px 20px 35px;line-height:1.2em;text-align:justify;}
.testimonial p:before {float:left;margin:-34px auto auto -15px;content: "\201C";font-family:"Times New Roman", Times, serif;font-size:5em;font-weight: bold;color:#fff;text-shadow:1px 1px 2px #999;}
.testimonial p:after {float:right;margin:90px 0px auto auto;content: "\201d";font-family:"Times New Roman", Times, serif;font-size:5em;font-weight: bold;color:#fff;text-shadow:1px 1px 2px #999;}
.testimonial cite {float:right;margin:-45px -43px 18px auto;color:#fff;text-shadow:1px 1px 1px #999;font-weight:bold;}

.testimonial2 {border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:30px 0 40px 0;font-size:1.2em;font-style:italic;color:#6a345d;}
.testimonial2 p {margin:0 0 10px 0;padding-top:0.8em;line-height:1.2em;}
.testimonial2:before {float:left;margin:-24px auto -40px -9px;content: "\201C";font-family:"Times New Roman", Times, serif;font-size:5em;font-weight: bold;text-shadow:1px 1px 2px #f1f1f1;color:#a66f91;}
.testimonial2:after {float:right;margin:-20px auto -45px auto;content: "\201d";font-family:"Times New Roman", Times, serif;font-size:5em;font-weight: bold;text-shadow:1px 1px 2px #f1f1f1;color:#a66f91;}
.testimonial2 cite {font-size:0.8em;font-style:italic;color:#666;}
.small {width:300px;margin:30px 10px 40px 10px;}


/*----------Menu----------*/
#menu, #menu2 {float:left;margin:3px auto auto 20px;width:145px; height:400px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;text-align:center;}
#menu ul, #menu2 ul {list-style-type:none;margin:0;padding:0;font-size:1em;}
#menu ul li, #menu2 ul li {margin:15px 0;}
#menu a, #menu a:hover {display:block;width:130px;height:32px;background:url(../media/menu.jpg) no-repeat top center;}
#menu a.selected {background:url(../media/menu.jpg) no-repeat top center;}
#menu2 a, #menu2 a:hover {display:block;width:132tospx;height:32px;background:url(../media/menu2.jpg) no-repeat top center;}
#menu2 a.selected {background:url(../media/menu2.jpg) no-repeat top center;}

#menu #home a, #menu2 #home a {background-position:0 0px;}
#menu #eightyoga a, #menu2 #eightyoga a {background-position:0 -44px;}
#menu #classes a, #menu2 #classes a {background-position:0 -87px;}
#menu #fees a, #menu2 #fees a {background-position:0 -131px;}
#menu #aboutdiane a, #menu2 #aboutdiane a {background-position:0 -175px;}
#menu #faq a, #menu2 #faq a {background-position:0 -219px;}
#menu #links a, #menu2 #links a {background-position:0 -261px;}
#menu #gallery a, #menu2 #gallery a {background-position:0 -305px;}
#menu #contact a, #menu2 #contact a {background-position:0 -349px;}

#menu #home a:hover, #menu #home a.selected, #menu2 #home a:hover {background-position:-150px 0px;}
#menu #eightyoga a:hover, #menu #eightyoga a.selected, #menu2 #eightyoga a:hover {background-position:-150px -44px;}
#menu #classes a:hover, #menu #classes a.selected, #menu2 #classes a:hover {background-position:-150px -87px;}
#menu #fees a:hover, #menu #fees a.selected, #menu2 #fees a:hover {background-position:-150px -131px;}
#menu #aboutdiane a:hover, #menu #aboutdiane a.selected, #menu2 #aboutdiane a:hover {background-position:-150px -175px;}
#menu #faq a:hover, #menu #faq a.selected, #menu2 #faq a:hover {background-position:-150px -218px;}
#menu #links a:hover, #menu #links a.selected, #menu2 #links a:hover {background-position:-150px -260px;}
#menu #gallery a:hover, #menu #gallery a.selected, #menu2 #gallery a:hover, #menu2 #gallery a.selected {background-position:-150px -305px;}
#menu #contact a:hover, #menu #contact a.selected, #menu2 #contact a:hover {background-position:-150px -348px;}


/*-----------Index----------*/
#strapline {margin:17px auto 0 auto;text-align:center;}
/*#slideshow {height:400px;width:400px;margin:10px auto;text-align:center;}
#slideshow img {margin:auto;display: block;}
#slide {height:400px;width:400px;}*/
#showcase {height:492px;width:775px;margin:0 auto 0 -20px;text-align:center;overflow:hidden;}
#showcase img {margin:auto;display: block;}
#slide {height:492px;width:773px;}
#signup {width:274px;height:137px;background:url(../media/signup.png) 0px -137px no-repeat;position:relative;top:-129px;left:400px;z-index:1000;cursor:pointer;overflow:visible;}
#signup:hover {background:url(../media/signup.png) 0px -7px;}
#signup a {display:block;text-indent:-999em;width:100%;height:100%;}


/*-----------Eight Yoga----------*/
#stages {width:700px;margin:auto;}
#whyeighttext {width:700px;margin:auto;text-align:center;}


/*-----------Classes----------*/
table.classes{line-height: 1.4em;font-style: normal;border-collapse:separate;text-align:center;margin:10px auto 30px auto;width:100%;}
.classes thead th {padding:5px;color:#fff;text-shadow:1px 1px 1px #568F23;border:1px solid #753a67;border-bottom:3px solid #753a67;background-color:#a3508f;
background:-webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0.02, #6a345d),
  color-stop(0.51, #813f71),
  color-stop(0.87, #a3508f)
  );
background: -moz-linear-gradient(
  center bottom,
  #6a345d 2%,
  #813f71 51%,
  #a3508f 87%
);
    -webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius:5px 5px 0px 0px;border-top-left-radius:5px;border-top-right-radius:5px;}
.classes tbody th {background:#e5c9de;padding:4px;border: 2px solid #dfbed7;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-shadow:1px 1px 1px #fff;}
.classes tbody td{padding:4px;text-align:center;background-color:#f0e0ec;border: 2px solid #ead5e5;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-shadow:1px 1px 1px #fff;}

.day {width:56px;}
.time {width:90px;}
.level {width:38px;}
.places {width:38px;}

.venue {width:145px;height:40px;}
.venue:hover {background-color:#ead5e5;}
.venue span {display:inline;text-decoration:underline;}
.venue:hover span {display:none;}
.venue a {display:block;}
.venue span.rollover {display:none;}
.venue:hover span.rollover {display:inline;}

.fee {width:80px;}

.classes tbody td.dates {width:140px; text-align:left;}
/*.dates:hover {background-color:#ead5e5;}*/
.dates span {display:inline;text-decoration:underline;}
.dates:hover span {display:none;}
.dates a {display:block;}
.dates span.rollover {display:none;}
.dates:hover span.rollover {display:inline;}




#concessions {float:right;margin:-30px 20px auto auto;position:relative;font-size:0.8em;color:#6a345d;clear:both;}
#timetable {margin:-15px auto 10px;}


/*-----------Contact----------*/
#contactform {width:490px;margin:auto auto auto 80px;}
fieldset { border:none;}
label {  float: left;text-align: right;margin-right: 15px;width: 120px; font-size:1.4em;margin-top:8px;}
label span {color:#F00;}
.nb {font-size:1em;font-style:italic;color:#F00;}
input {width:200px;height:30px;}
textarea {height:170px;width:345px;max-width:345px;}
#Difficult {width:346px;}
input, textarea, .submit-button {margin:2px;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
input:hover, input:focus, textarea:hover, textarea:focus {border:1px solid #6a345d;}
.submit-button {background:#fff;float:right;padding:5px 10px;width:80px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;cursor:pointer;}
.submit-button:hover {background:#000;color:#fff;border:none;}
.LV_validation_message, .LV_invalid {color:#F00;position: absolute;margin:12px auto auto 5px;}

.question {margin:0; padding:0; margin-left:-19px; width:15px; height:15px; vertical-align:text-bottom; cursor:pointer;} 

p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.9em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

/*-----------FAQ----------*/
.faq {color:#333;font-size:1em;}
#faqs {margin-top:40px;}
#faqs h2 {margin-left:20px;cursor:pointer;}
#faqs h2 + div {margin:5px auto 30px 40px;}


/*-----------Links----------*/
#recommends {}
#recommends em {color:#6a345d;}
#recommends strong {font-weight:lighter;font-size:1.4em;}
.cspc {margin-top:5px;}
.links {margin-bottom:30px;}

/*-----------Gallery----------*/
#photos {width:720px;text-align:center;margin:auto;}
#photos .thumb {float:left;margin:10px;text-align:center;}
.thumb a {margin:auto;}


/*-----------Backup----------*/
#backup {width:370px;margin:auto auto auto 120px;}
.red {color:#F00;}
#verify {background:#fff;float:right;padding:5px 10px;width:80px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;cursor:pointer;}