/* 
The Yoga Barn Main Stylesheet 
Copyright (c) 2010, Theyogabarn.com All rights reserved.
*/

/* -- General Setup -- */
html,body { 
 margin:0; 
	padding:0;
 text-align: left; width: 100%; margin: 0 auto;
	background:url(../images/blank.png) repeat scroll left top #fff;
	font:normal 14px/20px Arial, "Tahoma", Times, serif; color:#000000;
	}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0; }
ul{list-style:none; }
.spacer {
font-size:0; 
line-height:0; 
clear:both; }
.clear { clear: both; height: 0px;	}
.hide { display:none}
.img{border:0}

/* -- Header -- */
#TopHeader {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #fff;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%;
}

#header {
 width:780px; 
 margin:0 auto; 
 height:100px; 
 background:#fff url(../images/blank.jpg) no-repeat scroll left top;
 }
#header #logo{
margin:0 auto;
float:left;
width:100px;
}
#header .logo {
	border:none;
}

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #ff5e00, rgba(0, 0, 0, 0));
    width: 780px;
    margin: 30px;
}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #ff5e00, rgba(0, 0, 0, 0));
    width: 780px;
    margin: 25px;
}
/* @end */
	

/* -- Main Navigation -- */
#mainNav {
	margin:0 auto;
	float:right;
	/*margin:35px 0px 0px 0px;*/
	margin:0px;
	background:#fff url(../images/blank.jpg) no-repeat scroll left top;
	font:bold 12px/20px Arial, "Tahoma", Times, serif;
}
#mainNav a { 
	text-decoration: none; 
	display: block; }
#mainNav ul {
	margin-left: 15px; 
	padding: 0; }
#mainNav ul:after { 
	content: "."; 
	display:none;
	height: 0; 
	clear: both; 
	visibility: hidden; }
#mainNav li { 
	float: right;  
	margin:0px auto;
	padding: 0px 0px 0px 7px; }
#mainNav li a { padding: 4px 6px 4px 8px; }
#mainNav li a:link, #mainNav li a:visited {color:#4B3B03;}
#mainNav li a:hover {color:#FF9900;}
#mainNav li.current a { margin-bottom: -1px;	}
#mainNav li.current a:link ,#mainNav li.current a:hover { 
	background: #fff url(../images/blank.gif) bottom left repeat-x; 
	color: #FF9900;	
	padding: 4px 8px 4px 8px; }
	
		/* automatic page highlighting */
	#home #homenav a,
	#aboutus #aboutusnav a,
	#schedule #schedulenav a,
	#events #eventsnav a,
	#findus #findusnav a,
	#faq #faqnav a
{ margin-bottom: 0px;	}

	#home #homenav a:link ,#home #homenav a:hover,#home #homenav a:visited,
	#aboutus #current a:link ,#aboutus #current a:hover,#aboutus #current a:visited,
	#schedule #schedulenav a:link ,#schedule #schedulenav a:hover,#schedule #schedulenav a:visited,
	#events #eventsnav a:link ,#events #eventsnav a:hover,#events #eventsnav a:visited,
	#findus #findusnav a:link ,#findus #findusnav a:hover,#findus #findusnav a:visited,
	#faq #faqnav a:link ,#faq #faqnav a:hover,#faq #faqnav a:visited
	{ background: #fff url(../images/bgmenu-hover.gif) bottom left repeat-x; color: #FF9900	padding: 4px 8px 4px 8px;}
	
	#home #homenav ul,
	#aboutus #current ul,
	#schedule #schedulenav ul,
	#events #eventsnav ul,
	#findus #findusnav ul,
	#faq #faqnav ul
	{ padding-bottom: 0px;	}
/* @end */

/* @end */

/* -- Main Navigation -- */
#footerNav {
	margin:0 auto;
	float:right;
	margin:18px 0px 0px 0px;
	background:#fff url(../images/blank.jpg) no-repeat scroll left top;
	font:bold 12px/20px Arial, "Tahoma", Times, serif;
}
#footerNav a { 
	text-decoration: none; 
	display: block; }
#footerNav ul {
	margin-left: 15px; 
	padding: 0; }
#footerNav ul:after { 
	content: "."; 
	display:none;
	height: 0; 
	clear: both; 
	visibility: hidden; }
#footerNav li { 
	float: left;  
	margin:0px auto;
	padding: 0px 7px 8px 7px; }
#footerNav li a { padding: 4px 8px 4px 8px; }
#footerNav li a:link, #footerNav li a:visited {color:#4B3B03;}
#footerNav li a:hover {color:#FF9900;text-decoration:none;}
#footerNav li.current a { margin-bottom: -1px;	}
#footerNav li.current a:link ,#footerNav li.current a:hover { 
	background: #fff url(../images/blank.gif) bottom left repeat-x; 
	color: #FF9900;	
	padding: 4px 8px 4px 8px; }
	
		/* automatic page highlighting */
	#home #homenav a,
	#aboutus #aboutusnav a,
	#schedule #schedulenav a,
	#events #eventsnav a,
	#findus #findusnav a,
	#faq #faqnav a
{ margin-bottom: 0px;	}

	#home #homenav a:link ,#home #homenav a:hover,#home #homenav a:visited,
	#aboutus #current a:link ,#aboutus #current a:hover,#aboutus #current a:visited,
	#schedule #schedulenav a:link ,#schedule #schedulenav a:hover,#schedule #schedulenav a:visited,
	#events #eventsnav a:link ,#events #eventsnav a:hover,#events #eventsnav a:visited,
	#findus #findusnav a:link ,#findus #findusnav a:hover,#findus #findusnav a:visited,
	#faq #faqnav a:link ,#faq #faqnav a:hover,#faq #faqnav a:visited
	{ background: #fff url(../images/bgmenu-hover.gif) bottom left repeat-x; color: #FF9900;	padding: 4px 8px 4px 8px;}
	
	#home #homenav ul,
	#aboutus #current ul,
	#schedule #schedulenav ul,
	#events #eventsnav ul,
	#findus #findusnav ul,
	#faq #faqnav ul
	{ padding-bottom: 0px;	}
/* @end */

/* @end */

/* -- Image Navigation -- */
#picmenus {
	margin:8px 0px 0px 17px; 
}
#picmenus a { 
	text-decoration: none; 
	display: block; }
#picmenus ul {
	margin:0px auto; 
	padding:0px auto; }
#picmenus ul:after { 
	content: "."; 
	display:none;
	height: 0; 
	clear: both; 
	visibility: hidden; }
#picmenus li { 
	margin:0px auto;
	padding: 0px 4px 2px 0px;
	float: left;
	}
#picmenus li a { padding: 4px 2px 4px 0px; }
#picmenus li a:link, #picmenus li a:visited {color:#ff9900;}
#picmenus li a:hover {color:#4B3B03;}
#picmenus li.current a { margin-bottom: -1px;	}
#picmenus li.current a:link ,#picmenus li.current a:hover { 
	background: #292929 url(../images/blank.gif) bottom left repeat-x; 
	color: #ffcc00;	
	padding: 4px 2px 4px 0px; }
/* @end */

/* -- Main Page -- */
#mainContainer {	
 width:780px; 
 margin: 30px auto;
	background:url(../images/blank.jpg) repeat scroll left top #fff;
	clear:both;}
	
#leftside {
 margin:0;
 padding:0;
	width:780px;
	/*background:url(../images/bg-intro-homepage1.png) bottom right scroll no-repeat;*/
	}
#leftside h1 {font:bold 18px/22px Arial, "Tahoma", Times, serif; color:#4B3B03; margin:0px auto;}
#leftside h2 {font:bold 16px/22px Arial, "Tahoma", Times, serif; color:#4B3B03; margin:0px auto;}
#leftside p {font:normal 14px/22px Arial, "Tahoma", Times, serif; color:#4B3B03; margin-top:5px;}
#leftside img {border:none;}
#leftside .himg {border:none; padding-top:15px; padding-bottom:15px;}
#leftside a {text-decoration:none; color:#FF6600;}
#leftside a:hover {text-decoration:underline;color:#4B3B03;}

#slideshow {
background: #333 url(../images/bg-slideshow.jpg) bottom right no-repeat;
height: 419px; 
width: 780px; 
margin:0;
}

#leftside .slidehome {
margin:0px auto;
}

#contents{margin:0px auto; float:left;width:515px;}
#comingupevents{
margin:8px 4px 8px 8px;
width:250px; 
float:right;
background:url('../images/tyb-coming-up-bg.png') top right no-repeat;
}
#comingupevents .bnr {
border:none;
margin-top:83px;
margin-left:19px;
margin-bottom:0px;
}
.bnr-sosa {
border:none;
margin-top:0px;
margin-left:19px;
margin-bottom:0px;
}
#comingupevents h2 {
display:none;
}

/* @end */

/*-- footer -- */
#footer {
 width:780px; 
	margin:0 auto; 
	height:50px;
	background:#fff url(../images/bg-navigationx.jpg) repeat scroll left top;
	}
#footer #footerleft {
margin:8px 4px 4px 0px;
float:left;
}
#footer #footerright {
margin:8px 0px 4px 4px;
float:right;
width:285px;
}
#footer #footerright p {	
text-decoration: none;
font:normal 10px/15px Arial, "Tahoma", Times, serif; 
color:#4B3B03;
padding: 8px 0px 8px 0px;
text-align:right;
}
#footer a:link, #footer a:visited {color: #4B3B03; text-decoration:none;}
#footer a:hover {
text-decoration: underline;
color:#4B3B03;}

.page-header {display: none;}
/* @end */