/*
Theme Name: Griff
Theme URI: http://www.griff.nl
Description: Thema Griff
Version: 2009
Author: Inline Media | Internetbureau
Author URI: http://www.inlinemedia.nl
*/

/********** Reset **********/
@import url("reset.css");

/* Firefox & Opera Fix */
html,body{ height:100%; width:100%; }
	
/* Hide from IE on Mac */
html { height: 100%; overflow: hidden; }
#background { height: 100%; }
/* end hide */

/********** Background **********/
#background { width:100%;overflow:hidden;display:block;position:relative; z-index:1;}	
	#background images {width: auto;height: auto; }

/********** Wrapper **********/
#wrapper { position:absolute; top:50%; margin-top:-165px; left:0; width:100%; height:329px; overflow:hidden;z-index:20;}

/********** Menu **********/
#menu { position:relative; height:46px; width:100%; background:#000; }
	#menu ul { margin-left: 181px;}
	#menu ul li { float:left; }
	#menu ul li a { font-size:15px; letter-spacing: 2px; line-height:45px; margin-right:38px; font-weight: lighter;}
	#menu ul li.current_page_item a, 
	#menu ul li.current_page_parent a { color :#68c100; }

ul#submenu { position:relative; margin: 0px 0px 1em 0px; }	
ul#submenu li { float:left; margin-right:25px; line-height:1.5em; }
ul#submenu li.current_page_item a { color :#68c100;}


/********* Content column ********/
#content {position:relative; height:284px; width:100%; overflow:hidden; background: url(images/transparant.png); /*opacity: .85; filter: alpha(opacity=85); -moz-opacity:0.85;*/ }

/********** Left column **********/
#left { position:relative; float:left; width:159px; height:auto; }
	#left .logo { display: block; border: none; margin:11px 0px 0px 22px; width:117px; height:51px; }

/********** Right column **********/ 
#right { float:left; width:660px; }
	#right #text {width: auto; height:240px; margin:22px 0px 22px 0px; padding:0px; border-left:1px solid #fff;}
	#right #innertext { width: auto; height: 240px; overflow: auto; padding:0px 22px 0px 22px; border: none; display: block; }
	#right #innertext h1 { margin-bottom: 16px; }
	#right #innertext p {margin-bottom: 16px;}
	#right #innertext strong { color: #68c100; }
	#right #innertext.gallery img { margin:0px 40px 20px 0px; height:80px; width:80px; }
	
	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;	 }
.clearfix {display: inline-block;}

.jScrollPaneContainer {	position: relative;	overflow: hidden;	z-index: 1; border: none;}
.jScrollPaneTrack {position: absolute; cursor: pointer; right:0; top:0; height:100%; background: url(images/whitedot.jpg) repeat-y top center;}
.jScrollPaneDrag {position: absolute; background: #fff; cursor: pointer; overflow: hidden;}
.jScrollPaneDragTop {position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom {position:absolute;bottom:0;left: 0;	overflow: hidden;}
a.jScrollArrowUp {display:block;position:absolute;z-index: 1;top:0;right:0;text-indent:-2000px;	overflow: hidden;height: 5px;width:7px;background:url(images/arrowup.gif) no-repeat center top;}
a.jScrollArrowDown {display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent: -2000px;overflow:hidden;height:5px;width:7px;background:url(mages/arrowdown.gif) no-repeat center top;}


/* Tables */
table tr td { vertical-align:top; }
table tr td p { margin:0; }
table tr td ul { margin-left:14px; list-style: disc; }
.friends table { width:400px; }
.contact table { width:500px;}
.contact table td.col1 { width:200px; }	
.lunch table tr td, .diner table tr td, .desserts table tr td  { width: 90%; }
.lunch table tr td.price, .diner table tr td.price, .desserts table tr td.price { width: 10%; }


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */