body {
  font-family: "Lucida Grande", "Lucida Sans", Lucida, Arial, Verdana, Tahoma, Sans-Serif;
  color: #333;
  background-color: #99CDFF;
  text-align: center;
  font-size: 0.8125em; /* (16px)  */
  margin: 0;
  padding: 0;
}
img {
  border: none;
}

object { 
  display:block; 
}
p {
  line-height: 1.3em;
}

ul, li {
  padding-left: 0;
  margin-left: 0;
}

/* png fix
img, div, a, input { 
  behavior: url(css/resources/iepngfix.htc);
}
*/

.clear {
  clear: both;
}
.note {
  font-size: .8em;
  text-transform: uppercase;
  color: #666;
	margin: 0;
}
.hiddenPic {
  display:none;
}

#logo h1 a {
  display: block;
  width: 275px;
  height: 358px;
  background: url(../images/logo-blue.jpg) no-repeat top left;
}
h2 span {
  display: none;
}
h2 {
  height: 54px;
  background-repeat: no-repeat;
  margin-bottom: 5px;
}
h2 {
  color: #630;
  color: #FF6;
  font-size: 1.2em;
}



/*	
  Layout  
*/
#container {
	margin: 20px auto 0 auto;
	padding: 0;
  max-width: 61.75em; 	/* 988px / 16px = 61.75em */
}
#logo {
  float: left;
  width: 28.8%;  /* 334px / 988px =  0.3380 */
}
#content {
  float: right;
  width: 65.48%; /* 654px / 988px = 0.6548 */
/*  margin-left: 5%;*/
  padding-bottom: 96px;
}
#container h2,
#container p {
  text-align: left;
}
#sip-tasting img {
	display: inline;
}


/* links  */
a {
  font-weight: bold;
}
a:link, a:visited {
  color:  #930;
  color: #9CF;
  color: #9CC;
	color: #630;
/*  color: #4D951E;*/
/*  color: #FFA100; */  
  text-decoration: none;
}
a:hover {
  color: #369;
/*  color: #CFF;*/
/*  color: #9CF;*/
  text-decoration: underline;
}


/* Home Layout */
#home {
  margin: 0;
}
#home #container {
  max-width: 988px;
}
#homeWrapper {
	width:988px;
	margin: 0 auto;
	text-align:left;
	padding:15px;
}
#home #logo {
   float: left;
   width: 28.13%;  /* 275px / 988px =  0.2813 */
}
#home #nav {
  float: left; 
  width: 65.53%;  /* 654px / 988px =  0.6553 */
  margin-left: 5.97%; /* 59px / 988px =  0.0597 */
}
/*
  Home Navigation
  */
#home #nav {
  width: 654px; 
  height: 327px;
  background: url(../images/homenav_background.jpg);
  margin: 30px 0 0 0; 
  padding: 0;
  position: relative;
}
#home #nav li {
  margin: 0; 
  padding: 0; 
  list-style: none;
  position: absolute; 
  top: 0;
}
#home #nav li, 
#home #nav a {
  height: 327px; 
  display: block;
}
#home #nav span {
  display: none;
}

#home .events {left: 0; width: 109px;}
#home .menu {left: 109px; width: 109px;}
#home .about {left: 218px; width: 109px;}
#home .faq {left: 327px; width: 109px;}
#home .links {left: 436px; width: 109px;}
#home .contact {left: 545px; width: 109px;}


#home #nav .events a:hover {
  background: transparent url(../images/homenav_events.jpg)
  0 0 no-repeat;}
#home #nav .menu a:hover {
  background: transparent url(../images/homenav_menu.jpg)
  0 0 no-repeat;}
#home #nav .about a:hover {
  background: transparent url(../images/homenav_about.jpg)
  0 0 no-repeat;}
#home #nav .faq a:hover {
  background: transparent url(../images/homenav_faq.jpg)
  0 0 no-repeat;}
#home #nav .links a:hover {
  background: transparent url(../images/homenav_links.jpg)
  0 0 no-repeat;}
#home #nav .contact a:hover {
  background: transparent url(../images/homenav_contact.jpg)
  0 0 no-repeat;}
  /*
  end HOME navigation
*/

/*
  Navigation
  */
#nav {
  width: 495px; 
  height: 85px;
  background: url(../images/nav_background.gif);
  background-repeat: no-repeat;
  margin: 10px auto; 
  padding: 0;
  padding-bottom: 20px;
  position: relative;
}
#nav li {
  margin: 0; 
  padding: 0; 
  list-style: none;
  position: absolute; 
  top: 0;
}
#nav li, 
#nav a {
  height: 85px; 
  display: block;
}
#nav span {
  display: none;
}

.events {left: 0; width: 124px;}
.menu {left: 124px; width: 70px;}
.about {left: 194px; width: 76px;}
.faq {left: 270px; width: 60px;}
.links {left: 330px; width: 69px;}
.contact {left: 399px; width: 96px;}


#nav .events a:hover,
#events #nav .events a {
  background: transparent url(../images/nav_events.jpg)
  0 0 no-repeat;}
#nav .menu a:hover,
#menu #nav .menu a {
  background: transparent url(../images/nav_menu.jpg)
  0 0 no-repeat;}
#nav .about a:hover,
#about #nav .about a {
  background: transparent url(../images/nav_about.jpg)
  0 0 no-repeat;}
#nav .faq a:hover,
#faq #nav .faq a {
  background: transparent url(../images/nav_faq.jpg)
  0 0 no-repeat;}
#nav .links a:hover,
#links #nav .links a {
  background: transparent url(../images/nav_links.jpg)
  0 0 no-repeat;}
#nav .contact a:hover,
#contact #nav .contact a {
  background: transparent url(../images/nav_contact.jpg)
  0 0 no-repeat;}
  /*
  end navigation
*/






/* home (news / reviews / events ) */
#events #content img {
  margin: 0;
  padding: 0;
}
.eventlist {
  margin-top: 10px;
}
h2.news {
  background-image: url(../images/header-news.gif);
}
h2.events {
  background-image: url(../images/header-events.gif);
}
#news p,
#events p {
	text-align: left;
}
#news ul,
#events ul {
  padding: 0;
}
#news li,
#events li {
  list-style: none;
  text-align: left;
  margin-bottom: 2em;
}
.date {
  font-size: .85em;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Helvetica, Arial, Verdana, Tahoma, Sans-Serif;
  margin-bottom: 0;
	padding-bottom: 0;
  color: #069;
}
.eventname {
  font-size: 1.2em;
  color: #C60;
  font-weight: bold;
  margin-top: 0;
	padding-top: 0;
  letter-spacing: -.5px;
}
.eventdescription li {
  font-size: .9em;
  margin: .2em 0;
}
.eventdescription p {
	margin: 0.2em 0 0.5em 0;
}
#events .highlight {
  color: #FF6;
}

/* FAQ */
.faqs h2 {
  background-image: url(../images/header-faq.gif);
}
#faq dt {
	color: #C60;
}
#faq dd {
	color: #630;
	font-weight: normal;
}
/*.faqs {
  float: left;
  width: 45%;
  margin-right: 10%;
}*/
.glossary h2 {
  background-image: url(../images/header-glossary.gif);
}
/*.glossary {
  float: right;
  width: 45%;
}*/
dt, dd {
  text-align: left;
}
.faqs dt {
  font-size: 1.2em;
  font-weight: bold;
  color: #9CC;
}
.faqs dd {
  margin: 0.5em 0 1.5em 0;
  padding: 0;
}
.glossary dt {
  float: left;
  color: #CCC;
  width: 110px;
  text-align: right;
  padding-right: 1em;
}
.glossary dt,
.glossary dd {
  height: 2em;
}
.glossary dd {
  color: #FC9;
  font-weight: bold;
}
.glossary .columnone {
  float: left;
  width: 43%;
  margin-right: 3%;
}
.glossary .columntwo {
 float: right;
 width: 54%;
}
/* faq end */

/* menu */
#menu {
  background-image: url(../images/logo-blue-small.jpg);
  background-repeat: no-repeat;
/*  background-attachment: fixed;*/
}
#menu #logo,
#menu #logo h1 a {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 189px;
  background-image: none;
}
#menu #content,
#sip #content {
  width: 100%;
}
#menu #nav {
  float: right;
  width: 60.48%; /* 654px / 988px = 0.6548 */
  height: 85px;
  margin-left: 5%;
}
#menu .menu-image {
  float: right;
  padding-left: 5%;
}
#menu .columnone img,
#menu .columntwo img,
#menu .columnthree img {
  float: left;
}
#menu .note,
#menu2 .note {
  clear: both;
  display: block;
  margin-top: .5em;
  padding-bottom: .8em;
  line-height: 2em;
}
#menu h2.appetizers {
  background-image: url(../images/header-appetizers.gif);
}
#menu h2.soup {
  background-image: url(../images/header-soup.gif);
}
#menu h2.rice {
  background-image: url(../images/header-rice.gif);
  height: 108px;
}
#menu h2.vegetarian {
  background-image: url(../images/header-vegetarian.gif);
}
#menu h2.seafood {
  background-image: url(../images/header-seafood.gif);
}
#menu h2.meat {
  background-image: url(../images/header-meat.gif);
}
#menu h2.miniricetable {
  background-image: url(../images/header-nasirames.gif); 
  height: 108px; 
}
#menu h2.ricetable {
  background-image: url(../images/header-rijsttafel.gif);  
  height: 108px;
}
#menu h2.createricetable {
  background-image: url(../images/header-createrijsttafel.gif);    
}

#menu .columnone {
  float: left;
  width: 29%;
  padding: 0 3%;
}
#menu .columntwo {
  float: left;
  width: 29%;
  margin-left: 3%;
}
#menu .columnthree {
  float: right;
  width: 29%;
  margin-left: 3%;
}
#menu .rijsttafel {
  float: right;
  width: 60%;
  padding-left: 3%;
}
.highlight {
  margin-top: 20px;
  background-color: #CF9;
}
#menu #maincontent ul {
  padding: 0;
}
#menu #maincontent li {
  list-style: none;
  padding-bottom: 1em;
}
#menu p {
  font-weight: bold;
  padding-bottom: 1em;
}
#menu dt {
  font-weight: bold;
  color: #C60;
  font-size: 1.1em;
  padding-bottom: 0.3em;
}
#menu dd {
}
#menu dd {
  margin: 0;
  padding: 0;
  font-size: .95em;
  line-height: 1.2em;
  padding-bottom: 1em;
}
#menu .menupicker {
  text-align: center;
  padding-bottom: 1em;
}
.menupicker span {
  font-size: 1.5em;
}
/*.pdflink {
  font-size: .85em;
  position: fixed;
  top: 200px;
  left: 5px;
  width: 200px;
}*/
.pdflink {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

/* end menu */

/* about */
#about h2 {
  background-image: url(../images/header-about.gif);
}
#about1Wrapper {
  float: right;
  padding: 10px 0 5px 13px;
}
#about2Wrapper {
  float: left;
  padding: 10px 13px 10px 0;
}
/* end about */

/* links */
#links h2 {
  background-image: url(../images/header-links.gif);
}
.linklist {
  text-align: left;
  padding-left: 1em;
}
.linklist li {
  padding: 0.7em 0;
  list-style: none;
}

/* end links */


/* contact */
#contact h2.contact {
  background-image: url(../images/header-contact.gif);
  width: 145px;
  text-align: left;
}
#contact h2.newsletter {
  background-image: url(../images/header-newsletter.gif);
}
#contact #content {
  padding-bottom: 60px; /* buffer to force scroll bar */
}
#home #container {
  padding-bottom: 200px;
}

#social p {
	margin-top: 100px;
	text-align: center;
	margin-left: 200px;
}
#copyright {
  width: 978px;
/*  margin: 0 auto 70px auto;*/
  padding-bottom: 95px;
/*  position: relative;*/
}

#copyright p {
  text-align: right;
  font-weight: bold;
  font-size: .9em;
  color: #999;
  color: #4D951E;
  margin: 0;
  padding: 0;
}
/*#home #copyright,
#links #copyright,
#contact #copyright {
  position: fixed;
  bottom: 0;
}*/

#home #copyright {
	padding-top: 30px;
}

#link #copyright {
  padding-top: 180px;
}


#footer {
  width: 998px;
  position: fixed;
  bottom: 0;
  right: 50px;
	margin: 0 auto;
}
body #footer p {
  margin: 0;
  padding: 0;
}