﻿@import url('hillsstart-layout.css');

<style type="text/css">
#menucontainer {
	position: relative;
	top:0px;
	left:0px;
	
}
#menuitems {
    vertical-align: top;
	width: 246px;
	height: 330px;
    padding: 0px;
	margin: 0px;
	border: 0px;
	overflow: hidden;
	z-index:50;

}

#menuleft {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 246px;
  position: relative;
}
#menuleft a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#menuleft a:hover {
  background-position: left bottom;
}
#menuleft .home {
  width: 246px;
  height: 40px;
  background: url("../hillsstart-images/menubuttons/home.gif") no-repeat;
  top: 140px;
  left:0px;
}
#menuleft .drivinglessons {
  width: 246px;
  height: 40px;
  background: url("../hillsstart-images/menubuttons/driving-lessons.gif") no-repeat;
  top: 170px;
  left:0px;
}
#menuleft .drivinginstructor {
  width: 246px;
  height: 40px;
  background: url("../hillsstart-images/menubuttons/driving-instructor.gif") no-repeat;
  top: 200px;
  left:0px;
}
#menuleft .contactme {
  width: 246px;
  height: 40px;
  background: url("../hillsstart-images/menubuttons/contact.gif") no-repeat;
  top: 230px;
  left:0px;
}






</style>

