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

/* the content styles */

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

a{text-decoration: underline;color: #6c8f01;}
a:hover{color: #FFFFFF; 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;}

ul.download {list-style-image:url(../images/bullet.gif); margin:0px; padding-left:20px}
ul.download li {padding-left:0px; padding-top:5px; 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}
p span {color:#FFF; font-size:1em;}

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 }

.note {font-size:0.75em; color:#FFF;}
.note span {text-decoration:underline;}

/*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;}

/*Top Menu*/
.topmenu { font-size:13px; font-family:"Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;padding:0;margin:0;}
.topmenu a {text-decoration:none; color:#FFF;}
.topmenu a:hover{color:#6c8f01;}
.topmenu ul {padding:0;margin:0;}
.topmenu li {text-decoration:none; display:inline; margin-left:8px;}

.home li.home a,
.lunch li.lunch a,
.festive li.festive a,
.dinner li.dinner a,
.wine li.wine a,
.privatedining li.privatedining a,
.ambience li.ambience a,
.thechef li.thechef a,
.thestaff li.thestaff a,
.bookings li.bookings a,
.links li.links a {color:#6c8f01;}


/* 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, .heading h2{height:25px;color: #666;text-transform: lowercase;font-size: 1em;font-weight: bold;display:inline;padding-bottom:20px;	}

.heading span{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;
margin-top:0;


}
#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}

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

.twitterfooter 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;
}

/*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;
}


/* 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;
}



