/* CSS Document */

*{margin:0; padding:0;}
/*<!--=================================Core Layout=======================================-->*/
body { 
	font: 12px/16px arial, helvetica, verdana, sans-serif; 
	color: #555; 
	margin: 0 auto; 
	padding: 0;
}
.clear {clear:both;}
a {
	text-decoration: underline;
	font-weight: bold;
	color: #427886;
}
a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #427886;
}
img {
    border: none;
}

ul {
	margin: 7px 5px 7px 20px;
	padding: 0;
}
li {
	margin: 0 0 5px;
	padding: 0;
	list-style-type: none;
}
.alert, .alert a { color: #900; }
/*<!--=================================Column Layout=======================================-->*/
.rightback {
	width: 100%;
	float:left;
	background-color: #fff;
	overflow:hidden;
	position:relative;
}
.contentback {
	float:left;
	background: url(../images/template/bodyBar.jpg) repeat-y top right #fff;
	width: 100%;
	position:relative;
	right: 200px;    /* width of right sidebar */
}
.leftback {
	width: 100%;
	position:relative;
	right: 350px; /* width of the content area */
	float:left;
	background: url(../images/template/bg_left2.gif) repeat-y top right #fff;
}

.container {
	width: 900px;
	margin-left: auto;
	margin-right:auto;
}

.leftsidebar {
	float:left;
	width: 303px;
	overflow:hidden;
	position:relative;
	left: 595px;
}

.content {
	float:left;
	width: 415px;
	overflow:hidden;
	position:relative;
	left: 594px;
	top:-1px;
}

.rightsidebar {
	float:left;
	overflow:hidden;
	width: 150px;
	position:relative;
	left: 513px;
	top:130px;
	
}
/*<!--=================================Left Side Content=======================================-->*/
#pageHeader { 
	background: url(../images/template/logo.gif) no-repeat;
	margin: 0 0 9px 0;
	padding: 0;
	height: 200px;
}

#quote p {
	margin: 0;
	padding: 0 30px 4px 18px;
}

#quote .p1 {
	color:#897a7a;
	margin-top:0;
	padding-top:10px;
}
#quote .p2 {text-align:right; color: #897a7a;} 

#UpperNav p {
	margin: 0;
	padding: 20px 30px 10px 18px;
	font-size:12.5px;
}
#UpperNav a {
	text-decoration: none;
	color: #333333;
}
#UpperNav a:hover {
	text-decoration: underline;
	color: #893e4d;
}
#UpperNav .current {font-weight:bold; text-decoration: underline; color:#893e4d;}

#mainNav {width:289px; margin:0; padding:0;}
#mainNav h2{background:url(../images/template/buttonBg.gif) no-repeat 3px top; width:255px; height:32px; font-size:18px; color:#fff; font-weight:normal; padding:9px 0 0 36px;}
#mainNav li { background: url(../images/template/marker.gif) no-repeat left 4px; padding: 0 0 0 20px; font-size:12.5px; color:#893e4d; font-weight:bold;}
#mainNav li a {
        height: 22px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
		color:#333333;
		display: block;
}

#mainNav li a:hover {
        color: #893e4d;
		text-decoration:underline;
        }

#mainNav li #currentMN {
		height: 22px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: underline;
		color:#893e4d;
		font-weight:bold;
		display: block;
		font-size:13px;
}

/*<!--=================================Main Content=======================================-->*/
.content h2 {background:url(../images/template/bodyTitleBar.jpg) no-repeat transparent; height:28px; color:#fff; font-weight:normal; padding:72px 0 0 25px; font-size:18px; clear:both; width:318px;}

.content p {
	margin: 0;
	padding: 10px 40px 0 0;
	clear:both;
	width:316px;
}
.content p img{text-align:center; margin-left:35px; padding:10px 0 0;}

.floatLeft p{float:left;}
.floatLeft p img{float:right; vertical-align:text-top; padding-right:2px;}

.content .topImgV{text-align:center; margin-left:15px; padding:10px 0 0;}
.content .topImgVhome{text-align:center; margin-left:45px; padding:10px 0 0;}
.content .topImgH{text-align:center; margin-left:-5px; padding:10px 0 0;}
.content .printImg{text-align:right;}

.content h3 {
	margin: 0 100px 0 0;
	width:316px;
	clear:both;
	padding: 15px 0 5px 0;
	height: 23px;
	border-bottom: 1px solid #d7d5d5;
	font-size:16px;
}

.content .twoLineHead{
	margin: 0 100px 0 0;
	width:316px;
	clear:both;
	padding: 15px 0 5px 0;
	font-size:14px;
	font-weight:bold;
	height: 38px;
	color:#555;
	border-bottom: 1px solid #d7d5d5;
}
.content h4 { 
	padding:15px 0 0 0;
	width:316px;
	clear:both;
	font-size:18px;
	color: #5b3253;
	font:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.content h5 { 
	padding:15px 0 0 0;
	width:316px;
	clear:both;
	font-size:14px;
	color: #675496;
	font:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#generalInfo { padding:15px 0 0 0; font-size:13px; color:#333; float:left; width:330px;}
#generalInfo .leftInfo {float:left; width:46%;}
#generalInfo .leftInfo p, #generalInfo .rightInfo p{ font-size:12px; padding:5px 4px 0 0;}
#generalInfo .rightInfo {float:left; width:50%;}

.content h6 { 
	padding:15px 0 0 10px;
	width:316px;
	clear:both;
	font-size:12px;
	color: #675496;
	font:Geneva, Arial, Helvetica, sans-serif;
	font-weight:strong;
	background: url(../images/template/noteMarker.gif) no-repeat left 17px;
}

table {border-collapse:collapse; width:313px; border-bottom:1px solid #333; margin:20px 0 10px 1px;}
th {padding: 5px 2px 5px 7px;}
td {padding:10px 5px; vertical-align:top;}
td img{border:1px solid #333; margin-top:5px;}
col { border-right:1px dashed #ccc;color:#000;}
col#guruCol{border:none;}
col#priceCol{border:none;}
thead {background-color:#a1a5df; border: 1px solid #333;}
th{text-align:left; color:#fff; font-size:13px;}
.odd{background-color:#e2f4f9;}
tr:hover {background-color:#c77e98; color:#000;}

thead tr:hover{background-color:#a1a5df; color:#fff;}

#photoSlides{ width:313px;}
#photoSlides p img {margin:30px 0 0 0;}
#photoSlides ul {
    padding:0; 
    margin:25px 0 0 5px; 
    list-style-type:none;
	width:297px; 
    height:386px;
    }
#photoSlides li {
    float:left;
    }

#photoSlides a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:75px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
	
/* styling the :hover span */
#photoSlides a.gallery:hover span {
    position:absolute; 
    width:316px; 
    height:250px; 
    top:150px;  
    color:#000; 
    background:#fff;
    }

/* Adding the thumbnail images */
#photoSlides a.gallery, #photoSlides a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#photoSlides a.gallery:hover {
    border:1px solid #fff; 
    }

#photoSlides a.slidea {
    background:url(../images/photo/yogaPlace/Thumbnails/021_5_2.jpg); 
    height:60px; 
    width:93px;
    }
#photoSlides a.slidea:focus, #photoSlides a.slidea:active {
    background:url(../images/photo/yogaPlace/Thumbnails/021_5_2.jpg); 
    height:60px; 
    width:93px;
    }
#photoSlides a.slideb {
    background:url(../images/photo/yogaPlace/Thumbnails/SuptaPad.jpg); 
    height:60px; 
    width:93px;
    }
#photoSlides a.slidec {
    background:url(../images/photo/yogaPlace/Thumbnails/UrdhvaMuk.jpg); 
    height:60px; 
    width:93px
    }
#photoSlides a.slided {
    background:url(../images/photo/yogaPlace/Thumbnails/Utthita.jpg); 
    height:60px; 
    width:93px;
    }
#photoSlides a.slidee {
    background:url(../images/photo/yogaPlace/Thumbnails/UtthitaTri.jpg); 
    height:60px; 
    width:93px;
    }
	/* When adding image - copy and paste css, change slide letter - e, f, g - then change image path */
	#photoSlides a.slidef {
    background:url(../images/photo/yogaPlace/Thumbnails/UtthitaTri.jpg); 
    height:60px; 
    width:93px;
    }

/*<!--=================================Right side content=======================================-->*/

.rightsidebar h2 { background: url(../images/template/AssanBar.jpg) no-repeat transparent; height: 32px; color:#fff; margin:0px; padding:6px 0 0 30px; font-size:18px; font-weight:normal;}

.rightsidebar img{padding:50px 0 20px 15px;}

/*<!--=================================Footer=======================================-->*/
#leftfooter {
	position: relative;
	clear:both;
	left:247px;
	background:url(../images/template/leftFoot.gif) no-repeat;
	height: 3px;
}
#footer {
	position: relative;
	clear:both;
	left:887px;
	padding: 7px 0 0 20px;
	background: url(../images/template/foot.jpg) no-repeat;
	top:10px;
	height: 29px;
}

#footer p {
	margin: 0;
	padding: 0 0 0 8px;
	color:#fff;
	font-size:12.5px;
}
#footer a {
	text-decoration: none;
	color: #fff;
}
#footer a:hover {
	text-decoration: underline;
	color: #fff;
}
#footer .current {font-weight:bold; text-decoration: underline; color:#fff;}

/*<!--=================================Copyright=======================================-->*/

#copyRight {position: relative; clear:both; width: 900px; margin: 0; padding: 5px 0;}

#copyRight p {color:#666; font-size:12px; margin-top:5px; background:none;}
#copyRight p a{color:#666; font-weight:normal;}
#copyRight .siteDesign {color:#999; font-size:11.5px; text-align:center; margin-left:-150px;}
#copyRight .siteDesign a{color:#999; font-weight:normal;}