/* CSS Document */
.middle-section
{
	width:578px;
	height:auto;
	margin:0px;
	padding:0px;
	background-color:#000000;
	float:left;
	display:inline;
}
	.h1
	{
		width:555px;
		height:auto;
		margin:20px 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;
	}
	.images-top
	{
		width:136px;
		height:42px;
		margin:10px 0px 0px 7px;
		padding:200px 0px 0px 0px;
		background-image:url(images/home/image-one.jpg);
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		text-align:center;
		float:left;
		display:inline;
	}
	.yoga-discription
	{
		width:558px;
		height:auto;
		margin:0px;
		padding:20px 10px 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:577px;
		height:204px;
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 1px;
		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:#000000;
			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;
			cursor:pointer;
		}
		
		
.story-box

{
	margin:0px;
	padding:0px 0px 20px 0px;
	width:578px;
	height:auto;
	/*background-color:#FF0033;*/
	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;}
	
	.left-part-poses
	{
		width:140px;
		height:116px;
		margin:0px;
		padding:0px;
	/*	background-color:#FFCC00;*/
		float:left;
		display:inline;
	}
	.right-part-poses
	{
		width:424px;
		height:133px;
		margin:0px;
		padding:0px;
		float:left;
		display:inline;
	}
	.poses-image-one
	{
		width:130px;
		height:98px;
		margin:0px 0px 0px 0px;
		padding:0px;
		float:left;
		display:inline;
	}
	
	.surya-namaskar-steps
	{
		width:auto;
		height:auto;
		margin:0px 5px 0px 5px;
		text-align:center;
		padding:0px;
	}

		#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;}