/* Created 29.11.2007 - Moonshine Internet */

* {
margin:0;
padding:0;
}

/* Typography */

	body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#333;
		font-size:75%;
		}
		
	h1 {
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color:#960;
		letter-spacing:1px;
		font-size:1.4em;
		margin-bottom:1em;
		}
	
	h2 {
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		letter-spacing:1px;
		margin-bottom:0.5em;
		}
		
	h3 {
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		margin-bottom:0.5em;
		}
		
	p {
		font-size:0.9em;
		line-height:1.4em;
		margin-bottom:1em;
		}
	
	
	
	#footer {
		font-size:0.9em;
		color:#666;
		}

/* Links */

	a {
		color:#2c4942;
		border-bottom:1px dotted #2c4942;
		text-decoration:none;
		}
		
	a:hover {
		border-bottom:1px solid #2c4942;
		}

/* Main layout areas  */

	body  {
		text-align:center;
		background-color:#fffaec;
		}
		
	#page {
		width:780px;
		margin:10px auto;
		padding:0;
		text-align:left;
		background:#fff url(style_images/page_bg.gif) repeat-y center top;
		}
		
	#header {
		position:relative;
		height:100px;
		background:#fff url(style_images/header_bg.gif) no-repeat left top;
		margin-bottom:30px;
		}
		
	#navbar {
		height:26px;
		background-image:url(style_images/nav_bg.jpg);
		background-position:2px top;
		background-repeat:repeat-x;
		margin:0px 11px 30px 11px;
		padding:0em 25px 0em 25px;
		width:705px;
		z-index:1;
		border:1px solid #960;
		}
		
	#content {
		padding:0 30px;
		}
		
	#right_menu {
		width:160px;
		float:right;
		margin-right:10px;
		padding:20px 20px 0px 15px;
		}
		
	.with_menu {	/* For content to keep it away from the secondary navigation */
		margin-right:200px;
		}	
		
	#footer {
		height:30px;
		clear:both;
		margin-top:20px;
		padding:0px 25px 10px 25px;	
		background:#fff url(style_images/footer_bg.gif) no-repeat left bottom;
		}
		
	#copyright {
		float:left;
		}
		
	#credit {
		float:right;
		}
		
/* Header */

	#header h1 {
		height:0;
		text-indent:-3000px;
		visibility:hidden;
		display:none;
		}
		
	#header p {
		position:absolute;
		left:420px;
		top:60px;
		}
		
/* Home page */

	.homeFlash {
		float:right;
		margin:0px 0px 20px 20px;
		padding:3px;
		border:1px solid #ccc;
		}
		
		
/* Footer */

	.copyright {
		float:left;
		} 
		
	.credit {
		float:right;
		} 
		
		
/* Main navigation */

	
	
	ul#navigation {
		background-image:url(style_images/nav_bg.jpg);
		background-position:left top;
		background-repeat:repeat-x;
		margin-left:100px;
		padding:0;
		width:630px;
		display:inline;
		float:left;
		}
	
	ul#navigation li {
		display:inline;
		position:relative;
		height:100%;
		float:left;
		z-index:1;
		}
	
	ul#navigation li a {
		padding:0.5em 37px;
		color:#333;
		text-decoration: none;
		float:left;
		display:block;
		margin:0px;
		border:none;
		}
	
	ul#navigation li a:hover {
		background-color:#fff;
		}
		
	ul#navigation li a.current {
		background-color:#fff;
		}
	
	ul#navigation li a.nolink:hover {
		}
	
	/* For dropdowns  */
	ul#navigation li ul {
		position: absolute;
		left: 0em; 
		top: 26px;
		display: none;
		margin:0px;
		padding:0px;
		}
	
	ul#navigation li ul li {
		display:block;
		margin-top:0px;
		z-index:2;
		}
		
		
	/* Styles for Menu Items */
	ul#navigation li ul li a{
		background-color:#fffaec;
		width:11.5em;
		padding:0.4em 0em 0.4em 1.1em;
		text-decoration: none;
		margin:0;
		border-left:1px solid #960;
		border-right:1px solid #960;		
		z-index:2;
		}
		
	ul#navigation li ul li a.lowest {		
		border-bottom:1px solid #960;
		}
	
		
	ul#navigation li ul li a:hover {
		background-color:#fff;
		}
		
	
	* html ul#navigation li { float: left; height: 1%; 
		z-index:2;}
	* html ul#navigation li a { height: 1%;
		z-index:2; }
	
	
	ul#navigation li:hover ul, ul#navigation li:hover ul li, 
	ul#navigation li:hover ul li a, ul#navigation li.over ul, 
	ul#navigation li.over ul li, ul#navigation li.over ul li a { display: block; float:none;z-index:2;} /* The magic */
	
		
/* Kitchen gallery  */

	#gallery {
		clear:both;
		margin-top:20px;
		}
		
	#gallery a {
		border:none;
		}
		
	#gallery img {
		border:1px solid #ccc;
		padding:4px;
		}
		
	#gallery .wrapper {
		float:left;
		width:160px;
		margin-left:16px;
		margin-top:20px;
		display:inline;
		}
		
	#gallery .wrapper p {
		text-align:center;
		}
		
/* Lightbox styles */

	#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;border:none}
	
	#prevLink, #nextLink{
		width: 49%;
		height: 100%;
		background: transparent url(style_images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
		}
	#prevLink { left: 0; float: left; border:none}
	#nextLink { right: 0; float: right; border:none}
	#prevLink:hover, #prevLink:visited:hover { background: url(style_images/prevlabel.gif) left 15% no-repeat; border:none}
	#nextLink:hover, #nextLink:visited:hover { background: url(style_images/nextlabel.gif) right 15% no-repeat;border:none}
	
	
	#imageDataContainer{
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
		}
	
	#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;	}	
			
	#overlay{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 500px;
		background-color: #000;
		}
		
	
	/* Min-Width */
	.lbWidth { /* most browsers */
		position: absolute;
		top: 0px; left: 0px;
		width: 100%;
		min-width: 790px;
		}
	
	* html .lbContent { /* IE6 */
		margin-left: -790px;
		position:relative;
		}
	
	* html .lbMinWidth { /* IE6 */
		padding-left: 790px;
		}
		
		
	/* Clearfix */	
	.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */ 


		

	
/* Contact form */

	.formRight{
		float:right;
		width:400px;
		text-align:left;
		height:30em;
		}

	form#contact_form p label {
		float:left;
		width:130px;
		}
		
	form#contact_form input, form#contact_form textarea {
		width:300px;
		}
		
	form#contact_form input#contact_submit {
		width:100px;
		margin-left:200px;
		}
		
	form#contact_form .required {
		float:left;
		font-size:0.8em;
		}

/* Google map */
	
	#map {
		width:290px;
		height:200px;
		border:1px solid #960;
		}

	
/* Misce...laneous?   */

	.imgright {
		float:right;
		margin:0px 0px 10px 10px;
		}
		
	.imgleft {
		float:left;
		margin:0px 15px 10px 0px;
		}
		
	.noborder {
		border:none;
		}
		
	.noborder:hover {
		border:none;
		}
		
	.white_border {
		padding:4px;
		border:1px solid #ddd;
		}
		
	.clear {
		clear:both;
		}
		
	.alert {
		color:#FF0000;
	}
	
	.brands {
		margin-left:40px;
		}