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, span, .gallery p, label, ol a, span.establishments, table.available, table.festive, .subheading-cream, .sidebar-header, .label {font-family: "Century Gothic", Arial, Helvetica, "MS Sans Serif";}
h1, h2 {font-size: 16px;font-weight: normal;}
p {margin: 0;padding: 11px 0 0 0;}
span, .gallery p, label, ol a, span.establishments, table.available td, table.festive td {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;}

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

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

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, .description3, .description4 {font-size: 12px;padding: 20px;text-align: justify;}
.description {padding-top: 60px;}
.description2 {text-align: center;}
.description3 span {display: block;font-size: 14px;color: #c8b991;padding: 0 0 5px 0;}

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

.landscape-bkg {background: url(images/gallery-landscape-bkg.gif) no-repeat;width: 554px;height: 354px;}

#warning {position: relative;padding: 0 0 10px 0;color: #bd0000;width: 514px;text-align: center;}

.avail-header {font-family: "Century Gothic", Arial, Helvetica, "MS Sans Serif";padding-left: 190px;font-size: 10pt;}
.festive-header {font-family: "Century Gothic", Arial, Helvetica, "MS Sans Serif";padding-left: 180px;font-size: 10pt;}
.print {text-align: right;padding: 0 20px 10px 0;}

table.available {width: 514px;border-collapse: collapse;border: 1px solid #c8b991;}
table.available th {font-size: 9px;background-color: #c8b991;font-weight: bold;height: 27px;}
table.available th span {font-size: 9px;}
table.available col.establishment {width: 139px;}
table.available col {width: 75px;}
table.available tr {height: 20px;}
table.available td {font-size: 9px;padding: 3px;text-align: center;border: 1px solid #c8b991;letter-spacing: 1px;}
table.available td span {font-family: Arial, Helvetica, "MS Sans Serif";letter-spacing: 0;text-transform: none;font-weight: normal;}
table.available a:link, table.available a:visited {text-decoration: underline;color: #000000;}
table.available a:hover, table.available a:active {text-decoration: underline;color: #905d2f;}

table.festive {width: 514px;border: 1px solid #c8b991;}
table.festive th {font-size: 9px;background-color: #c8b991;font-weight: bold;height: 20px;}
table.festive th span {font-size: 10px;}
table.festive col.establishment {width: 139px;}
table.festive col {width: 75px;}
table.festive tr {height: 20px;}
table.festive td {font-size: 9px;padding: 3px;text-align: center;border: 1px solid #c8b991;letter-spacing: 1px;}
table.festive td span {font-family: Arial, Helvetica, "MS Sans Serif";letter-spacing: 0;text-transform: none;font-weight: normal;}
table.festive a:link, table.festive a:visited {text-decoration: underline;color: #000000;}
table.festive a:hover, table.festive a:active {text-decoration: underline;color: #905d2f;}

.cell-primary {background-color: #f2eee3;}
.cell-secondary {background-color: #ffffff;}

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

/* CONTENT TAB */

.tab {background: #f2eee3 url(images/accommodation-map-bkg.gif) no-repeat;width: 554px;height: 804px;text-align: center;padding: 3px 0 0 0;}
.tab-form {margin: 0;padding: 0 20px 0 20px;}

.gallery {background-color: #f2eee3;font-size: 11px;padding: 16px 0 16px 0;}
.gallery p {text-align: center;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;}

/* FORM */

form.enquiry {margin: 0;padding: 0;}
form input {margin: 0;padding: 0;}

fieldset {position: relative;float: left;clear: both;width: 100%;margin: 0 0 -15px 0;padding: 0 0 25px 0;border-top: #c8b991 dotted 1px;border-right: none;border-bottom: none;border-left: none;background-color: #f2eee3;}
fieldset ol {padding: 40px 0 0 40px;list-style: none;}
fieldset li {float: left;clear: left;width: 474px;padding: 0 0 5px 0;margin: 0;}
fieldset.submit {float: none;width: auto;border: none;background: url(images/submit-bkg.gif) repeat-x;height: 29px;margin: 15px 0 0 0;padding: 6px 20px 0 0;text-align: right;}

legend {margin: 0;padding: 0;}
legend span {position: absolute;margin: 10px 0 0 15px;font-weight: normal;font-size: 14px;text-transform: lowercase;letter-spacing: 0px;color: #000000;}

label {float: left;width: 230px;margin: 5px 15px 0 0;padding: 0;text-align: right;font-size: 9px;}

input.text {font-size: 11px;padding: 2px;}

/* END CONTENT */

.subheading-cream {background-color: #f2eee3;font-size: 11px;font-weight: bold;padding: 20px;letter-spacing: 1px;text-align: center;font-variant: small-caps;border-top: #c8b991 dotted 1px;}

/* 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 p {padding: 8px 0 0 0;}
.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.accommodation {padding: 0 0 15px 15px;margin: 0;}

form p {padding: 0;}

.formtext {font-size: 11px;}

.sidebar-text {font-size: 11px;padding: 15px 15px 17px 15px;background: url(images/sidebar-divider.gif) no-repeat left bottom;}

ol {margin: 0;padding: 15px 0 0 32px;}
ol li {font-family: Georgia, "Times New Roman", "MS Serif";font-size: 14px;color: #000000;padding: 0 0 4px 0;}
ol a:link, ol a:visited {font-size: 9px;line-height: 10px;text-decoration: none;}
ol a:hover, ol a:active {color: #000000;text-decoration: none;}

span.establishments {font-size: 9px;line-height: 14px;}
span.establishments a, span.establishments a:visited {text-decoration: none;}
span.establishments a:hover, span.establishments a:active {color: #000000;text-decoration: underline;}

span.legend {background: url(images/map-icon.gif) no-repeat;font-size: 10px;padding: 2px 0 0 23px;height: 16px;}

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

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

/* 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 li a:link, .menu li a:visited {position: relative;margin: 0;padding: 2px 13px 0 0;color: #ffffff;text-decoration: none;display: block;}
.menu li a:hover, .menu li 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;}