/* CSS Document */

/* default tags */
body
{
	text-align:center;
	background-color:#004a45;
	color:#ffffff;
	font-size:12px;
	margin:0px;
	padding:0px;
	font-family:"century gothic", arial, sans-serif;
	scrollbar-face-color: #457b6b;
	scrollbar-base-color: #efefef;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-3dlight-color: #457b6b;
	scrollbar-highlight-color: #457b6b;
	scrollbar-shadow-color:#457b6b;
}

h3
{
	margin:px 0px 15px 0px;
	font-size:16px;
	color:#004d41;
}

h4
{
	margin:10px 0px 0px 0px;
	padding:0px;
	font-weight:normal;
	color:#004d41;
}

p
{
	margin:15px 0px 0px 0px;
}

table
{
	color:#333;
}

#wineName
{
	padding-top:10px;
	color:#004d41;
	font-weight:bold;
}

#wineCost
{
	width:50px;
	text-align:right;
	padding-top:10px;
	color:#004d41;
	font-weight:bold;
}

#wineQuality
{
	width:50px;
	text-align:right;
	padding-top:10px;
	color:#004d41;
	font-weight:bold;
}

#menuNumber
{
	width:20px;
	padding-top:10px;
	color:#004d41;
	font-weight:bold;
}

#menuFood
{
	padding-top:10px;
	color:#004d41;
	font-weight:bold;
}

#menuCost
{
	width:50px;
	padding-top:10px;
	color:#004d41;
	font-weight:bold;
	text-align:right;
}

#pageTitleWrap h1
{
	margin:0px;
	padding:0px;
	font-family:"impact", arial, sans-serif;
	font-size:60px;
	line-height:48px;
	font-weight:normal;
}

/* common tags */
.paddingLeft20
{
	padding-left:20px
}

.padding10
{
	padding:10px
}

.paddingRight10
{
	padding-right:10px
}

.paddingRight5
{
	padding-right:5px
}

.hidden
{
	display:none;
}

.paddingTop10
{	
	padding-top:10px;
}

.paddingTop30
{
	margin-top:15px;
	padding-top:15px;
	border:solid #666;
	border-width:1px 0px 0px 0px;
}

.leftMenuButton
{
	float:left;padding:0px 11px 0px 0px;border:solid #ffffff;border-width:0px 2px 0px 0px
}

.otherMenuButton
{
	float:left;padding:0px 11px 0px 11px;border:solid #ffffff;border-width:0px 2px 0px 0px
}

.rightMenuButton
{
	float:left;padding:0px 0px 0px 17px;
}

.setMenuDivideBar
{
	width:100%;
	background-color:#004a45;
	color:#fff;
	text-align:right;
	padding-bottom:3px;
}

/* custome tags */
#mainCenteringWrap
{
	width:751px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}

#mainPageContentWrap
{
	width:100%;
	border:solid 2px #ffffff;
	margin:5px 0px 5px 0px;
	text-align:left;
}

/* banners */
#homeBanner, #contactBanner, #panoramicBanner, #menusBanner, #setMenuBanner, #wineRoomsBanner
{
	width:100%;
	height:160px;
	background:url(../images/banners/home.jpg) no-repeat left top;
}

#contactBanner
{
	background:url(../images/banners/contact.jpg) no-repeat left top;
}

#panoramicBanner
{
	background:url(../images/banners/panoramicView.jpg) no-repeat left top;
}

#menusBanner
{
	background:url(../images/banners/menus.jpg) no-repeat left top;
}

#setMenuBanner
{
	background:url(../images/banners/setMenu.jpg) no-repeat left top;
}

#wineRoomsBanner
{
	background:url(../images/banners/wineRooms.jpg) no-repeat left top;
}

/* end of banners */

#pageTitleWrap
{
	width:100%;
	height:48px;
	background-color:#457b6b;
	border:solid #ffffff;
	border-width:0px 0px 1px 0px;
	padding-top:16px;
	color:#ffffff;
}

#textImageWrap
{
	width:100%;
	height:250px;
}

#textWrap
{
	float:left;
	width:551px;
	height:250px;
	background-color:#ffffff;
	color:#333;/*#a7a9ac;*/
	font-family:optima, "microsoft sans serif", arial, sans-serif;
	overflow:hidden;
	position:relative;
	top:0px;
	left:0px;
}

#homeImageWrap
{
	float:left;
	width:200px;
	height:100%;
}

#headerWrap
{
	width:100%;
	height:20px;
	background:url(../images/arrow.gif) no-repeat 28% 50%;
	text-align:right;
}

#headerWrap ul
{
	margin:0px;
	padding:0px
}

#headerWrap li
{
	display:inline;
	line-height:20px;
}

#headerWrap a:link, #headerWrap a:active, #headerWrap a:visited
{
	color:#ffffff;
	text-decoration:none;
	background-color:#004a45;
}

#headerWrap a:hover
{
	color:#ffffff;
	text-decoration:underline;
	background-color:#004a45;
}

#footerWrap
{
	width:100%;
	height:28px;
	border:solid #ffffff;
	border-width:1px 0px 0px 0px;
	text-align:left;
	text-transform:lowercase;
}

#footerWrap ul
{
	margin:0px;
	font-size:14px;
	font-weight:bold;
	padding:5px 0px 0px 0px;
}

#footerWrap li
{
	display:inline;
	font-family:"microsoft sans serif", arial, sans-serif;
}

#footerWrap a:link, #footerWrap a:active, #footerWrap a:visited
{
	color:#ffffff;
	text-decoration:none;
	background-color:#004a45;
	padding:5px 0px 0px 0px;
}

#footerWrap a:hover
{
	color:#ffffff;
	text-decoration:underline;
	background-color:#004a45;
	padding:5px 0px 0px 0px;
}

#container {
	position: absolute;
	width: 551px;
	height: 250px;
	background:#fff;
	overflow: auto;
}

#containerMenu {
	position: absolute;
	width: 551px;
	height: 250px;
	background:url(../images/foodBackground.jpg) repeat-y 0% 0%;
	overflow: auto;
}

#containerWine {
	position: absolute;
	width: 551px;
	height: 250px;
	background:url(../images/wineBackground.jpg) repeat-y 0% 0%;
	overflow: auto;
}

#content {
	position	: relative;
	width		: 511px;
	left		: 0px;
}

#scrollerWrap
{
	float:left;
	width:19px;
	height:250px;
	background-color:#ffffff;
}

#scrollArea {
	height		: 247px;
	width		: 17px;
	background	: #ffffff;
	position:relative;
}

#scroller {
	top			: 0px;
	margin-left	:2px;
	margin-right:2px;
	margin-top	:0px;
	width		: 13px;
	background	: #457b6b;
	border		: 1px solid #457b6b;
	position	:relative
}

#panoramicMovieWrap
{
	float:left;
	width:255px;
	height:227px;
}

#panoramicMovieWrap a:link, #panoramicMovieWrap a:active, #panoramicMovieWrap a:visited
{
	color:#004a45;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

#panoramicMovieWrap a:hover
{
	color:#004a45;
	text-decoration:underline;
	font-size:14px;
	font-weight:bold;
}

#panoramicMovieWrap ul
{
	margin:0px;
	padding:10px 0px 0px 15px;
}

#panoramicMovieWrap li
{
	margin:0px;
	padding:0px 0px 5px 0px;
}

#controlsWrap
{
	float:left;
	width:256px;
	height:227px
}

#downloadQuicktimeText
{
	float:left;
	width:188px;
	height:50px;
	font-size:12px;
	line-height:50px;
}

#downloadQuicktimeText a:link, #downloadQuicktimeText a:active, #downloadQuicktimeText a:visited
{
	color:#a7a9ac;
	text-decoration:none;
}

#downloadQuicktimeText a:hover
{
	color:#a7a9ac;
	text-decoration:underline;
}

#downloadQuicktimeImage
{
	float:left;
	width:50px;
	height:50px;
}

.menuWrap
{
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	font-family: "century gothic", arial, sans-serif;
	font:normal 12px;
	line-height:18px;
	width:130px;
	z-index:100;
	background-color:#004a45;
}

.wineMenuWrap{
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	font-family: "century gothic", arial, sans-serif;
	font:normal 12px;
	line-height:18px;
	width:100px;
	z-index:100;
	background-color:#004a45;

}
/* pop up menus */
#menusCenteringWrap
{
	width:748px;
	height:231px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin-top:301px;
}

#menusWidthWrap
{
	width:130px;
	height:231px;
	position:a;
	background-color:#004a45;
	margin-left:241px;
	font-weight:bold;
	font-family: "century gothic", arial, sans-serif;
}

#setMenuCenteringWrap
{
	width:748px;
	height:154px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin-top:389px;
}

#setMenuWidthWrap
{
	width:130px;
	height:100%;
	background-color:#004a45;
	margin-left:324px;
	font-weight:bold;
	font-family: "century gothic", arial, sans-serif;
}

#wineCenteringWrap
{
	width:748px;
	height:92px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin-top:455px;
}

#wineWidthWrap
{
	width:100px;
	height:100%;
	background-color:#004a45;
	margin-left:426px;
	font-weight:bold;
	/*font-family:"century gothic", "microsoft sans serif", sans-serif;*/
	font-family: "century gothic", arial, sans-serif;
}
/* end of pop up menus */

.menuButton
{
	width:128px;
	border:solid #ffffff;
	border-width:1px 1px 0px 1px;
	cursor:pointer;
}

.menuButtonWine
{
	width:98px;
	border:solid #ffffff;
	border-width:1px 1px 0px 1px;
	cursor:pointer;
}

.menuButton a:link, .menuButton a:active, .menuButton a:visited
{
	color:#ffffff;
	text-decoration:none;
}

.menuButton a:hover
{
	color:#ffffff;
	text-decoration:none;
}

.menuButtonPadding
{
	padding:2px 0px 3px 5px
}