/* GECKO LOUNGE LAYOUT AND STYLE
-----------------------------------------------------------------------------------------
Site design and layout, copyright 2008 Design by Reese
Content copyright Gecko Lounge

Author: Design by Reese
Modified: Feb 15, 2008

www.designbyreese.com

*/

/* - - - GLOBAL   - - - */
body {
background-color: #fff;
color: #fff;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

a {
text-decoration: none;
color: #ff5f00;
}

a:link {
text-decoration: none;
color: #ffffff;
}

a:visited {
color: #E7E7E7;
text-decoration: underline;
}

a:hover {
text-decoration: underline;
color: #ff5f00;
}


strong {
font-weight: normal;
}

/* - - - LAYOUT/STRUCTURE - - - */
#top {
margin: 0 auto;
padding: 0;
width: 820px;
height: 27px;
background: url(/images/design/container.gif) repeat-y top left;
position: relative;
}

#top  p {
margin: 0;
padding: 0;
text-indent: -9999px;
font-size: 1px;
}

img#contact-email  {
width: 271px;
height: 17px;
position: absolute;
left:30px;
top: 10px;
}

img#contact-phone {
position: absolute;
right: 30px;
top: 10px;
width: 205px;
height: 17px;
}

#container-photo {
margin: 0 auto;
padding: 0;
width: 820px;
background-repeat: no-repeat;
background-image: url(/images/design/container-photo.jpg);
}

#container {
margin: 0 auto;
padding: 0;
width: 820px;
background: url(/images/design/container.gif) repeat-y top left;
}

#header {
width: 820px;
margin: 0;
float: left;
text-align: center;
position: relative;
}

#header img#logo {
padding: 0 0 0 0;
margin: 0;
}

#header h1 {
text-indent: -9999px;
font-size: 1px;
color: #fff;
display: block;
}

#header h2 {
text-indent: -9999px;
font-size: 1px;
color: #fff;
display: block;
}

#header h3 {
text-indent: -9999px;
font-size: 1px;
color: #fff;
display: block;
}

#photos-left {
float: left;
width: 130px;
padding: 25px 0 0 30px;
}

#photos-left img {
border: 1px solid #0b153b;
margin-bottom: 12px;
}

#primary-content {
float: left;
width: 477px;
padding: 25px 0 0 12px;
margin: 0;
}

#photos-right {
float: left;
width: 130px;
padding: 25px 0 0 12px;
}

#photos-right img {
border: 1px solid #0b153b;
margin-bottom: 12px;
}

#main-navigation {
clear: left;
float: left;
margin: 30px auto 50px 0;
padding: 0 0 0 190px;
text-align: center;
position: relative;
}

#footer {
clear: left;
float: left;
width: 820px;
text-align: center;
height: 31px;
margin: 0 auto;
padding: 0;
background: url(/images/design/footer.gif) no-repeat top left;
}

/* - - - NAVIGATION  - - - */
ul#menu {
height:140px;
width:446px;
margin:0;
padding:0;
border:0;
background:transparent url(/images/design/geckonav.gif) no-repeat 0 0;
}

ul#menu li {
padding:0;
margin:0;
display:block;
float:left;
text-indent:-9999px;
color: #000;
}

ul#menu li a {
border:0;
display:block;
text-decoration:none;
background:transparent url(/images/design/geckonav.gif) no-repeat;
outline: none;
}

li#accomodation a {
width:192px;
height:20px;
padding: 0;
margin: 0;
}

li#activities a {
width:192px;
height:24px;
padding: 0;
margin: 0;
}

li#gallery a {
width:192px;
height:24px;
padding: 0;
margin: 0;
}

li#chembe a {
width:192px;
height:24px;
padding: 0;
margin: 0;
}

li#travel a {
width:192px;
height:18px;
padding: 0;
margin: 0;
}

li#flickr a {
width:192px;
height:30px;
padding: 0;
margin: 0;
}

li#findus a {
width:254px;
height:20px;
padding: 0;
margin: 0;
}

li#shop a {
width:254px;
height:24px;
padding: 0;
margin: 0;
}

li#merchandise a {
width:254px;
height:24px;
padding: 0;
margin: 0;
}

li#days a {
width:254px;
height:24px;
padding: 0;
margin: 0;
}

li#cooking a {
width:254px;
height:18px;
padding: 0;
margin: 0;
}

li#capemclear a {
width:254px;
height:30px;
padding: 0;
margin: 0;
}

li#accomodation a:hover {
background-position: 0 -140px;
}

li#activities a:link, li#activities a:visited {
background-position: 0px -20px;
}

li#activities a:hover {
background-position: 0px -160px;
}

li#gallery a:link, li#gallery a:visited {
background-position: 0px -44px;
}

li#gallery a:hover {
background-position:0px -184px;
}

li#chembe a:link, li#chembe a:visited {
background-position: 0px -68px;
}

li#chembe a:hover {
background-position:0px -208px;
}

li#travel a:link, li#travel a:visited {
background-position: 0px -92px;
}

li#travel a:hover {
background-position:0px -232px;
}

li#flickr a:link, li#flickr a:visited {
background-position: 0px -110px;
}

li#flickr a:hover {
background-position:0px -250px;
}

li#findus a:link, li#findus a:visited {
background-position: -192px 0px;
}

li#findus a:hover {
background-position:-192px -140px;
}

li#shop a:link, li#shop a:visited {
background-position: -192px -20px;
}

li#shop a:hover {
background-position:-192px -160px;
}

li#merchandise a:link, li#merchandise a:visited {
background-position: -192px -44px;
}

li#merchandise a:hover {
background-position:-192px -184px;
}

li#days a:link, li#days a:visited {
background-position: -192px -68px;
}

li#days a:hover {
background-position:-192px -208px;
}

li#cooking a:link, li#cooking a:visited {
background-position: -192px -92px;
}

li#cooking a:hover {
background-position:-192px -232px;
}

li#capemclear a:link, li#capemclear a:visited {
background-position: -192px -110px;
}

li#capemclear a:hover {
background-position:-192px -250px;
}

/* - - - HEADERS - - - */
h2#header-welcome {
float: left;
width: 479px;
height: 63px;
text-indent: -9999px;
font-size: 1px;
padding: 0;
background: url(/images/design/header-welcome.png) no-repeat top left;
}

h2#header-contact {
float: left;
width: 479px;
height: 63px;
text-indent: -9999px;
font-size: 1px;
background: url(/images/design/header-contact.png) no-repeat top left;
padding: 0;
}

h2#header-announcements {
float: left;
width: 479px;
height: 63px;
text-indent: -9999px;
font-size: 1px;
background: url(/images/design/header-announcements.png) no-repeat top left;
padding: 0;
}

h2 {
color: #872a0f;
font-family: Georgia, Times, "Times New Roman", Serif;
font-size: 15px;
padding: 15px 20px 0 75px;
margin: 0;
}

h3 {
color: #a63212;
font-family: Georgia, Times, "Times New Roman", Serif;
text-transform: uppercase;
font-size: 12px;
margin: 0;
padding: 0 20px 0 73px;
}

/* - - - PRIMARY STYLING  - - - */

.header-blue {
float: left;
width: 479px;
height: 63px;
background: url(/images/design/header-blue.png) no-repeat top left;
}

.header-orange {
float: left;
width: 479px;
height: 63px;
background: url(/images/design/header-orange.png) no-repeat top left;
}
.middle-blue {
float: left;
width: 479px;
background: url(/images/design/middle-blue.png) repeat-y top left;
margin: 0 0 0 0;
color: #000;
font-size: 11px;
line-height: 16px;
}

.middle-blue.alt {
margin: 0 0 0 0;
}

.middle-blue p {
padding: 0 20px 10px 73px;
margin: 0;
}

.middle-orange {
float: left;
width: 479px;
background: url(/images/design/middle-orange.png) repeat-y top left;
margin: 0 0 0 0;
color: #000;
font-size: 11px;
line-height: 16px;
}

.middle-orange p {
padding: 0 20px 10px 73px;
margin: 0;
}

.footer-blue {
background: url(/images/design/footer-blue.png) no-repeat  top left;
float: left;
width: 479px;
height: 10px;
margin: 0 0 15px 0;
padding: 0;
}

.footer-orange {
float: left;
width: 479px;
height: 10px;
background: url(/images/design/footer-orange.png) no-repeat top left;
margin: 0 0 15px 0;
padding: 0;
}

#footer p {
font-size: 10px;
}

#flickr-slideshow {
text-align: center;
margin-bottom: 18px;
}