html{
}

body {
font-size:medium;
font-family: "lucida console", "helvetica", "palatino", sans-serif;
margin:0;
padding:0;
background-image: url(images/red003.jpg);
}

a:link {
background-color: #1F9981;
color: #000000;
text-decoration: none;
}

a:visited {
background-color: #1F9981;
color: #000000;
text-decoration: none;
}

a:hover {
background-color: #e8eb3a;
color: #b60a24;
text-decoration: none;
}

a:active {
background-color: #e8eb3a;
text-decoration: none;
}

h1 {
word-spacing: 10px;
letter-spacing: 4px;
font-size: 200%;
font-weight: normal;
}

#header {
margin: 0 auto;
margin-top: 5%;
position:relative;
background-image: url(images/yello046.jpg);
background-color: #a6b560;
border: 1px solid rgb(144,144,144);	
text-align:center;
}

#header a {
background: transparent;
}

#title {
}

#container {
position:relative;
width:70%;
margin: 0 auto;
}

#c1 {
margin-top: 5%;
width:40%;
float:right;
}

#c2 {
margin-top: 5%;
width:60%;
float:left;
}

#navbar {
position:relative;
border: #000000 solid 1px;
border-bottom: none;
background-color: #94ad5a;
}

#navbar ul {
margin: 0px;
padding: 0px;
list-style:none;
}

#navbar ul li {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#navbar ul li a:link, #navbar ul li a:visited{
display: block;
text-decoration: none;
font-weight: bold;
border-bottom: solid #000000 1px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}

#img-main {
  	display:block; 
  	width:400px; 
  	height:300px; 
  	background: url(images/dan-meg-bike.jpg) no-repeat; 
 	position:relative;
	background-repeat: no-repeat;
	border: 1px solid #000000;	
}

/* set up <a> to hold the background image for the hover state */
#img-main a {
  display:block; 
  width:400px; 
  height:0; 
  padding-top:480px; 
  overflow:hidden; 
  position:absolute; 
  left:0; 
  top:0; 
  background: url(images/dan-meg-bike-hover.jpg) no-repeat 400px 480px; 
  cursor:default;

  }
/* the hack for IE pre IE6 */
* html #img-main a {
  height:300px;
  he\ight:0;
  }

/* the <a> hover style to move the background image to position 0 0 */
#img-main a:hover {
 background-position: 0 0; 
 z-index:10;
}