/* ERIC BENOIT - Freelance Graphic and Web Designer */
/* http://www.ebenoit.com */
/* CSS Document - Styles and Structure */


/* --- DEFAULT STYLES --- */
body {
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/body-bg.gif) repeat-x top left fixed #463c28;
	font-size: 12px;
	line-height: 16px;
	color: #2f281b;
	margin: 0;
	padding: 0;
}


/* DEFAULT LINK STYLE */
a:link, a:visited, a:active {
	color: #345391;
	text-decoration: none;
}

a:hover {
	color: #2c3e63;
	text-decoration: underline;
}


/* DEFAULT TEXT STYLES */
H1 { 
	color: #697947;
	font-size: 20px;
	line-height: 24px;
	text-decoration: none;
	font-weight: normal;
	margin: 0;
}

H2 { 
	color: #333;
	font-size: 18px;
	line-height: 21px;
	text-decoration: none;
	font-weight: normal;
	margin: 0 0 10px 0;
}

p {
	padding: 0 0 15px;
	margin: 0;
}

small {
	font-size: 10px;
	padding-bottom: 7px;
	display: block;
}

.greenHead {
	color: #28200d;
	font-size: 20px;
	line-height: 24px;
}

ul {
	margin: 0 0 15px 20px;
	padding: 0;
}


/* DEFAULT IMAGE STYLE */
img {
	border: 0;
}

img.alignleft {
	padding: 4px 4px 4px 0;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignleft {
	float: left
}

.divider {
	margin-top: 10px;
}

.mainBlogImg {
	float: left;
	margin: 0 10px 15px 0;
}


/* INPUT FIELDS */
textarea {
	width: 450px;
}


/* Clear Floats */
.clear {
	clear: both;
}


/* MAIN CONTENT */
#wrapper {
	width: 912px;
	margin: 0 auto;
	background: url(images/content-bg.jpg) no-repeat #f2f3ed;
}

#homewrapper {
	width: 912px;
	margin: 0 auto;
	background: url(images/home-bg.jpg) no-repeat #090900;
}

#headerhome {
	float: left;
	width: 266px;
	background: url(images/header-bottom-bg-home.jpg) no-repeat bottom #61733f;
	margin: 0 0 25px 24px;
	padding-bottom: 23px;
	text-align: center;
}

#header {
	float: left;
	width: 266px;
	background: url(images/header-bg-bottom-new.jpg) no-repeat bottom center #61733f;
	margin: 0 0 25px 24px;
	padding-bottom: 13px;
	text-align: center;
}

#header ul {
	font-size: 18px;
	margin: 0;
	padding: 15px 0 0 0;
}

#headerhome ul {
	font-size: 18px;
	margin: 0;
	padding: 15px 0 0 0;
	/*min-height: 235px;*/
}

#header ul li, #headerhome ul li {
	list-style: none;
}

#header ul li a:link, #header ul li a:visited, #headerhome ul li a:link, #headerhome ul li a:visited {
	color: #FFF;
	display: block;
	padding: 0;
	text-decoration: none;
}

#header ul li a:hover, #headerhome ul li a:hover {
	color: #3f4b29;
}

#content {
	margin: 60px 0 40px 25px;
	float: left;
	width: 545px;
}


/* SLIDING NAVIGATION */
#header a:hover, #headerhome a:hover {
	background-position: 8px -30px;
}

a.home {
	display: block;
	float: left;
    width: 266px;
    height: 30px;
    background: url("images/home-1.gif") 8px 0 no-repeat;
    text-decoration: none;
	text-indent: -9999px;
}

a.about {
	display: block;
	float: left;
    width: 266px;
    height: 30px;
    background: url("images/about-1.gif") 8px 0 no-repeat;
    text-decoration: none;
}

a.philosophy {
	display: block;
	float: left;
    width: 266px;
    height: 30px;
    background: url("images/philosophy-1.gif") 8px 0 no-repeat;
    text-decoration: none;
}

a.yoga {
	display: block;
	float: left;
    width: 266px;
    height: 30px;
    background: url("images/yoga-1.gif") 8px 0 no-repeat;
    text-decoration: none;
}

a.training {
	display: block;
	float: left;
    width: 266px;
    height: 30px;
    background: url("images/training-1.gif") 8px 0 no-repeat;
    text-decoration: none;
}

a.fitness {
	display: block;
	float: left;
    width: 266px;
    height: 30px;
    background: url("images/fitness-1.gif") 8px 0 no-repeat;
    text-decoration: none;
}

a.zumba {
	display: block;
	float: left;
    width: 266px;
    height: 30px;
    background: url("images/zumba-1.gif") 8px 0 no-repeat;
    text-decoration: none;
}

a.class {
	display: block;
	float: left;
    width: 266px;
    height: 30px;
    background: url("images/class-1.gif") 8px 0 no-repeat;
    text-decoration: none;
}

a.workshops {
	display: block;
	float: left;
    width: 266px;
    height: 30px;
    background: url("images/workshops-1.gif") 8px 0 no-repeat;
    text-decoration: none;
}

a.contact {
	display: block;
	float: left;
    width: 266px;
    height: 30px;
    background: url("images/contact-1.gif") 8px 0 no-repeat;
    text-decoration: none;
}

a.blog {
	display: block;
	float: left;
    width: 266px;
    height: 30px;
    background: url("images/blog-1.gif") 8px 0 no-repeat;
    text-decoration: none;
}

/* SIDEBAR STYLES */
#sidebar, #sidebar ul {
	font-size: 12px;
	color: #FFF;
	margin: 0;
	padding: 0;
	background: none;
	min-height: 0;
}

#sidebar ul li a:link, #sidebar ul li a:visited {
	padding: 0;
	background: none;
}

#sidebar ul li ul li ul li a:link, #sidebar ul li ul li ul li a:visited {
	padding: 0;
	margin: 0;
	background: none;
}


/* FOOTER STYLES */
#footer {
	width: 912px;
	margin: 0 auto;
	font-size: 10px;
	line-height: 20px;
	color: #FFF;
	padding: 50px 0 30px 0;
	text-align: center;
	background: url(images/footer-bg.jpg) repeat-x #5c6c3e;
}

#footer a {
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 6px;
}

#footer a:hover {
	color: #3f4b29;
	text-decoration: none;
}


/* HIDE BLOGROLL TEXT */
.linkcat h2 {
	display: none;
}

/* STRETCH FOOTER and KEEP IT ON THE BOTTOM OF EVERY PAGE NO MATTER BROWSER or CONTENT HEIGHT */
/* {
	margin: 0;
}

html, body {
	height: 100%;
}

#wrapper, #homewrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */
	/*
}

.push {
	height: 70px; /* .push must be the same height as .footer */