@charset "UTF-8";

/* By: Kyle Racki kyle@headspacedesign.ca */

/*
***********************************************************

GLOBAL STYLES - Purple = #792181 - Dark purple - #541F5B - blue - #354A93

***********************************************************
*/

body {
	background:#1D120E url(../images/bg.jpg) top center no-repeat;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:.9em;
	line-height:1.4em;
	color:#fff;
}
a {
	color:#FDBB6F;
}
a:hover {
	color:#CE8633;
	text-decoration:none;
}
p {
	margin:0;
	padding:0;
	margin-bottom:10px;
}


h2 {
	margin:0;
	padding:0;
}
h3 {
	margin:0;
	padding:0;
}
h4 {
	margin:0;
	padding:0;
}
ul {
	margin:0;
	padding:0;
}
li {
	margin:0;
	padding:0;
}
a img {
	border:2px solid #792181;
}
a:hover img {
	border:3px solid #fff;
}

/*
***********************************************************

LAYOUT

***********************************************************
*/

#HomeheaderHolder2, #homeCallouts1, #homeCallouts2, #footer, #contentHolder, .SubheaderHolder2 {
	margin:0;
	padding:0;
	width:853px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

/*
***********************************************************

HEADER

***********************************************************
*/

#fivefishLogo {
	margin:0;
	padding:0;
	
}

#fivefishLogo a {
	margin:0;
	padding:0;
	width: 300px;
	height:100px;
	background-color:transparent;
	float:left;
	overflow:hidden;
	text-indent:-999em;
	margin-top: -80px;
	
}

#topMessage {
	float:right;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	height:20px;
}

.reservations {
	font-family:Georgia, "Times New Roman", Times, serif;
}

#navHolder {
	background-color:#000;
	width:100%;
	/*Keeps one white pixel on right from showing in safaria*/
	border-right:1px solid #000;
}


		
#mainNav {
	margin: 0;
	padding: 0;
	width:557px;
	height: 77px;
	float:right;
	list-style: none;
	margin-top:0px;
}
			
#mainNav li {
	display: inline;
	float: left;
	height: 77px;
	background-color:transparent;
}
			
#mainNav li a {
	float: left;
	overflow: hidden;
	height: 77px;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: 0 0;
	border: 0;
}
			
/* Food */		
#mainNav li.food {
	width: 81px;
}
#mainNav li.food a {
	background-image: url("../images/nav_off_food.png") ;
	width: 81px;
}
#mainNav li.food a:hover {
	background-image: url("../images/nav_on_food.png") ;
}

/* Drink */	

#mainNav li.drink {
	width: 101px;
}
#mainNav li.drink a {
	background-image: url("../images/nav_off_drink.png") ;/* Hack way of preloading the hover image  */
	width: 101px;
}
#mainNav li.drink a:hover {
	background-image: url("../images/nav_on_drink.png") ;
}

/* History */	

#mainNav li.history {
	width: 108px;
}
#mainNav li.history a {
	width: 108px;
	background-image: url("../images/nav_off_history.png") ;/* Hack way of preloading the hover image  */
}
#mainNav li.history a:hover {
	background-image: url("../images/nav_on_history.png")  ;
}

/* Whats New */	

#mainNav li.whatsnew {
	width: 161px;
}
#mainNav li.whatsnew a {
	width: 161px;
	background-image: url("../images/nav_off_whatsnew.png") ;/* Hack way of preloading the hover image  */
}
#mainNav li.whatsnew a:hover {
	background-image: url("../images/nav_on_whatsnew.png") ;
}
/* Contact */	
#mainNav li.contact {
	width: 106px;
}
#mainNav li.contact a {
	width: 106px;
	background-image: url("../images/nav_off_contact.png") ;/* Hack way of preloading the hover image  */
}
#mainNav li.contact a:hover {
	background-image: url("../images/nav_on_contact.png") ;
}

#mainNav li.foodON a {
	width: 81px;
	background-image: url("../images/nav_on_food.png") ;
}
#mainNav li.drinkON a {
	width: 101px;
	background-image: url("../images/nav_on_drink.png") ;
}
#mainNav li.historyON a {
	width: 108px;
	background-image: url("../images/nav_on_history.png") ;
}
#mainNav li.whatsnewON a {
	width: 161px;
	background-image: url("../images/nav_on_whatsnew.png") ;
}
#mainNav li.contactON a {
	width: 106px;
	background-image: url("../images/nav_on_contact.png") ;
}


/*
***********************************************************

HOME

***********************************************************
*/

#homeHeaderHolder1 {
	background: url(../images/homeBGTile.gif) bottom center repeat-x;
	width:100%;
	height:429px;
	overflow:hidden;
	margin:0;
	padding:0;
	/*border:1px solid #00FF00;*/
}

#HomeheaderHolder2 {
	background: url(../images/homeImage.png) bottom right no-repeat;
	margin-top:0;
	padding-top:2px;
	height:427px;
}

#header {
	height:150px;
	margin:0;
	padding:0;
	margin-top:20px;
}

#homeIntro {
	margin:0;
	padding:0;
	width:343px;
	height:100px;
	margin-top:40px;
}

.welcomeHeading {
	float:left;
	margin:0;
	padding:0;
	background:url(../images/welcomeMessageHeading.png) no-repeat;
	text-indent:-999em;
	width:350px;
	height:100px;
}

#homeIntro p {
	clear:left;
}




#menuCallout {
	background:url(../images/homeFoodCallout.png) bottom center no-repeat;
	width:376px;
	height: 150px;
	float:right;
	padding: 0 20px 10px 20px;
	overflow:hidden;
}

#locationCallout {
	background:url(../images/locationcallout.png) bottom center no-repeat;
	width:376px;
	height:149px;
	float:left;
	padding:0 20px 10px 20px;
	overflow:hidden;
}

.wineCallout {
	background:url(../images/winelistCallout.png) bottom center no-repeat;
	width:376px;
	height:117px;
	float:left;
	padding:0 20px 10px 20px;
	overflow:hidden;
}

.celebCallout {
	background:url(../images/celebrationCallout.png) bottom center no-repeat;
	width:376px;
	height: 117px;
	float:right;
	padding: 0 20px 10px 20px;
	overflow:hidden;
}

.heritageCallout {
	background:url(../images/heritageCallout.png) bottom center no-repeat;
	width:376px;
	height: 155px;
	float:left;
	padding: 0 20px 10px 20px;
	overflow:hidden;

}

.partyCallout {
	background:url(../images/partiesCallout.png) bottom center no-repeat;
	width:376px;
	height: 155px;
	float:right;
	padding: 0 20px 10px 20px;
	overflow:hidden;
	line-height:1.9em;
}

.homeCallout {
	background:url(../images/homeCalloutBG.png) bottom center no-repeat;
	width:242px;
	float:left;
	padding:0 20px 20px 20px;
}

#homeCallouts1 {
	margin-top:20px;
	clear: both;
}

#homeCallouts2 {
	margin-top: 5px;
	clear: both;
}





#homeCallouts2 img {
	float:right;
}

#homeCallouts2 h3, #homeCallouts1 h3 {
	font-weight:normal;
	font-size:1.7em;
	margin-bottom:5px;
}
#homeCallouts2 h3 a, #homeCallouts1 h3 a {
	text-decoration:none;
}
#homeCallouts2 h3 a:hover, #homeCallouts1 h3 a:hover {
	color:#fff;
}

#homeCallouts1 h3 {
	margin-top:50px;
}

#homeCallouts2 h3 {
	margin-top:40px;
}

#menuCallout h3 a {
	color:#CE8633;
}

#locationCallout h3 a {
	color:#CE8633;
}

.wineCallout h3 a {
	color:#CE8633;
}

.celebCallout h3 a {
	color:#CE8633;
}

.heritageCallout h3 a {
	color:#CE8633;
}

.partyCallout h3 a {
	color:#CE8633;
}

#chefsCallout h3 {
	color:#CE8633;
}

#partyCallout h3 a {
	color:#CE8633;
}

#partyCallout img {
	margin-top:10px;
}

#celebrationCallout h3 a {
	color:#CE8633;
}

#chefsCallout {
	margin-top:20px;
}

#celebrationCallout {
	margin-top:50px;
}

/*
***********************************************************

SUB

***********************************************************
*/

#subHeaderHolder1 {
	background: url(../images/subBGTile.gif) bottom center repeat-x;
	width:100%;
	height:285px;
	overflow:hidden;
	margin:0;
	padding:0;
	/*border:1px solid #00FF00;*/
}

.SubheaderHolder2 {
	margin-top:0;
	padding-top:2px;
	height:283px;
}

#FoodSubHead {
	background: url(../images/subimage_food.png) bottom right no-repeat;
}

#DrinkSubHead {
	background: url(../images/subimage_drinks.png) bottom right no-repeat;
}

#HistorySubHead {
	background: url(../images/subimage_history.png) bottom right no-repeat;
}

#WhatsNewSubHead {
	background: url(../images/subimage_contact.png) bottom right no-repeat;
}

#ContactSubHead {
	background: url(../images/subimage_contact.png) bottom right no-repeat;
}

.pageHeading {
	margin-top:50px;
	font-weight:normal;
	color:#FDBB6F;
	font-size:2.8em;
}

#contentHolder {
	margin-top:20px;
	overflow:hidden;
}

.seaholder {
	background: url(../images/from_the_sea.jpg) no-repeat bottom right;
	float: left;
	overflow:auto;
}


.threeCol h3 {
	font-size:1.2em;
	color:#CE8633;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.menuHeading {
	font-size:1.5em;
	text-transform:uppercase;
	font-weight:normal;
	color:#FDBB6F;
	letter-spacing:5px;
	margin-bottom:10px;
}

.insetPhoto {
	border:10px solid #0F0906;
	margin-bottom:10px;
}

#contentHolder table {
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	font-size:.9em;
	text-align:center;
	clear:both;
}

#contentHolder table .winetype {
	background-color:#4A413D;
	color:#fff;
}

#contentHolder table .alternating {
	background-color:#A6A6A5;
}

#contentHolder table th {
	background-color:#0F0E0D;
	line-height:15px;
	padding:10px;
}

#contentHolder table td {
	padding:5px;
	color:#000;
	line-height:15px;
}

#contentHolder table tr {
	background-color:#BCB8B7;
}

#contentLeft {
	width:547px;
	float:left;
	margin-top:30px;
}

#sideRight {
	width:261px;
	float:right;
	margin-top:30px;
}

#contentRight {
	width:547px;
	float:right;
	margin-top:30px;
}

#sideLeft {
	width:261px;
	float:left;
	margin-top:30px;
}

.subnav {
	border-bottom:1px solid #fff;
	margin-bottom:20px;
	padding-bottom:10px;
}

.subnav li {
	border-right:1px solid #fff;
	display:inline;
	padding-left:5px;
	padding-right:5px;
	font-size:.9em;
}

.subnav li a {
	color:#CE8633;
}

.twoEvenColumns {
	width:418px;
	float:left;
	margin-right:7px;
}

.threeCol {
	width:263px;
	float:left;
	margin-right:32px;
	font-size:1em;
}

#threeColRight {
	margin-right:0px;
}

.threeCol p {
	border-bottom:1px solid #86584B;
	padding-bottom:20px;
	margin-bottom:20px;
}

.threeCol .subheading {
	font-size:1.3em;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#CE8633;
}

.threeCol h4, #chefsCallout h4 {
	color:#FDBB6F;
	font-family:Arial, Helvetica, sans-serif;
}

.price {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FDBB6F;
	font-size:1.1em;
	text-align:right;
	font-weight:normal;
}

.award {
	border:none;
	float:right;
}

.spacer {
clear: both;
width: 100%;
height: 25px;
}

.imagespace {
	margin-right: 20px;
}



/*
***********************************************************

FOOTER 

***********************************************************
*/

#footer {
	background:url(../images/GCLogo.png) no-repeat top right;
	font-size:.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top:30px;
	padding-bottom:20px;
	margin-top:30px;
	overflow:hidden;
	clear:both;
}

#footerTop {
	border-bottom:1px solid #000;
	overflow:hidden;
	padding-bottom:10px;
}

#footerTop ul {margin-top: 30px;}

.bottomNav1 {
	float:left;
}

.bottomNav1 li, .bottomNav2 li {
	list-style-type:none;
	display:inline;
	border-right:1px solid #fff;
	padding-left:3px;
	padding-right:5px;
}

.bottomNav2 {
	float:right;
}

#footerBottom {
	clear:both;
	overflow:hidden;
	margin-top:10px;
}

.bottomGrafton {
	float:left;
}

.bottomContact {
	float:right;
}

.bottomPhone {
	font-size:1.4em;
}

.bottomContact div {
	width:200px;
	float:left;
	text-align:right;
}