html, body, {margin:0;padding:0; height: 100%;}

body {
font: 80% Trebuchet MS,sans-serif;
text-align:center; 
height: auto; 
min-height:100%;
color: #333;
background-image:url('http://www.odette.com.sg/images/bg.png')
background-repeat:repeat-x;

}

p{margin:0 10px 10px}

a{font-weight: bold; text-decoration:none;color: #333}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration:  none;}
a:hover {color: #5AA0AD}

iframe { 
frameborder: 0;
overflow-x: hidden; 
overflow-y: auto; 
} 

		    
div#header h1{height:90px;margin:0;padding-left:10px;width:350px}

div#container{width: 800px; margin: 0 auto; padding: 0; position: relative;z-index: 1;}

div#content {
	z-index: 1;
}

div#content p{font-size:1.1em;line-height:1.4; margin:0; padding-bottom: 30px;}

div#mailing {
	font: 80% Trebuchet MS;
	color: #9e9393;
	position: absolute;
	height:28px;
	width:290px;
	text-align:left;
	padding:5px 5px;
	left: 495px;
	top: 46px;
}

div#mailing a{
	font: Trebuchet MS;
	color: #9e9393;
}

div#navigation{
	position: absolute;
	width: 800px;
	height: 30px; 
	top: 100px;
	text-align: center;
}

div#footer { 
position: absolute;
top: 640px;
font-size:0.8em; 
text-align: center;  
color: #9e9393; 
width: 800px; 
}


/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

div#container{width:800px;margin:0 auto; z-index: 1;}

div#navigation{
	position:absolute;
	margin: 0 auto;
	padding: 0;
	width: 800px;
	height: 30px;
	top: 101px;
	left: 0px;
	z-index: 1;
}

div#extra{
	position: absolute;
	height:64px;
	width:300px;
	right: 391px;
	top: 11px;
}


div#story{
	position: absolute;
	top: 131px;
	padding:0;
	border: 0;
	width: 800px;
	height: 505px;
	left: 0px;
overflow-x: hidden; 
overflow-y: auto; 
	z-index: 1;
}

div#aboutus{
        position: absolute;
	top: 80px;
	padding:0;
	border: 0;
	width: 640px;
	height: 300px;
	left: 70px;
overflow-x: hidden; 
overflow-y: hidden; 
        text-align: left;
}

div#ambass{
position: absolute;
top: 95px;
	left: 180px;
width: 180;
height: 290;
padding: 0;
margin: auto;
}

div#contact{
        position: absolute;
	top: 110px;
	padding:0;
	border: 0;
	width: 640px;
	height: 300px;
left: 430px;
overflow-x: hidden; 
overflow-y: hidden; 
        text-align: left;
}

#linkabout{
display: inline-block;
  width: 200px;
  height: 30px;
  background: url(images/menubar.png) no-repeat 0 0;
  padding: 0;
  margin: auto;

}

#linkabout:hover
{ 
  background-position: 0px -30px;
}

#linkabout span
{
display:none
}



#linkdress{
display: inline-block;
  width: 200px;
  height: 30px;
  background: url(images/menubar.png) no-repeat -200px 0;
  padding: 0;
  margin: auto;

}

#linkdress:hover
{ 
  background-position: -200px -30px;
}

#linkdress span
{
display:none
}



#linkblog{
display: inline-block;
  width: 200px;
  height: 30px;
  background: url(images/menubar.png) no-repeat -400px 0;
  padding: 0;
  margin: auto;

}

#linkblog:hover
{ 
  background-position: -400px -30px;
}

#linkblog span
{
display:none
}



#linkcontact{
display: inline-block;
  width: 200px;
  height: 30px;
  background: url(images/menubar.png) no-repeat -600px 0;
  padding: 0;
  margin: auto;

}

#linkcontact:hover
{ 
  background-position: -600px -30px;
}

#linkcontact span
{
display:none
}


h1{font-size:1.6em; color:gray;}

.field
{
color: gray;
background: white;
border: 1px solid gray;
}

.submitAdd
{
color: black;
background: white;
border: none;
}