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

body{
	/** text-align: center;
	margin:0; padding:0; background: url(images/fill11.gif) left top repeat-x #A4A4A4;} **/
	/** text-align: center; **/
	/** background-color: #b0b0b0; **/
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	/** position: relative; **/
	width: 1000px;
	background-color: black;
	} /** this is main colour behind everything**/

#central{
	/** this moves the main body up and down etc **/
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	/** position: relative; **/
	width: 1000px;
	/** text-align: left; **/
	background-color: Black; /** colour behind header**/
}
#header{
	background-image: url(images/vog_logo11.jpg);
	height: 215px; /** this determines bottom of logo **/
	width: 1000px;
	left: 0px;
	top: 0px;
}
#header a{
	/** this is text on header above logo **/
	font-size: 28px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #FFFFFF; 
	text-decoration: none;
	margin-left: 50px;
	font-family: Palatino Linotype, Arial, Helvetica, sans-serif;
	margin-top: 25px;
}

#navlist{
	margin-left: 0px;
	padding-left: 0px;
	white-space: nowrap;
	position: relative;
	height: 20px;
	width: 1000px;
	top: 0px; /** this sets menu tab spacing below top of page (122) **/
}
#navlist li{
	display: inline;
	list-style-type: none;
}
#navlist a {
	text-align: center;
	font-size: 13px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: bold;
	padding: 8px 0px; /** text padding on tabs **/
	background-image: url(images/button_up.gif);
	height: 20px; /** height of virtual button **/
	width: 160px; /** width of the virtual button **/
	display: inline;
	position: absolute;
	color: Silver; /** this is text on tabs **/
	text-decoration: none;
}
#navlist li a.current{
background-image: url(images/button_dn.gif);
color: #E9B636; /** this is text on tabs when active tab **/
}

#navlist li a.link{
font color: Silver;
}

#navlist a:hover{
background-image: url(images/button_ovr.gif);
color: #E9B636; /** this is text on tabs when active tab **/
}
#n1{left: 20px;} /** location of the virtual button **/
#n2{left: 180px;}
#n3{left: 340px;}
#n4{left: 500px;}
#n5{left: 660px;}
#n6{left: 820px;}

#rightside{
	float: right; /** this determines where pics are anchored **/
	width: 368px;
	background-color: black; /** this is main body centre text box colour **/
	margin-right: 0px; /** offset for text block **/
	margin-top: 85px;
	margin-bottom: 30px; /** sets space below text box to footer **/
	overflow: hidden;
	border: none;
	padding-right: 100px;
}

#rightside2{
	float: left; /** anchor for main text block **/
	width: 360px; /** 960 **/
	/** height: 180px; **/
	background-color: black;/** this is main body centre text box colour **/
	margin-left: 50px; /** offset for text block **/
	margin-top: -10px; /** top of text **/
	margin-bottom: 25px; /** determines depth of footer below last text **/
	overflow: hidden;
	display: inline;
	border: medium Black;
	/** padding-right: 50px; /** offset for text block **/
}
#rightside2 p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #989898; /** this is main body text colour **/
	margin-top: 5px;
	margin-left: 15px; /** margin for main body txt but not headings **/
	margin-bottom: 20px; /** this determines size of text box below last line **/
	margin-right: 15px;
	width: 330px;
	line-height: 160%; /** text-align: justify; **/
	text-align: center;
}
#rightside2 h1{
	margin: 15px 0px 0px 0px;
	width: 370px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #E9B636;
	text-align: center;
}
#rightside2 a{
	color: #DEDEDE;
}

#rightside2 a:hover{
	color: #E9B636; /** this is footer text highlight **/
	font-weight: normal;
}
#content{
	margin-top: 245px; /** header = 140 px hence 30px for buttons **/
	position: absolute;
	width: 1000px;
	background-color: black; /** this is everything in main body of page around pics but not text boxes **/
}
#picture1{
	/** position: absolute; 
	margin-top: 310px;
	margin-left: 835px;**/
	border: 4px solid ;
	border-color: #212121;
}
#picture2{
	position: absolute;
	margin-top: 400px;
	margin-left: 767px;
	height: 240px;
	width: 180px;
	border: 2px solid ;
	border-color: #8F9EA1;
}
#footer{
	clear: both;
	background-image: url(images/footer2.jpg); /** background-color: Black; /** this is bottom of active window LH of lower footer.gif **/
	position: relative; /** margin-left: 20px; /** offset for footer txt & img **/
	width: 1000px;
	height: 70px; /** background-image: url(images/beers3.jpg); **/
   margin-left: 3px; 
	/** background-repeat: no-repeat;
	background-position: right bottom;**/
}
#leftside{
	float: left; /** anchor for main text block **/
	width: 960px; /** 960 **/
	background-color: black;/** this is main body centre text box colour **/
	margin-left: 30px; /** offset for text block **/
	margin-top: 0px; /** top of text **/
	margin-bottom: 10px; /** determines depth of footer below last text **/
	overflow: hidden;
	border: medium Black;
}
#leftside p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #989898; /** this is main body text colour **/
	margin-left: 20px; /** margin for main body txt but not headings **/
	margin-bottom: 10px; /** this determines size of text box below last line **/
	width: 900px;
	line-height: 150%; /** text-align: justify; **/
	text-align: justify;
}
#leftside p1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #989898; /** this is main body text colour **/
	margin-left: 20px; /** margin for main body txt but not headings **/
	margin-bottom: 10px; /** this determines size of text box below last line **/
	width: 800px;
	line-height: 150%;
	text-align: center;
}
#leftside h1{
	margin: 0px 0px 5px 20px;
	width: 630px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #E9B636;
}
#leftside h2{
	margin: 20px 0px 10px 5px;
	width: 575px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #E9B636;
}
#leftside h3{
	margin: 20px 0px 10px 5px;
	width: 575px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #993300;
}
#leftside p2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: white; /** this is main body text colour **/
	margin-left: 22px; /** margin for casks **/
	margin-bottom: 10px; /** this determines size of text box below last line **/
	width: 920px;
	line-height: 150%;
	text-align: center; 
}
#leftside2{
	float: left; /** anchor for main text block **/
	width: 360px; /** 960 **/
	/** height: 180px; **/
	/** background-color: #212121;/** this is main body centre text box colour **/
	background-color: black;/** this is main body centre text box colour **/
	margin-left: 112px; /** offset for text block **/
	margin-top: -10px; /** top of text **/
	margin-bottom: 25px; /** determines depth of footer below last text **/
	overflow: hidden;
	border: medium Black;
	display: inline;
}
#leftside2 p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	/** color: #B1B1B1; /** this is main body text colour **/
	color: #989898;
	margin-top: 5px;
	margin-left: 15px; /** margin for main body txt but not headings **/
	margin-bottom: 20px; /** this determines size of text box below last line **/
	margin-right: 15px;
	width: 330px;
	line-height: 160%; /** text-align: justify; **/
	text-align: center;
}
#leftside2 h1{
	margin: 15px 0px 0px 0px;
	width: 370px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #E9B636;
	text-align: center;
}
#leftside span{
	margin-top: 10px;
	margin-bottom: 4px;
	width: 630px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #649721;
}
#leftside a{
	color: silver;
	
	/** font-weight: bolder; **/
}
#leftside a:hover{
	color: #E9B636; /** this is footer text highlight **/
	font-weight: normal;
}
#leftside2 a{
	color: #DEDEDE;
}

#leftside2 a:hover{
	color: #E9B636; /** this is footer text highlight **/
	font-weight: normal;
}
#rightside a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: silver;
	
	font-weight: normal;
}
#rightside a:hover{
	color: #E9B636; /** this is footer text highlight **/
}
#leftside3{
	/** float: left; /** anchor for main text block **/
	width: 380px; /** 960 **/
	background-color: #212121;/** this is main body centre text box colour **/
	margin-left: 90px; /** offset for text block **/
	margin-top: 65px; /** top of text **/
	margin-bottom: 25px; /** determines depth of footer below last text **/
	overflow: hidden;
	border: medium Black;
}
#leftside3 p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #B1B1B1; /** this is main body text colour **/
	margin-top: 5px;
	margin-left: 25px; /** margin for main body txt but not headings **/
	margin-bottom: 10px; /** this determines size of text box below last line **/
	margin-right: 25px;
	width: 325px;
	line-height: 175%; /** text-align: justify; **/
	text-align: center;
}
#leftside3 h1{
	margin: 15px 0px 0px 0px;
	width: 370px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #E9B636;
	text-align: center;
}
#leftside3 a{
	color: #DEDEDE;
}

#leftside3 a:hover{
	color: #E9B636; /** this is footer text highlight **/
	font-weight: normal;
}
#cask{
	float: left; /** anchor for main text block **/
	width: 960px; /** 960 **/
	background-color: black;/** this is main body centre text box colour **/
	margin-left: 35px; /** offset for text block **/
	margin-top: 35px; /** top of text **/
	margin-bottom: 0px; /** determines depth of footer below last text **/
	overflow: hidden;
	border: medium Black;
	display: inline;
}
#cask p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #989898; /** this is main body text colour **/
	margin-left: 20px; /** margin for main body txt but not headings **/
	margin-bottom: 10px; /** this determines size of text box below last line **/
	width: 900px;
	line-height: 150%; /** text-align: justify; **/
	text-align: justify;
	display: inline;
}
#bottle{
	float: left; /** anchor for main text block **/
	width: 960px; /** 960 **/
	background-color: black;/** this is main body centre text box colour **/
	margin-left: 35px; /** offset for text block **/
	margin-top: 35px; /** top of text **/
	margin-bottom: 0px; /** determines depth of footer below last text **/
	overflow: hidden;
	border: medium Black;
	display: inline;
}
#bottle p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #989898; /** this is main body text colour **/
	margin-left: 210px; /** margin for main body txt but not headings **/
	margin-bottom: 10px; /** this determines size of text box below last line **/
	width: 900px;
	line-height: 150%; /** text-align: justify; **/
	text-align: justify;
	display: inline;
}
#cask a{
	color: black;
	/** font-weight: bolder; **/
}
#cask a:hover{
	color: black; /** this is footer text highlight **/
	font-weight: normal;
}
#bottle a{
	color: black;
	/** font-weight: bolder; **/
}
#bottle a:hover{
	color: black; /** this is footer text highlight **/
	font-weight: normal;
}
#footer p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #989898;
	/** float: left; **/
	padding-top: 33px; /** 240 sets posn of footer txt below top of image **/
	padding-bottom: 20px;
	margin-left: 15px;
	text-align: center;
}
#footer p2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #993300;
	float: left;
	padding-top: 75px;
	margin-left: 30px;
}
#footer a{
	color: #DEDEDE; /** this is remaining text on footer **/
}
#footer a:hover{
	color: #E9B636; /** this is footer text highlight **/
}
#imagepreloader{
	visibility: hidden;
	overflow: hidden;
	height: 0px;
	width: 0px;
}
.tool-tip {
	color: #fff;
	width: 120px;
	z-index: 50;
}
 
.tool-title {
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	line-height: 150%;
	margin: 0;
	color: #E9B636;
	/** padding: 4px 8px 0px; **/
	padding: 6px 8px 0px;
	/** background: url(bubble.png) top left; **/
	background: url(images/menus3.png) top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
 
.tool-text {
	font-size: 11px;
	text-align: left;
	background: url(images/menus3.png) bottom right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 8px;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 8px;

/** a:link IMG { border: none } **/