/* $Id: style.css,v 1.23 2010/04/15 10:10:10 goba Exp $ */

/*
** HTML elements
*/


* { 
margin: 0;
padding: 0;
}

body {
	margin: 0px;
	padding: 0px;
	color: #ccc;
	background-color:#171717;
	font: 12px Arial, Verdana, sans-serif;	
	line-height: 18px;	
}

#bodytxt {
	color: #ccc;
	font: 12px Arial, Verdana, sans-serif;	
	line-height: 18px;	
	padding-left:35px;
}

a:active {
  font-family: Arial, Verdana, sans-serif;	
  font-size: 12px;
  color:#55BA5B;
}

a:link {
  color: #55BA5B;
	text-decoration: none;
}

a:visited {
  color: #55BA5B;
  text-decoration: none;
}

a:hover {
	color: #bababa;
	text-decoration: none; 
}

#sidemenulink {
	font: bold 15px Arial, Verdana, sans-serif;
	color:#55BA5B;
}

#sidemenulink a:active {
	color:#55BA5B;
}

#sidemenulink a:link {
	font: bold 13px Arial, Verdana, sans-serif;
	color: #55BA5B;
	text-decoration: none;
}

#sidemenulink a:visited {
	font: bold 13px Arial, Verdana, sans-serif;
	color: #55BA5B;
	text-decoration: none;
}

#sidemenulink a:hover {
	color: #B6B6B6;
	text-decoration: none; 
}

h1 {
	font: 22px Arial, Verdana, sans-serif;	
	color: #E17C1B;
	line-height:24px;
}

.h1 {
	font: 22px Arial, Verdana, sans-serif;	
	color: #E17C1B;
	line-height:18px;
}

.h1 a:active {
	color:#55BA5B;
}

.h1 a:link {
	font: 22px Arial, Verdana, sans-serif;
	color: #55BA5B;
	text-decoration: none;
}

.h1 a:visited {
	font: 22px Arial, Verdana, sans-serif;
	color: #55BA5B;
	text-decoration: none;
}

.h1 a:hover {
	color: #bababa;
	text-decoration: none; 
}

h2 {
	font: 18px Arial, Verdana, sans-serif;	
	color: #E17C1B;
	line-height:18px;
}

.h2 {
	font: 18px Arial, Verdana, sans-serif;	
	color: #E17C1B;
	line-height:18px;
}

h3 {
	font: 15px Arial, Verdana, sans-serif;	
	color: #F1802F;
	line-height:18px;
}

.h3 {
	font: 15px Arial, Verdana, sans-serif;	
	color: #F1802F;
	line-height:18px;
}

h4 {
	font: bold 13px Arial, Verdana, sans-serif;	
	color: #F1802F;
}

.h4 {
	font: bold 13px Arial, Verdana, sans-serif;	
	color: #F1802F;
}

.clear {
	clear: both;
}
	
#seperator{
	border-bottom:solid 1px #CCCCCC;
	margin:15px 0 15px 0;
}

#seperatortbl{
	border-bottom:solid 1px #CCCCCC;
	margin:5px 0 5px 0;
}


/*-- MENU START --*/

#menu {
	width: 100%;
	margin: 0 auto;
	background:#ccc;
}

#menucontainer {
	width: 973px;
	margin: 0 auto;
	padding-left:30px;
}

/*-- MENU END --*/

/*-- LOGO & MAINIMAGE START --*/

#header {
	width: 1003px;
	margin: 0 auto;
}

#headerleft {
	float:left;
	width: 255px;
	margin-top:75px;
}

#headerright {
	float:right;
	width: 675px;
	height: 344px;
	margin-top:15px;
}

/*-- LOGO & MAINIMAGE END --*/

/*-- MAINCONTENT START --*/

#maincontentbg{
	width: 100%;
	margin: 0 auto; 
}

#maincontent{
	padding-top: 15px;
	width: 930px;
	margin: 0 auto; 
	height:auto;
}

.indextxt {
	color: #333;
	font: 12px Arial, Verdana, sans-serif;	
	line-height: 18px;	
}

.highlightindextxt {
	font: 12px Arial, Verdana, sans-serif;	
	color: #DDE2AA;
	line-height:18px;
}

.highlightindextxtalt {
	font: 12px Arial, Verdana, sans-serif;	
	color: #DDE2AA;
	line-height:18px;
}

.name {
	font: bold 12px Arial, Verdana, sans-serif;	
	color: #DDE2AA;
	line-height:18px;
}

.namesh {
	font: bold 12px Arial, Verdana, sans-serif;	
	color: #DDE2AA;
	line-height:18px;
	padding-left:35px;
}

#leftcolindex {
	float: left;
	width: 240px;
	padding: 15px 0 0 15px;
}

.tblhead {
	float: left;
	width: 225px;
}

.tblleft {
	float: left;
	width: 15px;
	height:25px;
	padding-left:10px;
}

.tblright {
	float: right;
	width: 205px;
	height:25px;
	padding-left:10px;
}

#tbleftyogatrek {
	float: left;
	width: 130px;
	padding:0 15px 0 15px;
}

#tbrightyogatrek {
	float: right;
	width: 470px;
	padding:0 15px 0 0;
}

#contentinside {
	float: right;
	width: 645px;
	padding:15px 15px 0px 15px;
}

#contentindex {
	float: right;
	width: 675px;
}

#midcolindex {
	float: left;
	width: 430px;
	padding:15px 15px 0px 15px;
}

#rightcolindex {
	float: right;
	width: 200px;
	padding: 15px 15px 0px 0px;
}

.gutter {
	float:left;
	width:15px;
	height:15px;
}

.indexleft {
	float: left;
	width: 175px;
	background:url(../images/block.png) no-repeat;
	height:315px;
	padding: 15px 15px 0 15px;
}

.indexmid {
	float: left;
	width: 175px;
	background:url(../images/block.png) no-repeat;
	height:315px;
	padding: 15px 15px 0 15px;
}

.indexright {
	float: right;
	width: 175px;
	margin: 0 15px 0 0;
	background:url(../images/block.png) no-repeat;
	height:315px;
	padding: 15px 15px 0 15px;
}

/*-- MAINCONTENT END --*/

/*-- CONTACT US INDEX START --*/

#contactusindexcontent{
	width: 930px;
	margin: 0 auto; 
}

#contactusindexleft {
	float: left;
	width: 255px;
}

#contactusindexright {
	float: right;
	width: 675px;
	height:75px;
	background:url(../images/contactus_bg.png) no-repeat;
}

#contactuscolone {
	float: left;
	width: 163px;
	padding: 35px 0 0 32px;
}

#contactuscoltwo {
	float: left;
	width: 150px;
	padding: 35px 0 0 10px;
}

#contactuscolthree {
	float: left;
	width: 90px;
	padding: 35px 0 0 70px;
}

#contactuscolfour {
	float: right;
	width: 97px;
	padding: 35px 0 0 63px;
}

/*-- CONTACT US INDEX END --*/

/*-- IMAGE START --*/

.img {
	border: 1px solid #ccc;
}

.imgleft {
	padding: 0px;
	margin: 20px 20px 20px 0px;
	float:left;
	border: 1px solid #fff;
}

.imgright {
	padding: 0px;
	margin: 20px 0px 20px 20px;
	float:right;
	border: 1px solid #fff;
}

/*-- IMAGE END --*/

/*-- FORM START --*/

form{
	width: 95%;
	overflow: hidden;
	padding: 0;
	margin: 5px 0 0 0;
}

form br{
	clear: left;
}

input, select, textarea{
	font: 12px Arial, Verdana, sans-serif;	
	width: auto;
	float: left;
	margin: 5px 0;
	padding: 4px;
	color: #111;
	border: 1px solid #12AD2B;
}

input:hover, select:hover, textarea:hover, input:focus, textarea:focus, select:focus{
	border: 1px solid #c00;
	background: #9FD98B;
}

/*-- FORM END --*/

/*-- CONTACT START --*/

#leftcolcontact {
	float: left;
	width: 250px;
}

#rightcolcontact {
	float: right;
	width: 380px;
}

#leftcontact {
	float: left;
	width: 75px;
}

#rightcontact {
	float: right;
	width: 285px;
}

.h2login {
	font: 12px Arial, Verdana, sans-serif;	
	color: #ccc;
	padding-top: 13px;
	padding-bottom: 5px;
}

#contactushead {
	font: 18px Arial, Verdana, sans-serif;	
	color: #289728;
}

#leftcontactus {
	float:left;
	width:50px;
}

#rightcontactus {
	float:right;
	width:200px;
}

/*-- CONTACT START --*/

#insidecontainer {
	color: #000;
	padding: 15px 10px 10px 10px;
}

.verline {
	float: left;
	height: 125px;
	border-left:1px solid #ccc;
}

#headcontactinformation {
	font: 17px Arial, Verdana, sans-serif;	
	color: #FF3300;
	line-height:24px;
	border-bottom: 1px solid #666666;
	width:175px;
	margin-bottom:8px;
}

/*-- FOOTER START --*/

#footerbg{
	width: 100%;
	margin: 0 auto;
	background:#000;
	height:175;
}

#footer{
	width: 1003px;
	margin: 0 auto;
	height:175px;
	background:url(../images/footer_img.png) no-repeat;
}

#footercontactus{
	width: 1003px;
	margin: 0 auto;
	height:175px;
	background:url(../images/footer_img_alt.png) no-repeat;
}

#footerinside{
	width: 930px;
	margin: 0 auto;
}

#footerleft {
	float: left;
	width: 240px;
	padding: 30px 0 0 15px;
}

#footerright {
	float: right;
	width: 460px;
	padding: 30px 15px 0 0;
}

.footercolor {
	color: #929497;
	font: 12px Arial, Verdana, sans-serif;	
	line-height: 18px;	
}

#footerleftcounter {
	float: left;
	width: 440px;
	padding: 15px 0 0 0;
	
}

#footermidcounter {
	float: left;
	width: 50px;
	padding: 15px 10px 0 10px;
	color:#fff;
}

#footerrightcounter {
	float: right;
	width: 420px;
	padding: 15px 0 0 0;
}

.logoaffiliatedleft {
	float: left;
	width: 55px;
	height: 55px;
	margin-top:10px;
}

.logoaffiliatedright {
	float: right;
	width: 110px;
	height: 55px;
	margin-top:10px;
}

/*-- FOOTER END --*/

/*--MENU CSS Start--*/

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 973px; /*For KHTML*/
  list-style: none;
  height: 30px;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu ul, ul#navmenu ul.long {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 250px;
  list-style: none;
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
}

ul#navmenu ul.long { /* Added for sub menu with long content */
	width: 158px;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  /*width: 220px;*/
  float: none; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a, ul#navmenu a.right, ul#navmenu a.reset {
  background: #ccc;
  border-right: 1px solid #AAA;
  padding: 4px 12px 4px 12px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #444;
  font: bold 11px/22px Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #F85700;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a,
ul#navmenu li:hover li a.noimg,
ul#navmenu li.iehover li a.noimg {
  font-weight: normal;
  text-transform: none;
  float: none;
  color: #444;
  border-top: 1px solid #333;
  border-right: none;
  padding: 1px 12px 4px 12px;
  /*height: 1%;*/
}

ul#navmenu li:hover li a.noimg,
ul#navmenu li.iehover li a.noimg {
	background: #ccc;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  color: #FFF;
}

ul#navmenu li:hover li a.noimg:hover,
ul#navmenu li:hover li:hover a.noimg,
ul#navmenu li.iehover li a.noimg:hover,
ul#navmenu li.iehover li.iehover a.noimg {
	background: #F85700;
	color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a,
ul#navmenu li:hover li:hover li a.noimg,
ul#navmenu li.iehover li.iehover li a.noimg,
ul#navmenu li:hover li:hover li a.withimg,
ul#navmenu li.iehover li.iehover li a.withimg {
  background: #CCC;
  color: #444;
}

ul#navmenu li:hover li:hover li a.withimg,
ul#navmenu li.iehover li.iehover li a.withimg { /* Block of code added for Arrow Pointer */
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #F85700;
  color: #FFF;
}

ul#navmenu li:hover li:hover li a.withimg:hover,
ul#navmenu li:hover li:hover li:hover a.widthimg,
ul#navmenu li.iehover li.iehover li a.withimg:hover,
ul#navmenu li.iehover li.iehover li.iehover a.withimg {
	background: #C00;
	color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #4d4d4d;
  color: #FFF;
}

ul#navmenu li:hover li:hover li:hover li a.noimg,
ul#navmenu li.iehover li.iehover li.iehover li a.noimg {
  background: #4d4d4d;
  color: #FFF;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #C00;
  color: #FFF;
}


ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 180px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}


/* Extreme Right Adjustments */

ul#navmenu a.right {
  border-right: none;
  padding: 4px 12px 4px 12px;
}

/*--MENU CSS End--*/

#tbleft {
	float:left;
	width:165px;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #ccc;
}

#tbmid {
	float:left;
	width:165px;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #ccc;
}

#tbright {
	float:right;
	width:255px;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #ccc;
}

.note {
	font: 13px Arial, Verdana, sans-serif;	
	color: #E17C1B;
	line-height:18px;
}

#tbllefta {
	float: left;
	width: 20px;
	padding:5px 5px 5px 15px;
}

#tblleftash {
	float: left;
	width: 20px;
	padding:5px 5px 5px 50px;
}

#tblrighta {
	float: right;
	width: 590px;
	padding:5px 15px 5px 0;
}

#tblrightash {
	float: right;
	width: 555px;
	padding:5px 15px 5px 0;
}

#tblleftalt {
	float: left;
	width: 130px;
	height:25px;
	padding-right:15px;
}

#tblrightalt {
	float: right;
	width: 465px;
	height:25px;
}

.bestview {
	color: #ccc;
	font: 10px Verdana, Arial, sans-serif;
}

#tblone {
	float:left;
	width: 150px;
	padding-right:15px;
}

#tbltwo {
	float:left;
	width: 150px;
	padding-right:15px;
}

#tblthree {
	float:left;
	width: 150px;
	padding-right:15px;
}

#tblfour {
	float:right;
	width: 150px;
}

/*-- YOGA TREK START --*/

#ytcolone {
	float:left;
	width: 200px;
	padding:0 15px 0 15px;
}

#ytcoltwo {
	float:left;
	width: 200px;
	padding:0 15px 0 0;
}

#ytcolthree {
	float:right;
	width: 200px;
}

/*-- YOGA TREK END --*/