/* Main elements */
body {margin: 0px; background-color: #000; font-family: 'lucida sans unicode', verdana, arial, sans-serif; font-size: x-small;}
table {width: 100%; height: 100%;}
td {text-align:center; vertical-align: middle; font-family:arial, sans-serif; padding: 0;}
div.container {	position: relative;	margin: 0 auto; padding: 0px;width: 734px; height: 602px; text-align:left; border:2px solid #fff; z-index:1;}

/* Booking form */
.tdform {}
.tableform {}

/* Header backgrounds */
div.header-brown {position: absolute;top: 0px;left: 0px;background-image: url('../images/header/brown.jpg');background-repeat: no-repeat;width: 734px;height: 143px; z-index:1;}
div.header-blue {position: absolute;top: 0px;left: 0px;	background-image: url('../images/header/blue.jpg');	background-repeat: no-repeat;width: 734px;height: 143px; z-index:1;}
div.header-green {position: absolute;top: 0px;left: 0px;background-image: url('../images/header/green.jpg');background-repeat: no-repeat;width: 734px;height: 143px;	z-index:1;}
div.header-orange {position: absolute;top: 0px;left: 0px;background-image: url('../images/header/orange.jpg');	background-repeat: no-repeat;width: 734px;height: 143px;	z-index:1;}
div.header-cuba {position: absolute;top: 0px;left: 0px;background-image: url('../images/header/cuba.jpg');	background-repeat: no-repeat;width: 734px;height: 143px;	z-index:1;}

/* Positional classes for navigation, special offers, content and three big buttons (right) */
div.content {position:absolute;left:17px;top:10px;	z-index:2;	width:400px;height:380px;overflow: auto;}
div.nav {position:absolute; left:190px; top:98px; z-index:2; width:734px; height:20px; font-size:0px;}
div.left {position: absolute;top:143px;left: 0px;width: 580px;	height: 150px;	z-index:1;}
/* Colour-dependant */
div.right-brown {position: absolute;top: 143px;right: 0px;	width: 147px;height: 282px;	z-index:1; text-align: left; background-color: #fff }
div.right-blue {position: absolute;top: 143px;right: 0px;	width: 147px;height: 282px;	z-index:1; text-align: left; background-color: #fff }
div.right-orange {position: absolute;top: 143px;right: 0px; width: 147px;height: 282px;	z-index:1; text-align: left; background-color: #fff }
div.right-green {position: absolute;top: 143px;right: 0px;	width: 147px;height: 282px;	z-index:1; text-align: left; background-color: #fff }
div.right-cuba {position: absolute;top: 143px;right: 0px;	width: 147px;height: 282px;	z-index:1; text-align: left; background-color: #fff }

div.main-brown {
	position: absolute;
	top: 143px;
	left: 157px;
	width: 433px;
	height: 410px;
	z-index:1;
	background-color:#452E25;
	scrollbar-3dlight-color: #583A18;     
	scrollbar-arrow-color: #0B8988;
    scrollbar-base-color: 69321E;
    scrollbar-darkshadow-color:;
    scrollbar-face-color:;
    scrollbar-highlight-color:;
    scrollbar-shadow-color:;
	}
div.main-green {
	position: absolute;
	top: 143px;
	left: 157px;
	width: 433px;
	height: 410px;
	z-index:1;
	background-color:#6C5735;
	scrollbar-3dlight-color: #583A18;     
	scrollbar-arrow-color: #0B8988;
    scrollbar-base-color: 69321E;
    scrollbar-darkshadow-color:;
    scrollbar-face-color:;
    scrollbar-highlight-color:;
    scrollbar-shadow-color:;
	}
div.main-blue {
	position: absolute;
	top: 143px;
	left: 157px;
	width: 433px;
	height: 410px;
	z-index:1;
	background-color:#68321E;
	scrollbar-3dlight-color: #583A18;     
	scrollbar-arrow-color: #0B8988;
    scrollbar-base-color: 69321E;
    scrollbar-darkshadow-color:;
    scrollbar-face-color:;
    scrollbar-highlight-color:;
    scrollbar-shadow-color:;
	}
div.main-orange {
	position: absolute;
	top: 143px;
	left: 157px;
	width: 433px;
	height: 410px;
	z-index:1;
	background-color:#575400;
	scrollbar-3dlight-color: #583A18;     
	scrollbar-arrow-color: #0B8988;
    scrollbar-base-color: 69321E;
    scrollbar-darkshadow-color:;
    scrollbar-face-color:;
    scrollbar-highlight-color:;
    scrollbar-shadow-color:;
	}
div.main-cuba {
	position: absolute;
	top: 143px;
	left: 157px;
	width: 433px;
	height: 410px;
	z-index:1;
	background-color:#68321E;
	scrollbar-3dlight-color: #583A18;     
	scrollbar-arrow-color: #0B8988;
    scrollbar-base-color: 69321E;
    scrollbar-darkshadow-color:;
    scrollbar-face-color:;
    scrollbar-highlight-color:;
    scrollbar-shadow-color:;
	}


div.booking-brown {
	position: absolute;
	top: 143px;
	left: 0px;
	width: 633px;
	height: 410px;
	z-index:1;
	background-color:#452E25;
	scrollbar-3dlight-color: #583A18;     
	scrollbar-arrow-color: #0B8988;
    scrollbar-base-color: 69321E;
    scrollbar-darkshadow-color:;
    scrollbar-face-color:;
    scrollbar-highlight-color:;
    scrollbar-shadow-color:;
	}
div.booking-green {
	position: absolute;
	top: 143px;
	left: 0px;
	width: 633px;
	height: 410px;
	z-index:1;
	background-color:#6C5735;
	scrollbar-3dlight-color: #583A18;     
	scrollbar-arrow-color: #0B8988;
    scrollbar-base-color: 69321E;
    scrollbar-darkshadow-color:;
    scrollbar-face-color:;
    scrollbar-highlight-color:;
    scrollbar-shadow-color:;
	}
div.booking-blue {
	position: absolute;
	top: 143px;
	left: 0px;
	width: 633px;
	height: 410px;
	z-index:1;
	background-color:#68321E;
	scrollbar-3dlight-color: #583A18;     
	scrollbar-arrow-color: #0B8988;
    scrollbar-base-color: 69321E;
    scrollbar-darkshadow-color:;
    scrollbar-face-color:;
    scrollbar-highlight-color:;
    scrollbar-shadow-color:;
	}
div.booking-orange {
	position: absolute;
	top: 143px;
	left: 0px;
	width: 633px;
	height: 410px;
	z-index:1;
	background-color:#575400;
	scrollbar-3dlight-color: #583A18;     
	scrollbar-arrow-color: #0B8988;
    scrollbar-base-color: 69321E;
    scrollbar-darkshadow-color:;
    scrollbar-face-color:;
    scrollbar-highlight-color:;
    scrollbar-shadow-color:;
	}
div.booking-cuba {
	position: absolute;
	top: 143px;
	left: 0px;
	width: 633px;
	height: 410px;
	z-index:1;
	background-color:#68321E;
	scrollbar-3dlight-color: #583A18;     
	scrollbar-arrow-color: #0B8988;
    scrollbar-base-color: 69321E;
    scrollbar-darkshadow-color:;
    scrollbar-face-color:;
    scrollbar-highlight-color:;
    scrollbar-shadow-color:;
	}
	
div.booking_content {position:absolute;left:17px;top:10px;	z-index:2;	width:570px;height:380px;overflow: auto;}





.nav {position: absolute; left: 184px; 	top: 80px; 	z-index:5;}
.sub_nav {position: absolute; left: 90px; top: 25px; width:160px; text-align:right; z-index:6;}

#subnav3{position: absolute; left: 217px; top: 127px; text-align: right; z-index: 6; font-family: arial, helvetica, sans-serif;}

/*Flash header position */
.star1 {position: absolute; top: 0px; left: 0px;}

/* styles */
h1 {font-size:16px;	color:#fff;	font-family: arial, helvetica, sans-serif; font-weight: bold; letter-spacing: -0.05em;}
p { font-size:11px;	color:#fff;	font-weight:normal;	font-family: 'lucida sans unicode', verdana, arial, sans-serif;	line-height: 12px;width: 355px;}
div { font-size:11px;	color:#fff;	font-weight:normal;	font-family: 'lucida sans unicode', verdana, arial, sans-serif;	}
index { font-size:11px;	color:#fff;	font-weight:normal;	font-family: 'lucida sans unicode', verdana, arial, sans-serif;}
li {font-size:11px;	color:#fff;	font-weight:normal;	font-family: 'lucida sans unicode', verdana, arial, sans-serif;}
img {border: none;}
.type {	font-size: 13px; font-weight: bold;	font-family: arial, sans-serif;}
h3 {
	font-size: 13px;
	font-weight: bold;
	font-family: arial, sans-serif;
	width: 55px;
	margin-left: 10px;
	color:#fff;
	}
.veg {color:#336600; font-family:'times new roman';}
.price {text-align:right; font-weight:bold;}

/* All links */
a:link, a:visited {text-decoration: none; color:#fff;}
a:hover, a:active {text-decoration: underline; 	color:#fff;}
	
/* Menu links */
a:link.menu-brown,a:visited.menu-brown,a:active.menu-brown {color: #fff;	display: block; float: left; font-size:11px; font-weight:bold; padding-top: 2px; padding-left: 10px; padding-right:10px; 	width: 45px; height: 17px; letter-spacing: -0.1em; text-align: center; text-decoration: none;}
a:link.menu-green,a:visited.menu-green,a:active.menu-green {color: #fff;	display: block; float: left; font-size:11px; font-weight:bold; padding-top: 2px; padding-left: 10px; padding-right:10px; 	width: 45px; height: 17px; letter-spacing: -0.1em; text-align: center; text-decoration: none;}
a:link.menu-orange,a:visited.menu-orange,a:active.menu-orange {color: #fff;	display: block; float: left; font-size:11px; font-weight:bold; padding-top: 2px; padding-left: 10px; padding-right:10px; 	width: 45px; height: 17px; letter-spacing: -0.1em; text-align: center; text-decoration: none;}
a:link.menu-blue,a:visited.menu-blue,a:active.menu-blue {color: #fff;	display: block; float: left; font-size:11px; font-weight:bold; padding-top: 2px; padding-left: 10px; padding-right:10px; 	width: 45px; height: 17px; letter-spacing: -0.1em; text-align: center; text-decoration: none;}
a:link.menu-cuba,a:visited.menu-cuba,a:active.menu-cuba {color: #fff;	display: block; float: left; font-size:11px; font-weight:bold; padding-top: 2px; padding-left: 10px; padding-right:10px; 	width: 45px; height: 17px; letter-spacing: -0.1em; text-align: center; text-decoration: none;}

/* Menu hovers */
a:hover.menu-brown {background-color: #62A9AF; color: #000;}
a:hover.menu-blue {background-color: #B23629; color: #000;}
a:hover.menu-orange {background-color: #C0BA76; color: #000;}
a:hover.menu-green {background-color: #8C6E50; color: #000;}
a:hover.menu-cuba {background-color: #B23629; color: #000;}

/* Menu active divs */
.menu-brown-active {color:#000;font-size:11px; font-weight:bold; padding-top: 2px; padding-left: 10px; padding-right:10px; background-color: #62A9AF; width: 45px; height: 17px; letter-spacing: -0.1em; text-align: center;}
.menu-green-active {color:#000;font-size:11px; font-weight:bold; padding-top: 2px; padding-left: 10px; padding-right:10px; background-color: #8C6E50; width: 45px; height: 17px; letter-spacing: -0.1em; text-align: center;}
.menu-blue-active {color:#000;font-size:11px; font-weight:bold; padding-top: 2px; padding-left: 10px; padding-right:10px; background-color: #B23629; width: 45px; height: 17px; letter-spacing: -0.1em; text-align: center;}
.menu-orange-active {color:#000;font-size:11px; font-weight:bold; padding-top: 2px; padding-left: 10px; padding-right:10px; background-color: #C0BA76; width: 45px; height: 17px; letter-spacing: -0.1em; text-align: center;}
.menu-cuba-active {color:#000;font-size:11px; font-weight:bold; padding-top: 2px; padding-left: 10px; padding-right:10px; background-color: #B23629; width: 45px; height: 17px; letter-spacing: -0.1em; text-align: center;}

a:link.menu_sel,a:visited.menu_sel {font-size:11px;text-decoration:none;font-weight:bold;color:red;padding-right:10px;padding-left:10px;background-color:#ccc;}
a:link.new-blue,a:visited.new-blue,a:active.new-blue {font-size:11px; font-weight:bold;	color:#000;	text-decoration:none; padding-right:10px; padding-left:10px; color:#fff;}
a:hover.new-blue {color:#000;}
a:link.new-brown,a:visited.new-brown,a:active.new-brown {font-size:11px; font-weight:bold;	color:#000;	text-decoration:none; padding-right:10px; padding-left:10px; color:#fff;}
a:hover.new-brown {color:#000;}
a:link.new-green,a:visited.new-green,a:active.new-green {font-size:11px; font-weight:bold;	color:#000;	text-decoration:none; padding-right:10px; padding-left:10px; color:#fff;}
a:hover.new-green {color:#000;}
a:link.new-orange,a:visited.new-orange,a:active.new-orange {font-size:11px; font-weight:bold;	color:#000;	text-decoration:none; padding-right:10px; padding-left:10px; color:#fff;}
a:hover.new-orange {color:#000;}
a:link.new-cuba,a:visited.new-cuba,a:active.new-cuba {font-size:11px; font-weight:bold;	color:#000;	text-decoration:none; padding-right:10px; padding-left:10px; color:#fff;}
a:hover.new-cuba {color:#000;}
	
/* Footer */
div.footer-brown {background: url(../images/footer/footer-brown.gif); position: absolute; top:552px;left: 0px;	width: 734px;height: 45px;	z-index:1;}
div.footer-blue {background: url(../images/footer/footer-blue.gif); position: absolute; top:552px;left: 0px; width: 734px;height: 45px;	z-index:1;}
div.footer-orange {background: url(../images/footer/footer-orange.gif); position: absolute; top:552px;left:0px; width: 734px;height: 45px;	z-index:1;}
div.footer-green {background: url(../images/footer/footer-green.gif); position: absolute; top:552px;left: 0px; width: 734px; height: 45px;	z-index:1;}
div.footer-cuba {background: url(../images/footer/footer-blue.gif); position: absolute; top:552px;left: 0px; width: 734px;height: 45px;	z-index:1;}
div.footer-content {position: absolute; top: 5px;left: 155px;	z-index:1;}
table.foot { font-size:11px;	color:#fff;	font-weight:normal;	font-family: 'lucida sans unicode', verdana, arial, sans-serif;	line-height: 12px; width: 430px}
div.ErrMsg {font-weight:bold;color:red;background-color:#fff;padding-top:2px;padding-bottom:2px;font-family:tahoma;font-size:11px;border:1px solid black}

/* The also-rans...*/
input {margin-top: 5px;	border: 1px solid;	border-color: black #ffffff #ffffff black;	font-size: 10px;background: #eeeeee;}
/*Form Styles */
textarea, select {
	margin-top: 5px;
	border: 1px solid;
	border-color: black #ffffff #ffffff black;
	font-size: 10px;
	background: #eee;
}
#inputname {
	position: absolute;
	top: 145px;
	left: 10px;
}
#inputname p {
	height: 15px;
	width: 140px;
	margin: 5px 0 7px 0;
}
#inputs {
	position: absolute;
	top: 140px;
	left: 160px;
}
#contname {
	position: absolute;
	top: 218px;
	left: 10px;
}
#inputname p {
	height: 15px;
	width: 130px;
	margin: 5px 0 7px 0;
}
#contin {
	position: absolute;
	top: 220px;
	left: 190px;
}
#inband {
	position: absolute;
	top: 150px;
	left: 180px;
}
#nameband {
	position: absolute;
	top: 146px;
	left: 8px;
}

.venue {
	width: 125px;
	float: left;
}

table#contact td {text-align:left; vertical-align:top;}
table#contact input {margin:0 0 2px 0;}

ul#contact {margin:0px;padding:0px;list-style-type:none;}
ul#contact li {margin:0px;padding:0px;float:left;width:150px;font-size:11px;	color:#fff;	font-weight:normal;	font-family: 'lucida sans unicode', verdana, 
ul#contact td {color:#fff;}
arial, sans-serif;line-height: 12px;margin-bottom:3px;}
ul#contact input {margin-top:0px;width:170px;}
ul#contact select {margin-top:0px;}

/*Menus Page*/
#menu1 {
	width: 75px;
	position: absolute;
	top: 150px;
	left: 20px;
	text-align:center;
}
#menu2 {
	width: 80px;
	position: absolute;
	top: 150px;
	left: 110px;
	text-align:center;
}
#menu3 {
	width: 85px;
	position: absolute;
	top: 150px;
	left: 200px;
	text-align:center;
}
#menu4 {
	width: 75px;
	position: absolute;
	top: 150px;
	left: 290px;
	text-align:center;
}