*
{
margin:0px;
padding:0px;
}
html, body
{
height: 100%;
}
body
{
background-color:#ece0d0;
background-image:url(../images/background_tile.jpg);
background-position:center top;
background-repeat:repeat-x;
font-family:Arial,Verdana,sans-serif;
font-size:12px;
text-align:center;
}
img
{
border:0px;
}
hr
{
clear:both;
height:0px;
border-bottom:1px solid #ddcdb8;
border-top:0px;
margin:30px 0px 20px 0px;
}
a:link, a:active
{
color:#000;
font-weight:normal;
outline:none;
text-decoration:underline;
}
a:visited
{
color:#000;
font-weight:normal;
text-decoration:underline;
outline:none;
}
a:hover
{
color:#000;
font-weight:normal;
text-decoration:none;
}
h1, h2, h3, h4, h5, h6
{
margin:0px;
padding:0px;
}
h1
{
font-family:"Calisto MT", "Times New Roman", Georgia;
color:#2d4f13;
font-size:28px;
font-weight:normal;
letter-spacing:1px;
margin:0px 0px 15px 0px;
}
h2
{
color:#363636;
font-size:22px;
font-weight:normal;
margin:25px 0px 25px 0px;
}
h3, h4, h5, h6
{
color:#000;
font-size:12px;
margin:0px 0px 10px 0px;
}
p
{
margin:10px 0px 15px 0px;
}
form
{
margin:0px;
padding:0px;
}
input, select, textarea
{
background-color:#fff;
border: 1px solid #a3bee3;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
padding:2px;
}
table
{
border:0px;
padding:0px;
}
/* Layout Creators */
div.wrapper
{
background-image:url(../images/header.jpg);
background-position:center top;
background-repeat:no-repeat;
height:auto !important;
height:100%;
margin:0px auto -29em auto;
min-height:100%;
min-width:960px;
position:relative;
text-align:center;
width:100%;
}
div.wrapper-content
{
margin:auto auto;
position:relative;
width:960px;
}
div.navigation
{
height:93px;
position:relative;
width:960px;
}
div.navigation ul
{
font-size:14px;
list-style:none;
position:absolute;
top:46px;
z-index:10;
}
div.navigation ul.set-1
{
left:16px;
}
div.navigation ul.set-2
{
right:15px;
}
div.navigation ul li
{
float:left;
margin:0;
}
div.navigation ul.set-1 li a
{
color:#fff;
padding:0 36px 0 0;
text-decoration:none;
}
div.navigation ul.set-2 li a
{
color:#fff;
padding:0 0 0 50px;
text-decoration:none;
}
div.navigation ul.set-1 li a:hover, div.navigation ul.set-2 li a:hover
{
color:#e9dccc;
text-decoration:none;
}
div.header
{
height:325px;
position:relative;
width:960px;
}
div.branding
{
height:112px;
left:10px;
position:absolute;
top:10px;
width:260px;
}
div.branding a
{
display:block;
height:112px;
}
div.content
{
float:left;
padding:20px 0 20px 0;
position:relative;
text-align:left;
width:600px;
}
div.content-full
{
float:left;
padding:20px 0 20px 0;
position:relative;
text-align:left;
width:960px;
}
div#wildgallery
{
text-align:center;
}
div#wildgallery img
{
border:1px solid #ddcdb8;
padding:5px;
margin:0px 10px 10px 0;
}
div.sidebar, div.sidebar-contact
{
float: right;
padding:20px 0 20px 0;
position:relative;
width:310px;
}
div.sidebar-contact
{
text-align:left;
}
div.sidebar blockquote, div.content blockquote
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
margin:auto auto;
text-align:left;
width:261px;
}
div.content blockquote
{
display:inline;
float:right;
margin:0 0 20px 20px;
}
div.content ul, div.content ol
{
padding: 10px 20px 20px 50px;
}
div.content ul li, div.content ol li
{
margin: 0px 0px 5px 0px;
}
ul.attractions
{
list-style:none;
margin:0px!important;
padding:0px!important;
}
ul.attractions li
{
float:left;
font-size:11px;
padding:0 30px 30px 0;
width:45%;
}
.footer-wrapper, .push
{
height: 29em;
}
div.footer-wrapper
{
background-image:url(../images/footer.jpg);
background-repeat:repeat-x;
background-color:#927250;
border:0px;
clear:both;
min-width:960px;
position:relative;
text-align:left;
width:100%;
}
div.footer
{
color:#000;
font-size:12px;
height:28em;
margin:auto auto;
padding:20px 0 0 0;
position:relative;
width:960px;
}
div.about-area
{
float:left;
position:relative;
width:480px;
}
div.contact-area
{
float:right;
position:relative;
width:400px;
}
div.footer ul
{
left:0px;
position:absolute;
width:960px;
text-align:left;
bottom:80px;
}
div.footer ul li
{
float:left;
list-style:none;
padding:0px 50px 0px 0px;
}
div.footer ul li a
{
color:#fff;
font-size:11px;
text-decoration:none;
}
div.credit
{
background-image:url(../images/webacom.gif);
background-repeat:no-repeat;
height:50px;
position:absolute;
right:0px;
bottom:7px;
width:155px;
}
div.copyright
{
color:#000;
height:33px;
left:0px;
position:absolute;
text-align:left;
bottom:10px;
}
div.credit a:link, div.credit a:active, div.credit a:visited, div.credit a:hover
{
display:block;
height:60px;
}
/* Sitemap */
ul.sitemap
{
list-style: none;
margin-top: 0px;
}
ul.sitemap li
{
border-bottom:1px solid #ddcdb8;
width: 300px;
}
ul.sitemap li a
{
display: block;
padding: 10px 10px 10px 10px;
text-decoration: none;
}
ul.sitemap li a:hover
{
text-decoration: none;
}
/* Image styling */
.img-border
{
border:2px solid #94bce1;
margin: 0px 0px 10px 0px
}
.img-left
{
float: left;
margin: 0px 10px 10px 0px
}
.img-right
{
float: right;
margin: 0px 0px 10px 10px
}
.img-left-border
{
border:4px solid #d3c400;
float:left;
margin:0px 10px 10px 0px
}
.img-right-border
{
border:2px solid #94bce1;
float: right;
margin: 0px 0px 10px 10px
}
img.portrait
{
border:1px solid #ddcdb8;
margin:0 25px 0 0;
padding:5px;
}
img.sideimages
{
border:1px solid #ddcdb8;
padding:5px;
}
a.read-more
{
font-weight:bold;
text-decoration:none;
}
/* Custom */
div.text-insert
{
background-color:#ddcdb8;
float:right;
margin:0 0 20px 20px;
padding:20px;
width:300px;
}
.size16
{
font-size:16px;
font-weight:normal;
}
p.intro
{
color:#2d4f13;
font-size:18px;
margin:0 0 20px 0;
}
p.brown-paragraph
{
background-color:#ddcdb8;
padding:10px 10px 10px 10px;
}
.quote
{
color:#666;
font-size:20px;
font-weight:normal;
}
img.gallery
{
margin: 30px 0 30px 0;
}
img.btn-inquiry
{
float: right;
margin: 10px 0px 20px 0px
}
.clear
{
clear: both
}
/* Form Styling */
div.contact-details
{
float:left;
position:relative;
width:300px;
}
div.make-booking
{
float:right;
position:relative;
width:300px;
}
div.contact-details h2, div.make-booking h2
{
margin:0px 0 25px 0;
}
div.sidebar-contact h2
{
margin:45px 0 25px 0;
}
table.booking
{
border:0px;
padding:0;
width:350px
}
table.booking td
{
padding:3px!important;
}
table.booking td em
{
color:#900;
font-weight:bold;
}
/* Contact Details */
.small
{
color: #666666;
font-size: 12px;
line-height:normal;
}
.foot_small{
color:#ece0d0;
font-size:11px;
}