/* CSS Document */
.middle-section
{
	width:578px;
	height:auto;
	margin:0px;
	padding:0px;
	background-color:#000000;
	float:left;
	display:inline;
}

	.h1
	{
		width:545px;
		height:auto;
		margin:10px 0px 0px 15px;
		padding:0px;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		font-size:30px;
		font-weight:normal;
		text-align:left;
		vertical-align:middle;
		float:left;
		display:inline;
		line-height:40px;
	

	}
	.main-image
	{
		width:532px;
		height:400px;
		margin:10px 0px 0px 20px ;
		padding:0px;
		border:none;
		float:left;
		display:inline;
	}
	.yoga-discription
	{
		width:558px;
		height:auto;
		margin:0px;
		padding:0px 0px 10px 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		text-align:left;
		font-weight:normal;
		float:left;
		display:inline;
		
	}
	
	.yoga-aasan
	{
		width:578px;
		height:204px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background-color:#FFFFFF;
		text-align:center;
		float:left;
		display:inline;
	}
		.asan-one
		{
			width:192px;
			height:192px;
			margin:1px 0px 0px 0px;
			padding:10px 0px 0px 0px;
			background-color:#453827;
			border-right:#666666 1px dashed;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			text-align:center;
			font-weight:normal;
			color:#FFFFFF;
			float:left;
			display:inline;
		}
		.click-able-images
		{
			width:182px;
			height:107px;
			margin:6px 0px 10px 5px;
			-moz-opacity:0.8;
			filter:alpha(opacity=80)
			padding:0px;
			border:none;
			float:left;
			display:inline;
		}
a.steps.links{border:none;}
a.steps.active{border:none;}
a.steps.visited{border:none;}
a.steps.hover{border:#FFFFFF 1px solid;}
	


		#story
		{
			background-color:#453827;
		}
		.story-active
		{
			width:578px;
			height:auto;
			float:left;
			display:inline;
		}
		.story-passive
		{
			width:578px;
			height:0px;
			float:left;
			display:inline;
		}

#story1, #story2, #story3
{
	width:578px;
	height:0px;
	float:left;
	display:inline;
	overflow:hidden;
}
	
a.pranayam-name:link{text-decoration:none; color:#FFFFFF;}
a.pranayam-name:visited{text-decoration:none; color:#ffffff;}
a.pranayam-name:hover{text-decoration:none; color:#aea69c;}

.footer
{
	width:778px;
	height:24px;
	margin:0px;
	padding:8px 0px 0px 0px;
	border:none;
	background-image:url(images/home/footer-image.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	word-spacing:4px;
	float:left;
	display:inline;
}
a.footer-links:link{text-decoration:none; color:#453827;}
a.footer-links:visited{text-decoration:none; color:#453827;}
a.footer-links:hover{text-decoration:none; color:#9e5a00;}

.surya-namaskar-steps
{
	width:578px;
	height:205px;
	margin:0px;
	padding:0px;
	background-image:url(images/suryanamaskar/mantra-image-one.gif);
	background-repeat:no-repeat;
	display:inline;
	float:left;
	background-color:#FF66CC;
}
	
	.mantra
	{
		width:150px;
		height:auto;
		margin:70px 0px 0px 10px;
		padding:0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:20px;
		text-align:center;
		color:#ffea00;
		font-weight:bold;
		float:left;
		display:inline;


	}
	.meaning
	{
		width:200px;
		height:auto;
		margin:65px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:center;
		color:#FFFFFF;
		font-weight:normal;
		float:left;
		display:inline;
	
		
	}