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


/* ---------------------------------------------------------- Text Styles --------------------------------*/

.text_style{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333;
}

a {
	color:#E1E4F2;
}

a:visited{
	color:#E1E4F2;
}
	



/* ---------------------------------------------------------- Main container - Centers content --------------------------------*/


#Centering_Container {
	position:absolute;
	top: 50%;
	left: 50%;
	width:980px;
	height:710px;
	margin-top: -355px;
	margin-left: -490px;
	z-index:0;
}

#Panos_Container {
	position:relative;
	width:980px;
	height:584px;
	border: solid 3pt #85502E;
	z-index:0;
}

#Panos_Container2 {
	position:absolute;
	top: 50%;
	left: 50%;
	width:970px;
	height:628px;
	margin-top: -292px;
	margin-left: -490px;
	border: solid 3pt #85502E;
}


/* ----------------------------------------------------------------------------   Layout Styles -----------------------------*/


#Logo_Holder{
	position:relative;
	height:121px;
	width:162px;
	background-image:url(../images/panos-logo-top.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#Do_It_Well_Holder{
	position:relative;
	height:15px;
	width:248px;
	float:right;
	top:-21px;
	background-image:url(../images/We-do-it-well.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}


#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;
	width: 980px;
	height: 77px;
	background-color:#000000;
	z-index:5;
}

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

#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;
	z-index:4;
}

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

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

#Flash_Requirements {
	position:absolute;
	top:40px;
	left:40px;
	width:500px;
	height:300px;
}

/* -----------------------------------------------------------------------------     Page Middle Images ----------------------*/


#Mid_BlueIntro {
	position:relative;
	height:429px;
	width:980px;
	background-color:#FFF;
}

#Mid_News {
	position:relative;
	height:429px;
	width:980px;
	background-image:url(../images/news_bkgd.jpg);
}

#Mid_Contact {
	position:relative;
	height:429px;
	width:980px;
	background-image:url(../images/contact_bkgd.jpg);
}

#Mid_Directions {
	position:relative;
	height:429px;
	width:980px;
	background-image:url(../images/directions_bkgd.jpg);
}

#Mid_GiftCards {
	position:relative;
	height:429px;
	width:980px;
	background-image:url(../images/gift_card_bkgd.jpg);
}

#Mid_Breakfast {
	position:relative;
	height:429px;
	width:980px;
	background-image:url(../images/breakfast_bkgd.jpg);
}

#Mid_Lunch {
	position:relative;
	height:429px;
	width:980px;
	background-image:url(../images/Lunch_bkgd.jpg);
}

#Mid_Dinner {
	position:relative;
	height:429px;
	width:980px;
	background-image:url(../images/dinner_bkgd.jpg);
}

#Mid_Appetizer {
	position:relative;
	height:429px;
	width:980px;
	background-image:url(../images/appetizers_bkgd.jpg);
}

#Mid_Specials {
	position:relative;
	height:429px;
	width:980px;
	background-image:url(../images/specials_bkgd.jpg);
}

#Mid_Dessert {
	position:relative;
	height:429px;
	width:980px;
	background-image:url(../images/dessert_bkgd.jpg);
}

#Mid_Vegetarian {
	position:relative;
	height:429px;
	width:980px;
	background-image:url(../images/vegetarian-bkgd.jpg);
}

#Mid_WineBeer {
	position:relative;
	height:429px;
	width:980px;
	background-image:url(../images/Wine-Beer-Bkgd.jpg);
}


/*-------------------------------------------------------------- Gallery styles -----------------------*/


#Mid_Gallery {
	position:relative;
	height:429px;
	width:980px;
	background-image:url(../images/Curved_Shape_Flat.png);
	z-index:2;
}

#Gallery_Image {
	position:absolute;
	height:426px;
	width:980px;
	top:79px;
	background-color:#000;
	overflow:hidden;
	background-image:url(../images/Panos-Front.jpg);
	background-position:left;
	background-repeat:no-repeat;
	z-index:1;
}

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


/*-------------------------------------------------------------- old styles -----------------------*/


#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;
}