@charset "UTF-8";
/* CSS Document */

/* This CSS document styles the "Fluid MYC" iteration of the Moksha Yoga Center website, implemented in August 2009. */


a {
color:#006699;
border:none;
text-decoration:none;
}

a img {
border:none;
}

a:hover {
text-decoration:underline;
color:#0099cc;
}

body, table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#036;
}

h1 {font-size: 20px;}
h2 {
	font-size: 14px;
	color: 036;
}

body.indexA{
	background-color: #deedfd;
	background-image:url(../images/splash/frontpage_back_glow.jpg);
	background-repeat:no-repeat;
	position:absolute;
	margin:0 0 0 0;
	padding:0 0 0 0;
	top:0px;
	left:0px;
	
} 

body.indexB{
	background-color: #d9eafe;
	background-image:url(../images/splash/index_b.jpg);
	background-repeat:no-repeat;
	position:absolute;
	margin:0 0 0 0;
	padding:0 0 0 0;
	top:0px;
	left:0px;
	
} 

body.index-c {
/* works with the centered container div */
	background-color: #d9eafe;
	background-image:url(../images/background/bg_bluesky_front.jpg);
	background-repeat:no-repeat;
	margin:0 0 0 0;
	padding:0 0 0 0;
	top:0px;
	left:0px;
}

div.container {
	position:relative;
	margin:0px 0px 0px 30px;
	width:910px;
	
}

div.container2 {
/* inside of the main conainer; floated; handles bg color and borders */

	float:left;
	margin:0px;
	padding:0px;
	border-style:none dotted dotted dotted;
	border-width:1px;
	border-color:#3399FF;
}

div#front-line-nav {
/* adds color bar underneath main navigation */
float:left;
background-color:#306fbc;
clear:both;
display:none;
}

#front-line-nav img {
width:900px;
height:1px;
}

div.myc-logo {
/* front page logo */
float:left; 
margin-top:11px;
margin-left:14px;
width:374px;
border:none;
text-align:left;
height:120px;
}

div.studio-info {
/* address & contact info for studios in top right of front page */
float:left;
margin-top:10px;
margin-left:40px;
width:300px;
height:110px;
text-align:right;
border:none;
}

div.front-photo {
float:left;
margin:0px;
padding:0px;
width:600px;
height:397px;
border:none;
}

div.around-the-studio {
/* front page block for studio news bullets */
float:left;
width:300px;
border:none;
padding:0px;
height:225px;
margin-top:0px;
margin-left:5px;
background-color:#B6E4EF;
background-image:url(../images_2010/backgrounds/ats_back.gif);
background-repeat:no-repeat;
overflow:hidden;
}

div.teacher-feature {
/* front page block for teacher feature */
float:left;
width:300px;
border:none;
padding:0px;
height:167px;
margin-top:5px;
margin-left:5px;
background-color:#336699;
overflow:hidden;
}

.around-the-studio ul {
/* modify default list formatting */ 
margin:0;
padding:0;
text-indent:0;
}

.around-the-studio ul li {
color:#FF6600;
list-style-type:none;
margin-left:10px;
margin-top:4px;

}

.around-the-studio ul li a {
text-decoration:none;
font-size:11px;
color:#006699;
font-weight:700;
letter-spacing:1px;
}

.around-the-studio ul li a:hover {
text-decoration:none;
color:#000066;
}

.ats-title {
/* title of "around the studio" block */
display:block;
font-size:15px;
font-weight:bold;
letter-spacing:1px;
color:#0066FF;
margin:7px 10px 4px 10px;

}

.teachfeat-title {
/* title of teacher feature block */
display:block;
font-size:15px;
font-weight:bold;
letter-spacing:1px;
color:#FFFFFF;
margin:7px 10px 4px 10px;
}

.teachfeat-title a {
text-decoration:none;
color:#7BF1FB;
}

.teachfeat-title a:hover {
text-decoration:underline;
}

.teacher-feature a img {
border:none;
}

div.front-navmenu {
clear:both;
float:left;
width:800px;
height:40px;
margin-left:30px;
}

div.front-events {
clear:both;
float:left;
width:905px;
border:none;
margin-top:5px;
text-align:left;
/*
background-color:#0066CC;
background-image:url(../images_2010/backgrounds/bg-front-events.gif);
background-position:top left;
background-repeat:repeat-x;*/
background-color:#0079b5;
background-image:url(../images_2010/backgrounds/bg-front-eventsBig.jpg);
background-position:top left;
background-repeat:no-repeat;
padding-bottom:15px;

}

div.front-footer {
float:left;
width:800px;
border:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:55px 0px 20px 45px;
color: #999999;
clear:both;
}

a.promoLinkdraft {
color:#cc3300;
font-size:11px;
letter-spacing:1px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

a.promoLink-indexb {
color:#965501;
font-size:11px;
letter-spacing:1px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

a.promoLink-indexb:hover {
text-decoration:none;
color:#A52D00;
}

a.promoLinkdraft:hover {
text-decoration:none;
color:#FF0000;
}

a.promoLink {
color:#cc3300;
font-size:14px;
letter-spacing:1px;
font-weight:bold;
}

a.promoLink:hover {
text-decoration:none;
color:#FF0000;
}

td.upcomingEventsBack {
background-repeat:no-repeat;
}

.eventsNavDiv {
background-image:url(../images/eventsNav/eventsNavBack.jpg);
background-repeat:no-repeat;
}

.eventsNavDivdraft {
	background-image:url(../images/eventsNav/eventsNavBack_indexb.jpg);
	background-repeat:no-repeat;
}

.root {
position:relative;
margin:0 0 0 0;
padding:0 0 0 0;
top:0px;
left:0px;
}

.absoroot {
position: absolute;
margin:0 0 0 0;
padding:0 0 0 0;
top:0px;
left:0px;
}

div.special-event {
/* for boutique sales, workshop discounts, etcetera */
width:550px;
background-image:url(../images/background/bg_special.gif);
background-repeat:repeat-y;
color:#5C130F;
margin-bottom:10px;
}

.special-event div {
padding:8px 8px 8px 8px;
}

.special-headline {
display:block;
margin:4px 0px 6px 0px;
font-size:14px;
font-weight:bold;
}

.special-subhead {
font-size:12px;
font-weight:bold;
color:#CC3300;
display:block;
padding:0px 0px 4px 0px;
}

.special-details {
display:block;
}

.eventstable {
background:none;
}

.eventstable td{
width:179px;
padding:5px;
}

.eventitem {
width:179px;
float:left;
padding:5px 6px 8px 6px;
}

.front-events .eventitem {
/* front page of site */
margin:15px 9px 8px 19px;
border:1px #58a8f9 dotted;
background-color:#06c;
}


.front-events .eventitem:hover, #event-tt .eventitem:hover {
background-color:#46cafd;
}

.eventitem a {
text-decoration:none;
color:#003366;
}

.eventitem a:hover {
text-decoration:none;
color:#146CD2;
}

#event-tt {
/* custom area for teacher training on  front page */
float:left;
}

#event-tt .eventitem{
width:400px;
float:left;
padding:5px 6px 8px 6px;
margin:15px 9px 8px 19px;
border:1px #58a8f9 dotted;
background-color:#014e93;
}

.eventpresentername {
background-color:#123f5C;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
padding:2px 1px 2px 3px;
}

.eventmonth {
clear:both;
font-size:15px;
font-weight:bold;
padding:20px 10px 10px 10px;
}

.eventdate {
background-image:url(../images/eventspage/eventGraphics/date_tab2.gif);
background-repeat:no-repeat;
height:23px;
}

.front-events .eventitem .eventdate {
background-image:none;
background-color:#0066CC;
height:23px;
}

.eventdate div {
font-weight:bold;
font-size:14px;
padding:5px 0 0 4px;
color:#FFFFFF;
}

.eventdescription {
padding:2px 2px 2px 2px;
background-color:#BCD4E5;
border-width:0px 0px 2px 0px;
border-color:#446596;
border-bottom-color:#66CCFF;
border-style:solid;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
letter-spacing:.5px;
height:23px;
overflow:hidden;
}

a.eventsNavLink {
text-decoration:none;
color:#001045;
}

a.eventsNavLink:hover {
color:#0033FF;
}

/* a.eventsNavLink:visited {
color:#001045;
} */

a.moreEvents {
text-decoration:none;
color:#001045;
}


/* Individual Event Pages */

.eventspage-container {
/* main container for individual event page content */
width:770px;
margin-left:30px;
}

.event-title {
clear:both;
margin: 15px auto 35px auto;
font-size:22px;
width:740px;
text-align:center;
}

.center-tainer {
text-align:center;
}

.event-presenter {
font-weight:bold;
color:#02223a;
display:inline-block;
}

.event-subtitle {
display:block;
padding:7px;
font-size:17px;
color:#006699;
}

.event-name {
font-weight:bold;
color:#006699;
display:inline-block;
padding-left:9px;
}



.event-details {
padding-left:5px;
padding-top:4px;
float:left;
font-size:12px;
color:1A2E4E;
margin-bottom:8px;
width:405px;
vertical-align:top;
border-top:2px solid #a1d2e7;
background-color:#d8eff9;
background-image:url(../images_2010/backgrounds/eventsdetails_back.gif);
padding-bottom:10px;
}

.event-details ul {
margin:0px;
padding:0px;
margin-bottom:10px;
margin-left:12px;
margin-top:5px;
}

.event-details ul li {
	list-style-type:none;
	color:#004264;
	width:320px;
	font-weight: bold;
}

.event-details ul li.li-date {
font-size:16px;
margin-bottom:4px;
}

.event-details ul li.rednote {
/* red notes on individual events pages */
font-size:14;
margin-top:6px;
margin-bottom:6px;
color:#CC3300;
}

.event-details ul li.rednote a {
color:#993300;
}

.event-photo {
width:350px;
float:left;
margin-right:10px;
margin-bottom:3px;
overflow:hidden;
outline:1px solid #b7dbe6; */
}

.event-photo img {

}

.event-texts {
text-align:justify;
}

.event-texts ul, .event-texts ul li {
/*compensates for alignment of lists within event texts */
margin-left:0px;
margin-right:0px;
padding-left:0px;
padding-right:0px;
list-style-position:inside;
}

.event-buy-container {
padding-left:0px;
display:block;
}


/* ------------------ */

a.moreEvents:hover {
color:#0033FF;
}

a.upcomingEvents {
text-decoration:none;
}

a.topNav {
border:none;
}

#footer {
padding:25px 0px 20px 15px;
color: #999999;
clear:both;

}

.topNav {
padding:10px 0 10px 0;
}

.newteachers {
width:350px;
float:left;
padding:13px;
}

.newteacherimage {
padding-bottom:7px;
}


.teachers {
width:120px;
float:left;
padding:13px;
}

.class-style-teacher {
position:relative;
margin:0px auto;
}

.class-style-teacher .teachers {
padding:5px;
}


.teacherimage {
background-repeat:no-repeat;
}

.teacherimage a img {
background-image:url(../graphics/teachers/teachers_back1.gif);
background-repeat:no-repeat;
padding:10px;
}

.teacherimage a:hover img {
background-image:url(../graphics/teachers/teachers_back1on.gif);
background-repeat:no-repeat;
padding:10px;
}

.teachername {
text-align:center;
font-weight:bold;
}

.linebreaker {
clear:both;
}

.linebreaker span{
visibility:hidden;
}

/* Teacher Feature Pages */

.tf-container {
/* containg div for TF body content */
width:750px;
margin-left:40px;
}

.tf-title {
/* name of featured teacher */
font-size:22px;
font-weight:bold;
margin:10px auto 0px auto;
text-align:center;
}

span.tf-tag {
/* the teacher feature subtitle text */
display:block;
font-size:15px;
margin-top:9px;
color:#006699;
}

span.tf-freeclass {
/* your first class is free */
display:block;
clear:both;
font-size:12px;
margin-top:4px;
color:#033962;
}

.tf-videotainer {
/* container for flash video */
margin:35px auto;
text-align:center;
}

.tf-textcontent {
/* text on the teacher feature page */
padding-left:25px;
padding-bottom:50px;
}

.tf-bio-link {
/* read teacher's bio */
display:block;
padding-bottom:10px;
}

.tf-schedule {
/* teacher's class schedule */
list-style-type:none;
margin:0px;
padding:0px;
margin-top:8px;
}

.tf-schedule li {
list-style-type:none;
padding-bottom:5px;
}

.tf-schedule-title {
font-weight:bold;
}

/* Karma & Community Class Page */

.karma-classes {
font-weight:bold;
letter-spacing:1px;
clear:both;
}

.karma-class-line {
clear:both;
}

.karma-class-line div{
float:left;
padding:5px 3px 5px 3px;
border-bottom:1px;
border-bottom-color:#4361A5;
border-bottom-style:solid;

}

.karma-class-day {
width:90px;
text-align:left;
}

.karma-class-time {
width:80px;
background-color:#E0EEF7;
}

.karma-class-style {
width:100px;
background-color:#DAEBF4;
}

.karma-class-location {
width:120px;
background-color:#CCE5F7;
}

.karma-teacherfinder-classblock {
}

.karma-teacherfinder-monthblock {
width:170px;
float:left;
font-weight:bold;
}

.karma-teacherfinder-dateblock {
padding:3px;
clear:both;
}

.karma-teacherfinder-month {
font-size:12px;
font-weight:bold;
color:#003366;
margin-left:3px;
padding-top:3px;
padding-bottom:1px;
background-color:#E2F4FD;
}

.karma-teacherfinder-day {
background-color:#DFE9EF;
color:#006699;
padding:2px;
width:20px;
float:left;
}

.karma-teacherfinder-name {
color:#003366;
padding:2px 2px 2px 4px;
float:left;
}

.karma-teacherfinder-name  a{
font-weight:normal;
}

.karma-teacherfinder-classinfo {
font-size:13px;
font-weight:bold;
background-color:#FFFFFF;
padding:8px 0 8px 8px;
width:680px;
color:#006699;
}

.karma-teacherfinder-fullclassblock {
float:left;
border-color:#0066CC;
border-style:dotted;
border-width:1px;
margin-bottom:15px;
clear:both;
}

/* training page */

.tt-container {
}

.tt-event-container {
clear:both;
width:710px;
height:132px;
background-image:url(../training_images/images/training_bar01.gif);
background-repeat:no-repeat;
padding-bottom:15px;
}

.tt-presenter-image {
float:left;
width:173px;
}

.tt-eventinfo-container {
float:left;
padding-left:8px;
width:520px;
height:132px;
}

.tt-presenter {
padding-top:4px;
color:#0565af;
font-weight:bold;
font-size:16px;
}

.tt-eventname {
padding-top:3px;
}

.tt-eventname a {
color:#660000;
font-weight:bold;
font-size:12px;
}

.tt-date {
padding-top:10px;
font-weight:bold;
font-size:13px;
color:#013860;
}

.tt-description {
padding-top:9px;
}

/* classes navigation */

.classes-nav {
padding-top:0px;
padding-left:37px;
margin-bottom:40px;
font-family:Helvetica, Arial, sans-serif;
letter-spacing:1px;
font-size:13px;
margin-top:-10px;
}

/* same div for events pages */
.eventspages-nav {
padding-top:0px;
padding-left:137px;
margin-bottom:40px;
font-family:Helvetica, Arial, sans-serif;
letter-spacing:1px;
font-size:13px;
margin-top:-10px;
}

.classes-nav-b {
padding-top:0px;
padding-left:37px;
margin-bottom:1px;
font-family:Helvetica, Arial, sans-serif;
letter-spacing:1px;
font-size:13px;
margin-top:-10px;
}

.classes-nav-b div {
margin-right:5px;
float:left;
}


.classes-nav-b a {
color:#0b7acf;
font-size:13px;
}

.classes-nav-b a:hover {
color:#0099cc;
text-decoration:underline;
}

.classes-nav div, .eventspages-nav div {
margin-right:5px;
float:left;
}

.classes-nav a, {
color:#0b7acf;
font-size:13px;
}

.eventspages-nav a {
color:#60768d;
font-size:13px;
}

.classes-nav a:hover, .eventspages-nav a:hover {
color:#0099cc;
text-decoration:underline;
}

.classes-nav-divider {
 color:#40556E;
}

.classes-nav-highlight {
background-color:#dfebee;
}

.classes-nav-highlight a {
color:#002146;
padding:5px;
}

.classes-nav-highlight-2 a {
color:#006699;
}

/*class schedule */

.class-schedule {
	padding-left:35px;
	width:750px;
	color: #036;
}


table.schedule-new {margin-bottom: 10px; padding: 6px; border: 1px solid #cccccc;}
.day-new {
	width: 135px;
	text-align: left;
	color: #036;
}
.teacher-new {
	width: 150px;
	text-align: left;
	color: #036;
}
.emphasis-new {
	width: 165px;
	text-align: left;
	color: #036;
}
.rednote-new {width: 250px; text-align: left; color:#FF0000; font-style:italic;}

/*class style nav */

.class-style-nav {
width: 740px;
text-align:center;
margin-bottom:20px;
}

.class-style-nav div {
width:100px;
float:left;
text-align:center;
padding:5px;
font-size:12px;
}

.class-style-nav-c {
width: 500px;
text-align:center;
margin-bottom:20px;
}

.class-style-nav-c div {
float:left;
text-align:center;
padding:0px 5px 0px 5px;
margin-top:5px;
font-size:11px;
border-style:solid;
border-width:0 0px 0 1px;
border-color:#66CCFF;
}

.class-style-nav-b {
clear:both;
width: 500px;
text-align:center;
margin-bottom:30px;
margin-top:1px;
margin-left:60px;
}

.class-style-nav-b div {

float:left;
text-align:center;
padding:5px;
font-size:10px;
background-color:#dfebee;
}

.classfee-nav {
width:735px;
background-color:#FFFFFF;
margin-left:35px;
padding:5px;
margin-top:-20px;
font-size:13px;
border-width:0 0 1px 0;
border-style:solid;
border-color:#85B0D5;
}


.classfee-nav a {
padding-right:10px;
}


/* Class Fees Page : AJG 3/9/2011 */

table.class-fees-table td {
    border:1px solid #63ADC9;
    margin: 1px;
    padding: 7px;
	border-collapse:collapse;
}
table.class-fees-table tr {
margin-bottom:3px;
}
table.class-fees-table {
border:1px solid #63ADC9;
border-collapse:collapse;
}
table.class-fees-table table, table.class-fees-table table td {
border-style:none;
}




/* BOUTIQUE */


.boutique-photos {
clear:both;
width:600px;
margin-left:30px;
}

.boutique-photos div{
width:100px;
padding:5px 8px 5px 5px;
float:left;
}

.boutique-shop {
}

.retail-item-left {
float:left;
width:360px;
padding-right:30px;
margin-bottom:15px;
border-top:1px dotted #66CCFF;
}

.retail-item-right {
float:left;
width:360px;
margin-bottom:15px;
border-top:1px dotted #66CCFF;
}

.retail-item-content img {
padding:0px 5px 0px 0px;
float:left;
}

.retail-item-description {
font-size:11px;
}

.retail-category {
clear:both;
text-transform:uppercase;
font-weight:bold;
font-size:14px;
width:760px;
border-width:0px 0px 1px 0px;
border-color:#66CCFF;
border-style:dotted;
margin-bottom:10px;
padding-top:25px;
color:#006699;
}

.retail-item-price {
/* To display the price next to the Google Button */
display:inline;
float:left;
font-size:12px;
font-weight:bold;
padding-left:5px;
color:#103379;
margin-top:4px;
}

.retail-item-left .product,
.retail-item-right .product {
float:left;
}

.retail-item-left .product .googlecart-add-button,
.retail-item-right .product .googlecart-add-button {
display:inline-block;
float:left;

}

.product-name {
font-weight: bold;
text-transform:uppercase;
}

.product-subtitle {
font-style:oblique;
}

.product-author {
font-weight:bold;
}

.product-description {
}

.boutique-nav {
padding:8px 0 5px 0;
text-transform:capitalize;
color:#3399FF;
font-size:13px;

}

.boutique-nav a {
font-weight:bold;
}

/*
Workshop Buy Now
*/

.workshop-name {
font-weight: bold;
display:inline-block;
padding-bottom:5px;
width:350px;
}

.workshop-item-left {
float:left;
width:500px;
padding-right:15px;
margin-bottom:15px;
clear:both;
}

.workshop-item-left .product {
float:left;
background-color:#00FF66;
}

.workshop-item-content .product .googlecart-add-button {
float:left;
}

.workshop-item-right {
float:right;
width:300px;
margin-bottom:15px;
}

.workshop-option {
clear:both;
width:500px;
}

.workshops-shop {

padding-bottom:35px;
}

.workshop-id-price {
float:left;
font-style:bold;
font-size:13px;
margin-top:4px;
padding-left:4px;
padding-right:4px;

}

.workshop-id {
float:left;
font-style:bold;
font-size:13px;
margin-top:4px;
padding-left:4px;
padding-right:4px;

}

.workshop-cart-button .product {

}
.workshop-cart-button .product .googlecart-add-button {
float:left;

}

/*  Teacher Bio Pages */

div.teacher-bio {
width:750px;
margin-left:30px;
}

div.teacher-bio-name {
text-align:center;
font-weight:bold;
font-size:20px;
margin-bottom:20px;
}

img.teacher-bio-img {
float:left;
margin:0px 5px 5px 5px;
}


/* imported from old CSS */

table.schedule {margin-bottom: 10px; padding: 6px; width: 600px; border: 1px solid #cccccc;}
table.intro {margin-bottom: 10px; padding: 6px; width: 500px; border: 1px solid #cccccc;}
table.fees {margin-bottom: 10px; padding: 6px; width: 200px; background-color: #ffffff;}
table.eventlist {margin-bottom: 10px; padding: 6px; width: 100%; border: 0px solid #cccccc;}

.day {width: 100px; text-align: left;}
.teacher {width: 100px; text-align: left;}
.emphasis {width: 80px; text-align: left;}
.rednote {width: 100px; text-align: left; color: #FF0000; font-style: italic;}

.odd {}
td {padding: 2px}

#eventpic {float: left; margin-right: 10px; margin-top: 5px; margin-bottom: 10px;}
#eventdesc {clear: both;}


/* old teacher page css */

table.teachergrid {background-color:none; margin-top: 10px; width: 568px; font-size: 10px; text-align: center;}

.teachergrid a{
font-weight:bold;
}

.teacherthumb {background-color: none; padding: 12px; text-align: center;}

/* end of old teacher page css */




#nav {
  margin: 0 0 0 9%;
  line-height: 2.5em;
}
#nav a {
  padding: 0.3em .3em;
  font-size: 11px;
  margin: .1em 0;
}

#nav a:active,
#nav a:hover,
#nav a:visited:hover,
#nav a:visited.current {
  background: #2A4582;
  color: white;
  text-decoration: none;
}

#sidenav {
  text-align: left;
}

#sidenav a {
  color: #2A4582;
  text-decoration: none;
}

#sidenav a:active,
#sidenav a:hover,
#sidenav a:visited:hover,
#sidenav a:visited.current {
  background: #2A4582;
  color: white;
  text-decoration: none;
}

#subnav {
  width: 150px;
  border-top: 1px solid #cccccc;
  text-decoration: none;
}

#subnav a {
  color: #2A4582;
  text-decoration: none;
}

#notes {
	color: #ff0000;
	}
	
	#logo {
	background-image: ../graphics/moksha.gif;
	width: 356px;
	height: 70px;
	padding-top: 12px;	
	padding-bottom: 12px;	
	padding-left: 12px;	
	background-color: #2A4582;
	margin-bottom: 20px solid #fffff;
	color: #ffffff;
	}

#email, #email a:link {
	width: 412px;
	height: 70px;
	padding-top: 12px;	
	padding-bottom: 12px;	
	padding-right: 12px;	
	background-color: #2A4582;
	margin-bottom: 20px solid #fffff;
	color: #cccccc;
	text-align: right;
	vertical-align: bottom;
	text-decoration: none;
	}

.style1 {
  font-size: 11px;
  font-style: italic;
}
.style2 {font-size: 12px}
.style3 {font-size:16px; font-weight:bold;}
.style4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.style5 {font-size: 11px}
.style7 {
font-size:20px;
font-weight:bold;
}
.stylePageTitle {
	font-size:19px;
	font-weight:bold;
	color: #036;
}

.aroundthestudio div {
margin-left:20px;
margin-top:15px;
}

table.aroundthestudio {
float:left;
}

/* Lightbox 2.04 */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox204/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox204/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
body table tr td table tr td p {
	color: #036;
}