/* baseline.css (purpose: undo some of the default styling of common (X)HTML browsers) */
/* [based on Tantek's undohtml.css] */

/* link underlines tend to make hypertext less readable, because underlines obscure the shapes of the lower halves of words 
(actually I changed my mind this time)*/
:link,:visited { text-decoration:none }


/* avoid browser default inconsistent heading font-sizes and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin the default spacing on headings does not match nor align with normal interline spacing at all, so let's get rid of it. zero out the spacing around pre, form, body, html, p, blockquote as well form elements are oddly inconsistent, and not quite CSS emulatable. nonetheless strip their margin and padding as well */
ul, ol, li, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input
{ margin:0; padding:0; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address and cite */
address, cite { font-style:normal; }

/* more varnish stripping as necessary... */



/* ========================= begin preferred defaults ======= */


/*
body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	color: #525252;
	}
*/
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	}
body, address, p, pre, code, ol, ul, dl, dd, dt, h4, h5 { font-size: 11px; line-height:1.5em; }

p { margin-bottom:.5em; }

label { font-size: 10px; }

img { display: block; line-height: 0px; }


.zipper { clear: both; }

/* containing floats */
.container:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.container { display: inline-table; }
/* \*/
* html .container { height: 1%; }
.container { display: block; }
/* */




body {
	background: #CCCC99 url(/graphics/bg3.gif) repeat top left;
	}
	
.wrap {
	width: 814px;
	margin: 25px auto 0 auto;
	background: url(/graphics/wrap-bg3.jpg) repeat-y top left;
	}
	

	
#site-name {
	width: 270px;
	float: left;
	display: inline;
	margin: 40px 0 0 0;
	
	}

#site-name a {
	padding: 0 120px 0 110px;
	height: 185px;
	display: block;
	text-indent: -5555px;
	background: url(/graphics/logo.jpg) no-repeat top left;
	}
	

/* ------------------------ `nav --------------------- */
	
#nav {
	float: right;
	display: inline;
	margin: 25px 50px 40px 0;
	}
	
#nav ul {
	list-style: none;
	padding: 13px 0 0 0;
	}
	
#nav ul li {
	margin: 0 10px 1px 10px;
	font-size: 20px;
	font-weight: bold;
	float: left;
	display: inline;
	padding: 20px 0 0 0;
	}
	

	
#nav a:link,
#nav a:visited {color: #a62e2e;

	}

#nav a:hover {
	color: #d81d1d;
	border-bottom: 5px solid #d81d1d;
	}

.selected {
	background: url(/graphics/selected.jpg) no-repeat top center;
	}

/* ================ `content ===================== */


	
.column-one {
	width: 270px;
	float: left;
	display: inline;
	margin: 0 20px 20px 32px;
	}
	
.shirtsection {
	width: 268px;
	height: 105px;
	background: url(/graphics/shirt-bg.jpg) no-repeat top left;
	margin: 15px 0 0 15px;
	clear: left;
	float: left;
	display: inline;
	color: #2F6031;
	}
	
	

.building {
	width: 268px;
	height: 265px;
	margin: 25px 0 0 15px;
	clear: left;
	float: left;
	display: inline;
	
	background: url(/graphics/location-bg.jpg) no-repeat top left;
	}
	
.building p {
	width: 230px;
	margin: 0 0 0 15px;
	color: #61603e;
	}
	
.building a:link,
.building a:visited {
	color: #a62e2e;
	}

.building a:hover {
	color: #d81d1d;
	border-bottom: 1px solid #d81d1d;
	}
	
.building img {
	margin: 0 0 10px 15px;
	border: 1px solid #61603e;
	}
	
.column-one h2 {
	font-size: 15px;
	margin: 15px 15px 0 15px;
	padding: 0 0 5px 0;
	color: #2F6031;
	}
	
.shirtsection a:link,
.shirtsection a:visited,
.shirtsection a:hover {
	color: #2f6031;}
	
.shirtsection h3 {
	font-size: 15px;
	margin: 15px 0 10px 15px;
	}
	
.shirtsection p {
	margin: 0 10px 10px 115px;
	}
	
.column-two {
	width: 450px;
	float: right;
	display: inline;
	margin: 30px 25px 20px 0;
	}
	
	
.homemast {
	float: left;
	display: inline;
	border-bottom: 3px solid #b8b783;
	padding: 0 0 10px 0;
	}
	
.homemast img {
	margin: 0 0 15px 0;
	}
	
.homemast p {
	font-size: 14px;}
	
	
	
h2 {
	margin: 0 0 20px 0;
	font-size: 20px;
	}
	
.menu { 
	clear: left;
	margin: 0 0 15px 0;
	width: 449px;
	}
	

	
.menu ul {
	list-style: none;
	width: 449px;
	}
	
.menu li {
	width: 430px;
	padding: 10px 10px 5px 9px;
	margin: 0 0 3px 0;
	float: left;
	display: inline;
	}
	
.menu li p {
	float: left;
	display: inline;
	font-size: 14px;
	width: 330px;
	}
	
.menu li h3 {
	margin: 0 0 5px 0;
	font-size: 15px;
	width: 300px;
	}
	
.menu li img {
	float: left;
	display: inline;
	padding: 4px;
	background: #fff;
	border: 1px solid #8d8d66;
	margin: 0 10px 0 0;
	}
	
span.price {color: #CF2027; font-weight: bold; }	

.even { height: 92px; background: #c6c594; }
.odd { height: 92px; background: #b8b783;}

.instruction {float: left; display: inline; font-size: 9px; }


.additionals {clear: left; width: 450px; padding: 10px 0 0 0;}

.extras,
.drinks {width: 449px;}

.catering { width: 449px;
	height: 125px;
	float: left;
	display: inline;
	clear: left;
	background: url(/graphics/catering-bg.jpg) no-repeat top left;
	margin: 15px 0 0 0;
	}

.catering-info {margin: 0 0 0 160px;}
.catering-info h3 {font-size: 18px; color: #CF2027; border-bottom: 1px solid #b8b783; padding: 0 0 5px 0; width: 245px; margin: 0 0 10px 0;}

.catering span {color: #2f6031;}


.contact-foot {margin: 0 auto; color: #2F6031; width: 814px; height: 100px; text-align: center;
	background: url(/graphics/wrap-bottombg.jpg) no-repeat bottom left;
	}

.slogan {font-size: 15px; font-family: Georgia, Times, serif; width: 814px;
}


/* ================= `contact form ===================== */

#contactform {margin: 0 0 10px 0; border: none; padding: 20px; clear: right; background: #c6c594;}

legend,
form,
fieldset {border: none;}

#contactform p {margin: 0 0 15px 0; font-size: 14px;}
	
/* ================= `footer ====================== */

.footer {width: 814px; margin: 0 auto;}
	
.footer p {width: 814px; text-align: center;}
	
	
.footer a:link,
.footer a:visited {color: #CE2026; text-decoration: underline;}

.footer a:hover {color: #fff;}



/* ---------------------------- `google map styles -------------------- */

.googlemap {
  width: 425px;
  clear: both;
  padding: 0 0 10px 0;
  margin: 0 0 0 0;
  border: 1px solid #666;
  }

.description {
  font-size: 9px;
  padding: 5px;
  }

.direction-notes {
  margin: 15px 0 0 15px;
  float: left;
  display: inline;
  }
  
.direction-notes h3 {
  font-size: 15px;
  border-bottom: 1px solid #666;
  margin: 0 0 10px 0;
  padding: 5px 0 5px 0;
  color: #1E491C;
  }
  
.mapnote {
  font-size: 9px;
  color: #666;
  }
  
  
/* ----------------------------- LIGHTBOX FULL IMAGE POP UPS ----------- */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	}
#lightbox img{ border: none;	}

#imageContainer{
	position: relative;
	padding: 10px;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 10px;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/includes/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(/includes/images/prev.gif) left 53% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/includes/images/next.gif) right 53% no-repeat; }


#imageData{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	padding:0 10px 0 10px;
	line-height: 1.4em;
	height: 38px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left;	}			
#imageData #bottomNavClose{ width: 36px; float: right;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}