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;}

a.headline, a.headline:visited {color: #905d2f;}
a.headline:hover, a.headline:active {color: #7e4d22;}

h1, h2, h3, span, .letters, .listing-header, .deutsch, .cont, .address, .telephone, #biline, .view-all, .gallery p, .sidebar-header, .label {font-family: "Century Gothic", Arial, Helvetica, "MS Sans Serif";}
h1, h2, h3 {font-size: 16px;font-weight: normal;}

p {margin: 0;padding: 20px 0 0 0;}
span {text-transform: uppercase;letter-spacing: 1px;font-weight: bold;font-size: 10px;}

/* 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;}
h3 {color: #426da4;margin: 0;padding: 0;}

#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;}
#body_menu li#nav_menu a {background-position: -18px -56px;}

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;}
#body_restaurants li#nav_restaurants a {background-position: -180px -56px;}

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

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

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

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

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;}
#body_info li#nav_info a {background-position: -637px -56px;}

/* 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, .description3, .description4, .description5 {font-size: 12px;text-align: justify;padding: 20px;}
.description {padding-top: 50px;}
.description3 {background-color: #f2eee3;border-top: #c8b991 dotted 1px;}
.description3 p {padding: 8px 0 0 0;}
.description3 p.second {padding: 20px 0 0 0;}
.description4 {padding-bottom: 0;}
.description5 {padding: 50px 20px 0 20px;}

ul {list-style: square;margin-bottom: 0;}

.letters {font-size: 12px;font-variant: small-caps;font-weight: bold;text-align: right;color: #c8b991;padding: 60px 20px 20px 20px;}
.letters span {font-family: Georgia, "Times New Roman", "MS Serif";font-variant: normal;text-transform: none;font-weight: normal;font-size: 36px;letter-spacing: 0px;padding: 0 0 0 5px;}

/* LISTINGS */

.listing, .listing-alt {border-top: #c8b991 dotted 1px;height: 140px;padding: 20px 0 20px 0;}
.listing {background: #f2eee3 url(images/listing-bkg-cream.gif) no-repeat;}
.listing-alt {background: #ffffff url(images/listing-bkg-white.gif) no-repeat;}

.listing-description {font-size: 11px;padding: 0 0 12px 0;text-align: justify;}
.listing-description span {font-size: 15px;font-weight: normal;text-transform: none;letter-spacing: 0px;}
.listing-description p {padding: 8px 0 0 0;}

.listing-header {font-size: 15px;padding: 0 0 8px 0;}
.listing-header a:link, .listing-header a:visited {color: #000000;text-decoration: none;}
.listing-header a:hover, .listing-header a:active {text-decoration: underline;}

.deutsch, .cont {font-size: 9px;font-weight: bold;height: 17px;}
.deutsch {background: url(images/german-flag.gif) no-repeat top right;text-transform: uppercase;letter-spacing: 1px;}
.cont {background: url(images/listing-button.gif) no-repeat top right;padding: 0 8px 0 0;}
.cont a:link, .cont a:visited {color: #000000;text-decoration: none;}
.cont a:hover, .cont a:active {color: #426da4;}

.address, .telephone {height: 17px;font-size: 9px;font-weight: bold;margin: 0;}
.address {padding: 0;text-transform: uppercase;letter-spacing: 1px;}
.telephone {background: url(images/listing-telephone.gif) no-repeat top right;width: 111px;padding: 0 8px 0 0;}

/* BILINE */

#biline {font-size: 10px;letter-spacing: 1px;font-weight: bold;color: #c8b991;text-align: right;float: right;}
#biline p {padding: 0;}
#biline a:link, #biline a:visited {text-transform: uppercase;letter-spacing: 1px;color: #c8b991;text-decoration: none;}
#biline a:hover, #biline a:active {text-decoration: underline;}

/* SUBMENU */

.view-all {background-color: #c8b991;width: 100%;padding: 5px 20px 5px 20px;margin: 0;border-top: #c8b991 dotted 1px;border-bottom: #c8b991 dotted 1px;color: #ffffff;}

.select {text-align: left;font-size: 10px;font-weight: bold;color: #ffffff;}
.select span {letter-spacing: 1px;}
.select a:link, .select a:visited {letter-spacing: 0px;color: #ffffff;text-decoration: none;padding: 0 3px 0 3px;}
.select a:hover, .select a:active {text-decoration: underline;}

.more, .all {height: 17px;letter-spacing: 1px;text-align: right;font-size: 10px;font-weight: bold;}
.more {background: url(images/more-bkg.gif) no-repeat top left;width: 57px;}
.all {background: url(images/viewall-bkg.gif) no-repeat top left;width: 77px;}

a.button, a.button:visited {color: #ffffff;text-decoration: none;margin: 0 6px 0 0;}
a.button:hover, a.button:active {background-color: #e6dbbd;color: #000000;text-decoration: none;margin: 0 1px 0 0;padding: 0 5px 1px 5px;}

/* CONTENT TAB */

.tab {background-color: #f2eee3;font-size: 11px;padding: 20px 0 20px 0;}
.tab p {padding: 5px 24px 16px 24px;text-align: justify;}

span.icon {background: url(images/map-icon.gif) no-repeat;margin: 0 0 0 24px;padding: 2px 0 0 23px;}

.map {background: url(images/map-section-bkg.gif) no-repeat;width: 522px;height: 169px;}
.gallery {background-color: #f2eee3;font-size: 11px;padding: 16px 0 16px 0;}
.gallery p {text-align: center;font-size: 10px;font-weight: bold;text-transform: uppercase;letter-spacing: 2px;padding: 12px 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;}

/* END CONTENT */

.subheading, .subheading-cream {font-family: "Century Gothic", Arial, Helvetica, "MS Sans Serif";font-size: 11px;font-weight: bold;padding: 20px;letter-spacing: 1px;text-align: center;font-variant: small-caps;}
.subheading {background-color: #ffffff;}
.subheading-cream {background-color: #f2eee3;}

/* FEATURES */

#features-box {z-index: 7;}
.feature img {border: 2px solid #ffffff;}

.feature-blue, .feature-green, .feature-yellow {font-size: 11px;padding: 10px;}
.feature-blue {background: #b3c5db url(images/feature-accommodation-bkg.gif) no-repeat right bottom;}
.feature-green {background: #c9d3ad url(images/feature-restaurants-bkg.gif) no-repeat right bottom;}
.feature-yellow {background: #eeddbc url(images/featured-activity-bkg.gif) no-repeat right bottom;}

.blue-button, .green-button, .yellow-button {height: 20px;padding-left: 10px;font-size: 11px;color: #ffffff;}
.blue-button {background: url(images/feature-blue-bkg.gif);}
.green-button {background: url(images/feature-green-bkg.gif);}
.yellow-button {background: url(images/feature-yellow-bkg.gif);}

a.features, a.features:visited {color: #ffffff;text-decoration: none;}
a.features:hover, a.features:active {color: #ffffff;text-decoration: underline;}

/* SIDEBAR */

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

.label {font-size: 11px;font-weight: bold;color: #ffffff;padding: 0 0 5px 15px;}
.label a:link, .label a:visited {color: #ffffff;}
.label a:hover, .label a:active {color: #d9e2ec;} 

form {padding: 0 0 15px 15px;margin: 0;}
form p {padding: 0;}

.formtext {font-size: 11px;}

.top10 {background: #e6dbbd url(images/top10.gif) no-repeat left top;padding: 64px 15px 15px 15px;font-size: 11px;}
.top10 a {background: url(images/bullet.gif) no-repeat 0 2px;padding: 0 0 5px 14px;}

.currency {padding: 12px 0 0 1px;margin: 0;background: url("images/currency-bkg.gif") no-repeat;height: 266px;}
.currency a {font-weight: normal;text-transform: lowercase;}

.weather {
background: url(images/weather-spring-bkg.gif) no-repeat; */
/* background: url(images/weather-summer-bkg.gif) no-repeat; */
/* background: url(images/weather-autumn-bkg.gif) no-repeat; */
/* background: url(images/weather-winter-bkg.gif) no-repeat;
/* now go into the includes/images folder export tab-weather-season.gif (save as tab-weather.gif) then import this new tab-weather.gif */
width: 184px;height: 400px;margin: 0;padding: 0 0 66px 48px;}

.stars {background: url(images/tgcsa-logo.gif) no-repeat bottom left;font-size: 11px;padding: 15px 15px 115px 15px;}
.stars-divider {background: url(images/sidebar-divider.gif) no-repeat left bottom;height: 22px;}

/* 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;}
.menu a:link, .menu a:visited {position: relative;margin: 0;padding: 2px 13px 0 0;font-size: 11px;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;}

/* SOCIAL */
#social {position: relative;width: 100%;text-align: center;margin-top: -48px;}
#social-container {width: 756px;margin: 0 auto;height: 45px;text-align: right;padding-right: 18px;}