body {background: #ffffff url(images/header-bkg.gif) repeat-x;font-family: Arial, Helvetica, "MS Sans Serif";color: #000000;margin: 0;padding: 0;}

/* GENERAL SELECTORS */

a:link, a:visited {color: #000000;}
a:hover, a:active {color: #905d2f;}

a.text, a.text:hover, a.text:active, a.text:visited {color: #000000;text-decoration: none;cursor: text;}

a.descriplink, a.descriplink:visited {color: #21487a;}
a.descriplink:hover, a.descriplink:active {color: #426da4;}

h1, h2, span, .contact, .label, .numbers, .deutsch, dd, address, .tab-left-text, .sidebar-header {font-family: "Century Gothic", Arial, Helvetica, "MS Sans Serif";}
h1, h2 {font-size: 16px;font-weight: normal;}

span, dd, address, .tab-left-text {font-size: 10px;font-weight: bold;text-transform: uppercase;}

/* HEADER */

#heading {position: absolute;top: 410px;width: 100%;margin: 0;padding: 0;}

h1 {color: #426da4;margin: 0 0 0 38px;padding: 0;}
h2 {background: url(images/campsbayinfo-logo2.gif) no-repeat;color: #ffffff;padding-left: 38px;height: 64px;margin: 0 0 0 46px;text-indent: -9999px;}

#icons {position: absolute;width: 100%;top: 32px;z-index: 3;margin: 0;padding: 0;}

/* MENU */

#nav {width: 774px;height: 28px;background: url(images/menu.gif) no-repeat;margin: 0;padding: 0;overflow: hidden;position: relative;}
#nav ul {list-style: none;margin: 0;padding: 0;}
#nav li {float: left;display: inline;}
#nav li a {margin: 0;padding: 0;display: block;height: 28px;background: url(images/menu.gif) no-repeat;text-indent: -9999px;overflow: hidden;position: absolute;}

li#nav_menu a {left: 18px;width: 73px;background-position: -18px 0;}
li#nav_menu a:hover {background-position: -18px -28px;}

li#nav_accommodation a {left: 91px;width: 89px;background-position: -91px 0;}
li#nav_accommodation a:hover {background-position: -91px -28px;}
#body_accommodation li#nav_accommodation a {background-position: -91px -56px;}

li#nav_restaurants a {left: 180px;width: 82px;background-position: -180px 0;}
li#nav_restaurants a:hover {background-position: -180px -28px;}

li#nav_activities a {left: 262px;width: 74px;background-position: -262px 0;}
li#nav_activities a:hover {background-position: -262px -28px;}

li#nav_services a {left: 336px;width: 56px;background-position: -336px 0;}
li#nav_services a:hover {background-position: -336px -28px;}

li#nav_location a {left: 392px;width: 99px;background-position: -392px 0;}
li#nav_location a:hover {background-position: -392px -28px;}

li#nav_history a {left: 491px;width: 54px;background-position: -491px 0;}
li#nav_history a:hover {background-position: -491px -28px;}

li#nav_gallery a {left: 545px;width: 92px;background-position: -545px 0;}
li#nav_gallery a:hover {background-position: -545px -28px;}

li#nav_info a {left: 637px;width: 119px;background-position: -637px 0;}
li#nav_info a:hover {background-position: -637px -28px;}

/* CONTENT */

#content {z-index: 1;}

.shadow-left {background: url(images/shadow-top-left.gif) no-repeat left top;width: 18px;height: 362px;}
.shadow-right {background: url(images/shadow-top-right.gif) no-repeat left top;width: 18px;height: 400px;}

.here {background-color: #f2eee3;padding: 7px 0 6px 20px;font-size: 11px;}

.description, .description2 {font-size: 12px;text-align: justify;padding: 20px;}
.description {padding-top: 50px;}

dl {margin: 0;padding: 0;}
dd {width: 178px;color: #799131;float: right;border-left: 2px solid #799131;text-align: right;line-height: 18px;padding: 0 0 0 20px;margin: 15px 0 18px 20px;}

address {font-style: normal;letter-spacing: 1px;margin: 0;padding: 0;}

/* PHOTO GALLERY */

.tab-left-text {background-color: #f2eee3;letter-spacing: 2px;padding: 11px 20px 11px 20px;text-align: center;}
.tab-left {background-color: #f2eee3;padding: 16px 0 0 0;}

.landscape {background: url(images/landscape-bkg.gif) no-repeat;width: 128px;height: 108px;}
.portrait {background: url(images/portrait-bkg.gif) no-repeat;width: 88px;height: 108px;}

/* SIDEBAR */

.sidebar {background: #e6dbbd url(images/sidebar-bkg.gif) no-repeat;}
.sidebar-header {font-size: 15px;font-weight: normal;color: #ffffff;padding: 0 15px 10px 15px;}
.sidebar-divider {background: url(images/sidebar-divider.gif) no-repeat left bottom;height: 2px;}
.sidebar-text {padding: 15px;font-size: 11px;}

.contact, .label, .numbers, .deutsch {font-size: 10px;letter-spacing: 1px;color: #ffffff;}

.contact {padding: 0 0 5px 15px;}
.contact a:link, .contact a:visited {color: #ffffff;}
.contact a:hover, .contact a:active {color: #d9e2ec;}

.label {font-weight: bold;font-variant: small-caps;padding: 0 3px 0 15px;}

.stars {background: url(images/tgcsa-logo.gif) no-repeat;padding: 104px 0 15px 0;}

.deutsch {background: url(images/deutsch.gif) no-repeat;height: 40px;font-weight: bold;font-variant: small-caps;padding: 3px 0 0 15px;}
.deutsch span {font-size: 15px;font-weight: normal;font-variant: normal;text-transform: none;letter-spacing: 0px;}

#guestcomment-blue, #guestcomment-green, #guestcomment-yellow {margin: 5px 5px 0 5px;font-size: 11px;}

#guestcomment-blue {background: #ffffff url(images/guestarrow-blue.gif) no-repeat bottom center;}
#guestcomment-green {background: #ffffff url(images/guestarrow-green.gif) no-repeat bottom center;}
#guestcomment-yellow {background: #ffffff url(images/guestarrow-yellow.gif) no-repeat bottom center;}
#guestcomment-blue p, #guestcomment-green p, #guestcomment-yellow p {margin: 0;padding: 10px;}

.guest-blue, .guest-green, .guest-yellow {padding: 12px 0 10px 0;font-size: 11px;text-align: center;}

.guest-blue {background-color: #b3c5db;border-top: 2px solid #426da4;}
.guest-green {background-color: #c9d3ad;border-top: 2px solid #799131;}
.guest-yellow {background-color: #eeddbc;border-top: 2px solid #d5ab57;}

/* FOOTER */

#footer {background: url(images/footer-bkg.png) repeat-x;position: relative;width: 100%;height: 137px;margin: -16px 0 0 0;padding: 0;z-index: 2;}

.menu {height: 43px;width: 774px;float: left;}
.menu li {list-style-type: none;float: left;height: 43px;padding-top: 12px;font-size: 11px;}
.menu a:link, .menu a:visited {position: relative;margin: 0;padding: 2px 13px 0 0;color: #ffffff;text-decoration: none;display: block;}
.menu a:hover, .menu a:active {color: #ffffff;text-decoration: underline;}

.copyright {background: url(images/beauty-beach-bottom.gif) no-repeat right top;font-size: 10px;text-align: right;height: 93px;padding: 0 222px 12px 0;}
.copyright a {color: inherit;text-decoration: inherit;}