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, span.header, .subheading, .sidebar-header, .label {font-family: "Century Gothic", Arial, Helvetica, "MS Sans Serif";}
h1, h2 {font-size: 16px;font-weight: normal;}
span, .subheading {text-transform: uppercase;letter-spacing: 1px;font-weight: bold;font-size: 10px;}

p {margin: 0;padding: 6px 0 0 0;font-size: 11px;}

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

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

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

.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 {font-size: 12px;text-align: justify;padding: 50px 20px 20px 20px;border-bottom: #c8b991 dotted 1px;}

span.header {font-size: 15px;color: #ae9d6e;font-weight: normal;font-variant: small-caps;text-transform: none;}
span.address {font-size: 9px;}

.pic-odd {margin: 0;padding: 0;background: url(images/listing-bkg-cream.gif) no-repeat;width: 160px;height: 140px;text-align: center;}
.pic-even {margin: 0;padding: 0;background: url(images/listing-bkg-white.gif) no-repeat;width: 160px;height: 140px;text-align: center;}

.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten {border-bottom: #c8b991 dotted 1px;padding: 0 0 0 20px;}
.one, .three, .five, .seven, .nine {background: #f2eee3;}
.two, .four, .six, .eight, .ten {background: #ffffff;}

.activities {font-size: 11px;text-align: justify;}

.subheading {background-color: #f2eee3;font-size: 11px;padding: 20px;text-align: center;text-transform: none;font-variant: small-caps;}
.subheading a {color: #000000;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-divider {background: url(images/sidebar-divider.gif) no-repeat left bottom;height: 2px;}
.sidebar-text {font-size: 11px;padding: 15px;}

.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 {margin: 0;}

.formtext {font-size: 11px;}

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

/* 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: 774px;margin: 0 auto;height: 45px;text-align: right;}
#social img {margin-right: 23px;}
