/*CSS Reset by meyerweb.com*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

/*Element specific resets and clears*/
:focus {
outline:0;
}

a{
text-decoration:none;
color:#945B00;
}

a:hover{
color:#6A3900;
}

strong{
font-weight:bold;
font-size:1.1em;
}

small{
font-size:0.8em;
}

table{
width:100%;
border:1px solid #c2aa76;
}

td{
padding:3px;
background:#F8EFDC;
}

.clr{
clear:both;
}

/*End resets*/

/*Element specific styles*/
body {
text-align: center;
background: #fff url(../img/bg.gif);
background-position: top center;
font-family: TrebuchetMS, Verdana, Tahoma, Arial ;
font-size: 12px;
color:#c2aa76;
}

h1{
font-size:1.5em;
font-weight:bold;
background:url(../img/h1bg.gif) top left repeat-x;
margin:10px 5px;
padding:0 5px;
}

ul, ol{
list-style-type:none;
}

input, textarea{
margin:5px 0;
}

/*Container styles*/
#wrapper{
width:100%;
background:url(../img/headbg.gif) top center repeat-x;
}

#header{
width:900px;
height:230px;
margin:0 auto;
background:url(../img/logo.gif) top center no-repeat;
}

#content{
width:870px;
margin:0 auto;
padding:0 15px;
background:url(../img/contbg.gif) top center repeat-y;
}

#footer{
width:900px;
height:40px;
margin:0 auto 30px auto;
background:url(../img/footbg.gif) top center no-repeat;
}

/*Header styles*/
#header ul#main-nav{
float:right;
margin:155px 13px 0 0;
}

#header ul#main-nav li{
height:45px;
float:left;
}

#header ul#main-nav li a{
display:block;
height:45px;
background-position:top right;
background-repeat:no-repeat;
}

#header ul#main-nav a:hover{
background-position:top center;
}

#home{
width:87px;
background-image:url(../img/tab01.gif);
}

#home-page #header #home{
background-position:top left;
}

#accom{
width:133px;
background-image:url(../img/tab02.gif);
}

#accom-page #header #accom{
background-position:top left;
}

#trips{
width:110px;
background-image:url(../img/tab03.gif);
}

#trips-page #header #trips{
background-position:top left;
}

#around{
width:109px;
background-image:url(../img/tab04.gif);
}

#around-page #header #around{
background-position:top left;
}

#contact{
width:101px;
background-image:url(../img/tab05.gif);
}

#contact-page #header #contact{
background-position:top left;
}

.hiding{
display:none;
}

ul#sub-nav{
float:right;
clear:right;
width:560px;
padding-top:5px;
}
ul#sub-nav li{
float:left;
padding:0;
font-weight:bold;
}
ul#sub-nav li:first-child{
}
ul#sub-nav li a, ul#sub-nav li a:active, ul#sub-nav li a:visited, ul#sub-nav li a:link{
background:#f8efdc;
border-top:1px solid #c0b59d;
border-right:1px solid #c0b59d;
border-left:1px solid #c0b59d;
color:#a8874a;
display:block;
margin-right:3px;
padding:4px 10px 6px;
-moz-border-radius:3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
}
body#trips-page.local-trips ul#sub-nav li a.trips,
body#trips-page.gamka-trips ul#sub-nav li a.gamka-trips,
body#trips-page.swart-trips ul#sub-nav li a.swart-trips,
body#trips-page.alfred-trips ul#sub-nav li a.alfred-trips{
background:#fff;
}
ul#sub-nav li a:hover{
color:#c2aa76;
}

/*Content styles*/

.intro{
	padding:10px 0;
	text-align:left;
}

.intro h1{
	margin:0;
	padding:5px 5px 10px;
	line-height:1em;
	background-color:#eee6d7;
}

.intro p{

}

img.trip-map{
border:8px solid #f8efdc;
float:left;
margin:10px 18px 10px 0;
-moz-border-radius:5px;
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
-webkit-border-radius:5px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}

.copy{
width:305px;
float:left;
text-align:justify;
}

#content p{
padding:5px;
}

#content ul{
margin:10px 25px;
padding:0;
}

#content li{
list-style:url(../img/favicon.ico);
margin:0;
padding:0;
}

#gallery{
width:550px;
margin:10px 0;
float:right;
}

#framer{
width:550px;
height:435px;
overflow:hidden;
}

.booking{
padding:2px 5px;
background:#f8efdc;
color:#c2aa76;
border:1px solid #c2aa76;
}

.booking2{
padding:2px 5px;
background:#ff0;
color:#000;
border:1px solid #000;
}

.bigpic{
background:url(../img/largepicbg.gif) top center no-repeat;
padding:15px 15px 50px 15px;
}

.descript{
text-align:left;
font-size:0.8em;
font-weight:bold;
border-top:1px solid #c2aa76;
margin:10px 5px;
}

.maplink{
background:#f8efdc;
color:#c2aa76;
margin:0 1px;
padding:3px 5px;
border:1px solid #c2aa76;
text-decoration:none;
float:left;
}

.maplink:hover{
color:#ae1313;
border:1px solid #ae1313;
}

.thumb{
background:url(../img/thumpicbg.gif) top center no-repeat;
padding:10px 10px 20px 10px;
margin:0 3px 0 0;
width:160px;
float:left;
border:0;
}

.mapdesc{
float:left;
margin:10px 0 0 0;
padding:0;
text-align:justify;
}

.formbox{
padding:10px 0;
}

.tofit{
width:300px;
}

.reseliva-booking{
	padding-top:15px;
}

.reseliva-booking td{
	color:#c2aa76 !important;
}

/*Footer styles*/
#footcopy{
padding-top:18px;
font-size:0.8em;
}