@charset "utf-8";

* {
margin: 0px;
padding: 0px;
}

body {
font-family: Arial, Helvetica, Verdana ;
background-color:#CCCCCC;
color: #FF0000;
text-align: center;
}

h1 {
font-size:32px;
font-weight: bolder;
font-style: normal;
line-height:32px;
color: #000099;
}

h2 {
font-size:22px;
font-weight: bolder;
font-style: normal;
line-height: 22px;
color: #8fce8f;
}

h3 {
font-size:16px;
font-weight: normal;
font-style:italic;
line-height: 20px;
color: #000099;
}

h4 {
font-size:14px;
font-weight: bolder;
font-style: normal;
line-height: 16px;
color: #8fce8f;
}

.headline {
font-size:22px;
font-weight: bold;
font-style: italic;
line-height: 22px;
color: #000099;
}

div#container {
width:800px;
background-color:#0000FF;
text-align: center;
margin:10px auto 10px auto;
}

div#header {
width:800px;
height:320px;
float:left;
background-color:#0000FF;
background-image: url("images/headerback.jpg");
}

div#headerbase {
width:800px;
padding-top:10px;
height:30px;
float:left;
background-image: none;
background-color:#004000;
}

div#topnavbar {
width:800px;
height:18px;
float:left;
text-align: center;
text-indent:180px;
padding-top:4px;
font-size:12px;
font-weight: bold;
font-style: normal;
line-height: 14px;
color: #000140;
background-color:#9999DD;
background-image: url("images/navbar.jpg");
}

#topnavbar a:link {
	color: #000066;
	text-decoration: underline;
	margin-right:30px;
}

#topnavbar a:visited {
	color: #0000AA;
	margin-right:30px;
}

#topnavbar a:hover {
	color: #FFFF00;
	text-decoration: overline;
	margin-right: 30px;
}

#topnavbar a:active {
	color: #FFFF33;
	margin-right:30px;
}

div#middle {
width:800px;
background-color:#004000;
float:left;
color: #8FCE8F;
background-image: url("images/middleback.gif");
}

#middle a:link {
	color: #8FCE8F;
	text-decoration: underline;
}

#middle a:visited {
	color: #8BCE8B;
}

#middle a:hover {
	color: #8FCE8F;
	text-decoration: overline;
}

#middle a:active {
	color: #FFFF00;
}

div#middleleft {
width:150px;
background-color:#004000;
float:left;
}

div#middleright {
width:630px;
background-color:#FFFFFF;
float:left;
padding:10px;
}

div#offer {
width:610px;
height:60px;
background-color:#FFFF00;
/* background-image: url("images/offer.gif"); */
float:left;
padding:5px;
text-align: center;
font-size:14px;
font-weight: bolder;
font-style: normal;
line-height:16px;
color: #FF0000;
border-width: 2px;
border-color: #FF0000;
border-style: solid;
}

div#date {
width:400px;
background-color:#FFFFFF;
color: #004000;
float:left;
}

div#price {
width:60px;
height:500px;
background-color:#FFFFFF;
color: #004000;
float:left;
}

div#counter {
background-image: url("images/base.jpg");
color: #004000;
width:800px;
height:50px;
float:left;
}

div#footer {
width:740px;
padding-right:60px;
height:110px;
background-color:#FFFFFF;
background-image: url("images/footerback.jpg");
float:left;
}