body {
	
	font-family: verdana;
	font-size: 11px;
	color: #000;
	text-align: center;
	background-color: #AAAAAA;
	background-image: url(../_images/BigBG03.gif);
	line-height: 18px;
}

#container {position: relative;

	width: 796px;
	
	margin: 0 auto;
}

#bgContainer {

	
	

}


#bgCenterLeft {
	
	width: 460px;
	height: 762px;
	
	float: left;
	
}


#logo {

	position: absolute;
	top: 15px;
	left: 348px;
	width: 92px;
	height: 158px;
	
	background-image: url(../_images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center;
	

}

.navDivider {

	background-image: url(../_images/navDivider.jpg);
	background-position: center;
	background-repeat:no-repeat;
	float: left;
	height: 25px;
	width: 26px;
	
}
#bottomNav {margin: 0  0 0 300px; padding: 0;}
#bottomNav ul{list-style: none; color: #c1bc6d; margin: 0; padding: 0;}
#bottomNav ul li{float: left; margin: 0; padding: 0;}
#bottomNav ul li a{color: #c1bc6d; margin: 0; padding: 0;}

#bgLeftCurve {

	width: 8px;
	height: 762px;
	float: left;
	
}


#bgCenterRight {

	width: 318px;
	height: 762px;
	float: left;
	
}


#bgRightCurve {

	width: 10px;
	height: 762px;
	
	float: left;
	
}




#nav {width: 701px; margin: 6px 0 0 5px; }



#nav ul {

	color: #FFFFFF;
	font-size: 13px;
	height: 27px;
	width: 315px;
	padding: 0;
	margin: 0 auto;
	list-style: url(../_images/navDisc.jpg) outside;
	
}


#nav ul li {

	float: left;
	height: 27px;
	
	list-style: none;
}

#nav ul li#navHome a{

	background-image: url(../_images/navHome.jpg);
	background-repeat: no-repeat;
	width: 39px;
	height: 27px;
	float: left;
	padding: 0;

}

#nav ul li#navHome a:hover{

	background-image: url(../_images/navHomeHover.jpg);
	background-repeat: no-repeat;
	

}

#nav ul li#navAbout a{

	background-image: url(../_images/navAbout.jpg);
	background-repeat: no-repeat;
	width: 45px;
	height: 27px;
	float: left;

}

#nav ul li#navAbout a:hover{

	background-image: url(../_images/navAboutHover.jpg);
	background-repeat: no-repeat;
	

}


#nav ul li#navRestaurants a{

	background-image: url(../_images/navRestaurants.jpg);
	background-repeat: no-repeat;
	width: 86px;
	height: 27px;
	float: left;

}


#nav ul li#navRestaurants a:hover{

	background-image: url(../_images/navRestaurantsHover.jpg);
	background-repeat: no-repeat;
	

}

#nav ul li#navPeople a{

	background-image: url(../_images/navPeople.jpg);
	background-repeat: no-repeat;
	width: 48px;
	height: 27px;
	float: left;

}

#nav ul li#navPeople a:hover{

	background-image: url(../_images/navPeopleHover.jpg);
	background-repeat: no-repeat;
	

}


#nav ul li#navContact a{

	background-image: url(../_images/navContact.jpg);
	background-repeat: no-repeat;
	width: 60px;
	height: 27px;
	float: left;

}

#nav ul li#navContact a:hover{

	background-image: url(../_images/navContactHover.jpg);
	background-repeat: no-repeat;
	
}
a { text-decoration: none; color: #7b2e00}
a:hover {text-decoration: underline; color: #7b2e00}

#logoList { width: 703px; height: 127px; margin: 0 0 0 -45px; padding: 0; background-image: url(../_images/logoListBackground.jpg); background-repeat: no-repeat; text-align: center;}
#logoList ul {list-style:none; padding: 0 0 0 0; margin: 0 auto; width: 600px;}
#logoList ul li {float: left; padding: 20px 0  0 60px ; margin: 0;}

#storyNav { position: absolute; width: 702px; height: 62px; bottom: 0px; left: 1px; background-image: url(../_images/storyNavBackground.jpg); background-repeat: no-repeat; }
#return {margin-top: 13px; margin-left: 45px; width: 116px; height: 29px; float: left; background-image: url(../_images/return.jpg); background-repeat: no-repeat; cursor: pointer;}
#goBack {margin-top: 12px; margin-left: 65px; width: 116px; height: 29px; float: left; background-image: url(../_images/goBack.jpg); background-repeat: no-repeat; cursor: pointer;}
#continue {width: 127px; height: 29px; float: right; margin-top: 12px; margin-right: 50px; background-image: url(../_images/continue.jpg); background-repeat: no-repeat; cursor: pointer;}
#storyBg {position: absolute; width: 577px; height: 62px; bottom: 150px; left: 1px; padding-left: 125px; background-image: url(../_images/theStoryBg.jpg); background-repeat: no-repeat; }
#bringSomething {margin-top: 27px; margin-left: 0; width: 273px; height: 19px; float: left; background-image: url(../_images/bringSomething.jpg); background-repeat: no-repeat; cursor: pointer;}
#theStory {margin-top: 27px; margin-left: 0; width: 183px; height: 19px; float: left; background-image: url(../_images/theStory.jpg); background-repeat: no-repeat; cursor: pointer;}

h1 {margin: 0;}
h2 {margin: 15px 0 8px 0;}
#contentContainer {

	position: absolute;
	width: 701px;
	top: 189px;
	left: 40px;
	width: 714px;
	height: 540px;
	background-image: url(../_images/bgMini2.jpg);
	background-repeat: no-repeat;
	text-align: left;
	margin: 0;
	padding:0;
}


#content {  position: relative; width: 655px; height: 450px; margin-left:6px; padding-left: 45px; }

/* For Local Scroll */
#scrollContent {position: relative; width: 655px; height: 330px; float: left; overflow: hidden;}
.longDiv {position: relative; width: 4000px; height: 330px;}
.longDiv .section {position: relative; width: 655px; height: 330px; float: left;  overflow: hidden;}


#content p.indent {

	margin: 25px 0 0 24px;
	line-height: 18px;
	padding: 0 45px 0 0;

}

#content p{

	margin: 25px 0 0 0;
	line-height: 18px;
	padding: 0 45px 0 0;

}


#contentLeft{float: left; width: 305px;  margin-top: 0px; padding: 0;}
#contentRight{float: left; width: 305px; margin-top: 0px; padding: 0;}