﻿body {
	background:#F3FFFF;
	font-size:87.5%; /*Base font size is 14px */
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5;
	text-align:left;
	color:#333333;
	background-image:url('../images/blackmamba-bg.jpg');
}
#wrapper {
   	margin: 0 auto;
	width:96%;
	max-width:980px;
}
.mainheader {
	width:100%;
	height:auto;
}
.mainheader img {
    width:100%;
	height:auto;
}
nav {
	width:100%;
	height:auto;
	margin-top:-1%;
	background-color:#800020;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit	border-radius:5px;
}
nav ul {
    list-style:none;
    margin: 0 auto;
    overflow:hidden;
    width:100%;
}
nav ul li {
      float:left;
      display:inline-block;
}
nav a:link, mainheader nav a:visited {
    font-size:1em;
	color:#FFF;
	display:inline-block;
	padding:1.1em .9em;
	height:auto;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
nav a:hover {
    background-color:#b01c20;
    text-shadow:none;
}
nav ul li a {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit	border-radius:5px;
	color:#FFF;
}
.currentpage {
    background-color:#000000;
    text-shadow:none;
}
#contentholder {
	width:100%;
	float:left;
	background:white;
}
#content {
    margin-right:1%;
    width:56%;
	padding-left:2%;
	padding-right:2%;
	float:left;
	background-color:white;
}
header h1 {
	font-family: 'Oswald', sans-serif;
	font-size:2.8em;
	font-weight:800;
	color:#000066;
	text-shadow: 1px 2px 3px #666;
	text-transform:uppercase;
}
header h2 {
    font-family: 'Oswald', sans-serif;
	font-size:2.5em;
	font-weight:900;
	color:#000066;
	text-transform:uppercase;
}
#content h1 {
	font-family: 'Oswald', sans-serif;
	font-size:2.4em;
	font-weight:800;
	color:#000066;
}
#content h2,h3 {
    font-family: 'Oswald', sans-serif;
	font-size:1.8em;
	font-weight:900;
	color:#000066;
	line-height:1.4em;
	text-transform:uppercase;
}
#content p {
	color:#333333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
}
#content li {
	color:#333333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	margin-bottom:2%;
}
img {
	width:100%;
	height:auto;
}
.topimage {
	width:42%;
	height:auto;
	float:right;
	margin-top:0;
	margin-right:20px;
	margin-bottom:10px;
	padding-left:16px;
}
.guidingimage {
	width:62%;
	height:auto;
	float:right;
	margin-top:0;
	margin-right:20px;
	margin-bottom:10px;
	padding-left:16px;
    margin-bottom:10px;
	-moz-border-radius:5px;
	-webkit	border-radius:5px;
	padding:2% 3%;
	background:linear-gradient (90deg,#b01c20 0%, #f15c60 100%);
	box-shadow: 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8);
}
.leftimage {
	width:42%;
	height:auto;
	float:left;
	margin-top:0;
	margin-right:20px;
	margin-bottom:10px;
	-moz-border-radius:5px;
	-webkit	border-radius:5px;
	padding:2% 3%;
	background:linear-gradient (90deg,#b01c20 0%, #f15c60 100%);
	box-shadow: 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8);
}
.rightimage {
	width:45%;
	height:auto;
	float:right;
	margin-left:15px;
	margin-right:10px;
	margin-bottom:15px;
	-moz-border-radius:5px;
	-webkit	border-radius:5px;
	padding:2% 3%;
	background:linear-gradient (90deg,#b01c20 0%, #f15c60 100%);
	box-shadow: 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8);
}
.mainleftimage {
	width:42%;
	height:auto;
	float:right;
	margin-top:0;
	margin-right:20px;
	margin-bottom:10px;
	padding-left:16px;
}
.bookcover {
	width:42%;
	height:auto;
	float:right;
	margin-top:0;
	margin-right:20px;
	margin-bottom:10px;
	padding-left:16px;
}
.main-review-box {
	width:90%;
	float:left;
	padding:4%;
	background-color:#FFFFCC;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit	border-radius:5px;
	margin-top:8%;
	margin-left:2%;
	padding:2% 3%;
	background:linear-gradient (90deg,#b01c20 0%, #f15c60 100%);
	box-shadow: 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8);
	font-style:italic;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom:6%;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#sidebar {
	margin-left:1%;
	margin-top:1%;
	float:left;
	width:37%;
}
.booking-box1 {
	width:92%;
	float:left;
	text-align:center;
	margin-top:1%;
	background-color:#7F0000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit	border-radius:5px;
	margin-left:auto;
	margin-right:auto;
	padding-left:3%;
	padding-right:3%;
	padding-top:6%;
	padding-bottom:6%;
	background:linear-gradient (90deg,#b01c20 0%, #f15c60 100%);
	box-shadow: 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8);
}
.booking-box1 a {
    font-family: 'Oswald', sans-serif;
	font-size: 1.2em;
	color:white;
	font-weight:bolder;
	line-height:1.8em;
	text-decoration:none;
}
.booking-box2 {
	width:92%;
	float:left;
	text-align:center;
	background-color:#7F0000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit	border-radius:5px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2%;
	padding-left:3%;
	padding-right:3%;
	padding-top:6%;
	padding-bottom:6%;
	background:linear-gradient (90deg,#b01c20 0%, #f15c60 100%);
	box-shadow: 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8);
}
.booking-box2 a {
    font-family: 'Oswald', sans-serif;
	font-size: 1.2em;
	color:white;
	font-weight:bolder;
	line-height:1.8em;
	text-decoration:none;
}
.review-box {
	width:90%;
	float:left;
	background-color:#120A8F;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit	border-radius:5px;
	margin-top:15px;
	margin-left:2%;
	padding:2% 3%;
	background:linear-gradient (90deg,#b01c20 0%, #f15c60 100%);
	box-shadow: 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8);
}
.video {
    width:96%;
    height:200px;
    float:left;
	background-color:#f2f2f2;
	margin:2%;
}
.video iframe {
	width:100%;
	height:200px;
}
.socialbuttonsholder {
	width:90%;
	height:auto;
	margin-left:4%;
	margin-top:2%;
	margin-bottom:2%;
	float:left;
	text-align:center;
}
.socialbutton {
	width:10%;
	height:auto;
	margin-left:1%;
	margin-right:3%;
	float:left;
}
.sidebarsection {
	width:100%;
	float:left;
	background-color:white;
	line-height:1.4em;
	color:#666666;
	text-align:left;
	margin-top:2%;
	border:1px;
	border-style:solid;
	border-color:#808080;
}
.sidebarsection1 {
	width:100%;
	float:left;
	background-color:white;
	line-height:1.4em;
	color:#666666;
	text-align:left;
	margin-top:1%;
	border:1px;
	border-style:solid;
	border-color:#808080;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit	border-radius:8px;
}
.sidebarsection a {
    text-decoration:none;
}
.sidebarsection1 a {
    text-decoration:none;
}
.sidebarsection li {
	list-style:none;
	margin-bottom:2%;
}
.infoheader {
	width:94%;
	text-align:center;
	background-color:#800020;
	border-radius:8px;
	margin-left:auto;
	margin-right:auto;
}
.infoheader h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    line-height:1.8em;
    text-align:center;
    color:white;
    letter-spacing:1px;
    word-spacing:1px;
    padding:2%;
}
.centretext {
	text-align: center;
}
.categoryheader {
    width:94%;
	float:left;
	background-color:#C76114;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit	border-radius:5px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	padding:2%;
	box-shadow: 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8);
}
.categoryheader h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.8em;
    line-height:1.6em;
    text-align:center;
    color:white;
    letter-spacing:1px;
    word-spacing:1px;
    padding:2%;
}
.walkheader1 {
    width:94%;
	text-align:center;
	background-color:#000033;
	border-radius:8px;
	margin-left:auto;
	margin-right:auto;
}
.walkheader1 h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    line-height:1.8em;
    text-align:center;
    color:white;
    letter-spacing:1px;
    word-spacing:1px;
    padding:2%;
}
.walkheader2 {
    width:94%;
	text-align:center;
	background-color:#68228B;
	border-radius:8px;
	margin-left:auto;
	margin-right:auto;
}
.walkheader2 h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    line-height:1.8em;
    text-align:center;
    color:white;
    letter-spacing:1px;
    word-spacing:1px;
    padding:2%;
}
.walkheader3 {
    width:94%;
	text-align:center;
	background-color:#551011;
	border-radius:8px;
	margin-left:auto;
	margin-right:auto;
}
.walkheader3 h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    line-height:1.8em;
    text-align:center;
    color:white;
    letter-spacing:1px;
    word-spacing:1px;
    padding:2%;
}
.walkheader4 {
    width:94%;
	text-align:center;
	background-color:black;
	border-radius:8px;
	margin-left:auto;
	margin-right:auto;
}
.walkheader4 h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    line-height:1.8em;
    text-align:center;
    color:white;
    letter-spacing:1px;
    word-spacing:1px;
    padding:2%;
}
.walkheader5 {
    width:94%;
	text-align:center;
	background-color:#3D5229;
	border-radius:8px;
	margin-left:auto;
	margin-right:auto;
}
.walkheader5 h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    line-height:1.8em;
    text-align:center;
    color:white;
    letter-spacing:1px;
    word-spacing:1px;
    padding:2%;
}
.walkheader6 {
    width:94%;
	text-align:center;
	background-color:#FF3300;
	border-radius:8px;
	margin-left:auto;
	margin-right:auto;
}
.walkheader6 h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    line-height:1.8em;
    text-align:center;
    color:white;
    letter-spacing:1px;
    word-spacing:1px;
    padding:2%;
}
.walkheader7 {
    width:94%;
	text-align:center;
	background-color:#826A21;
	border-radius:8px;
	margin-left:auto;
	margin-right:auto;
}
.walkheader7 h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    line-height:1.8em;
    text-align:center;
    color:white;
    letter-spacing:1px;
    word-spacing:1px;
    padding:2%;
}
.quickwalkinfo h3  {
      font-family: 'Oswald', sans-serif;
      font-size: 1em;
      font-weight:600;
      text-align:center;
      color:#302B54;
}
.quickwalkinfo p  {
	  font-family:Arial, Helvetica, sans-serif;
      font-size: 1em;
      text-align:center;
}
.foodanddrink {
	width:90%;
	margin-left:3px;
	margin-right:3px;
	padding-left:4%;
	border:1px;
	border-style:solid;
	border-color:#808080;
}
.foodanddrink h3 {
      font-family: 'Oswald', sans-serif;	  
      font-size: 1em;
      font-weight:bolder;
      text-align:left;
      color:#302B54;
}
.innersidesection {
	width:90%;
	margin-left:3px;
	margin-right:3px;
	padding-left:4%;
}
.innersidesection h3 {
      font-family: 'Oswald', sans-serif;
      font-size: 1.3em;
      font-weight:bolder;
      text-align:left;
      color:#302B54;
}
.innersidesection p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	color:#666666;
	line-height:1.4em;
}
.sidebarsection li {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:.9em;
	color:#666666;
	line-height:1.4em;
	padding-left:-3%;
}
.quickwalkinfo h3  {
      font-family: 'Oswald', sans-serif;
      font-size: 1.3em;
      line-height:1.6em;
      font-weight:600;
      text-align:center;
      color:#302B54;
}
.quickwalkinfo h4  {
       text-align:center;
       font-size: 1.3em;
      font-weight:700;
      text-align:center;
}
.phone-number h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#990000;
	font-size:1.2em;
	text-align:center;
	line-height:1.4em;
}
.phone-number p {
	font-family:Arial, Helvetica, sans-serif;
	color:#990000;
	font-size:1.3em;
	text-align:center;
}
.rightsidebarimageportrait{
	width:29%;
	float:right;
	height:auto;
	padding-left:8%;
	padding-top:2%;
}
.rightsidebarimage {
	width:44%;
	float:right;
	margin-left:8%;
	height:auto;
}
.socialbuttonsholderwalkpage {
	width:92%;
	height:auto;
	margin-left:1%;
	margin-top:6%;
	float:left;
	text-align:center;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit	border-radius:8px;
	padding:2% 3%;
	background:linear-gradient (90deg,#b01c20 0%, #f15c60 96%);
	-moz-box-shadow: -5px -5px 5px #888;
   -webkit-box-shadow: -5px -5px 5px #888;
    box-shadow: -5px -5px 5px #888;
}
.fullrightsidebarimage {
	width:94%;
	-moz-border-radius:5px;
	-webkit	border-radius:5px;
	padding:2% 3%;
	margin-bottom:1%;
	background:linear-gradient (90deg,#b01c20 0%, #f15c60 100%);
	box-shadow: 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8);
}
#footer {
   	width:100%;
   	clear:both;
	float:left;
	background-color:#800020;
	padding-top:40px;
	padding-bottom:40px;
}
#footer p {
    width:100%;
    color:#FFF;
    text-align:center;
    font-size:.8em;
    word-spacing:1px;
}
.footernavigation {
    width:94%;
    height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:2%;
}
.footernavigation ul {
    list-style:none;
    margin: 0 auto;
    overflow:hidden;	
}
.footernavigation li {
      float:left;
      display:block;
}
.footernavigation a {
	color:#FFF;
	display:inline-block;
	height:auto;
	padding-left:.8em;
	padding-right:.8em;
	font-size:.9em;
	text-decoration:none;
}
.footernavigation a:hover {
    background-color:#b01c20;
    text-shadow:none;	
}
.essayheader {
	width:88%;
	padding-left:6%;
    padding-right:6%;
}
.licence {
	width:20%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#FFFFCC
}
.lightboxwrapper {
	padding-left:5%;
}
.essayheader h1 {
	font-size:2.4em;
	font-weight:800;
	text-align:center;
	color:#660066;
	text-shadow: 1px 2px 3px #666;
}
.essayheader h2 {
	text-align:center;
	color:#CC00CC;
	text-align:center;
	font-size:2em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.pagebookingbox {
	width:80%;
	background:#e6e6fa;
	margin-left:auto;
	margin-right:auto;
	margin-top:1%;
	border:1px;
	border-style:solid;
	padding-left:8%;
	padding-right:8%;
	padding-top:4%;
	margin-bottom:4%;
}
.pagebookingbox h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:2em;
	color:black;
	text-align:center;
}
@media only screen and (max-width: 860px) {
#wrapper {
  width:98%;
  font-size:87.5%;
}
nav {
    width:100%;
    display:inline-block;
    height:auto;
}
nav ul {
   padding-left: 1px;
}
nav ul li {
      text-align:center;
}
nav a:link, mainheader nav a:visited {
	font-size:1em;
	font-family:"Trebuchet MS";
    padding:1.1em 1em;
	height:20px;
	display:block;
}
#contentholder {
	width:100%;
}
#content {
    width:52%;
	background-color:white;
}
#content p {
	font-size:1.2em;
}
#sidebar {
	width:40%;
}
.sidebarsection p {
    font-size:1.1em;
}
}
@media only screen and (min-width:150px) and (max-width: 720px) {
#wrapper {
  width:96%;
}
nav {
    width:100%;
    display:block;
    height:auto;
}
nav ul {
   padding-left: 0;
}
nav ul li {
      width:100%;
      text-align:center;
}
nav a:link, mainheader nav a:visited {
	font-size:1.3em;
	padding:10px 18px;
	height:20px;
	display:block;
}
#contentholder {
	width:100%;
}
#content {
    width:96%;
	background-color:white;
	padding-top:6%;
}
header h1 {
	font-size:1.9em;
	font-weight:bolder;
	color:#000066;
	text-shadow:none;
}
header h2 {
	font-size:1.3em;
	font-weight:bolder;
	color:#000066;
	margin-top:1%;
}
#content h3 {
	font-size:1.4em;
	line-height:1.4em;
	font-weight:900;
	color:#000066;
}
#content p {
	font-size:1.5em;
}
#content li {
	color:#333333;
	font-size:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:2%;
}
#sidebar {
	width:100%;
	background-color:#f2f2f2;
	margin-top:4%;
}
.socialbuttonsholder {
    margin-top:2%;
}
.booking-box1 {
	width:90%;
	text-align:center;
	padding-left:3%;
	padding-right:3%;
	padding-top:3%;
	padding-bottom:6%;
}
#footer {
   	display:none;
}
.photoboxtext {
	width:96%;
	margin-bottom:4%;
	margin-top:2%;
	padding-left:3%;
}
.photoboximage {
	width:90%;
	height:auto;
	margin-bottom:4%;
	padding-left:3%;
}
.video {
    width:96%;
    height:300px;
    float:left;
	background-color:#f2f2f2;
	margin:2%;
}
.video iframe {
	width:100%;
	height:300px;
}
.sidebarsection p {
    font-size:1.4em;
    line-height:1.6em;
}
}