/* -------------------------------------------------------------- 
   This theme uses the Blueprint CSS Framework as a base.
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 20px; 
	margin: 0; 
	padding:0; 
	font-size: 14px; 
	font-family: "Times New Roman", Arial, sans-serif; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight:400; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" "";  font-style: italic; padding: 5px 10px 5px 10px; margin: 5px 5px 0 5px; border: 1px #ddd solid; background: #eee; 
display: 
block; }
cite { display: block; width: 100%; text-align: right; padding: 0 20px 0 0; font-weight: bold; }

a img { border: none; }

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 { 
  color: #8C0B00; 
  font-family: Georgia, Palatino, Times New Roman;
  font-weight: normal;
}

h1, .h1 { font-size: 30px; line-height: 35px; margin-bottom: 5px; }
h2, .h2 { font-size: 2em; margin-bottom: 0.75em; }
h3, .h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4, .h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5, .h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6, .h6 { font-size: 1em; font-weight: bold; }

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img       { border: 1px #eee solid; margin: 1.5em 1.5em 1.5em 0; padding: 5px; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}



abbr, acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, a:hover     { background: #732A0E; color: #fff; }
a           { color: #732A0E; border-bottom: 1px #732A0E dotted; text-decoration: none; padding: 0 2px; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

table .last { padding-right: 0; } 

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* Make sure the layout is centered in IE5 */
body        { text-align: center; }
#content  { text-align: left; }


/* This fixes the problem where IE6 adds an extra 3px margin to
   two columns that are floated up against each other. */

* html .column { overflow-x: hidden; } /* IE6 fix */

.pull-1, .pull-2, .pull-3, .pull-4,
.push-1, .push-2, .push-3, .push-4, 
ul, ol {
  position: relative; /* Keeps IE6 from cutting pulled/pushed images */
}

/* Fixes incorrect styling of legend in IE6 fieldsets. */
legend { margin-bottom:1.4em; }

/* Fixes incorrect placement of numbers in ol's in IE6/7 */

ol { margin-left:2em; }

label { font-weight: bold;
 	display: block;
	width: 150px;
	float: left;
	line-height: 27px;
	margin: 0.5em 0.5em 0.5em 0;
	text-align: right;
	width: 75px;
}


fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }

.error, .notice, .success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

.column {

  float: left;

  margin-right: 10px;

}

.last { margin-right: 0; }

.span-1   { width: 30px; }
.span-2   { width: 70px; }
.span-3   { width: 110px; }
.span-4   { width: 150px; }
.span-5   { width: 190px; }
.span-6   { width: 230px; }
.span-7   { width: 270px; }
.span-8   { width: 310px; }
.span-9   { width: 350px; }
.span-10  { width: 390px; }
.span-11  { width: 430px; }
.span-12  { width: 470px; }
.span-13  { width: 510px; }
.span-14  { width: 550px; }
.span-15  { width: 590px; }
.span-16  { width: 630px; }
.span-17  { width: 670px; }
.span-18  { width: 710px; }
.span-19  { width: 750px; }

.append-1   { padding-right: 20px; }  
.append-2   { padding-right: 80px; } 
.append-3   { padding-right: 120px; } 
.append-4   { padding-right: 160px; } 
.append-5   { padding-right: 200px; } 
.append-6   { padding-right: 240px; } 
.append-7   { padding-right: 280px; } 
.append-8   { padding-right: 320px; } 
.append-9   { padding-right: 360px; } 
.append-10  { padding-right: 400px; } 
.append-11  { padding-right: 440px; } 
.append-12  { padding-right: 480px; } 
.append-13  { padding-right: 520px; } 
.append-14  { padding-right: 560px; } 
.append-15  { padding-right: 600px; } 
.append-16  { padding-right: 640px; } 
.append-17  { padding-right: 680px; } 
.append-18  { padding-right: 720px; } 
.append-19  { padding-right: 760px; } 

.prepend-1   { padding-left: 20px; }  
.prepend-2   { padding-left: 80px; } 
.prepend-3   { padding-left: 120px; } 
.prepend-4   { padding-left: 160px; } 
.prepend-5   { padding-left: 200px; } 
.prepend-6   { padding-left: 240px; } 
.prepend-7   { padding-left: 280px; } 
.prepend-8   { padding-left: 320px; } 
.prepend-9   { padding-left: 360px; } 
.prepend-10  { padding-left: 400px; } 
.prepend-11  { padding-left: 440px; } 
.prepend-12  { padding-left: 480px; } 
.prepend-13  { padding-left: 520px; } 
.prepend-14  { padding-left: 560px; } 
.prepend-15  { padding-left: 600px; } 
.prepend-16  { padding-left: 640px; } 
.prepend-17  { padding-left: 680px; } 
.prepend-18  { padding-left: 720px; } 
.prepend-19  { padding-left: 760px; } 

.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #efefef;
}

.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}

.pull-1  { margin-left: -40px; }
.pull-2  { margin-left: -80px; }
.pull-3  { margin-left: -120px; }
.pull-4  { margin-left: -160px; }

.push-0  { margin: 0 0 0 18px; }
.push-1  { margin: 0 -40px 0 18px; }
.push-2  { margin: 0 -80px 0 18px; }
.push-3  { margin: 0 -120px 0 18px; }
.push-4  { margin: 0 -160px 0 18px; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }

.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #FEFBC2; 
}

hr {
  background: #efefef; 
  color: #efefef;
  clear: both; 
  float: none; 
  height: .1em;
  margin: 0 25px 0.5em 25px;
  border: none; 
}

hr.space {
  background: #fff;
  color: #fff;
}

.clear { display: inline-block; }   

.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

* html .clear { height: 1%; }

.clear { display: block; }

	html, body {
		margin:0;
		padding:0;
		background: #4D2702 top center url(/assets/images/background.png) no-repeat;
		text-align: center;
	}

	#container {
		width: 780px;
		margin: 0 auto;
		text-align: left;
		background: url(/assets/images/sides.png) repeat-y;
	}

	
	#header {
		height: 230px;
		padding: 30px 10px 0 10px;
		background: url(/assets/images/top.png) no-repeat;
	}

	#content {
		padding: 0 15px;
		background: url(/assets/images/sides.png) repeat-y;
	}

	#header img {
		margin:0;
	}

	#header a.logo {
		float: left;
		border: 0;
		background: transparent;
	}

	#header ul {
		list-style:none;
		margin: 0;
		width: 535px;
		height: 200px;
		float: right;
		background: url(/assets/images/header.png);
	}
	
	#header li {
		float: right;
		height: 25px;
		margin: 0 2px;
		padding: 190px 5px 0 5px;
	}

	
	#header li a {
		display: block;
		width: 90px;
		height: 25px;
		text-decoration: none;
		background-image: url(/assets/images/menu.png);
		background-repeat: no-repeat;
		text-indent: -1000em;
		border: 0;
		outline: 0;
	}
	
	#header li.nav_about a {
		background-position: -60px -20px;
		width: 75px;
	}
	
	#header li.nav_about a:hover, #header li.nav_about a.active {
		background-position: -60px -60px;
	}
	
	#header li.nav_menu a {
		background-position: -60px -100px;
		width: 70px;
	}

	#header li.nav_menu a:hover, #header li.nav_menu a.active {
		background-position: -60px -140px;
	}	
	
	#header li.nav_location a {
		background-position: -50px -180px;
	}
	
	#header li.nav_location a:hover, #header li.nav_location a.active {
		background-position: -50px -220px;
	}
	
	#header li.nav_catering a {
		background-position: -50px -260px;
	}
	
	#header li.nav_catering a:hover, #header li.nav_catering a.active {
		background-position: -50px -300px;
	}
	
	#header li.nav_contact_us a {
		background-position: -40px -340px;
		width: 115px;
	}
	
	#header li.nav_contact_us a:hover, #header li.nav_contact_us a.active {
		background-position: -40px -380px;
	}
	
	#footer {
		height: 200px;
		background: transparent bottom left url('/assets/images/footer.png') no-repeat;
	}



.footer-address {
	margin: 0;
	padding: 0 0 0 15px;
	width:360px;
	float:left;
}

.footer-copyright {
	padding: 25px 15px 0 0;
	width:360px;
	float:right;
	text-align:right;
}

img.border {
	margin: 5px 15px 5px 5px;
	padding: 5px;
	border: 1px #eee solid;
}

a.plainimg, a.plainimg:active {
	background: transparent;
	border: 0;
}

.phototext {
padding-left: 15px;
background: top left url(/assets/images/poke.png) no-repeat;
}

.left {
	float: left;
}

.right {
	float: right;
}

.showcase img {
	margin: 0.1em;
	border: 1px #ccc solid;
	padding: 3px;
	background: #fff;
}

.plain {
	border:0;
	padding:0;
	display:inline;
	background:transparent;
	margin: 5px;
}

.nobackground {
	background: transparent;
}

a.plain img {
	margin:0;
	padding:0;
	}

.center {text-align:center;}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

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

#imageContainer{
	padding: 10px;
	}

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

#prevLink, #nextLink{
	width: 30%;
	height: 100%;
	background: transparent url(/assets/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(/assets/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/assets/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; border: 0; background: transparent;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}