body {
background: #111;
color: #000;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: small;
font-weight: normal;
text-align: left;
line-height: normal;
margin: 0;
padding: 0;
}







/* ---------------------- TYPOGRAPHY ---------------------- */

h1, h2, h3 {
font-size: 140%;
margin: 0;
padding: 0;
line-height: 1.4em;
}

h4 {
font-size: 100%;
margin: 0 0 10px 0;
padding: 0;
line-height: 1.4em;
}

.bg-color h3 {
background: url(../images/general/icon.gif) no-repeat 0 4px;
padding: 0 0 0 25px;
}

.bg-color h4 {
padding: 0 0 0 25px;
}

h1 a, h2 a, h3 a, h4 a {
color: #000;
text-decoration: underline;
}

p {
font-size: 95%;
line-height: 1.6em;
margin: 0 0 10px 0;
padding: 0;
}

a, p a {
color: #000;
text-decoration: none;
}

a:hover, p a:hover {
color: #fff;
}

ul {
font-size: 95%;
line-height: 1.6em;
list-style-type: square;
list-style-position: inside;
margin: 0 0 10px 0;
padding: 0;
}

.nowrap {
white-space: nowrap;
}

.error {
}









/* ---------------------- CONTAINERS ---------------------- */

.containerwrap {
background-color: #99cc00;
background-position-x: 0;
background-position-y: 0;
background-repeat: no-repeat;
width: 780px;
margin: 0 auto;
padding: 0;
}

.container {
width: 700px;
margin: 25px 40px;
padding: 0;
}








/* ---------------------- FLOATING CONTAINERS---------------------- */

.left120_container {
float: left;
width: 120px;
margin: 0;
padding: 0;
}

.right540_container {
float: right;
width: 540px;
margin: 0;
padding: 0;
}

.left330_container {
float: left;
width: 330px;
margin: 0;
padding: 0;
}

.right330_container {
float: right;
width: 330px;
margin: 0;
padding: 0;
}








/* ---------------------- HEADER ---------------------- */

.header {
position: relative;
background: #000;
width: 780px;
height: 130px;
margin: 0;
padding: 0;
}








/* ---------------------- LOGO ---------------------- */

a.logo {
position: absolute;
top: 50px;
right: 40px;
background: url(../images/general/logo.gif) no-repeat 0 0;
display: block;
width: 244px;
height: 51px;
margin: 0;
padding: 0;
}










/* ---------------------- NAV ---------------------- */

.nav {
position: absolute;
top: 92px;
left: 40px;
width: 330px;
margin: 0;
padding: 0;
}

.nav ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
}

.nav li {
display: inline;
margin: 0;
padding: 0;
}

.nav a {
background: url(../images/general/nav.gif) no-repeat;
background-position: 0 0;
display: block;
float: left;
height: 18px;
margin: 0;
padding: 0;
overflow: hidden;
}



.nav li.home a {
width: 44px;
background-position: 0 0;
}

.nav li.home a.selected {
background-position: 0 -36px;
}

.nav li.home a:hover {
background-position: 0 -36px;
}



.nav li.menus a {
width: 64px;
background-position: -44px 0;
}

.nav li.menus a.selected {
background-position: -44px -36px;
}

.nav li.menus a:hover {
background-position: -44px -36px;
}



.nav li.bookings a {
width: 82px;
background-position: -108px 0;
}

.nav li.bookings a.selected {
background-position: -108px -36px;
}

.nav li.bookings a:hover {
background-position: -108px -36px;
}



.nav li.contacts a {
width: 82px;
background-position: -190px 0;
}

.nav li.contacts a.selected {
background-position: -190px -36px;
}

.nav li.contacts a:hover {
background-position: -190px -36px;
}



.nav li.news a {
width: 44px;
background-position: -272px 0;
}

.nav li.news a.selected {
background-position: -272px -36px;
}

.nav li.news a:hover {
background-position: -272px -36px;
}









/* ---------------------- GALLERY ---------------------- */

.gallery {
background-color: #222;
width: 780px;
height: 240px;
margin: 0;
padding: 0;
overflow: hidden;
}







/* ---------------------- BG CONTAINERS ---------------------- */

.bg-color {
background-color: #bbdd57;
margin: 0 0 25px 0;
padding: 15px;
}

.youtube {
background-color: #bbdd57;
margin: 0 0 25px 0;
padding: 0;
}








/* ---------------------- SUBNAV ---------------------- */

ul.subnav {
font-weight: bold;
font-size: 95%;
list-style-type: none;
list-style-position: outside;
margin: 0 0 10px 0;
padding: 0;
}

.subnav a {
color: #fff;
text-decoration: none;
}

.subnav a:hover {
color: #000;
}

.subnav a.selected {
color: #000
}














/* ---------------------- FOOTER ---------------------- */

a.footer {
background: #000 url(../images/general/footer.gif) no-repeat 0 0;
display: block;
width: 780px;
height: 75px;
margin: 0;
padding: 0;
}







/* ---------------------MENU TABLES---------------------- */

table {
display: inline-table;
width: 100%;
margin: 0 0 25px 0;
padding: 0;
border: none;
border-collapse: collapse;
vertical-align: top;
text-align: left;
border: 1px solid #000;
}

th {	
font-size: 95%;
font-weight: bold;
color: #000;
margin: 0;
padding: 5px;
line-height: 1.4em;
vertical-align: top;
text-align: left;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
}

td {
font-size: 95%;
margin: 0;
padding: 5px;
line-height: 1.4em;
vertical-align: top;
text-align: left;
border-right: 1px solid #000;
border-left: 1px solid #000;
}








/* ---------------------- FORM ---------------------- */

fieldset {
margin: 0;
padding: 0;
border: none;
}

form {
margin: 0 0 25px 0;
padding: 0;
}

label {
display: block;
font-size: 95%;
font-weight: bold;
color: #000;
margin: 0;
padding: 0;
line-height: 1.4em;
}

.input, textarea {
display: block;
font-family: Arial, Helvetica, Verdana, sans-serif;
background-color: #fff;
width: 320px;
font-size: 95%;
line-height: 1.4em;
color: #000;
border: none;
margin: 0 0 20px 0;
padding: 5px;
}





/* ---------------------- CLEARFIX ---------------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */








/* ---------------------- GENERAL ---------------------- */

img {
border: 0;
}

a img {
border: 0;
}

img a {
border: 0;
}

.invisible {
display: none;
}

a:active, a:focus {
outline: 0;
}