/* GLOBAL STYLES */

html {
height: 100%;
}

body {
height: 100%;
font-family: 'Open Sans', sans-serif;
}

img {
max-width: 100%;
}

h1 {
margin: 0;
color: #FFF;
font-weight: 800;
font-size: 3.625em;
letter-spacing: 0.02em;
}

h3 {
font-size: 1.25em;
font-weight: 300;
color: #272f33;
}

h4 {
color: #FFF;
}

p {
color: #272f33;
font-size: 0.875em;
line-height: 200%;
}

.underline {
text-decoration: underline;
}

.bu {
text-decoration: underline;
font-weight: bold;
}

.bld {
	font-weight: bold;
}

.center {
text-align: center;
}

.floatRight {
  float: right;
  padding: 30px;
}

/* LOCAL STYLES */

.container {
width: 100%; /* 1362px */
}

.clear {
clear: both;
}

.main_img {
background: url('../images/cb045.jpg') no-repeat scroll 50% 0 / cover #000000;
height: 100%;
width: 100%;
padding-bottom: 31.4%;
}

.menu {
background: url('../images/tweed.png');
padding-bottom: 0.80763583%;
box-shadow: 0 1px 2px 0 #424241;
position: relative;
z-index: ;
}

/*.menu_home {
background: url('../images/tweed.png');
padding-bottom: 0.80763583%;
border-bottom: 1px solid #757573;
}*/

.logo {
width: 18.061674009%; /* 246px; */
margin: 1.835535977% 0 0 3.303964758%; /* 25px 0 0 45px; */
float: left;
}

/* NAVIGATION */

.nav {
width: 51.395007342%; /* 700px; */
float: right;
margin: 2.202643172% 3.671071953% 0 0; /* 30px 50px 0 0; */
}

.nav ul {
margin: 0;
padding: 0;
list-style: none;
}

.nav ul li {
display: inline-block;
padding: 0.784929356% 7.849293564% 0 0; /* 5px 50px 0 0 */
}

.nav ul li a {
color: #fff;
font-size: 0.875em;
text-decoration: none;
text-transform: uppercase;
transition: color 0.5s ease;
}

.nav ul li a:hover {
color: #03d9fa;
}

/* CALL TO ACTION */

.cta_container {
padding-top: 16.519823789%; /* 225px / 1362px */ 
}

.cta {
text-align: center;
}

.cta a {
display: inline-block;
padding: 0.367107195% 0.734214391%; /* 5px / 1362px, 10px / 1362px */
background-color: #f7483b;
text-decoration: none;
text-transform: uppercase;
color: #FFF;
font-size: 14px;
border-radius: 5px;
}

.cta a:hover {
background-color: #f72515;
}

.cta h4 {
margin: 0 auto;
padding: 1.468428781% 0 1.835535977% 0; /* 20px / 1362px, 25px / 1362px */
width: 60%;
font-size: 1.0em;
}

/* BODY */

.body_container {
margin: 0 auto;
width: 90%; /* 1225.8px */
}

.column1 {
margin-top: 60px;
float: left;
width: 54.576603034%; /* 669px */
}

.ourtours {
width: 100%; /*669px */
}

#toursLink {
padding: 0.747384155% 1.494768311%; /* 5px / 669px, 10px / 669px */
background-color: #f7483b;
text-decoration: none;
text-transform: uppercase;
color: #FFF;
font-size: 0.875em;
border-radius: 5px;
float: right;
margin: 3.736920777% 0 11.958146487% 0; /* 25px / 669px, 80px / 669px */
}

#toursLink:hover {
background-color: #f72515;
}

#ourtours_header {
margin-bottom: 2.989536622%; /* 20px / 669px */
}

/* TOUR TYPES */

.tour_type_img {
display: inline-block;
width: 100%; /* 669px */
}

.tour_type_img p {
color: #FFF;
line-height: 0;
font-size: 0.75em;
}

.tourTypeExtra {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.5);
  color: #FFF;
}

#school {
max-width: 38.863976084%; /* 260px */
position: relative;
display: inline-block;
margin: 3.736920777% 3.736920777% 3.736920777% 8.968609865%; /* 25px / 669px, 60px / 669px */
}

#school_txt {
position: absolute;
left: 5.769230769%; /* 15px */
top: 1.923076923%; /* 5px */
}

.topBar {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  height: 23%;
  width: 100%;
}

#walking {
max-width: 38.863976084%; /* 260px */
position: relative;
display: inline-block;
}

#walking_txt {
position: absolute;
left: 5.769230769%; /* 15px */
top: 1.923076923%; /* 5px */
}

#church {
max-width: 38.863976084%; /* 260px */
position: relative;
display: inline-block;
margin: 0 3.736920777% 0 8.968609865%; /* 25px / 669px, 60px / 669px */
}

#church_txt {
position: absolute;
left: 5.769230769%; /* 15px */
top: 1.923076923%; /* 5px */
}

#boat {
max-width: 38.863976084%; /* 260px */	
position: relative;
display: inline-block;
}

#boat_txt {
position: absolute;
left: 5.769230769%; /* 15px */
top: 1.923076923%; /* 5px */
}

/* TESTIMONIALS */

.testimonials {
width: 100%; /*669px */;
}

.test1 {
margin: 0 auto;
padding-top: 2.989536622%; /* 20px / 669px */
width: 80%;
}

.test2 {
margin: 0 auto;
padding-top: 2.989536622%; /* 20px / 669px */
width: 80%;
}

.author {
font-size: 0.875em;
font-weight: 600;
font-style: italic;
}

.testimonials a {
padding: 0.747384155% 1.494768311%; /* 5px / 669px, 10px / 669px */
background-color: #f7483b;
text-decoration: none;
text-transform: uppercase;
color: #FFF;
font-size: 0.875em;
border-radius: 5px;
float: right;
margin: 1.494768311% 0 11.958146487% 0; /* 10px / 669px, 80px /669px */
}

.testimonials a:hover {
background-color: #f72515;
}

.column2 {
margin-top: 4.894762604%; /* 60px / 1225.8px */
float: right;
width: 29.613313754%; /* 363px */
}

#guidesphoto {
margin-top: 6.887052342%; /* 25px / 363px */
}

/* TICKED POINTS */

.points {
padding: 5.509641873% 0 0 15%; /* 20px / 363px */
font-size: 0.875em;
}

.points ul {
padding: 0;
list-style: none;
}

.points ul li {
display: block;
color: #272f33;
line-height: 2.1em;
}

.tick {
margin-bottom: 4.132231405%; /* 15px / 363px */
background:url('../images/tick.png') 5.509641873% no-repeat; /* 20px / 363px */
padding-left: 12.39669421487603%; /* 45px / 363px */
}

/* CONTACT BOX */

.contact_box {
width: 88.15426997245179%; /* 320px / 363px */
margin: 8.264462809917355% 0 0 16.52892562%; /* 30px / 363px, 60px / 363px */
display: inline-block;
background: #03d9fa;
color: #FFF;
}

.contact_box ul {
padding: 0;
list-style: none;
}

.contact_box ul li {
font-size: 1em;
display: block;
line-height: 1.5em;
}

.contact_box ul li a {
color: #FFF;
text-decoration: none;
}

.contact_box ul li a:hover {
text-decoration: underline;
}

.twitter {
margin-bottom: 5.928853755%; /* 15px / 253px */
background:url('../images/twitter.png') 7.90513834% no-repeat; /* 20px / 253px */
padding-left: 23.71541502%; /* 60px / 253px */
}

.phone {
margin-bottom: 5.928853755%; /* 15px / 253px */
background:url('../images/phone.png') 7.90513834% no-repeat; /* 20px / 253px */
padding-left: 23.71541502%; /* 60px / 253px */
}

.mail {
background:url('../images/mail.png') 7.90513834% no-repeat; /* 20px / 253px */
padding: 0 7.90513834% 0 23.71541502%; /* 20px / 253px, 60px / 253px */
}

.train {
  padding-top: 10px;
  margin-top: 65px;
  text-align: center;
}

#trainLink {
padding: 5px 10px; /* 5px / 669px, 10px / 669px */
background-color: #f7483b;
text-decoration: none;
text-transform: uppercase;
color: #FFF;
font-size: 0.875em;
border-radius: 5px;
float: right;
margin: 20px 0 80px 0; /* 10px / 669px, 80px /669px */
}

#trainLink:hover {
background-color: #f72515;
}

/* FOOTER */

.footer {
padding: 4.405286344% 0 4.405286344% 0 ; /* 60px / 1362px */
background: url('../images/tweed.png');
color: #FFF;
text-align: center;
font-size: 0.875em;
}










/* !!! GALLERY PAGE !!! */

.page_header{
position: relative;
margin: 60px 0 50px 0;
text-align: center;
}

.gallery_container {
margin: 0 auto;
padding-bottom: 80px;
width: 910px;
}

/* !!! OUR TOURS !!! */

.tour_wrap {
  margin: 0 auto;
  width: 60%;
  border: 1px solid #cdc7c7;
  border-radius: 10px;
}

.tour_wrap div:nth-child(2),
.tour_wrap div:nth-child(4),
.tour_wrap div:nth-child(6),
.tour_wrap div:nth-child(8) {
  padding: 5px 15px;
}

.tour_wrap div:nth-child(7) {
  border-bottom: none;
}

.tour_wrap div:nth-child(8) {
  border-bottom: none;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-bottom: 5px;
}

.tourType {
height: 50px;
border-bottom: 1px solid #cdc7c7;
padding: 10px 15px;
font-family: 'Roboto Slab', serif;
font-size: 24px;
font-weight: 700;
color: #403e3e;
cursor: pointer;
}

.tour_content {
font-size: 14px;
background: #f9f9f9;
border-bottom: 1px solid #cdc7c7;
border-top: 1px solid #cdc7c7;
display: none;
}

.borderNo {
height: 50px;
padding: 10px 15px;
font-family: 'Roboto Slab', serif;
font-size: 24px;
font-weight: 700;
color: #403e3e;
cursor: pointer;
border-bottom: none;
}

/*
.pirateTour {
  margin-top: 10px;
}
*/

.tourTitle {
  padding-top: 5px;
  display: inline-block;
}

.icon {
  background: url('../images/show.png') center no-repeat;
  float: right;
  height: 30px;
  width: 30px;
}

.show {
  background: url('../images/show.png') center no-repeat;
  float: right;
  height: 30px;
  width: 30px;
}

.hide {
  background: url('../images/hide.png') center no-repeat;
  float: right;
  height: 30px;
  width: 30px;
}

.options {
  width: 50%;
  margin: 0 auto;
  padding: 40px 0;
}

.options ul {
  list-style: none;
  color: #272f33;
  font-size: 0.875em;
  line-height: 200%;
}

/* !!! ABOUT US !!! */

.topWrap {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 50px;
}

.img_wrap {
  padding: 10px 0 0 70px;
  width: 30%;
  display: inline-block;
}

.about_wrap {
  margin: 0 auto;
  width: 80%;
}

.aboutContent {
  background: #ededed;
  margin: 0 50px 70px 0;
  padding-right: 20px;
  width: 55%;
  display: inline-block;
  float: right;
}

.aboutContent ul {
  list-style: none;
  /*padding: 30px 150px;*/
}

.aboutContent ul li {
  padding-left: 30px;
  background: url('../images/tick.png') no-repeat;
  background-position: left 0 bottom 8px;
}

.aboutContent ul li:nth-child(2),
.aboutContent ul li:nth-child(3),
.aboutContent ul li:nth-child(7),
.aboutContent ul li:nth-child(9) {
  padding-left: 30px;
  background: url('../images/tick.png') no-repeat;
  background-position: left 0 bottom 36px;
}

#aboutImg {
  padding: 30px 50px 30px 0;
  float: left;
}

/* !!! CONTACT !!! */

.sml_container {
margin: 0 auto;
width: 70%;
}

.form_container{
margin-top: 30px;
float: left;
display: inline-block;
width: 60%;
}

form {
  padding: 0;
  margin: 0 0 20px;
}

tr, td, input, textarea {
  margin: 0;
  padding: 0;
}
td {
  padding: 0 0 5px;
}

label {
color: #272f33;
}

tr td:first-child {
text-align: right;
padding-right: 15px;
}

tr td:nth-child(2) {
  padding-top: 10px;
  vertical-align: top;
}

.error[generated=true] {
  color: #dc0000;
  font-size: 14px;
  padding: 5px 0 2px 5px;
}
tr.error td {
  padding: 0;
}
input[type="text"], textarea[name="message"] {
  font-family: 'Roboto Slab', serif;
  color: #8C8C8C;
  font-size: 14px;
  min-height: 30px;
  padding: 5px 10px;
}

input[type=submit] {
  margin-bottom: 30px;
  background: #f7483b;
  color: #FFF;
  font-size: 0.875em;
  padding: 7px 20px;
  width: auto;
}

input[type=submit]:hover {
  background: #f72515;
}
 
#response {
  margin-bottom: 20px;
  text-align: center;
  font-size: 14px;
}
#response .success {
  color: #08a300;
}
#response .failure {
  color: #dc0000;
}

#sidebar {
padding-top: 35px;
display: inline-block;
width: 40%;
}

.c_title {
color: #f7483b;
text-transform: uppercase;
font-size: 14px;
}

.c_text {
padding-bottom: 25px;
color: #272f33;
font-size: 14px;
font-weight: 300;
font-family: 'Roboto Slab', serif;
}

.c_text a {
color: #272f33;
text-decoration: none;
}

.c_text a:hover {
border-bottom: 1px solid #272f33;
}

/* !!! TESTIMONIALS !!! */

.tst_page_header{
margin: 60px 0 50px 0;
padding-top: 20px;
/*padding-top: 60px;*/
text-align: center;
}

/*.tst_container {
  background: url('../images/back.jpg');
}*/

.test_body {
background: url('../images/white.jpg');
width: 60%;
margin: 0 auto;
padding: 0 40px 50px 40px;
border-radius: 10px;
}

.tml_wrap {
	margin: 40px 0;
	padding: 10px;
	background: #ededed;
	border-radius: 10px;
}

.tml_wrap_bottom {
  padding: 10px;
  background: #ededed;
  border-radius: 10px;
}

.tml_text {
	font-size: 18px;
	font-weight: 400;
	color: #272f33;
}

.tml_author {
	color: #272f33;
	padding-top: 10px;
	font-size: 14px;
	font-weight: 300;
	text-align: right;
}

.tst_footer {
margin-top: 60px;
padding: 4.405286344% 0 4.405286344% 0 ; /* 60px / 1362px */
background: url('../images/tweed.png');
border-top: 1px solid #424241;
color: #FFF;
text-align: center;
font-size: 0.875em;
}


.tml_wrap_blue {
  color: #FFF;
	margin: 40px 0;
	padding: 10px;
	background: #03d9fa;
	border-radius: 10px;
}

.tml_wrap_yellow {
	margin: 40px 0;
	padding: 10px;
	background: #faba2d;
	border-radius: 10px;
}

.tml_wrap_red {
	margin: 40px 0;
	padding: 10px;
	background: #f7483b;
	border-radius: 10px;
}