/*****************************************************
	   STYLESHEET FOR WWW.HOPETOUNDRIVING.CO.UK
         CREATED BY WWW.PB-ENTERPRISES.CO.UK
		
	      ALL MATERIAL COPYRIGHT 2009-2010
******************************************************/

/*****************************************************
		TAG DEFINITIONS
******************************************************/
body 		{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	background-color:#fff;
	background-image:url(http://www.scda.co.uk/hopetoun/images/background.png);
	background-repeat:repeat-x;
			}
/*****************************************************
		LAYOUT - BODY
******************************************************/		
#body 		{
	width: 1000px;
	margin-left: auto;
	margin-right:auto;
			}

#image 		{
	position: absolute;
	top: 0px;
	height: 340px;
	width: 1000px;
	background-color:#EAEAEA;
			}	
			
#navigation {
	position: absolute;
	top: 340px;
	height: 40px;
	width: 1000px;
	background-color:#6A6A6A;
			}
			
#content 	{
	position: absolute;
	top: 380px;
	width: 998px;
	background-color:#FFF;
	border: #000000;
	border-width: 1px;
	border-style: solid;
	clear:left;
			}
#main_content{
	position: relative;
	width: 795px;
	float: left;
	margin: 5px;
	padding: 10px;
	border:#aaa solid 1px;
			}

#logo	{
	position:absolute;
	left: 830px;
	top: 300px;
	float:right;
	margin: 5px;
	clear: both;
	width:154px;
	height:100px;
	border:#aaa solid 1px;
	}

#pictures	{
	position:absolute;
	padding: 0px;
	top: 420px;
	width: 154px;
	height: 200px;
	left: 830px;
	float:right;
	margin: 5px;
	clear: both;
	border:#aaa solid 1px;
			}
			
#info  {
	position:absolute;
	padding: 2px;
	top: 710px;
	width: 150px;
	height: 100px;
	left: 830px;
	float:right;
	margin: 5px;
	clear: both;
	border:#aaa solid 1px;
			}
			
#sidebar    {
	position:absolute;
	padding: 2px;
	top: 0px;
	width: 150px;
	height: auto;
	left: 830px;
	float:right;
	margin: 5px;
	clear: both;
	border:#aaa solid 1px;
				}

#results    {
	padding: 5px;
				}
			
#footer 	{
	float: left;
	height: 110px;
	width: 998px;
	background-image: url(http://www.scda.co.uk/hopetoun/images/footer.png);
	background-repeat:repeat-x;
			}
/*******************************************************
        CONTENT
*******************************************************/
.footer 	{
	color: #fff;
	font-size:12px;
			}
			
.snippet 	{
	padding: 10px;
	border:#aaa solid 1px;
			}

#bds 	{
	padding: 10px;
	border:#aaa solid 1px;
	background: url(http://www.scda.co.uk/hopetoun/images/bds_bg.png);
	background-repeat:repeat-x;
			}
#map 	{
	width: 220px;
	height: 375px;
	clear: both;
	float: right;
		}

#air 	{
	width: 490px;
	height: auto;
	float: left;
		}

#ferry 	{
	width: 490px;
	height: auto;
	float: left;
	
	}

#nav {
  width: 1000px;
  height: 40px;
  background: url(http://www.scda.co.uk/hopetoun/images/menu.jpg);
  margin: 0;    
  padding: 0;
  list-style: none;
}
#nav li {
  float: left;
}
#nav li a {
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 40px;
  background: url(http://www.scda.co.uk/hopetoun/images/menu.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}
li#nav_hom a {
  left: 0px;
  width: 150px;
  background-position: 0 0;
}
li#nav_sch a {
  left: 150px;
  width: 140px;
  background-position: -150px 0;
}
li#nav_loc a {
  left: 290px;
  width: 140px;
  background-position: -290px 0;
}
li#nav_com a {
  left: 430px;
  width: 140px;
  background-position: -430px 0;
}
li#nav_res a {
  left: 570px;
  width: 140px;
  background-position: -570px 0;
}
li#nav_spo  a {
  left: 710px;
  width: 140px;
  background-position: -710px 0;
}
li#nav_con  a {
  left: 850px;
  width: 140px;
  background-position: -850px 0;
}
li#nav_hom a:hover {
  background-position: 0px -40px;
}
li#nav_sch a:hover {
  background-position: -150px -40px;
}
li#nav_loc a:hover {
  background-position: -290px -40px;
}
li#nav_com a:hover {
  background-position: -430px -40px;
}
li#nav_res a:hover {
  background-position: -570px -40px;
}
li#nav_spo a:hover {
  background-position: -710px -40px;
}
li#nav_con a:hover {
  background-position: -850px -40px;
}
#body_hom li#nav_hom  a {
  background-position: 0px -80px;
}
#body_sch li#nav_sch a {
  background-position: -150px -80px;
}
#body_loc li#nav_loc a {
  background-position: -290px -80px;
}
#body_com li#nav_com a {
  background-position: -430px -80px;
}
#body_res li#nav_res a {
  background-position: -570px -80px;
}
#body_spo li#nav_spo a {
  background-position: -710px -80px;
}
#body_con li#nav_con a {
  background-position: -850px -80px;
}