*{
	padding:0;
	margin: 0;
	
	
}

body{
	margin: 0px;
	padding: 0px;
	background-color: black;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}

h1{
	font-size:20px;
	color: white;
}
h3{
	font-size: 45px;
	color: #e9dda3;
	
}

p{
	color: #e9dda3;
}
p2{
	font-size: 18px;
}

p a:link, ul2#mainNav a:visited {
	color:white;
}

p a:hover, ul9#mainNav a:active {
	color:#801010 ;
}


#outercontainer{
	position:fixed;
	margin-left:50%;
	text-align: left;
	width: 2px;
	height: 40px;
	z-index: 10;
}

#outercontainer2{
	position:absolute;
	margin-left:50%;
	text-align:left;
	width:400px;
	height: 100%;
	z-index: 0;
	
}
#outercontainer3{
	position:fixed;
	width: 200px;
	margin-left:50%;
	text-align: left;
	z-index: 0;
	bottom:0px;
	background-color: red;
	overflow: scroll;
}
#logocontainer{
	position:fixed;
	margin-left:-150px;
	text-align: center;
	width: 300px;
	height: 20px;
	z-index: 10;
}
#logocontainer2{
	position:fixed;
	margin-left:0px;
	text-align: center;
	width: 300px;
	height: 20px;
	z-index: 20;
}

#menu{
	position:absolute;
	padding-left:1px;
	padding-right:1px;
	left:-200px;
	max-width: 400px;

}

#bump1{
	position:absolute;
	top: -200px;
	
}
#bump2{
	position:absolute;
	top: -85px;
	z-index: 5;
}
#bump3{
	position:absolute;
	top: 20px;
	z-index: 5;
}

#panodirections{
	position:absolute;
	top: 640px;
	margin-left: -300px;
	background-color: black;
	width: 600px;
	height:30px;
	color: white;
	text-align: center;
	padding-top: 20px;
}


/*------------------------------------main layout / images------------------------*/
#smoke{
	position:absolute;
	width:210px;
	height:4000px  ;
	background-image: url(../imgs/smoke.png);
	background-repeat: no-repeat;
	right: 60px;
	top:0px; 
	z-index: 4;
}


#hookah{
	position: fixed;
	width:210px;
	height:634px;
	background-image: url(../imgs/thehookah2.png);
	background-repeat: no-repeat;
	right: 50px;
	bottom: 0px;
	z-index:5;	
}	
	
#rightrep{
	width: 260px;
	height: 100%;
	background-image: url(../imgs/rightrepeaterdark2.gif);
	position: fixed;
	right:0px;
	top: 0px;
	z-index: 4;
}

#rightrepalt{
	width: 100px;
	height: 100%;
	background-image: url(../imgs/rightrepeater.gif);
	position: fixed;
	right:0px;
	top: 0px;
	z-index: 3;
}

#leftrep{
	width: 260px;
	height: 100%;
	background-image: url(../imgs/leftrepeaterdark2.gif);
	position: fixed;
	left:0px;
	top: 0px;
	z-index: 3;
}

#leftrepalt{
	width: 160px;
	height: 100%;
	background-image: url(../imgs/leftrepeateralt.gif);
	position: fixed;
	left:px;
	top: 0px;
	z-index: 3;
}

.smspacer{
	width: 2px;
	height:35px
}

.bgspacer{
	width: 2px;
	height:50px;
}
	

#logosmall{
	width:200px;
	height:84px;
	position: fixed;
	background-image: url(../imgs/logo200w.png);
	background-repeat: no-repeat;
	top:10px;
	left:35px;
	z-index: 5;

}

#topframe{
	position: fixed;
	top:0px;
	width: 100%;
	height:70px;
	background-color: #702813;
	z-index: 2;
	left: 0px;

}

#topframealt{
	position: fixed;
	top:0px;
	width: 100%;
	height:25px;
	background-color: #702813;
	z-index: 2;
}





/* #botframe{
	position:fixed;
	width: 100%;	
	bottom: 0px;
	height:15px;
	background-color: #9c6027;
	z-index: 0;
}
*/
/*------------------------------------main layout / images END------------------------*/

/* -------  page nav ------*/





/* -------  page nav ------*/



/*------------------------------------  content classes   --------------------*/
/*.content{
	margin:0 auto;
	width:50%;
	max-width: 700px;
	min-width: 200px;
	border: solid;
	border-color: #9b5f27;
	text-align: left;
	background-color: #400000;
	z-index: 3; }  */

.innerblank{
	width: 100%;
	position:relative;
}
.innertext{
	display: block;
	margin-left:240px;
	margin-right:240px;
	border: solid;
	border-color: #000000;
	text-align: center;
	min-width: 400px;
	padding: 30px 10px 30px 10px;
	background-image:url(../imgs/blackspace_50.png);
}


.innertext2{
	text-align: center;
	display: block;
	margin-right:280px;
	margin-left:280px;
	border: solid;
	border-color: #000000;
	background-image:url(../imgs/blackspace_50.png);
	padding: 30px 10px 30px 10px;
	position: relative;
}

.innertext3{
	text-align: left;
	display: block;
	margin-right:230px;
	margin-left:230px;
	border: solid;
	border-top: none;
	border-color: #000000;
	background-image:url(../imgs/blackspace_50.png);
	padding: 30px 10px 30px 10px;
}

.innertext4{
	text-align: center;
	display: block;
	margin-right:230px;
	margin-left:280px;
	border: solid;
	border-color: #000000;
	background-image:url(../imgs/blackspace_50.png);
	padding: 30px 10px 30px 10px;
	position:fixed;
}
.textcontainer{
	margin-top: 25px;
	text-align: center;
	margin-right:230px;
	margin-left:230px;
	border: solid;
	border-color: #000000;
	background-image:url(../imgs/blackspace_50.png);
	padding: 30px 10px 30px 10px;
	
}
.inlinepic{
	float: right;
	width:100px;
	height: inherit;
	border-style: solid;
	border-color: #000000;
	padding: 15px;

}

.biginlinepic{
	float: right;
	width:300px;
	height: inherit;
	border-style: solid;
	border-color: #000000;
	padding: 0px;

}
/*------------------------------------  content classes  END  --------------------*/

/*     inside   corners        */


#upleft{
	position: fixed;
	background-image: url(../imgs/in-up-left.gif);
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	left:260px;
	top:70px;
	z-index: 8;
}

#upright{
	position: fixed;
	background-image: url(../imgs/in-up-right.gif);
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	right:260px;
	top:70px;
	z-index: 8;
}

#upleftalt{
	position: fixed;
	background-image: url(../imgs/in-up-left.gif);
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	left:160px;
	top:25px;
	z-index: 8;
}

#uprightalt{
	position: fixed;
	background-image: url(../imgs/in-up-right.gif);
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	right:100px;
	top:25px;
	z-index: 8;
}




/*     inside   corners    END       */



/*---------------nav bar--------------*/
#navback{
	position: fixed;
	width: 200px;
	height: 430px;
	background-image: url(../imgs/navbaby2.gif);
	background-repeat: no-repeat;
	left:75px;
	top: 60px;
	z-index: 9;


}


#navbackalt{
	position: fixed;
	width: 200px;
	height: 500px;
	background-image: url(../imgs/navbaby2.gif);
	background-repeat: no-repeat;
	left:75px;
	top: 150px;
	z-index: 9;


}



#navbar{
	position:fixed;	
	text-align:center;
	left:90px;
	top:120px;
	margin : 0px;
	padding:0px ;
	width : 170px;
	height: 327px;
	z-index: 10;
}

#navbaralt{
	position:fixed;	
	text-align:center;
	left:90px;
	top:230px;
	margin : 0px;
	padding:0px ;
	width : 170px;
	height: 327px;
	z-index: 10;
}

/* -------------------------------------------NAV YOYO--------------------------------*/


/*----- 1 -------*/

ul#mainNav {
	text-indent: -99999px;
	list-style-type: none;	
	margin: 0;
	padding:0;
}


ul#mainNav a:link, ul#mainNav a:visited {
	display: block;
	width: 100px;
	height: 33px;
	line-height: 33px;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/homebtn.png);
	background-repeat:  no-repeat;
}

ul#mainNav a:hover, ul#mainNav a:active{
	width:100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/homebtn.png);
	background-position: right bottom;
	background-repeat:  no-repeat;
}


/*----- 2 -------*/



#mainNav2{
	text-indent: -99999px;
	padding: 0;
	margin:0;
	list-style-type: none;	
}

#mainNav2 a:link, ul#mainNav2 a:visited {
	display: block;
	width: 100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/hookahbtn.png);
	background-repeat: no-repeat;
}

#mainNav2 a:hover, ul#mainNav2 a:active {
	width: 100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/hookahbtn.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}

/*----- 3 -------*/



ul#mainNav3{
	padding: 0;
	margin:0;
	text-indent: -999999px;
	list-style-type: none;	
}

ul#mainNav3 a:link, ul#mainNav3 a:visited {
	display: block;
	width: 100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/menubtn.png);
	background-repeat: no-repeat;
}

ul#mainNav3 a:hover, ul#mainNav3 a:active {
	width: 100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/menubtn.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}


/*----- 4 -------*/



ul#mainNav4{
	text-indent: -999999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}

ul#mainNav4 a:link, ul#mainNav4 a:visited {
	display: block;
	width: 100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/gallerybtn.png);
	background-repeat: no-repeat;
}

ul#mainNav4 a:hover, ul#mainNav4 a:active {
	width: 100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/gallerybtn.png);
	background-position: right bottom;
	background-repeat:  no-repeat;
}

/*----- 5 -------*/



ul#mainNav5{
	text-indent: -99999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}

ul#mainNav5 a:link, ul#mainNav5 a:visited {
	display: block;
	width: 100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/3dtourbtn.png);
	background-repeat:  no-repeat;
}

ul#mainNav5 a:hover, ul5#mainNav a:active {
	width: 100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/3dtourbtn.png);
	background-position: right bottom;
	background-repeat:  no-repeat;
}


/*----- 6 -------*/



ul#mainNav6{
	text-indent: -99999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}

ul#mainNav6 a:link, ul#mainNav6 a:visited {
	display: block;
	width: 100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/directionbtn.png);
	background-repeat:  no-repeat;
}

ul#mainNav6 a:hover, ul#mainNav6 a:active {
	width: 100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/directionbtn.png);
	background-position: right bottom;
	background-repeat:  no-repeat;
}

/*----- 7 -------*/



ul#mainNav7{
	text-indent: -99999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}

ul#mainNav7 a:link, ul#mainNav7 a:visited {
	display: block;
	width: 100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/aboutbtn.png);
	background-repeat:  no-repeat;
}

ul#mainNav7 a:hover, ul#mainNav7 a:active {
	width: 100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/aboutbtn.png);
	background-position: right bottom;
	background-repeat:  no-repeat;
}


/*----- 8 -------*/



ul#mainNav8{
	text-indent: -99999px;
	margin: 0px;
	padding: 0px;
	list-style-type:  none;	
}

ul#mainNav8 a:link, ul#mainNav8 a:visited {
	display: block;
	width: 100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/contactbtn.png);
	background-repeat:  no-repeat;
}

ul#mainNav8 a:hover, ul#mainNav8 a:active {
	width: 100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/contactbtn.png);
	background-position: right bottom;
	background-repeat:  no-repeat;
}

/*----- 9 -------*/



ul#mainNav9{
	text-indent: 99999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}

ul#mainNav9 a:link, ul#mainNav9 a:visited {
	display: block;
	width: 100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/vipbtn.png);
	background-repeat: no-repeat;
}

ul#mainNav9 a:hover, ul#mainNav9 a:active {
	width: 100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/vipbtn.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}

/*----- 10 -------*/
ul#mainNav10{
	text-indent: 99999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}

ul#mainNav10 a:link, ul#mainNav10 a:visited {
	display: block;
	width: 100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/specialbtn.png);
	background-repeat: no-repeat;
}

ul#mainNav10 a:hover, ul#mainNav10 a:active {
	width: 100px;
	height: 33px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(../imgs/specialbtn.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}




/* -------------------------------------------NAV YOYO END !--------------------------------*/



                   /*       GALLERY        */

.p2 {
  	color: #ffffff ;
  	width: 200px;
  	text-align: left;
  	clear: both;
  	float: right;
  }
  
  #thumboxundr{
  position: absolute;
  top:45px;
  left:150px;
  width: 200px;
  height:100%;
    
  }
  
  #boxbtm{
  position:fixed;
  bottom:0;
  left:160px;
  width: 200px;
  height:134px;
  background-image: url(imgs/temp/fadebtm2.png);
  background-position: bottom;
  background-repeat: no-repeat;
  z-index: 4;
  
  }
    
  #boxtop{
  position:fixed;
  top:25px;
  left:160px;
  width: 200px;
  height:134px;
  background-position: top;
  background-repeat: no-repeat;
  background-image: url(imgs/temp/fadetop2.png);
  z-index: 4;
  
  }  
                                   /*  gallery styling */
    

    

   #jgal {
   z-index: 0;
  list-style: none;
  position: absolute;
  top:520px;
  padding-bottom: 10px;
  left:-310px;
  width: 600px;
  padding-left: 15px;
  padding-top: 15px;
  background-image:url(../imgs/blackspace_85.png);
  }
     
   #jgal li { 
   opacity: .5;  
   z-index: 0;
   display: block; 
   width: 10px; 
   height: 10px; 
   background-position: 50% 50%; 
   cursor: pointer; 
   border: 3px solid black; 
   outline: 1px solid #ddd; 
   margin-right: 14px; 
   margin-bottom: 14px;
   float: left; 
   
  }
   
   
   #jgal li img {
   z-index: 0;
   position: absolute; 
   height:400px;
   width: 600px;
   border: 3px solid black; 
   top:-400px; 
   left:5px;
   display: none; 
   }
  
      
#gallery{
    background-color: red;
    position: absolute;
}
   
   
   #jgal li.active img { 
   display: block; }
   
   #jgal li.active, #jgal li:hover { 
   outline-color: #bbb; 
   opacity: .99 ;  /* safari bug */ 
   
   }


 /* styling without javascript */
 #gallery { list-style: none; display: block; }
 
 
 
 #gallery li { float: left; margin: 0 10px 10px 0; }


                                                       /*       GALLERY   -end-      */
 


.dirtext{
	font-family: sans-serif;
	border-style: none;
	font-size: 36px;
}

.smdirtext{
	font-family: Geneva;
	padding-top: 40px;
	text-align: center;
	border-style: none;
	font-size: 18px;
}

#panocontainer{
	position: absolute;
	height: 400px;
	width: 600px%;
	overflow:hidden;
	margin-left: -300px;
	margin-top: 50px;
}