body{
	background-color: #eecf00;
	font: 13px/1.2em "Lucida Grande", Arial, sans-serif;
}
#outer {height: 700px; overflow: hidden; position: relative; width: 100%;}
		#outer[id] {display: table; position: static;}
		
		#middle {position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only*/
		#middle[id] {display: table-cell; vertical-align: middle; position: static;}
		
		#inner {position: relative; top: -50%; text-align: left;} /* for explorer only */
		#inner {width: 888px; height: 633px; background-image: url(../img/bg.jpg); margin-left: auto; margin-right: auto;} /* for all browsers*/
		/* optional: #inner[id] {position: static;} */
		
#header {
  position: absolute;
  top: 450px;
  width: 483px;
  height: 107px;
  left: 350px;
  z-index: 10;
}
img {
  border: 0;
}
#menu1{
position:absolute; 
display: inline;
left: 522px; top: 255px;width:136px; height:24px;
}
#menu2{
position:absolute; 
display: inline;
left: 505px; top: 315px;width:188px; height:49px;
}
#menu3{
position:absolute; 
display: inline;
left: 455px; top: 355px;width:136px; height:24px;
}
#menu4{
position:absolute; 
display: inline;
left: 385px; top: 392px;width:136px; height:24px;
}
div.m1{
left: 522px; top: 255px;width:136px; height:24px;
}
div.m2{
left: 505px; top: 315px;width:188px; height:49px;
}
div.m3{
left: 455px; top: 355px;width:136px; height:24px;
}
div.m4{
left: 385px; top: 392px;width:136px; height:24px;
}
#button1{
position:absolute; font-size: 13px; width: 30px; height: 30px; z-index:1;left: 484px; top: 260px;
}
#button2{
position:absolute; font-size: 13px; width: 30px; height: 30px; z-index:1;left: 458px; top: 320px;
}
#button3{
position:absolute; font-size: 13px; width: 30px; height: 30px; z-index:1;left: 425px; top: 358px;
}
#button4{
position:absolute; font-size: 13px; width: 30px; height: 30px; z-index:1;left: 342px; top: 395px;
}
div.b1{
left: 484px; top: 260px;
}
div.b2{
left: 458px; top: 320px;
}
div.b3{
left: 425px; top: 358px;
}
div.b4{
left: 342px; top: 395px;
}
#content{
position:absolute; display: none; left: 100px; top: 70px;width:400px; height:300px; font-family: Trebuchet MS; font-size: 11pt; font-weight: normal; color: #5d5f5c
}
div.c1{
position:absolute;
}
div.c2{
position:absolute;
}
div.c3{
position:absolute;
}
div.c4{
position:absolute;
}
#footer {
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  color: #575755;
  width: 888px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  top:-85px;
}
#footer a {
  color: #000000;
}
#footer a:hover {
  background: transparent;
}
#footer img {
  position: relative;
  top:0px;
}