/* CSS Document */

* { margin: 0;
      padding: 0;
      color: #ffffff;
}

* img {
	border: 0px;
c}

body {
	background-color: #00213b; 
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 62.5%; /* = 10px */
	text-align:left;
}

#container {
	width: 955px;
	height: auto;
	margin: 30px auto 0 auto;  /* centreer */
	font-size: 1.3em; /* = 12px */
}

#top {
	float: left;
    width: 955px;
    height: 132px;
	background-image: url(../images/o_top.jpg);
	background-repeat: no-repeat;
}

#topright {
	float: right;
}

#topright img {
	padding-left: 5px;
}

#mleft {
	float: left;
    width:320px;
    height:256px;
	background-image: url(../images/o_mleft.jpg);
	background-repeat: no-repeat;
}

#mleft img {
	margin-left: 17px;
	margin-top: 17px;
}

#mmiddle {
	float: left;
    width:310px;
    height:256px;
	background-image: url(../images/o_mmiddle.jpg);
	background-repeat: no-repeat;
}

#mmiddle img {
	margin-left: 9px;
	margin-top: 17px;
}

#mright {
	float: left;
    width:325px;
    height:256px;
	background-image: url(../images/o_mright.jpg);
	background-repeat: no-repeat;
}

#mright img {
	margin-left: 9px;
	margin-top: 17px;
}


#details {
	float: left;
    width:955px;
    height:160px;
	background-image: url(../images/o_details.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 23px;
}

#footer {
	float: left;
    width:955px;
    height:29px;
	background-image: url(../images/o_footer.jpg);
	background-repeat: no-repeat;
}

#main {
	list-style-type: none;
	left: -1000px; 
	position: absolute;
	width: 200px;
}

#zmo {
	list-style-type: none;
	left: -2000px; 
	position: absolute;
	width: 200px;
}