html {
	height: 100.5%;
	}

body {

	margin-left: 20px;
	position: absolute;
	padding: 0;
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	font-size: 0.73em;
	font-weight: normal;
	letter-spacing: 0.08em;
	line-height: 1.05em;
	color: #aaa;
	background: url(images/bg_new.jpg) repeat-y;
}
	
#wrapper {
	position: absolute;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 30px;
	}
	
a {
	color: #999;
	text-decoration: none;
	font-weight: normal;

	}

	
p {
	color: #ddd;
	text-decoration: none;
	line-height: 20px;
	text-shadow:black 0 0 5px;	

	}

	
a:hover {
	color: #000;
	background-color: #666;
	text-decoration: none;
	}
	
/* Banner ----------------------------------------*/

#banner {
	width: 980px;
	height: 170px;
	background: url(images/banner_bg.gif) no-repeat;

	}



#banner h1 {
	position: absolute;
	top: 50px;
	left: 50px;
	padding: 0;
	margin: 0;
	}

#banner h1 img {
	border-style: none;
	}
	
#banner p img {
	position: absolute;
	top: 80px;
	right: 50px;
	}
	
/* Navigation ----------------------------------------*/

	
/* Navigation ----------------------------------------*/

#navigation {

  	line-height: 1.5em;
	width: 90px;
	height: 10em;
	font-size: 14px;
	letter-spacing: 0.1em;
	text-transform:uppercase;
	padding: .5em 0 0 50px;
	margin-top: -160px;
	margin-left: 150px;
	text-shadow:black 0 0 3px;	



	}
	
#navigation li {

	color: #fff;
	display: inline;
	padding: 5px 25px 5px 0;
	list-style-type: none;

	}

	
#navigation li a {

	color: #777;
	text-decoration: none;
	}
	
#navigation li a:hover {
	color: #fc079d;
	text-decoration: none;
	background-color: #000;
	}
	
#navigation li.onstate {

	font-weight: bold;
	color: #fff;
	display: inline;
	padding: 5px 25px 5px 0;
	list-style-type: none;
	}
	
#navigation li.onstate a {
	color: #fc079d;
	text-decoration: none;
	}
	
#navigation li.onstate a:hover {
	color: #CCC;
	text-decoration: none;
	background-color: #000;
	}
	

/* Sub Page Title ------------------------------------*/

#subPageTitleHome {
	width: 980px;
	height: 280px;
	margin-top: -10px;
	background: url(images/hometitle_bg.jpg) no-repeat;
	padding: 0;
	}

#subPageTitleCook {
	width: 980px;
	height: 280px;
	background: url(images/cooktitle_bg.jpg) no-repeat;
	padding: 0;
	margin-top: -10px;

	}

#subPageTitleReserve {
	width: 980px;
	height: 280px;
	background: url(images/Reservetitle_bg.jpg) no-repeat;
	padding: 0;
	margin-top: -10px;

	}

#subPageTitleEntertain {
	width: 980px;
	height: 280px;
	background: url(images/we_entertain.jpg) no-repeat;
	padding: 0;
	margin-top: -10px;

	}
	
#subPageTitle h2 {
	font-size: 2em;
	padding: 20px 0 0 50px;
	margin: 0;
	color: #FFF;
	}
	



	
/* Body Content ------------------------------------*/

#bodyContent {
	padding: 0;
	margin: 0;
	margin-top: -80px;

	}
	
#bodyContent hr {
	display: none;
	}
	
#bodyContent h4 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 22px;
	padding: 0;
	margin: 0;
	font-size: 13px;
	}
	
#bodyContent h3 {
	margin: 0 0 0 50px;
	padding: 30px 0 0 0;
	}
	
#bodyContent h3.botSpace {
	margin: 0 0 0 50px;
	padding: 30px 0 30px 0;
	}


/* Single Column */

#bodyContent .column {
	width: 327px;
	float: left;
	margin-top: -10px;
	padding: 0 0 23px 0;
	background: url(images/h4bg.png) no-repeat;

	}

	
#bodyContent .column h4 {
	margin: 0 40px 0 50px;
	text-shadow:black 0 0 5px;	
	color: #fc079d;
	letter-spacing: 1px;
	font-size: 12px;



	}
	
#bodyContent .column h5 {
	margin: 4px 40px 10px 50px;
	padding: 0;
	font-size: 15px;
	color: #fc079d;
	font-weight: normal;
	text-shadow:black 0 0 5px;	
	letter-spacing: 1px;

}



#bodyContent .column h6 {
	margin: -21px 0 -10px 150px;
	padding: 0;
	font-size: 13px;
	color: #999;
	font-weight: normal;
	letter-spacing: 1px;
	text-shadow:black 0 0 5px;	

	}
	
#bodyContent .column p {
	margin: 5px 40px 5px 50px;
	text-decoration: none;
	color: #fff;
	letter-spacing: 1px;

	}
	
#bodyContent .column p.botSpace {
	margin: 5px 40px 20px 50px;
	}
	
#bodyContent .column blockquote {
	padding: 0 0 0 0;
	margin: 0;
	background: url(images/blockquote_bg.gif) no-repeat 35px .4em;
	color: #454545;
	}
	
#bodyContent .column blockquote p strong {
	font-weight: normal;
	color: #fff; 
	}
	
#bodyContent .column blockquote p em {
	font-weight: normal;
	font-style: italic;
	color: #999; 
	}
	
#bodyContent .column blockquote p span {
	display: none; 
	}
	
/* Double Column */

#bodyContent .columnDouble {
	width: 660px;
	padding: 0 0 10px 0;
	}

#bodyContent .columnDouble h2 {
	margin-left: 31px;
	font-size: 12px;
	margin-top: -2px;
	margin-bottom: 3px;
	padding: 9px 0 0 17px;
	list-style-type: none;
	text-shadow:black 0 0 5px;	
	background: url(images/bullet.gif) no-repeat left 1em;
}

#bodyContent .columnDouble h3 {
	letter-spacing: 2px;
	text-shadow:black 0 0 5px;	
	}
	
#bodyContent .columnDouble h4 {
	margin: 0px 0px 0px 50px;
	color: #00b4e8;
	letter-spacing: 0px;
	text-shadow:black 0 0 5px;
	font-size: 18px;	
	font-weight: normal;

}

#bodyContent .columnDouble h5 {
	text-transform: uppercase;
	margin: 10px 10px 0 50px;
	text-shadow:black 0 0 5px;	
	line-height: 22px;
	color: #fc079d;
	letter-spacing: 1px;
	font-size: 12px;
	font-weight: lighter;

	}
	
#bodyContent .columnDouble h55old {
	position: static;
	width: 600px;
	margin-bottom: 8px;
	margin-left: 50px;
	margin-top: -1px;
	padding-bottom: 8px;
	font-weight: lighter;
	font-size: 16px;
	color: #ddd;
	text-shadow:black 0 0 5px;	

	}

#bodyContent .columnDouble h6 {
	text-transform: uppercase;
	margin: 10px 10px 0 50px;
	text-shadow:black 0 0 5px;	
	color: #fc079d;
	letter-spacing: 1px;
	font-size: 12px;
	font-weight: lighter;
	}

#bodyContent .img{
	margin-bottom: 15px;
}
	
#bodyContent .columnDouble p {
	margin: 5px 40px 5px 50px;
	font-weight: normal;
	line-height: 22px;
	text-decoration: none;

	}

#bodyContent .columnDouble a{
	margin-top: 45px;
	font-weight: normal;
	line-height: 42px;
	text-decoration: none;

	}
	
#bodyContent .columnDouble p.botSpace {
	margin: 5px 40px 20px 50px;
	}
	
/* Portfolio Project Wide Column */

#bodyContent .portfolioColumn {
	width: 980px;
	padding: 0 0 10px 0;
	}
	
#bodyContent .portfolioColumn h4 {
	margin: 30px 40px 0 40px;

	}
	
#bodyContent .portfolioColumn h5 {
	margin: 5px 50px -5px 40px;
	padding: 0;
	font-size: 100%;
	color: #999;
	font-weight: normal;
	}
	
#bodyContent .portfolioColumn p {
	line-height: 1.55em;
	margin: 5px 50px 10px 40px;
	color: #999;
	}
	
#bodyContent .portfolioColumn p.botSpace {
	margin: 5px 40px 20px 40px;
	}
	
#bodyContent .portfolioColumn .hero {
	float: left;
	padding: 30px 0 80px 50px;
	margin: 0;
	}
	
#bodyContent .portfolioColumn .textDescription {
	float: right;
	width: 330px;
	}
	
#bodyContent .portfolioColumn .textDescription img {
	padding: 20px 0 20px 0;
	margin: 0;
	}
	
/* Double Column Portfolio Landing Page */

	
#bodyContent .columnDouble .pfThumb {
	float: left;
	margin-left: -4px;
	padding: 12px 15px 13px 55px;
	width: 231px;
	}

#bodyContent .columnDouble .pfThumb a img {
	border-width: 1px;
	border-style: solid;
	border-color: #222;
	}
	
#bodyContent .columnDouble .pfThumb a:hover img {
	border-width: 1px;
	border-color: #333;
	}

#bodyContent .columnDouble .pfThumb p {
	padding: 6px 0 10px 0;
	margin: 0;
	background: url(images/pf_thumb_link_bg.gif) no-repeat bottom;
	}
	

/* Sub Side Box */

	
	
#subBox {
	position: absolute;
	top: 395px;
	right: 45px;
	width: 280px;
	padding: 0;
	overflow: hidden;
	}


#random {
	margin-bottom: 0px;
	padding: 1px 0 0 50px;
	width: 240px;

	border: none;
	overflow: hidden;

}
	
#subBox h4 {
	font-size: 14px;
	margin-bottom: 20px;
	margin-top:  36px !important; /* Firefox */
	text-shadow:black 0 0 5px;	
	border-bottom: 1px dotted #222;	


	}


#subBox h5 {
	font-size: 12px;
	font-weight: normal;
	color: #999;
	padding: 10px 10px 30px 10px;
	margin-bottom: 20px;
	text-shadow:black 0 0 5px;	

	}
	
#subBox p {
	font-size: 11px;
	margin: 0;
	margin-left: 20px;

	}
	
#subBox .bottomBg {
	width: 300px;
	margin-top: 2px;
	margin-left: 2px;
	margin-bottom: -5px;
	line-height: 25px;
	text-shadow:black 0 0 5px;	
	color: #000;
	}

#subBox .bottomBg h4{
		padding-left: 10px;
		text-shadow:black 0 0 5px;	
		color: #fc079d;
		margin-bottom: 10px;
		padding-top: 6px;
		font-size: 12px;
		letter-spacing: 1px;
		background: url(images/button.gif) no-repeat left -0.2em;
}	

#subBox .bottomBg img {
	margin-left: 40px;
	border-bottom: 1px dotted #000;	
		color: #000;
	text-decoration: none;

}

#subBox .bottomBg ul a{
	margin-left: 40px;
	color: #000;
	text-decoration: none;

}

#subBox img {
	display:block;
	border-bottom: 1px dotted #000;	
	color: #000;
	text-decoration: none;

}


#subBox ul {
	padding: 3px 30px 3px 30px;
	margin: 0;
	color: #fff;


	}
	
#subBox ul li {
	margin-left: 28px;
	margin-top: -3px;
	padding: 0px 0 0 17px;
	color: #00c6ff;
	list-style-type: none;
	background: url(images/bullet.gif) no-repeat left 1.5em;
	border-bottom: 1px solid #222;

	}

#subBox ul li a{

	color: #00c6ff;
	text-transform: uppercase;

	}

#subBox ul li a:hover{

	color: #fff;
	background-color: #000;
	

	}
	
#subBox .horizontalRule {
	margin: 20px 0 0 30px;
	}

	
/* Footer ------------------------------------*/

#footer {
	width: 620px;
	line-height: 22px;
	clear: both;
	background: url(images/footer_bg_bottom.gif) no-repeat bottom;
	padding: 0 0 35px 0;
	margin: 0;
	color: #999;
	}
	
#footer ul {
	margin: 0;
	padding: 15px 0 0 50px;
	background: url(images/footer_bg_top.gif) no-repeat top;
	text-shadow:black 0 0 5px;	

	}
	
#footer li {
	display: inline;
	padding: 0 20px 0 15px;
	margin: 0;
	background: url(images/bullet.gif) no-repeat left .45em;
	}
	
#footer hr {
	display: none;
	}

/* Contact Form ------------------------------------*/

#content-box {
	top:40px;
	margin-left: 50px;
	width:410px;
	font-size: 14px;
	text-shadow:black 0 0 3px;	

}

.alert-box {
	position:absolute;
	top:20px;
	left:530px;
	width:200px;
	border:1px solid #f17700;
	color:#f17700;
	padding:5px;
	background-color:#ffffff;
}
.alert-box h1{
	font:bold 12px Verdana, Helvetica, sans serif;
	color:#f17700;
	padding:0;
	margin:5px 0 5px 0;
}
.alert-box ul{
	padding:0 0 0 15px;
	margin:0;
}

#content-box h4 {
	font-size: 14px;
	margin-left: -150px;
	border-bottom: 1px dotted #222;	


	}


.label {
	float:left;
	width:140px;
	margin-top: 4px;
	margin-bottom: 3px;


}

.alert{
	font-weight:bold;
	color:#F17700;
}
fieldset {
	border:0;
	margin:0;
	padding:5px;
	background-color:#000;
	border-bottom:1px solid #333;
}

.textinput, .select, .textarea {
	float:left;
	background-color:#EFF5F9;
	border:1px solid #00427B;
	color:#00427B;
	margin-top: 1px;
	width:250px;
}
.textinput-over, .select-over, .textarea-over {
	float:left;
	background-color:#9bceea;
	border:1px solid #00427B;
	color:#00427B;
	width:200px;
	font-weight:bold;
}

.radiobutton, .checkbox {
	float:left;
	width:18px;
}
input.button {
	border:0;
	background-color:#666;
	font-weight:bold;
	color:#ffffff;
	cursor:hand;
	cursor:pointer;
}
input.button-over {
	border:0;

	background-color:#999;
	font-weight:bold;
	color:#fffa;
	cursor:hand;
	cursor:pointer;
}


div.clearer {
	clear:both;
	height:12px;
	font-size:1px;
}
	
/* SIFR ------------------------------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #wrapper #bodyContent .column h4 {
	visibility: hidden;
	line-height: 1em;
	font-size: 1em;
	height: 1.5em;
	font-weight: normal;
	letter-spacing: 0;
}

.sIFR-hasFlash #wrapper #bodyContent .columnDouble h4 {
	visibility: hidden;
	line-height: 1em;
	font-size: 1em;
	height: 1.5em;
	font-weight: normal;
	letter-spacing: 0;
	}

.sIFR-hasFlash #wrapper #bodyContent #homeBox h4 {
	visibility: hidden;
	position: relative;
	top: 25px;
	left: 30px;
	width: 180px;
	padding: 0;
	margin: 0 0 35px 0;
	line-height: 1em;
	font-size: 1em;
	height: 1.5em;
	font-weight: normal;
	letter-spacing: 0;
	background: none;
	}
	
.sIFR-hasFlash #wrapper #bodyContent #subBox h4 {
	visibility: hidden;
	position: relative;
	top: 25px;
	left: 30px;
	width: 180px;
	padding: 0;
	margin: 0;
	line-height: 1em;
	font-size: 1em;
	height: 1.5em;
	font-weight: normal;
	letter-spacing: 0;
	background: none;
	}
	
.sIFR-hasFlash #wrapper #subPageTitle h2 {
	visibility: hidden;
	font-size: 2em;
	padding: 18px 0 0 50px;
	margin: 0;
	color: #FFF;
	line-height: .5em;
	font-size: 1em;
	height: 7px;
	width: 180px;
	font-weight: normal;
	letter-spacing: 0;
	}
	
.sIFR-hasFlash #wrapper #subPageTitlePf h2 {
	visibility: hidden;
	font-size: 2em;
	padding: 18px 0 0 50px;
	margin: 0;
	color: #FFF;
	line-height: .5em;
	font-size: 1em;
	height: 7px;
	width: 180px;
	font-weight: normal;
	letter-spacing: 0;
	}
	
.sIFR-hasFlash #wrapper #bodyContent .portfolioColumn .textDescription h4 {
	visibility: hidden;
	position: relative;
	top: 25px;
	left: 40px;
	width: 180px;
	padding: 0;
	margin: 0 0 33px 0;
	line-height: 1em;
	font-size: 1em;
	height: 1.5em;
	font-weight: normal;
	letter-spacing: 0;
	background: none;
	}

/* Gallery ------------------------------------*/


#content {
	margin-left: 40px;

}

#content h4 {
	margin: 30px 20px -20px 12px;
	color: #fc079d;
	letter-spacing: 2px;
	text-shadow:black 0 0 5px;	

}
	
#content h5 {
	padding: 0;
	font-weight: normal;
	font-size: 13px;
	color: #93035b;
	text-shadow:black 0 0 5px;	
	}

ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
#fade-example-3 {
	border: 3px solid #000;
}
#fade-example-1 li,#fade-example-2 li {
	position: absolute;
	top: 0;
	left: 0;
	width: 586px;
	height: 380px;
	background-color: #000;
	visibility: hidden;
}
#fade-example-3 li {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}
li img {
	display: block;
	border: 3px solid #FFF;
}
.caption {
	clear: both;
	padding: 1em;
	background-color: #000;
}
.example {
	position: relative;
	padding:1em;
	margin-bottom: 1em;
	width: 520px;
	height: 520px;
}
.example-r {
	position: relative;
	background-color:#000;
	border:5px solid #000;
	padding:1em;
	width: 700px;
	margin-bottom: 1em;
}
code {
	font-family: monospace;
	font-size: 1.2em;
}
.control {
	position: absolute;
	z-index: 100;
	cursor: pointer;
	font-size: 2em;
	font-weight: bold;
	color: #fff;
	text-shadow:black 0 0 5px;	

}
#fade-example-1-next {
	right: 1%;
	top: 40px;
	font-size: 23px;
	font-weight: normal;
}
#fade-example-1-previous {
	left: 10%;
	top: 40px;
	font-size: 23px;
	font-weight: normal;
}
.ajax {
	margin: 3em;
	border: 1em solid #FF8C00;
	padding: 1em;
}