/* basic elements */
body { 
    font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 10pt; 
	background: url(images/background.gif) repeat top left; 
	margin: 0px;
	}
p { 
    font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 11pt; 
	margin-top: 0px; 
	text-align: justify;
	}
h2 { 
    font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12pt; 
	margin-bottom: 2px; 
	color: navy;
	}	
h3 { 
    font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12pt; 
	margin-bottom: 0px; 
	color: navy;
	}
h4 { 
    font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12pt; 
	margin-bottom: -12px; 
	color: navy;
	}	
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #669933;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #669933;
	}
a:hover { 
	color: #669933;
	text-decoration: underline;
	}
a:active { 
	color: #669933;
	}


/* specific divs */
#container { 
	background: transparent; 
	position: absolute;
	margin: 0px auto;
	text-align: left;
	top: 0px; 
	left: 0px; 
	width: 1000px;
	height: auto;
	padding: 0px 0px 0px 0px;
}
	
	
#navLogo { 
	background: transparent; 
	position: absolute; 
	top: 18px; 
	left: 140px; 
	width: 90px; 
	height: 64px; 
	cursor: pointer;
	}

#navTopBar { 
	background: transparent url(images/top.gif); 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 1069px; 
	height: 155px; 
	}

#navSpace1 { 
	background: transparent url(images/left_menu.gif) no-repeat top left; 
	position: absolute; 
	top: 155px; 
	left: 0px; 
	width: 183px; 
	height: 31px; 
	}

#navHome { 
	position: absolute; 
	top: 155px; 
	left: 183px; 
	width: 69px; 
	height: 31px;
	cursor: pointer;
}

#navLocations { 
	position: absolute; 
	top: 155px; 
	left: 252px; 
	width: 98px; 
	height: 27px;
	cursor: pointer;	
	}

#navMenu { 
	position: absolute; 
	top: 155px; 
	left: 350px; 
	width: 62px; 
	height: 31px; 
	cursor: pointer;
	}

#navContact { 
	position: absolute; 
	top: 155px; 
	left: 412px; 
	width: 82px; 
	height: 31px;
	cursor: pointer;
	}

#navOurStory { 
	position: absolute; 
	top: 155px; 
	left: 494px; 
	width: 103px; 
	height: 31px;
	cursor: pointer;
	}

#navSpecialEvents { 
	position: absolute; 
	top: 155px; 
	left: 597px; 
	width: 143px; 
	height: 31px;
	cursor: pointer;
	}

#navSpace2 { 
	background: url('images/middle.gif') no-repeat left top; 
	position: absolute; 
	top: 187px; 
	left: 0px; 
	width: 347px; 
	height: 245px; 
	}

#navSpace3 { 
	background: transparent url(images/bottom.gif) no-repeat top left; 
	position: absolute; 
	top: 431px; 
	left: 0px; 
	width: 150px; 
	height: 552px; 
	}

#navSpace4 { 
	background: transparent url(images/corner.gif) no-repeat top left; 
	position: absolute; 
	top: 650px; 
	left: 690px; 
	width: 189px; 
	height: 176px; 
	}

#navSpace4b { 
	background: url('images/corner.gif') no-repeat left top; 
	position: absolute; 
	top: 731px; 
	left: 921px; 
	width: 189px; 
	height: 176px; 
	}

#navSpace4c { 
	background: transparent url(images/corner.gif) no-repeat top left; 
	position: absolute; 
	top: 1170px; 
	left: 550px; 
	width: 189px; 
	height: 176px; 
	}
#navSpace4d { 
	background: transparent url(images/corner.gif) no-repeat top left; 
	position: absolute; 
	top: 780px; 
	left: 630px; 
	width: 189px; 
	height: 176px; 
	}
#navSpace5 { 

	}
#locTitle1 { 
	background: transparent; 
	position: absolute; 
	top: 241px; 
	left: 318px; 
	width: 250px; 
	height: 50px;
	text-align: center;
	}
#locTitle2 { 
	background: transparent; 
	position: absolute; 
	top: 220px; 
	left: 500px; 
	width: 250px; 
	height: 50px;
	text-align: center;
	}	
#locHours1a { 
	background: transparent; 
	position: absolute; 
	top: 483px;
	left: 367px; 
	width: 201px; 
	height: 59px;
    right: 432px;
}
#locHours1b { 
	background: transparent; 
	position: absolute; 
	top: 483px; 
	left: 426px; 
	width: 118px;
}
#locHours1c { 
	background: transparent; 
	position: absolute; 
	top: 490px; 
	left: 475px; 
	width: 80px; 
	height: 50px;
	}
#locHours2a { 
	background: transparent; 
	position: absolute; 
	top: 490px; 
	left: 525px; 
	width: 20px; 
	height: 50px;
	}
#locHours2b { 
	background: transparent; 
	position: absolute; 
	top: 490px; 
	left: 565px; 
	width: 90px; 
	height: 50px;
	}
#locHours2c { 
	background: transparent; 
	position: absolute; 
	top: 490px; 
	left: 660px; 
	width: 80px; 
	height: 50px;
	}
#extraHome1 { 
	background: url('images/ot_bar.jpg') no-repeat left top; 
	position: absolute; 
	top: 268px; 
	left: 523px; 
	width: 250px; 
	height: 198px; 
	}
#extraLoc1 { 
	background: url('images/mainlocation.jpg') no-repeat left top; 
	position: absolute;
	top: 289px; 
	left: 318px; 
	width: 250px; 
	height: 400px;
	text-align: center;
	padding-top: 160px;
	}

#extraLoc2 { 
	background: transparent url(images/drlocation.jpg) no-repeat top left; 
	position: absolute; 
	top: 240px; 
	left: 500px; 
	width: 250px; 
	height: 400px;
	text-align: center;
	padding-top: 160px;
	}
#extraLoc3 { 
	background: transparent; 
	position: absolute; 
	top: 719px; 
	left: 320px; 
	width: 600px; 
	height: 187px;
	}
#extraLoc4 { 
	position: absolute;
	top: 386px; 
	left: 316px; 
	width: 250px; 
	height: 166px;
	text-align: center;
	padding-top: 160px;
	}

#extraLoc5 { 
	position: absolute; 
	top: 465px; 
	left: 500px; 
	width: 250px; 
	height: 400px;
	text-align: center;
	padding-top: 160px;
	}	
#extraMenu1 { 
	background: url('images/sidebar_buddha.jpg') no-repeat left top; 
	position: absolute; 
	top: 228px; 
	left: 743px; 
	width: 160px; 
	height: 475px; 
	}
#extraContact1 { 
	background: transparent url(images/contact_graphic.jpg) no-repeat top left; 
	position: absolute; 
	top: 240px; 
	left: 615px; 
	width: 160px; 
	height: 475px; 
	}
#extraStory1 { 
	background: transparent url(images/sidebar_light3.jpg) no-repeat top left; 
	position: absolute; 
	top: 240px; 
	left: 615px; 
	width: 160px; 
	height: 475px; 
	}
#extraSpecial1 { 
	background: url('images/sidebar_light.jpg') no-repeat left top; 
	position: absolute; 
	top: 240px; 
	left: 651px; 
	width: 160px; 
	height: 475px; 
	}
#content1 {
	background: transparent; 
	position: absolute;
	top: 265px;
	left: 241px;
	width: 275px;
	height: 200px;
	text-align: justify;
	}
#content2 {
	background: url('images/mainlocation.jpg') no-repeat left top; 
	position: absolute;
	top: 494px;
	left: 242px;
	width: 340px;
	height: 300px;
	text-align: justify;
	padding-left: 260px;
	padding-top: 20px;
	}
#content3 {
	background: transparent;
	position: absolute;
	top: 489px;
	left: 168px;
	width: 600px;
	height: 150px;
	text-align: justify;
	}
#content4 {
	background: transparent;
	position: absolute;
	top: 600px;
	left: 180px;
	width: 460px;
	height: 150px;
	text-align: justify;
	}
#content5 {
	background: transparent;
	position: absolute;
	top: 740px;
	left: 180px;
	width: 380px;
	height: 150px;
	text-align: justify;
	}
#contact1 {
	background: transparent; 
	position: absolute;
	top: 250px;
	left: 265px;
	width: 330px;
	height: 100px;
	text-align: justify;
	}
#contact2 {
	background: transparent; 
	position: absolute;
	top: 290px;
	left: 240px;
	width: 390px;
	height: 200px;
	text-align: justify;
	}
#contact3 {
	background: transparent; 
	position: absolute;
	top: 335px;
	left: 190px;
	width: 390px;
	height: 200px;
	text-align: justify;
	}
#special1 {
	background: transparent; 
	position: absolute;
	top: 260px;
	left: 249px;
	width: 330px;
	height: 200px;
	text-align: justify;
	}
#special2 {
	background: transparent; 
	position: absolute;
	top: 408px;
	left: 187px;
	width: 390px;
	height: 200px;
	text-align: justify;
	}
	#special3 {
	background: transparent; 
	position: absolute;
	top: 721px;
	left: 183px;
	width: 390px;
	height: 200px;
	text-align: justify;
	}
#story1 {
	background: transparent; 
	position: absolute;
	top: 250px;
	left: 254px;
	width: 330px;
	height: 200px;
	text-align: justify;
	}
#story2 {
	background: transparent; 
	position: absolute;
	top: 398px;
	left: 192px;
	width: 390px;
	height: 200px;
	text-align: justify;
	}
#locations1 {
	background: transparent; 
	position: absolute;
	top: 4px;
	left: 270px;
	width: 400px;
	height: 200px;
	text-align: justify;
	}
#extraDiv1 { 
	}
#menu1 { 
	background: transparent; 
	position: absolute; 
	top: 270px; 
	left: 210px; 
	width: 420px; 
	height: 200px; 
	text-align: center;
	}
#menu2 { 
	background: transparent; 
	position: absolute; 
	top: 235px; 
	left: 350px; 
	width: 480px; 
	height: 500px; 
	text-align: left;
	}
#menuLeft { 
	background: transparent; 
	position: absolute; 
	top: 260px; 
	left: 170px; 
	width: 150px; 
	height: 600px;
	text-align: right;
	}
#LeftMenuCol { 
	background: transparent; 
	position: absolute; 
	top: 25px; 
	left: 0px;
	width: 180px; 
	height: 500px;
	text-align: left;
	}
#RightMenuCol { 
	background: transparent; 
	position: absolute; 
	top: 25px; 
	left: 200px;
	width: 180px; 
	height: 500px;
	text-align: left;
	}
#TopMenuCol { 
	background: transparent; 
	position: absolute; 
	top: 6px; 
	left: 2px;
	width: 300px; 
	height: 50px;
	text-align: left;
	}
#FullMenuCol { 
	background: transparent; 
	position: absolute; 
	top: 67px; 
	left: 1px;
	width: 350px; 
	height: 500px;
	text-align: left;
	}
span.foodTitle {
	font-size: 17px;
	color: navy;
	font-weight: bold;
	text-align: center;
	}
span.foodName {
	font-size: 12px;
	font-weight: bold;
	}
span.foodDesc {
	font-size: 11px;
	}
span.menuTitle {
	font-size: 14px;
	color: navy;
	font-weight: bold;
	}
	
#navFuture3 { 
	background: url('images/gift_cert.gif') no-repeat left top; 
	position: absolute;
	cursor: pointer;
	top: 99px; 
	left: 548px; 
	width: 211px; 
	height: 50px; 
	}
	#navFuture4 { 
	background: url('images/blog.gif') no-repeat left top; 
	position: absolute;
	cursor: pointer;
	top: 105px; 
	left: 762px; 
	width: 235px; 
	height: 40px; 
	}
	#navFuture5 { 
	background: url('images/takeout.gif') no-repeat left top; 
	position: absolute;
	cursor: pointer;
	top: 79px; 
	left: 400px;
    width: 236px;
    height: 45px;
    
}