body {
	background: #000;
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Verdana, Helvetica, Tahoma; 
	background: #FFF;
}

p, li {
	font-size: 0.75em;
	line-height: 1.4em;
	color: #333333;
	text-align: left;
}

h1, h2, h3, h4, h5 {
	font-size: 1.20em;
	text-align: left;
	color: #333333;
	font-family: Arial, Verdana, Helvetica, Tahoma; 
	margin: 0;
}

a {
	color: #9f9d9d;
	text-decoration: none;
}

.booking {
	color: #ffffff;
	font-weight: bold;
}

a:hover {
	color: #9f9d9d;
	text-decoration: underline;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}

hr { 
	color: #8e8e8e;
	background-color: #2572a6;
	border: 0px solid #2572a6;
	height: 1px;
}

.hr {
	width: 100%;
	height: 1px;
	border: 0;
	color: #2572a6;
	background-color: #2572a6;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
} 

#container {
	width: 900px;
	margin: 0 auto;
}

#content {
	position: relative;
}

#contents {
	position: absolute;
	top: 23px; left: 20px;
	width: 550px;
}

#contents li {
	color: white;
}

#contents h1, #contents p {
	color: #FFF;
}

#contents h1 {
	margin: 0 0 30px 0;
	text-transform: uppercase;
}

#contents p {
	padding: 0 0 0 25px;
	font-size: 0.85em;
	line-height: 1.2em;
}

#footer {
	font-size: 0.70em;
	line-height: 1.4em;
	color: #333;
	padding: 10px 0 0 0;
	margin: 20px 0 30px 0;
}

#footer a {
	color: #333;
	text-decoration: none;
}

#footer img {
	padding: 0 5px 10px 5px;
}

#footer a {
	color: #666666;
	text-decoration: none;
}

/* START H1 titles */

h1#aboutus {
	text-indent: -9999px;
	width: 101px; height: 13px;
	background: url(../images/bg-aboutus.png) no-repeat;
}

h1#menus {
	text-indent: -9999px;
	width: 194px; height: 13px;
	background: url(../images/bg-menus1.png) no-repeat;
}

h1#events {
	text-indent: -9999px;
	width: 73px; height: 13px;
	background: url(../images/bg-events.png) no-repeat;
}

h1#function {
	text-indent: -9999px;
	width: 160px; height: 30px;
	background: url(../images/bg-function-room.png) no-repeat;
}

h1#blueroom {
	text-indent: -9999px;
	width: 320px; height: 30px;
	background: url(../images/bg-blueroom.png) no-repeat;
}
h1#privatetasting {
	text-indent: -9999px;
	width: 320px; height: 30px;
	background: url(../images/bg-privatetasting.png) no-repeat;
}

h1#contact {
	text-indent: -9999px;
	width: 127px; height: 13px;
	background: url(../images/bg-contact.png) no-repeat;
}

/* START calendar */

/*#calendar {
	position: absolute;
	left: 43px; top: 90px;
}*/

#calendar {
	position: absolute;
	left: 43px; top: 150px;
}

#calendar ul {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}

#calendar li {
	list-style: none;	
	display: inline;
}

#calendar li a {
	text-decoration: none;
	float: left;	
}	

li.date a {
	color: #acacac;
	padding: 2px;
	margin: 0 1px 0 0;
	width: 160px; height: 36px;
	background: url(../images/bg-dates2.png) no-repeat;
	border-bottom: 1px solid #21313e;
}

li.date a:link, li.date a:visited { 
	background-position: 0px 0px;
}	

li.date a:hover, li.date a:focus { 
	background-position: 0px -40px;
}

li.booked a {
	color: #acacac;
	padding: 2px;
	margin: 0 1px 0 0;
	width: 160px; height: 36px;
	background-image: url(../images/bg-booked.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #21313e;
}

li.booked a:link, li.booked a:visited { 
	background-position: 0px 0px;
}	

li.booked a:hover, li.booked a:focus { 
	background-position: 0px 0px;
}

#bookdate {
	position: absolute;
/*display: none; */
	width: 600px; height: 498px;
	background: url(../images/bg-calendar-popup.png) no-repeat;
	
}

#form {
	position: absolute;
/* top: 70px; left: 140px;	*/
	width: 594px; height: 402px;
	background: url(../images/bg-calendar-form.png) no-repeat;
}

#form form {
	margin: 42px 0 0 33px;
}

#form input {
	margin: 0px 0 9px 140px;
}

#form textarea {
	margin: 20px 0 0 0;
	height: 250px;
}

#form-submit {
	width: 123px; height: 28px;
	background: url(../images/btn-send-enquiry.gif) no-repeat;
	border: 0px;
}

#close {
	position: absolute;
	top: 7px; right: 7px;
}

#close a {
	text-decoration: none;
	float: left;	
	text-indent: -9999px;	
}

#close a { width: 33px; height: 32px; background: url(../images/btn-close.gif) no-repeat; }
#close a:link, #close a:visited { background-position: 0px 0px; }	
#close a:hover, #close a:focus { background-position: 0px -32px;}

/* START navigation */

#navigation {
	height: 61px;
	margin: 0;
	padding: 0 34px;
}


#navigation ul {
	height: 61px;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	display: inline;
	overflow: hidden;
}

#navigation li {
	list-style: none;	
	display: inline;
}

#navigation li a {
	text-decoration: none;
	float: left;	
	text-indent: -9999px;
}	

li#tn1 a { width: 86px; height: 61px; background: url(../images/btn-home1.gif) no-repeat; }
li#tn1 a:link, li#tn1 a:visited { background-position: 0px 0px; }	
li#tn1 a:hover, li#tn1 a:focus { background-position: 0px -61px;}

li#tn1-ov a { width: 86px; height: 61px; background: url(../images/btn-home1.gif) no-repeat; }
li#tn1-ov a:link, li#tn1-ov a:visited { background-position: 0px -61px; }	
li#tn1-ov a:hover, li#tn1-ov a:focus { background-position: 0px -61px;}

li#tn2 a { width: 113px; height: 61px; background: url(../images/btn-about1.gif) no-repeat; }
li#tn2 a:link, li#tn2 a:visited { background-position: 0px 0px; }	
li#tn2 a:hover, li#tn2 a:focus { background-position: 0px -61px;}

li#tn2-ov a { width: 113px; height: 61px; background: url(../images/btn-about1.gif) no-repeat; }
li#tn2-ov a:link, li#tn2-ov a:visited { background-position: 0px -61px; }	
li#tn2-ov a:hover, li#tn2-ov a:focus { background-position: 0px -61px;}

li#tn3 a { width: 93px; height: 61px; background: url(../images/btn-menus1.gif) no-repeat; }
li#tn3 a:link, li#tn3 a:visited { background-position: 0px 0px; }	
li#tn3 a:hover, li#tn3 a:focus { background-position: 0px -61px;}

li#tn3-ov a { width: 93px; height: 61px; background: url(../images/btn-menus1.gif) no-repeat; }
li#tn3-ov a:link, li#tn3-ov a:visited { background-position: 0px -61px; }	
li#tn3-ov a:hover, li#tn3-ov a:focus { background-position: 0px -61px;}

li#tn4 a { width: 204px; height: 61px; background: url(../images/btn-blueroom.gif) no-repeat; }
li#tn4 a:link, li#tn4 a:visited { background-position: 0px 0px; }	
li#tn4 a:hover, li#tn4 a:focus { background-position: 0px -61px;}

li#tn4-ov a { width: 204px; height: 61px; background: url(../images/btn-blueroom.gif) no-repeat; }
li#tn4-ov a:link, li#tn4-ov a:visited { background-position: 0px -61px; }	
li#tn4-ov a:hover, li#tn4-ov a:focus { background-position: 0px -61px;}

li#tn5 a { width: 196px; height: 61px; background: url(../images/btn-privatetasting.gif) no-repeat; }
li#tn5 a:link, li#tn5 a:visited { background-position: 0px 0px; }	
li#tn5 a:hover, li#tn5 a:focus { background-position: 0px -61px;}

li#tn5-ov a { width: 196px; height: 61px; background: url(../images/btn-privatetasting.gif) no-repeat; }
li#tn5-ov a:link, li#tn5-ov a:visited { background-position: 0px -61px; }	
li#tn5-ov a:hover, li#tn5-ov a:focus { background-position: 0px -61px;}

li#tn6 a { width: 129px; height: 61px; background: url(../images/btn-contact1.gif) no-repeat; }
li#tn6 a:link, li#tn6 a:visited { background-position: 0px 0px; }	
li#tn6 a:hover, li#tn6 a:focus { background-position: 0px -61px;}

li#tn6-ov a { width: 129px; height: 61px; background: url(../images/btn-contact1.gif) no-repeat; }
li#tn6-ov a:link, li#tn6-ov a:visited { background-position: 0px -61px; }	
li#tn6-ov a:hover, li#tn6-ov a:focus { background-position: 0px -61px;}


/* my bit */




#calnav {
	width:500px;
	position:absolute;
	left:200px;
	top:20px;
	
	margin: 0;
	padding: 5px;
	background: #000;
          color: #FFF;
          background: url(../images/bg-function-room-nav.png) repeat;
	text-align: center;
	
	
}

/*#calnav {
          width:360px;
          position:absolute;
          right:32px;
          top:20px;      
          margin: 0;
          padding: 5px;
          text-align: right;       
          background: #000;
          color: #FFF;
          background: url(../images/bg-function-room-nav.png) repeat;
}
*/

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


#calnav li {
	display: inline;
}
/*#calnav a:link, #calnav a:visited {
	
	padding: 0 5px 0 5px;
	color: #330505;
	text-decoration: none;
}*/

#calnav a:link, #calnav a:visited {  
          padding: 0 5px 0 5px;
          text-decoration: none;
          color: #FFF;
          font-weight: bold;

}


#calnav a:hover {
          color: #ffffff;
          text-decoration: underline;
}


/*#calnav p {
	font-weight: bold;
}*/

#calnav p {
          padding: 0 5px 0 0;
          margin: 0;
             
          color: #FFFfff;
          text-align: center;
          
}


li.bookedam a {
	color: #acacac;
	padding: 2px;
	margin: 0 1px 0 0;
	width: 160px; height: 36px;
	background-image: url(../images/bg-bookedam.png);
	background-repeat: no-repeat;
	border-bottom: 1px solid #21313e;
}
li.bookedam a:link, li.bookedam a:visited { 
	background-position: 0px 0px;
}	

li.bookedam a:hover, li.bookedam a:focus { 
	background-position: 0px 0px;
	background-image: url(../images/bg-hoverpm.png);
}

li.bookedpm a {
	color: #acacac;
	padding: 2px;
	margin: 0 1px 0 0;
	width: 160px; height: 36px;
	background-image: url(../images/bg-bookedpm.png);
	background-repeat: no-repeat;
	border-bottom: 1px solid #21313e;
}
li.bookedpm a:link, li.bookedpm a:visited { 
	background-position: 0px 0px;
}	

li.bookedpm a:hover, li.bookedpm a:focus { 
	background-position: 0px 0px;
	background-image: url(../images/bg-hoveram.png);
}
	
li.bookedampm a {
	color: #acacac;
	padding: 2px;
	margin: 0 1px 0 0;
	width: 160px; height: 36px;
	background-image: url(../images/bg-bookedampm.png);
	background-repeat: no-repeat;
	border-bottom: 1px solid #21313e;
}
li.bookedampm a:link, li.bookedampm a:visited { 
	background-position: 0px 0px;
}	

li.bookedampm a:hover, li.bookedampm a:focus { 
	background-position: 0px 0px;
}
li.date1 a {
	color: #acacac;
	padding: 2px;
	margin: 0 1px 0 0;
	width: 160px; height: 36px;
	background-image: url(../images/bg-dates1.png);
	border-bottom: 1px solid #21313e;
}


li.date1 a:hover, li.date a:focus { 
	background-image:url(../images/bg-hoverselect.png);
}
.emphasis {
	color: #ffa07a;
	font-size: 105%;
	font-weight: bold;
}
#map {
background-color: #333;

width:600px;
margin-bottom:20px;
height:400px;

}

#blueroom1 {
	width:600px;
	position:absolute;
	left:20px;
	top:30px;
	
	margin: 0;
	padding: 10px;
	color: black;
   text-align: justify;
}
#blueroom2 {
	width:450px;
	position:absolute;
	left:370px;
	top:172px;
	
	margin: 0;
	padding: 10px;
	
          color: black;
          
	text-align: justify;
}
#blueroom3 {
	width:320px;
	position:absolute;
	left:20px;
	top:162px;
	
	margin: 0;
	padding: 10px;
	
          color: black;
          
	text-align: justify;
}
#blueroom4 {
	width:780px;
	position:absolute;
	left:30px;
	top:365px;
	
	margin: 0;
	padding: 10px;
	
          color: black;
          
	text-align: justify;
}
#tasting1 {
	width:600px;
	position:absolute;
	left:20px;
	top:30px;
	
	margin: 0;
	padding: 10px;
	
          color: black;
          
	text-align: justify;
}
#tasting2 {
	width:625px;
	position:absolute;
	left:70px;
	top:172px;
	
	margin: 0;
	padding: 10px;
	
          color: black;
          
	text-align: justify;
}
#tasting3 {
	width:650px;
	position:absolute;
	left:120px;
	top:333px;
	
	margin: 0;
	padding: 10px;
	
          color: black;
          
	text-align: justify;
}
#mask {
	width: 900px;
	height: 498px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/bg-blueroom1.png);
	background-repeat: repeat;
}
	
.bluebold {
	font-size: 110%;
	font-weight: bold;
}
#enquirybutton {
	width: 200px;
	position: absolute;
	left: 600px;
	top: 110px;
	

}
input.btn {
	color: #00008b;
	background-color: #f8a55a;
	border-color: #00008b;
	border-width: 1px;

	padding: 2px 4px 2px 4px;
}
input.btn:hover {
	background-color: #a2998c;
	
}