/*
-----------------------------------------------
The Fig Tree page layout and homepage style
Author:   James McQuarrie www.cheezepie.com
Version:  13 September 2004
Updated: 24 March 2005
----------------------------------------------- */

body {
  margin:0;
  padding:0;
  background:#000;
  font: 0.8em Verdana,Sans-serif;
  line-height:1.6em;
  text-align:center;
  color:#333;
  background-image: url(../img/bg.jpg);
  background-position: 50% 50%;
  background-repeat: repeat-y;
  }

#map {
border: 1px solid #333;
padding: 2px;
}

.container {
  background-color: transparent;
  width:750px;
  margin:0 auto;
  border:0;
  text-align:left;
  color:#333;
  position:relative;
  }

/* Header
----------------------------------------------- */
#header {
  float:left;
  width:100%;
  height:230px;
  margin-top:3em;
  margin-bottom: 0;
  padding-bottom: 0;
  }
  
 #header h1{
 display: none;
 }
 
 #header img{
 margin: 0;
 padding: 0;
 }

/* MainNav
----------------------------------------------- */
#nav {
  background-color:#000;
  background-repeat:repeat-x;
  background-image: url(../img/greytopedge.png);
  background-position: bottom left;
  float:left;
  width:100%;
  margin-top: -3px; /* removes the gap between the header image and the nav edge in IE */
  border:solid #333;
  border-width:1px 0;
  }

#nav ul {
  margin:0;
  padding:0;
  list-style:none;
  font-size:11px;
  }
  
#nav li {
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  }
#nav a, #nav strong {
  display:block;
  padding:4px 10px;
  border:solid #333;
  border-width:0 1px 0 0;
  color:#999;
  text-decoration:none;
  white-space:nowrap;
  }

* html #nav a {
  width:1%;
  }
#nav a:hover, .defaultpage #homenav, .menuspage #menusnav, .barpage #barnav, .weddingpage #weddingsnav, .themepage #themenav, .conferenceFunctionspage #conferencenav, .locationpage #locationnav, .golfpage #golfnav{
  background-repeat:repeat-x;
  background-image: url(../img/greybottomedge.png);
  background-position: bottom left;
  color:#ffffcc;
  }

#content, #c2, #c3 {
  float:left;
  width:750px;
  background-color: transparent;
  }
/* http://www.positioniseverything.net/explorer/threepxtest.html */
  * html #content, * html #c2, * html #c3 {
    margin-right:-3px;
    }
#contentbox {
  padding-bottom:20px;
  }
#col2 {
  float:left;
  width:485px;
  }
#col1 {
  float:right;
  width:244px;
  color:#777;
  }
#col3 {
  display:none;
  color:#666;
  }
#col2inner, #col1inner, #col3inner {
  padding:0 20px;
  }
#col2inner {
  padding-right:0;
  }
#col2, #col1, #col3 #col2x2 {
  margin-top:-8px;
  }
#col1, #col3 {
  font-size:90%;
  line-height:1.6em;
  }


/* Page Structure:
----------------------------------------------- */
#main{
  float:right;
  width:505px;
  }
#col2 {
  width:240px;
  font-size:90%;
  line-height:1.6em;
  }
#col2x2 {
  width:480px;
  font-size:90%;
  line-height:1.6em;
  }
#col2inner {
  float:left;
  padding-right:0;
  }
#col1 {
  float:left;
  width:224px;
  }
#col1inner {
  padding-right:0;
  }
#col3 {
  display:block;
  float:right;
  width:244px;
  }

/* Special offer
------------------------------------------------------------------------*/

#offer {
border: none;
text-align: center;
margin: 2px;
padding: 2px;
}

#offer h1{
color:#cc0033;
  border-width:0;
  margin:1.25em 0 .25em;
  font: 1.5em Serif;
}

#offer p {
font-size: 1.3em
}
  
/* Images
----------------------------------------------- */
img.headshot{
	float: right;
	border: 3px double #999;
	margin: 35px 5px 8px 8px;
	}
	
img.even{
	float: right;
	border: 3px double #999;
	margin: 5px 5px 8px 8px;
	padding: 5px;
	}

	
img.odd{
	float: left;
	border: 3px double #999;
	margin: 5px 8px 8px 0;
	padding: 5px;
	}
/* Menu layout
----------------------------------------------- */
div#menu{
	text-align: center;
	border: 3px double #999;
	margin: 25px 15px;
	padding: 5px 10px 10px;
width: 400px;
	}
	
div#menu h2{
	margin: 2px 5px 5px 5px;
	padding: 0;
	}
	
div#menu dl{
	margin: 2px;
	padding: 2px;
	}

	
div#menu dl dt{
	color: #cc0033;
        font-size: 1.1em;
	}
	
div#menu dl dt, div#menu dl dd{
	margin: 0;
	padding: 0 5px 8px 5px;
	}

/* Headings
----------------------------------------------- */

h2{
  color:#cc0033;
  border-width:0;
  margin:1.25em 0 .25em;
  font:190%/1.5em Serif;
  }

h3{
  margin:1em 0 .25em;
  font:130%/1.5em Serif;
  color: #cc0033;
  }

h4 {
  margin:1em 0 .25em;
  font:125% Serif;
  color:#575;
  }
  
/* Newsitems
----------------------------------------------- */

.newsitem{
	border: 1px solid #ccc;
	margin: 2px 0 10px 0;
	padding: 5px;
	background-repeat: no-repeat;
	background-image: url(../img/whitebottomedge.png);
	background-position: 99.5% 99.5%;
	}	

.newsitem h3{
	margin: 0;
	padding: 0;
	}

.newsitem h3 a{
	margin: 0 0 3px 0;
	padding: 2px 2px 0 2px;
	color: #cc0033;
	text-decoration: none;
	border-bottom: 1px dashed #cc0033;
	}
	
.newsitem h3 a:hover{
	border-bottom: 1px solid #cc0033;
	}
	
/* Menus
----------------------------------------------- */
ul#menus{
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
ul#menus li a{
	display: block;
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding: 8px 5px 4px 10px;
	width: 190px;
	font-family: Sans-Serif;
	font-size: 170%;
	color: #666;
	text-decoration: none;
	}
	
ul#menus li a:hover, div.brunchpage a#brunchOption, div.dinnerpage a#dinnerOption, div.puddingpage a#puddingOption{
	color: #cc0033;
	background-repeat: no-repeat;
	background-image: url(../img/whitebottomedge.png);
	background-position: bottom right;
	}
	
/* Quotations
----------------------------------------------- */
div.quotes p{
	text-align: center;
	font-style: italic;
	color: #666;
	font-size: 110%;
	}
	
/* Misc
----------------------------------------------- */
p {
  margin:0 0 .75em;
  background-color: transparent;
  color: #333;
  font-size:1em;
  }

hr {
  display:none;
  }

.underline {
text-decoration: underline;
}

/* Contact
----------------------------------------------- */
#contact {
  background-color:#666;
  background-repeat:repeat-x;
  background-image: url(../img/greytopedge.png);
  width:100%;
  padding:0;
  height:3em;
  position:absolute;
  top:0;
  left:0;
  border-bottom: 1px solid #333;
  color: #888;
  }
#contact  ul {
  margin:0;
  padding:1em 1.2em;
  list-style:none;
  }
#contact  li {
  display:inline;
  margin:0;
  padding:0;
  line-height:1em;
  text-indent:0;
  }
  
#contact ul li strong{
 color: #eee;
 font-size: 1.05em;
 }

/* Email
----------------------------------------------- */
#email {
  clear:both;
  padding-top:0;
  font-size:85%;
  }
#email p {
  background-color:transparent;
  margin:0;
  padding:10px 20px;
  border-top:1px dashed #ccc;
  color:#666;
  text-align:center;
  line-height:1.6em;
  }
/*  http://www.positioniseverything.net/explorer/escape-floats.html
    IE5-Mac shouldn't see this \*/
  * html #email p {
    height:1%;
    }
  /* Resume IE5-Mac */
#email a, #email a:visited {
  color:#888;
  border-color:#888;
  }
#email a:hover {
  color:#cc0033;
  border-color:#cc0033;
  }

/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding-top:0;
  font-size:85%;
  }
#footer p {
  background-color:#666;
  background-repeat:repeat-x;
  background-image: url(../img/greybottomedge.png);
  background-position: 100% 0;
  margin:0;
  padding:10px 20px;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  color:#888;
  text-align:center;
  line-height:1.6em;
  }
/*   http://www.positioniseverything.net/explorer/escape-floats.html
    IE5-Mac shouldn't see this \*/
  * html #footer p {
    height:1%;
    }
  /* Resume IE5-Mac */
#footer a, #footer a:visited {
  color:#888;
  border-color:#888;
  }
#footer a:hover {
  color:#fff;
  border-color:#fff;
  }