html,body{margin:0;padding:0}

body{
	background-color:#FFFFFF;
	background-image:url("../images/bg.gif");
	background-position:0% 0%;
	background-repeat:repeat-x;font: 80% arial,sans-serif;text-align:center}
	
	h1, h2, h3, h4, h5, h6 {
  font-family:  Helvetica, Arial, Verdana, Syntax, sans-serif;
  }
	
p{
color:#474747;
margin:10px 20px 10px 5px;
}

img
{  border-style: none;
}


ul{
color:#474747;
margin:0px 30px 0px 15px;
padding: .1em;
line-height: 1.8;
}

#footer p{
color:#FFF;
}


#extra p{
font-size:90%;
margin:2px 0px 0px 0px;
padding: 3px;
padding-left: 10px;
background-color: #f3f3f3;
border-bottom: 1px solid #e7e7e7;
color:#637f93;
}

h4 {
color:#474747;
font-size: 110%;
margin:0px 0px 0px 5px;
}

h3 {
color:#474747;
font-size: 125%;
margin:10px 0px 0px 5px;
}

h2 {
color:#474747;
font-size: 140%;
margin:10px 0px 0px 5px;
}

h5 {
color:#474747;
font-size: 105%;
margin:10px 105px 0px 5px;
padding: 10px 0px 0px 0px;
padding-left: 0px;
border-top: 1px dotted #ccc;

}


h6 {

font-size: 90%;
margin:5px 0px 5px 10px;
padding: 5px;
padding-left: 35px;
border-bottom: 1px solid #fff;
background:url("../images/pdf.gif") no-repeat 0 50%;
}

td {
padding: 5px 0px 5px 0px;
border-bottom: 1px solid#ccc;
}


a:link {color: #008aff; text-decoration: none; }
a:active {color: #0000ff; text-decoration: underline; }
a:visited {color: #008aff; text-decoration: none; }
a:hover {color: #ff8400; text-decoration: none; }

img{margin:0px 0px 0px 0px}

div#topleft{background:#d6d6d6}
div#topleft{float:left;height:160px;width:310px;}


div#container{text-align:left}
div#container{width:760px;margin:0 auto}
  
div#content p{line-height:1.6}
div#content{float:left;width:310px}


div#fullwidth{float:left;width:500px}

div#menu{background:#ccc}

div#extra{background:#fff}
div#extratwo{float:left;width:150px;background:#eee}

div#menu{float:right;width:150px}

div#extra{float:left;width:300px;margin: 26px 0px 0px 0px;}

div#footer{clear:both;width:100%;}
div#footer{background:#393b4a;color:#FFF;}
div#footer p{margin:0;padding:10px 10px}

<!--nav drinks rollovers-->

#container {
		
	width: 450px;
	height: 160px;
	padding: 0;
	margin: 0px 0 0px 0;
	background: #337700;
	}

#toprightnav {
	float: right;	
	position: relative;
	width: 450px;
	height: 160px;
	padding: 0;
	margin: 0px 0 0px 0;
	background: #ccc;
	
 	background-image: url("../images/nav_bkgd.gif");
	background-position:0% 0%;
	background-repeat: repeat-x;
	}

#nav {
	position: absolute;
	top: 30px;
	left: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100px;
	display: inline;
	overflow: hidden;
	width: 450px;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: right;
	padding: 100px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:100px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -100px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -100px;
	}
	
#navlurisia a {
	width: 90px;
	background: url("../images/nav_lurisia.jpg") top left no-repeat;
	}
	
#navquattro a  {
	width: 90px;
	background: url("../images/nav_quattro.jpg") top left no-repeat;
	}
	

#navlatitude a {
	width: 90px;
	background: url("../images/nav_latitude.jpg") top left no-repeat;
	}
	
#navpatrol a  {
	width: 90px;
	background: url("../images/nav_juice.jpg") top left no-repeat;
	}


#navherbert a  {
	width: 90px;
	background: url("../images/nav_herberts.jpg") top left no-repeat;
	}


<!--end nav rollovers-->


div.float {
  float: right;
  }

div.floatL {
  float: left;
  }

.menu {
z-index:1000;
font-size:90%;
float:right;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background:#d4d8bd;
height:26px;
}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:150; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:149px;
color:#000;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#d4d8bd; width:150px; w\idth:149px;}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#949e7c;}

/* background hover colour */
.menu :hover> a{
color:#fff; 
background:#949e7c;
}

#menu a.selected {
color:#fff; 
background:#949e8c;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:-150px; 
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

</style>

<!--[if IE 7]>
<style type="text/css">
.menu li {float:left;}
</style>
<![endif]-->