body{
	background: #fff url('../images/bg.jpg') top center no-repeat fixed;
	margin: 0 0 36px 0;
	font-size: 100%;
	line-height: 100%;
}

div.topbar{
	height:	43px;
	width: auto;
	background: #5dc6c9 url('../images/topbar.jpg') top center no-repeat;
}

table.main{
	margin: 0 auto auto auto;
	width: 800px;
	
	border-spacing: 0;
	border-width: 0;
	border-style: none;
	border-collapse: collapse;
	padding: 0;
}

table.main td{
	padding: 0;
	margin: 0;
	vertical-align: top;
}
table.main td.header{
	width:  571px;
	height: 101px;
	background: #fff url('../images/header.jpg') no-repeat;
	cursor: pointer;
}

table.main td.topright{
	width: 229px;
	height: 130px;
	background: #a7a9ac url('../images/topright/default.jpg') no-repeat;
}

table.main td.topnav{
	width: 571px;
	height: 29px;
	background: #eef9fa url('../images/topnav.jpg') repeat-x;
	color: #808285;
	font-family: arial;
	font-weight: bold;
	font-size: 11pt;
}

/* TOP NAV */
/* MENU    */
	#menu a div{
		height: 29px;
		margin: 0;
		display: inline;
		position: absolute;
		background-repeat: no-repeat;
	}
	
	#menu a div._index{
		margin-left: 24px;
		width: 41px;
		background: url('../images/menu/a/_index.jpg');
	}
	
	#menu a div.aboutyoga{
		margin-left: 93px;
		width: 84px;
		background: url('../images/menu/a/aboutyoga.jpg');
	}
	
	#menu a div.classes{
		margin-left: 210px;
		width: 53px;
		background: url('../images/menu/a/classes.jpg');
	}
	
	#menu a div.events{
		margin-left: 296px;
		width: 48px;
		background: url('../images/menu/a/events.jpg');
	}
	
	#menu a div.packages{
		margin-left: 373px;
		width: 63px;
		background: url('../images/menu/a/packages.jpg');
	}
	
	#menu a div.contactus{
		margin-left: 465px;
		width: 80px;
		background: url('../images/menu/a/contactus.jpg');
	}
	
	/*hover*/
	
	#menu a:hover div._index{
		background: url('../images/menu/b/_index.jpg');
	}
	
	#menu a:hover div.aboutyoga{
		background: url('../images/menu/b/aboutyoga.jpg');
	}
	
	#menu a:hover div.classes{
		background: url('../images/menu/b/classes.jpg');
	}

	#menu a:hover div.events{
		background: url('../images/menu/b/events.jpg');
	}

	#menu a:hover div.packages{
		background: url('../images/menu/b/packages.jpg');
	}	
	
	#menu a:hover div.contactus{
		background: url('../images/menu/b/contactus.jpg');
	}	
	

/***********/

td.body{
	width: 571px;
	background: #fff;
}

td.right{
	width: 229px;
	height: 500px; /* DEBUG */
	background: #a7a9ac;
}

td.body div.sec1{
	width: 571px;
	height: 154px;
	
	display: none;
	visibility: hidden;
	background-repeat: no-repeat !important;
}

td.right div.sec2{
	width: 229px;
	height: 154px;
	
	display: none;
	visibility: hidden;
	background-repeat: no-repeat !important;
}

td.body div.sec4{
	width: 571px;
}

td.footer_left{
	background: #fff url('../images/footer_left.jpg') repeat-x;
	width: 571px;
	height: 56px;
}

td.footer_right{
	width: 229px;
	height: 56px;
	
	background: #a7a9ac url('../images/footer_right2.jpg') repeat-x;
	
	/* option A */
	background: #a7a9ac url('../images/footer_right.jpg') repeat-x;// */
	text-align: right;
}

td.footer_right div.footer{
	/* option A  */
	visibility: hidden;
	display: none;
	// */

	padding: 0.5em;
	color: #fff;
	font-size: 0.7em;
	font-family: Helvetica, Arial, sans-serif;
}


div.content{
	/*background: pink; */
	padding: 16px 24px 0 24px;
}

div.content, div.content td{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	color: #58595b;
}

div.content p{
	line-height: 19px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
}


/* STYLES */

.green{
	color: #5dc6c9;
}

.orange{
	color: #ffae01;
}

.price{
	color: #808285;
}

h1{
	font-size: 0.9em;
	color: #5dc6c9;
}

a{
	text-decoration: none;
	font-size: 0.9em;
	color: #5dc6c9;
}

a:hover{
	color: #ffae01;
}