body{
	font: 100%/1em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	background-color: #111111;
	margin: 0px;
	padding: 0px;
}

/* the content styles */

a{text-decoration: underline;color: #6c8f01;}
a:hover{color: #6c8f01; text-decoration:underline}
a:visited{color: #ccc; text-decoration:underline}
hr{display: none;}
strong{font-weight: bold;}
ul.list li{
border-bottom: 1px dashed #d1cfcd;
}
ul.list li a{
display: block;
padding:3px 0 0 2px;
height: 26px;
color: #42423b;
}
ul.borderedlist li a:hover{background: #E5E5E4;color: #42423b;}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

ul.download {list-style-image:url(../images/bullet.gif); margin:0px; padding-left:20px}
ul.download li {padding-left:0px; font-size:0.75em;}
ul.download li a { color:#ccc;text-decoration: underline;}
ul.download a:hover{color: #6c8f01; text-decoration:underline}

p {font-size:0.75em; line-height:1.8em}

form{margin:0;padding:5px;}

h1  {font-size:0.75em; color:#333333 }
h2  {font-size:0.85em; color:#333333 }
h3  {font-size:1em; color:#333333 }
h4  {font-size:1.2em; color:#333333 }
h6  {font-size:1.5em; color:#333333 }

/*the main layout styles */
#container{
width:900px;
margin: 0 auto;
background-color:#000000;
padding:20px;
}


* html ##container {height:100%;}




/* header layout */
#header{
width:100%;
height: 385px;
background-color: #000000;
position: relative;
}


/* main area layout */
#main{ width:100%; padding:20px 0 0px 0; background-color:#000000;}
#leftcolumn{float:left; width:400px; background-color:#000}
#center{float: left; width:860px;}
#rightcolumn{float: right; width:450px; padding-right:20px;}
.clearfloat{clear: both; height:20px}


#myogalogo{
background-color:#000000;
position:absolute;
top:0px;
left:350px;
height:100px;
padding:0;
margin:0;
}

#chef{
position:absolute;
top:0px;
right:0px;
float:right;
padding:0;
margin:0;
z-index:1001;

}

#banner{
	width:100%;
	height:385px;
	background-color: #fff;
	background-image: url(../images/mainimage.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/*HEADINGS*/

.heading h1{
	height:25px;
	color: #666;
	text-transform: lowercase;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	display:inline;
	padding-bottom:20px;
	
}

.heading span{
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #77A22E;
	text-transform: lowercase;
	padding-left:5px;

}


/* =BOTTOM */
.bottomcolumn h3{
border-bottom: 4px solid #9b968f;
color: #5699A7; font-size:18px;padding:15px 0 5px 5px;
}
.bottomcolumn p{
padding: 10px 35px 10px 5px;
font-size: 1.2em;
}
.iconlist{
border-top: 1px dashed #d1cfcd;
font-size: 1.2em;
}
ul.iconlist li a{
padding-left: 25px;
background: url(../images/footer_list.jpg) left bottom no-repeat;
}
ul.iconlist  li a:hover{background: #E9E4DE url(../images/footer_list.jpg) left top no-repeat;color: #42423b;}
.enewsbox{
float: left;
width: 180px;
height: 17px;
padding:3px 5px;
border: 4px solid #5599A7;
font-size:13px;
}
.button{
display: block;
float: left;
width: auto;
line-height:1em;
text-align: center;
background: #659AA6;
border: 4px solid #fff;
color: #fff;
cursor: pointer;
margin:0;
padding:3px 8px; /* IE6 */
}

/* =FOOTER */
#footer{
	height: 30px;
	background: #000000;
	font-size: .70em;
	width:900px;
	margin: 0 auto;
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
}
#footer a{color: #333; text-decoration: none;}

#designby{
float: left;
height: 23px;
padding:2px 0 0 0px;
margin-top: 5px;
font-size:10px;
}


#designby a{
color:#666666;
text-decoration: none;
}

#designby a:hover{
color:#333;
text-decoration: none;
}

#footer_navigation, #footer_navigation ul{
float: right;
padding-top:10px;
padding-right:0px;


}
#footer_navigation li{
display: inline;
list-style-type: none;
padding-right: 10px;
}

#footer_navigation li a{
	color:#666666;
	text-decoration: none;
}
#footer_navigation li a:hover{color: #ccc; text-decoration: underline;}


#footer_navigation .facebookfooter{
	background-image: url(../images/facebook_16.png);
	background-repeat: no-repeat;
	background-position: 0px -2px;
	padding-left:20px;
}

.facebookfooter img { height:50px; display:block}

#gallery{
	width:380;
	height:400;
	background-image: url(../images/brugges2006/2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#newsletter{
	padding-bottom:20px;
	padding-top:20px;
	width:380;
	height:400;
}

#newsletter h1{
	height:25px;
	color: #333;
	text-transform: lowercase;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	display:inline;
	padding-bottom:20px;
	
}

#newsletter span{
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #77A22E;
	text-transform: lowercase;
	padding-left:3px;

}

#newsletter p{

clear: left;
margin-top: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
font-size: 0.75em;
}

#newsletter label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}


/*Latest News*/

#latestnews{
	padding-bottom:20px;
	padding-top:20px;
	width:380;
	height:400;
}

#latestnews h1{
	height:25px;
	color: #333;
	text-transform: lowercase;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	display:inline;
	padding-bottom:20px;
	
}

#latestnews span{
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #77A22E;
	padding-left:3px;

}

#latestnews p{

clear: left;
margin-top: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
font-size: 0.75em;
}

#latestnews label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#latestnews input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

#latestnews textarea{
width: 250px;
height: 150px;
}
/*	-------------------------------------------------------------
TOP BANNERS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#beatles {
	width:750px;
	height:300px;
	padding-top:100px;
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	background-position: 0 130px;
}

#food {
	width:750px;
	height:300px;
	padding-top:100px;
	background-image: url(../images/banner_food.jpg);
	background-repeat: no-repeat;
	background-position: 0 130px;
}

#mood {
	width:750px;
	height:300px;
	padding-top:100px;
	background-image: url(../images/banner_mood.jpg);
	background-repeat: no-repeat;
	background-position: 0 130px;
}


#wine {
	width:750px;
	height:300px;
	padding-top:100px;
	background-image: url(../images/banner_wine.jpg);
	background-repeat: no-repeat;
	background-position: 0 130px;
}


#privatedining {
	width:750px;
	height:300px;
	padding-top:100px;
	background-image: url(../images/banner_privatedining.jpg);
	background-repeat: no-repeat;
	background-position: 0 130px;
}


#ambiance {
	width:750px;
	height:300px;
	padding-top:100px;
	background-image: url(../images/banner_ambiance.jpg);
	background-repeat: no-repeat;
	background-position: 0 130px;
}


#thechef {
	width:900px;
	height:300px;
	padding-top:100px;
	background-image: url(../images/banner_thechef.jpg);
	background-repeat: no-repeat;
	background-position: 0 130px;
}

/*	-------------------------------------------------------------
MENU
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.prodrop5 { padding:0 0 0 0; margin:0; list-style:none; height:30px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; border-bottom:5px solid #000;}

.prodrop5 li.top {display:block; float:left;}

.prodrop5 li a.home {background:url(../images/menu/home_0.gif); width:45px; height:30px; display:block; text-indent:-99999px;} 
.prodrop5 li a.lunch{background:url(../images/menu/lunch_0.gif); width:45px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.dinner {background:url(../images/menu/dinner_0.gif); width:55px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.drink {background:url(../images/menu/drink_0.gif); width:44px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.privatedining {background:url(../images/menu/Private_Dining_0.gif); width:100px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.ambience{background:url(../images/menu/Ambiance_0.gif); width:70px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.thechef {background:url(../images/menu/thechef_0.gif); width:60px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.thestaff {background:url(../images/menu/thestaff_0.gif); width:60px; height:30px; display:block;text-indent:-99999px;}
.prodrop5 li a.bookings {background:url(../images/menu/bookings_0.gif); width:70px; height:30px; display:block;text-indent:-99999px;}
.prodrop5 li a.links {background:url(../images/menu/links_0.gif); width:40px; height:30px; display:block;text-indent:-99999px;}

/*.prodrop5 li.current a.pos1,
.prodrop5 li.current a.pos1:hover {background:url(../images/menu/home_2.gif);} 
.prodrop5 li.current a.pos2,
.prodrop5 li.current a.pos2:hover {background:url(../images/menu/menu__2.gif);} 
.prodrop5 li.current a.pos3,
.prodrop5 li.current a.pos3:hover {background:url(../images/menu/wine_2.gif);} 
.prodrop5 li.current a.pos4,
.prodrop5 li.current a.pos4:hover {background:url(../images/menu/Private_Dining_2.gif);} 
.prodrop5 li.current a.pos5,
.prodrop5 li.current a.pos5:hover {background:url(../images/menu/Ambiance_2.gif);} 
.prodrop5 li.current a.pos6,
.prodrop5 li.current a.pos6:hover {background:url(../images/menu/thechef_2.gif);} 
.prodrop5 li.current a.pos7,
.prodrop5 li.current a.pos7:hover {background:url(../images/menu/thestaff_2.gif);}
.prodrop5 li.current a.pos8,
.prodrop5 li.current a.pos8:hover {background:url(../images/menu/job_oppertunities_2.gif);} 
.prodrop5 li.current a.pos9,
.prodrop5 li.current a.pos9:hover {background:url(../images/menu/bookings_2.gif);} */ 

.prodrop5 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop5 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop5 li:hover {position:relative; z-index:200;}

.prodrop5 li a.home:hover {background:url(../images/menu/home_1.gif);} 
.prodrop5 li a.lunch:hover {background:url(../images/menu/lunch_1.gif);} 
.prodrop5 li a.dinner:hover {background:url(../images/menu/dinner_1.gif);}
.prodrop5 li a.drink:hover {background:url(../images/menu/drink_1.gif);} 
.prodrop5 li a.privatedining:hover {background:url(../images/menu/Private_Dining_1.gif);} 
.prodrop5 li a.ambience:hover {background:url(../images/menu/Ambiance_1.gif);} 
.prodrop5 li a.thechef:hover {background:url(../images/menu/thechef_1.gif);} 
.prodrop5 li a.thestaff:hover {background:url(../images/menu/thestaff_1.gif);} 
.prodrop5 li a.bookings:hover {background:url(../images/menu/bookings_1.gif);} 
.prodrop5 li a.links:hover {background:url(../images/menu/links_1.gif);} 


/* keep the 'next' level invisible by placing it off screen. */
.prodrop5 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop5 :hover ul {left:0; top:30px; background:url(../images/menu/sub_back.gif); padding:3px; white-space:nowrap; height:auto; width:auto; z-index:300;}
.prodrop5 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop5 :hover ul li a {display:block; font-size:12px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; background:transparent; text-decoration:none;}
.prodrop5 :hover ul li a:hover {text-decoration:underline;}



/* form */


 label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
}
input
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}
fieldset
{
border: 1px solid #781351;
width: 20em
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
}


.facebook img
{  border-style: none;
}

.facebook a
{  border-style: none;
}