/*
Site Name: omkarra Yoga 
Site URI: http://omkarrayoga.com
Description: Omkarra Yoga Webstie.
Version: 1.0
Author: Daniel Dart
Author URI: http://DanielDart.com

Colors:

#2d2400 Mocha Brown
#c2eb00 Green
#46bbb9 Blue

*/

/* START RESET STYLES */

html, body, span, h1, h2, 
h3, h4, h5, h6, p, em,
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body 
{
	background-color: #2d2400; 
	height: 100%; 
	margin-top: 0;
	margin-bottom: 0;
}

ul 
{
	list-style: none;
}

/* END RESET STYLES */

#clear
{
	clear: both;
}

/* START STRUCTURE STYLES */

#wrap
{
	width: 1018px;
	height: 100%;
	margin: 0 auto 0 auto;
}

#header
{
	background: url(images/Omkarra_03.jpg);
	width: 1018px;
	height: 101px;
}

#header2
{
	background: url(images/Omkarra_05.jpg);
	width: 1018px;
	height: 474px;
}

#navigation
{ 
	width: 472px;
	height: 36px; 
	background: url(images/nav.png);
	float: right;
	margin: 10px 269px 0 0; 
	position: relative;
	padding: 0px;
}

#navigation li 
{   
	display: inline;
	list-style: none;
	float: right;
      
}

#navigation li a
{  
	position: absolute;
	top: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
	height: 36px;
	background: url(images/nav.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#navigation li img
{  
	border-style: none;
}

#content
{
	background: url(images/Omkarra_07.jpg);
	background-repeat: repeat-y;
	width: 1018px;
	height: 100%;
}

#body
{ 
	padding: 20px 72px 0; 
	color: #2d2400; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	text-align: justify;
}

#footer
{
	background: url(images/Omkarra_09.jpg);
	background-repeat: no-repeat;
	width: 1018px;
	height: 171px;
}

#copyright
{
	position: relative;
	top: 100px;
	color: #2d2400;
	font-size: 10px;
	font-family: Helvetica;
	text-align: center;
	
}

/* END STRUCTURE STYLES */

/* START TEXT STYLES */

span
{
	color: #46bbb9;
	font-style: italic;
}

#center
{
	text-align: center;
}

h4
{
	margin-bottom: 2px;
	text-align: center;
}


/* END TEXT STYLES */

/* START UP STATE */

li#our_story a
{
	left: 0px;
	width: 126px;
	background-position: 0 0;
}

li#schedule a
{
	left: 127px;
	width: 206px;
	background-position: -127px 0;
}

li#contact a
{
	left: 334px;
	width: 137px;
	background-position: -334px 0;
}

/* END UP STATE */

/* START HOVER STATE */

li#our_story a:hover
{
	background-position: 0 -36px;
}

li#schedule a:hover
{
	background-position: -127px -36px;
}

li#contact a:hover
{
	background-position: -334px -36px;
}

/* END HOVER STATE */

/* START CURRENT STATE */

#body_home li#our_story a
{
	background-position: 0 -72px;
}

#body_schedule li#schedule a
{
	background-position: -127px -72px;
}

#body_contact li#contact a
{
	background-position: -334px -72px;
}

/* END CURRENT STATE */


#picture
{
	float: left;
	background: url(images/picture.jpg);
	width: 202px;
	height: 216px;
	margin-left: 60px;
}

#picture2
{
	float: left;
	background: url(images/picture2.jpg);
	width: 202px;
	height: 216px;
	margin-left: 80px;
}

#picture3
{
	float: left;
	background: url(images/picture3.jpg);
	width: 202px;
	height: 216px;
	margin-left: 80px;
}

#picture4
{
	float: left;
	background: url(images/picture4.jpg);
	width: 202px;
	height: 216px;
	margin-left: 60px;
}

#picture5
{
	float: left;
	background: url(images/picture5.jpg);
	width: 202px;
	height: 216px;
	margin-left: 80px;
}

#picture6
{
	float: left;
	background: url(images/picture6.jpg);
	width: 202px;
	height: 216px;
	margin-left: 80px;
}

#picture7
{
	float: left;
	background: url(images/picture7.jpg);
	width: 202px;
	height: 216px;
	margin-left: 342px;
}

#picture8
{
	float: left;
	background: url(images/picture8.jpg);
	width: 202px;
	height: 216px;
	margin-left: 342px;
}

#anno
{
	border: solid 2px #c2eb00;
	padding: 0 10px 25px 10px;
	width: 780px;
	margin-left: 35px;
}