/* Page background */
Body
{
	background-image: url(/images/background.jpg);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #85502e;
	margin: 0px;
}

/* Main container - Centers content */
#Panos_Container {
	position:absolute;
	top: 50%;
	left: 50%;
	width:980px;
	height:584px;
	margin-top: -292px;
	margin-left: -490px;
	border: solid 3pt #85502E;
}
#Panos_Container2 {
	position:absolute;
	top: 50%;
	left: 50%;
	width:970px;
	height:628px;
	margin-top: -292px;
	margin-left: -490px;
	border: solid 3pt #85502E;
}


/* Layout */
#Panos_Header
{
/* NOTE: 
Must include position info in this style in-order for child div tags
to be vertically aligned. Otherwise, the child div will be vertically
aligned with a div tag farther up the hierarchy.
 
http://www.highdots.com/forums/alt-html/vertical-align-194116.html
*/
	
    position:relative;
	z-index:2;
	width: 980px;
	height: 77px;
	background-color:#000000;
}

#Panos_Menu
{
	position: absolute;
	left:50%;
	top: 60px;
	width: 800px;
	margin-left: -400px;
	margin-top: -38px;
	letter-spacing: 1pt;
	z-index:2;
}

#Panos_Flash_Content
{
	position:absolute;
	left:350px;
	top:91px;
	z-index:1
}

#Panos_Content_Right
{
	position: absolute;
	z-index:1;
	top: 110px;
	right:0px;
	height: 360px;
	width: 310px;
	overflow: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	padding-right: 20px;
	color: #FFFFFF;
}

#Panos_Footer
{
	height:78px;
	width: 100%;
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color: #ffffff;
}

#Panos_FooterContent
{
	position: absolute;
	bottom: 30px;
	width:980px;
	text-align:center;
	letter-spacing: 1pt;
}

/* Page Middle Images */
#Mid_BlueIntro {
	background-image: url(images/midBlueIntro.jpg);
	height:429px;
	width:980px
}

#Mid_BlueClams {
	background-image: url(images/midBlueClams.jpg);
	height:429px;
	width:980px;
}

#Mid_BlueFruit {
	background-image: url(images/midBlueFruit.jpg);
	height:429px;
	width:980px;
}

#Mid_BlueSalad {
	background-image: url(images/midBlueSalad.jpg);
	height:429px;
	width:980px;
}

#Mid_BlueShrimp {
	background-image: url(images/midBlueShrimp.jpg);
	height:429px;
	width:980px;
}

#Mid_BlueSteak {
	background-image: url(images/midBlueSteak.jpg);
	height:429px;
	width:980px;
}

#Mid_BrownEggs {
	background-image: url(images/midBrownEggs.jpg);
	height:429px;
	width:980px;
}

#Mid_GreenFruit {
	background-image: url(images/midGreenFruit.jpg);
	height:429px;
	width:980px;
}

#Mid_GreenSalad {
	background-image: url(images/midGreenSalad.jpg);
	height:429px;
	width:980px;
}

#Mid_GreenShrimp {
	background-image: url(images/midGreenShrimp.jpg);
	height:429px;
	width:980px;
}

#Mid_RedClams {
	background-image: url(images/midRedClams.jpg);
	height:429px;
	width:980px;
}

#Mid_RedFish {
	background-image: url(images/midRedFish.jpg);
	height:429px;
	width:980px;
}

#Mid_RedLamb {
	background-image: url(images/midRedLamb.jpg);
	height:429px;
	width:980px;
}

#Mid_RedLobster {
	background-image: url(images/midRedLobster.jpg);
	height:429px;
	width:980px;
}

#Mid_RedShrimp {
	background-image: url(images/midRedShrimp.jpg);
	height:429px;
	width:980px;
}

#Mid_RedSteak {
	background-image: url(images/midRedSteak.jpg);
	height:429px;
	width:980px;
}
#Mid_BrownDrinks {
	background-image: url(images/midBrownDrinks.jpg);
	height:429px;
	width:980px;
}