@import url('https://fonts.googleapis.com/css?family=Roboto:400,600|Quicksand:400,700');
@charset "utf-8";
html, body {margin:0; padding:0; background-color:#f9fdfe; height:100%; width:100%;}
body {font-family: 'Quicksand', sans-serif; font-size: 16px; color: #4274b4; height:100%;}
table {border-collapse:collapse; width:100%;}
table, th, td {border:1px dashed #2992b1; padding:10px; text-align:center;}
th {height:24px; color:#fff; font-size:15px; font-weight:bold; text-align:center; background-color:#2992b1; border:0;}


h1,h2,h3 {font-family: 'Roboto', sans-serif;}
h1 {text-align:center; width:1100px; margin:10px auto; padding:20px 0; font-size:27px; color:#fff; font-weight:bold; letter-spacing:0.07em; background-color:#2992b1; text-shadow: 1px 1px 2px #333; }
h2 {text-align:left; color:#4274b4; font-size:15px; margin:0; margin-bottom:8px; font-weight:bold; letter-spacing:0.07em;}
h3 {text-align:left; text-indent:10px; color:#fff; font-size:15px; margin:0; padding:8px 0; font-weight:bold; border-bottom:1px solid #c9e9f3;}
h4 {text-align:left; text-indent:10px; color:#fff; font-size:13px; margin:0; padding:6px 0; font-weight:bold;}
h5 {text-align:left; text-indent:10px; color:#fff; font-size:18px; margin:0; margin-bottom:8px; padding:4px 0 8px 0; font-weight:bold; letter-spacing:0.05em; border-bottom:1px dashed #c9e9f3;} 
h6 {text-align:center; color:#fff; font-size:13px; margin:0; padding:6px 0; font-weight:bold; }

hr {margin:30px 0; padding:0; border:0; height:0; outline:0; border-bottom:1px dashed #c9e9f3;}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

#modal2 {
    width: 600px;
	padding: 30px; 
    display:none;
	background: #FFF;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);      
}

#container {position:relative; margin:0; margin-bottom:30px; width:100%; padding:0; min-height:100%; overflow:hidden;}
#header {margin:0; width:100%; padding:0; padding-top:5px; background:#c9e9f3 url(../graphics/top-bg3.gif) repeat; }
#header-content {margin:0 auto; width:1100px; padding:5px 10px; overflow:hidden;}
.logo {float:left; width:200px; padding:2px;}
.header-r {float:right; display:block; width:500px; text-align:right; color:#fff;}
.phone {float:right; display:block; width:500px; margin-top:50px; text-align:right; color:#fff; font-size:32px; font-weight:bold; letter-spacing:0.05em; text-shadow: 1px 1px 2px #333;}
.ph-blue {color:#2992b1; text-shadow:none;}
.ph-blue2 {color:#2992b1; text-shadow:none; font-size:17px;}
#menucontainer {width:100%; padding:0; text-align:center; background-color:#2992b1; border-top:1px solid #2992b1; border-bottom:1px solid #2992b1;}

#slide-container {position:relative; width:1100px; height:auto; /*height:440px;*/ margin:8px auto 0 auto; padding:2px 0; text-align:center;}


.homeheader {clear:both;text-align:center; width:1100px; margin:10px auto; padding:20px 0; background-color:#2992b1; text-shadow: 1px 1px 2px #333;}

.homeheader h1 {margin:0; padding:0; font-size:36px; color:#fff; font-weight:bold; letter-spacing:0.07em;}
.homeheader p {margin:0; margin-top:15px; padding:0; color:#fff; font-size:24px; font-style:italic; letter-spacing:0.07em;}

#content {margin:0 auto; width:1100px; padding:10px 0; text-align:center; overflow:hidden;}
#content p {text-align:left; margin:0 5px 15px 0; line-height:1.3em;}
.content-left {float:left; width:320px; padding-bottom:0;}
div.content-left p {text-align:left; font-size:21px; font-weight:bold; line-height:1.8em; margin:0 5px 20px 0; padding:0;}
div.content-left ul, div.content-right ul {list-style-type:square; text-align:left; margin:24px; padding-left:12px;}
div.content-left li, div.content-right li {list-style-type:square; text-align:left; font-size:13px; font-weight:bold; padding-left:0; margin-bottom:12px;}

.content-right {float:right; width:740px; padding:0; text-align:center; overflow:hidden;}
.content-right p {text-align:left; margin:0 5px 15px 0; line-height:1.3em;}
p.small {text-align:left; margin:5px; padding:0; color:#2992b1; font-size:11px; font-style:italic;}

.self-guide {width:720px; padding:10px; background-color:#2992b1; overflow:hidden;}
.self-guide:hover {background-color:#196f89;}
.self-guide img {margin:0; padding:0; width:auto; max-width:100%; height:auto;}
.self-guide-l {float:left; width:410px; padding:5px;}
.self-guide-r {float:right; width:280px; padding:5px;}
div.self-guide-r img {border:0; padding-top:5px; width:280px; height:auto;}
div.self-guide p {text-align:left; color:#fff; margin:0; margin-bottom:12px; padding:0; padding-top:5px; font-size:13px;}

.row {clear:both;width:100%; margin:0; padding:25px 0 10px 0; overflow:hidden;}
.row-left {display:inline-block; float:left; width:45%; margin:0; padding:25px 0;}
.row-right {display:inline-block; float:right; width:45%; margin:0; padding:25px 0;}
.row-split {display:inline-block; width:45%; margin:0; padding:10px; vertical-align:top;}
div.row-split ul {list-style-type:square; text-align:left; margin:0 0 12px 24px; padding-left:12px;}
div.row-split li {list-style-type:square; text-align:left; font-size:13px; font-weight:normal; padding-left:0; margin-bottom:6px;}

#row2 {float:right; width:740px; padding:0; padding-top:15px; overflow:hidden;}
.row2-l {float:left; width:360px; background-color:#2992b1;}
.row2-l:hover {background-color:#196f89;}
.row2-l img {width:360px; height:240px;}
.row2-r {float:right; width:360px; background-color:#2992b1;}
.row2-r:hover {background-color:#196f89;}
.row2-r img {width:360px; height:240px;}

#row3 {float:right; width:740px; padding:0; padding-top:15px; overflow:hidden;}
.row3-l {float:left; width:240px; background-color:#2992b1;}
.row3-l:hover {background-color:#196f89;}
.row3-l img {width:240px; height:180px;} 
.row3-m {float:right; width:240px; background-color:#2992b1; margin:0 10px;}
.row3-m:hover {background-color:#196f89;}
.row3-m img {width:240px; height:180px;}
.row3-r {float:right; width:240px; background-color:#2992b1;}
.row3-r:hover {background-color:#196f89;}
.row3-r img {width:240px; height:180px;} 

.profile {display:block; margin-left:30%;}
div.profile ul {list-style-type:square; text-align:left; margin:16px 0 24px 24px; padding-left:12px;}
div.profile li {list-style-type:square; text-align:left; font-size:13px; font-weight:bold; padding-left:0; margin-bottom:12px;}

.staff-content {display:block; margin-bottom:40px; padding-bottom:15px; border-bottom:1px dashed #196f89;}
/*.staff-content:last-child {border-bottom:none;}*/
.staff-row {display:block; margin-bottom:10px; overflow:hidden;}
.staff-row p {text-align:left; margin:0 0 10px 0; line-height:1.2;}
p.name {font-size:16px; font-weight:bold;}
.staff-l {float:left; width:480px;}
.staff-r {float:right; width:250px;}
.staff-r img {width:240px; height:auto; padding-left:10px; vertical-align:top;}

.gallery-container {display:inline-block; margin:0 auto; padding:0; text-align:center; overflow:hidden;}
.gallery-thumb {float:left; width:240px; background-color:#2992b1; border-bottom:solid 5px #2992b1; margin:0 6px 10px 0;}
.gallery-thumb:hover {background-color:#196f89; border-bottom:solid 5px #196f89;}
div.gallery-thumb img {width:240px; height:180px;}
.gallery-pic {float:left; width:240px; height:180px; border:2px solid #2992b1; margin:0 2px 6px 0; padding:0; overflow:hidden;}
.gallery-pic:hover {border:2px solid #196f89;}
div.gallery-pic img {width:auto; height:180px; margin:0; padding:0; border:0; overflow:inherit;}
div.gallery-pic a {margin:0; padding:0; border:0; text-decoration:none;}

#places-l {float:left; width:480px; }
div#places-l p {text-align:left; color:#4274b4; margin:0; margin-bottom:24px; padding:0; padding-right:10px; font-size:13px;}
div#places-l img {margin:0 auto; border:2px solid #4274b4;}
#places-r {float:right; width:240px; margin-left:10px; padding-top:30px;}
div#places-r p {text-align:center; color:#2992b1; font-size:11px; margin:0; padding:0; font-style:italic;}
.places-thumb {float:left; width:240px; background-color:#2992b1; margin:0 6px 15px 0;}
.places-thumb:hover {background-color:#196f89;}

.f-container{position:relative;padding-bottom:110.1%; height:0;overflow:hidden;margin:0; border:2px solid #2992b1;}
.f-container iframe,
.f-container object,
.f-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}

.map-container {display:block; margin:0 auto; width:100%; text-align:center;}
.map-l {display:inline-block; float:left; width:358px; height:438px; background-color:#fff; border:3px solid #2992b1;}
.map-l img {width:96%; height:auto; padding:1.5%}
.map-r {display:inline-block; float:right; width:362px; height:440px; background-color:#2992b1; border:1px solid #2992b1;}
.maptop {display:block; height:20px; padding:10px 5px; background-color:#2992b1;}
a.maplink, a.maplink:link, a.maplink:visited, a.maplink:hover {display:block; margin:0; padding:0; text-decoration:none; text-align:center; color:#fff; font-weight:bold; }

.map {max-width:100%; height:0;padding-bottom:28%;position:relative; overflow:hidden;}
.map iframe, .overlay{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.overlay {z-index:10;}


.content-video {float:right; width:740px; margin-top:15px; padding:0; text-align:center; overflow:hidden;}
.video {width:720px; padding:10px; padding-bottom:20px; background-color:#2992b1; overflow:hidden;}

.vidContainer {
	margin:0 auto;
	width:auto; max-width:100%;
	height:auto;
}
  
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	height: 0; line-height:0;
}
.videoWrapper iframe {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	height: 100%;
}

.tours {width:720px; background-color:#2992b1; padding:10px; margin:0 auto 15px auto; overflow:hidden;}
div.tours:hover {background-color:#196f89;}
.tours-l {float:left; width:480px; min-height:155px;}
div.tours-l p {text-align:left; color:#fff; font-size:15px; width:450px; padding:0 12px 0 10px; margin:8px 0 8px 0;}
.tours-r {float:right; width:240px; overflow:hidden;}
div.tours-r img {padding-top:8px; width:240px; height:180px;}
.tours-btm {float:left; position:relative; width:460px; text-align:left; color:#fff; font-size:11px; margin:0; padding:6px 0 3px 10px; font-weight:bold;}
.prices {float:none; padding:25px 0; overflow:hidden;}
.price-l {float:left; width:130px; text-align:left; font-size:16px; font-weight:bold; margin:5px 0 10px 0;} 
.price-r {float:right; width:130px; text-align:left; font-size:16px; font-weight:bold; margin:5px 0 10px 0;}
.leftcol-list {float:left; padding-top:10px; border-top:1px dashed #2992b1;}

.tour-links {clear:both; display:block; margin:0 auto; padding:10px 0; width:100%;}

#tour-title {display:block; width:720px; text-align:left; color:#4274b4; font-size:18px; margin:0; margin-bottom:15px; padding-bottom:15px; font-weight:bold; letter-spacing:0.07em; border-bottom:1px dashed #2992b1;}
.day {display:block; width:720px; margin-bottom:12px; padding:15px 0 25px 0; border-bottom:1px dashed #2992b1; overflow:hidden;}
.day-title {text-align:left; font-weight:bold; padding-bottom:15px; font-size:18px;}
.day-l {float:left; width:470px;}
div.day-l p {text-align:left; font-size:16px; margin:10px 0 0 0; padding:0 10px 0 0; line-height:1.75;}
div.day-l ol {text-align:left; margin:10px 0 20px 20px; padding-left:10px;}
div.day-l ol:before {font-weight:bold;}
div.day-l li {text-align:left; font-size:13px; font-weight:normal; padding-left:0; margin-bottom:12px; line-height:1.4;}

.day-r {float:right; width:240px;}
div.day-r img {width:240px; margin-left:10px; padding-top:10px;}
div.day-r p {text-align:center !important; font-size:11px; font-style:italic; margin:0; padding:0;}
#day-btm {width:100%; margin:0 auto; padding:30px 0;}
div#day-btm p {font-size:13px; text-align:center; line-height:1.4;}

div#day-btm a, a:link, a:visited {color:#4274b4; text-decoration:underline;}
div#day-btm a:hover {color:#2992b1;}

.tes {display:block; width:720px; margin-bottom:12px; padding:15px 0 25px 0; border-bottom:1px dashed #2992b1; overflow:hidden;}
.tes-title {text-align:left; padding:15px 0 15px 25px; font-size:13px;}
.tes-l {float:left; width:470px;}
/*div.tes-l p {text-align:left; font-size:16px; margin:10px 0 0 0; padding:0 10px 0 0; line-height:1.4;}*/
.tes-r {float:right; width:240px;}
div.tes-r img {width:240px; margin-left:10px; padding-top:10px;}
div.tes-r p {text-align:center !important; font-size:11px; font-style:italic; margin:0; padding:0;}
#tes-btm {width:100%; margin:0 auto; padding:30px 0;}
div#tes-btm p {font-size:13px; text-align:center; line-height:1.4;}
.comment {text-align:left; font-size:16px; margin:0; padding:0; padding-right:10px; line-height:1.4;}
a.morelink {display:block; width:120px; margin:20px 0 10px 0; padding:5px; text-align:center; color:#2992b1; text-decoration:none !important; border:1px solid #2992b1 !important;}
a.morelink:hover {background-color:#c9e9f3;}
.morecontent span {display: none;}

.exp-left {float:left; margin:0; padding:0; width:40%;}
div.exp-left p {text-align:left; font-size:18px; font-weight:bold; line-height:1.5em; margin:0 5px 20px 0; padding:0;}
.exp-right {float:right; margin:0; padding:0; width:50%;}

.pagination {margin:15px auto; padding:0; width:90%; text-align:center;}
.pagination a {display:inline-block; width:15px; margin:3px 6px; padding:6px; color:#2992b1; text-align:center; text-decoration:none !important; border:1px solid #c9e9f3 !important; background-color:#fff;}
.pagination a:hover {background-color:#c9e9f3;}
.pagination a.active {color:#fff; background-color:#2992b1;}

a.enqlink, a.enqlink:link, a.enqlink:visited {display:block; margin:10px 0; padding:20px 5px; text-align:center; color:#fff; text-decoration:none; font-weight:bold; border:1px solid #2992b1; background-color:#2992b1;}
a.enqlink:hover {background-color:#c9e9f3;}

#links-l {float:left; width:480px; padding-top:30px; }
div#links-l p {text-align:left; color:#4274b4; margin:0; margin-bottom:24px; padding:0; padding-right:10px; font-size:13px;}
div#links-l ul {margin:0; margin-left:60px; list-style-type:square; text-align:left; padding-left:12px;}
div#links-l li {list-style-type:square; text-align:left; font-size:13px; font-weight:bold; padding-left:16px; margin-bottom:32px;}
div#links-l li a, div#links-l li a:link, div#links-l li a:visited {color:#4274b4; text-decoration:none; padding-bottom:5px; border-bottom:1px dashed #94ccdd;}
div#links-l li a:hover {border-bottom:1px dashed #4274b4;}
#links-r {float:right; width:240px; padding-top:30px; }
div#links-r p {text-align:left; color:#2992b1; font-size:12px; margin:0; padding:0; font-style:italic;}

.ski {margin:0 auto; padding:10px 0;}
.ski img {width:auto; max-width:100%; height:auto;}
a.skilink, a.skilink:link, a.skilink.visited {display:block; text-align:center; text-decoration:none; color:#c9e9f3; font-size:12px; font-style:italic; border:0;}
a.skilink:hover {color:#2992b1;}

.contact {float:left; width:320px; height:auto; overflow:hidden;}
.contact-info {float:left; width:320px; padding-bottom:0;}
div.contact-info p {text-align:left; font-size:18px; font-weight:bold; line-height:1.3em; margin:0 5px 20px 0;}
.contact-map {float:right; width:320px; margin-top:15px; padding-bottom:0;}
.contact-right {float:right; width:640px; padding:0; text-align:center; overflow:hidden;}
p.caption {margin:0; padding:15px 0; text-align:center; color:#000; font-size:12px; font-style:italic;}
#formbox {float:right; width:640px; padding:0;}

.divider {display:block; width:640px; margin:0 auto; padding:10px 0;}
.divider-btm {display:block; width:640px; margin:0 auto; padding:12px 0 12px 0;}

label {display:inline-block; text-align:right; width:100px; padding:10px 20px 0 0; font-weight:bold; vertical-align:top;}
label.cap {display:inline-block; width:100px; text-align:center; padding:5px 0; vertical-align:top;} 
input {display:inline-block; width:440px; height:30px; color:#2992b1; font-size:15px; padding:5px 10px; background-color:#f4fbfd; border:1px solid #2992b1;}
input:focus {color:#222; background-color:#C9E9F3;}
input.capbox {width:110px; height:30px; color:#eee; font-size:15px; padding:5px 10px; background-color:#f4fbfd; border:1px solid #2992b1;}
input.capbox:focus {color:#222; background-color:#C9E9F3;}
textarea {display:inline-block; width:440px; height:120px; color:#2992b1; font-size:15px; font-family: Arial, Helvetica, sans-serif; padding:5px 10px; background-color:#f4fbfd; border:1px solid #2992b1;}
textarea:focus {color:#222; background-color:#C9E9F3;}

p.thanks {text-align:center; margin:0; margin-bottom:15px; padding:0; font-size:16px; font-weight:bold;}

.mailtitle {display:block; padding:15px; text-align:center; color:#fff; font-size:21px; font-weight:bold; background-color:#2992b1;}
label.mail {display:block; width:75%; text-align:left; margin:15px 45px 5px 45px; font-weight:bold;} 
input.mailfield {margin:0 45px; width:75%; height:30px; color:#2992b1; font-size:15px; padding:5px 15px; background-color:#f4fbfd; border:1px solid #2992b1;}
input.mailfield:focus {color:#222; background-color:#C9E9F3;}
.mailbtn {width:200px; height:50px; margin:20px 45px; padding-top:5px; text-align:center; color:#fff; font-size:15px; font-weight:bold; border:1px solid #2992b1; background-color:#2992b1;}
.mailbtn:hover {color:#2992b1; background:#c9e9f3;}
.indicates-required {text-align:left; margin:5px 45px; font-size:11px; font-weight:normal; font-style:italic;}

.enq-title {display:block; margin:0 auto 25px auto; text-align:center; font-size:24px; font-weight:bold;}
.enq-row {display:block; width:740px; margin:0 auto; padding:15px 0 5px 0; overflow:hidden;}
.enq-row p {margin:0; padding:0; padding-bottom:5px; width:100%; font-weight:bold; border-bottom:1px dashed #c9e9f3;} 
.enq-row-l {float:left; width:350px; padding:5px;} 
.enq-row-r {float:right; width:350px; padding:5px;}

.enq-row label {display:block; cursor:pointer; width:80%; text-align:left; padding:0 0 2px 10px; font-weight:normal;}
.enq-row label.chkb {display:inline; cursor:pointer; width:80%; text-align:left; padding:0 0 2px 10px; font-weight:normal;}

.enq-row-l input, .enq-row-r input {width:340px; height:26px; color:#2992b1; font-size:14px; padding:2px 6px; background-color:#f4fbfd; border:1px solid #2992b1;}
.enq-row-l input:focus, .enq-row-r input:focus {color:#222; background-color:#C9E9F3;}

.enq-row > input {margin-left:5px; width:720px; height:26px; color:#2992b1; font-size:14px; padding:2px 6px; background-color:#f4fbfd; border:1px solid #2992b1;}

.enq-row-l select, .enq-row-r select {width:350px; height:32px; color:#2992b1; font-size:14px; padding:2px 6px; background-color:#f4fbfd; border:1px solid #2992b1; border-radius:0;}
.enq-row-l select:focus, .enq-row-r select:focus {color:#222; background-color:#C9E9F3;}

.enq-row textarea {margin-left:5px; width:710px; height:50px; color:#2992b1; font-size:15px; padding:5px 10px; background-color:#f4fbfd; border:1px solid #2992b1;}
.enq-row textarea:focus {color:#222; background-color:#C9E9F3;}

.enq-row input.chkbox {display:inline; margin:0 5px; padding:5px; width:15px; height:15px; } 

.enq-row input.codebox {width:226px; height:26px; color:#2992b1; font-size:14px; padding:2px 6px; background-color:#f4fbfd; border:1px solid #2992b1;}
.enq-row input.codebox:focus {color:#222; background-color:#C9E9F3;}

.enq-row img {margin-bottom:10px;}

.enq-3 {display:inline-block; width:235px; padding:5px 0 5px 5px; text-align:right;}
.enq-3 label {display:inline; cursor:pointer; width:180px; text-align:left; padding:0; font-weight:normal;}
.enq-3 input {width:40px; height:26px; color:#2992b1; font-size:14px; padding:2px 6px; background-color:#f4fbfd; border:1px solid #2992b1;} 
.enq-3 input:focus {color:#222; background-color:#C9E9F3;}

.txt-row {display:block; padding:5px 0;}
.txt-row p {text-align:center; margin:0; padding:0 20px 15px 20px; font-size:14px; color:#8bc9dc; font-style:italic; line-height:1.4;}

.enqbtn {width:240px; height:50px; margin:25px 5px; text-align:center; color:#fff; font-size:15px; font-weight:bold; border:1px solid #2992b1; background-color:#2992b1;}
.enqbtn:hover {background:#c9e9f3;}

#footer {display:block; clear:both; width:100%; padding:10px 0; background-color:#2992b1; color:#fff; border-top:2px solid #c9e9f3; overflow:hidden;}
#footer-l {float:left; width:200px; left:0; min-height:100px; }
#footercontainer {margin:0 auto; width:1100px; color:#fff;}
.foot-top {clear:both; margin:0 auto; padding:30px 0 15px 0; text-align:center; color:#fff; font-size:16px;}
.foot-top p {text-align:center; margin:0 auto; padding:0; width:400px;}
.foot-top img {padding:5px 0 10px 5px;}
.foot-l {float:left; width:400px; padding:10px 0; text-align:left; color:#fff; font-size:14px; font-weight:bold;}
.foot-r {float:right; width:400px; padding:10px 0; text-align:right; color:#fff; font-size:14px; font-weight:bold;}
.foot-l p, .foot-r p {line-height:1.3;}
.foot-btm {clear:both; margin:0 auto; padding:50px 0 25px 0; text-align:center; color:#fff; font-size:12px;}
.foot-btm p {margin:0; margin-bottom:15px; padding:0; text-align:center; line-height:1.4;}
a.footlink, a.footlink:link, a.footlink:visited {text-decoration:underline; color:#fff; font-size:12px; padding:5px 15px;}
a.footlink:hover {color:#c9e9f3;}

a.back-to-top {
display: none;
width: 50px;
height: 50px;
text-indent: -9999px;
position: fixed;
z-index: 999;
right: 10px;
bottom: 50px;
background: #c9e9f3 url("../graphics/up-arrow.png") no-repeat center 43%;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
opacity:0.5;
border-radius: 30px;
}
a.back-to-top:hover {opacity:1.0;}


@media only screen and (max-width: 1139px) {
	
h1 {width:100% !important; margin:4px auto 15px auto;}
h2 {font-size:16px; margin-top:30px;}
#header-content {width:auto; max-width:96% !important;}
.homeheader {width:98%;padding:20px 1%;}
#slide-container {width:100%; margin-top:0;}
#content {width:96% !important; padding:10px 2%;}
.content-left {float:none; margin:0 auto; width:100%; padding-bottom:30px;}
div.content-left p {text-align:center !important; margin:0 auto !important; padding-bottom:15px; line-height:1.5; max-width:90%;}
div.content-left ul {margin:15px; padding-left:12px;}
.content-right {float:none; margin:0 auto; width:100%; text-align:center;}
.content-video {float:none; margin:15px auto 0 auto; width:100%; text-align:center;}
.self-guide, .video {margin:0 auto;}
.gallery-pic {margin:0 10px 10px 0; padding:0;}
#footercontainer {width:auto; max-width:96% !important;}	
}

@media only screen and (min-width:375px) and (max-width:779px) {	
.map-l {display:inline-block; float:none; margin-bottom:20px;}
.map-r {display:inline-block; float:none;}
}


@media only screen and (max-width: 767px) {
h2 {font-size:16px; margin-bottom:12px;}
h3 {text-align:center;}
h4 {text-indent:30px; font-size:15px; padding:20px 0;}
h6 {display:none;}
#header-content {margin:0 auto; width:90%; padding:5px 0;}
.logo {float:none; width:100%; padding:2px 0; text-align:center;}
.header-r {display:none;}
.phone {display:none;}
.self-guide, .video {width:96%; padding:2%; margin-bottom:20px;}
.self-guide-l {float:none; margin:0 auto; width:90%; padding:5px 0;}
.self-guide-r {display:none;}
div.self-guide-r img {display:none;}
#row2 {float:none; margin:0 auto; padding-top:0; width:100%;}
.row2-l {float:none; width:100%; margin-bottom:20px;}
.row2-l img {width:100%; height:auto;}
.row2-r {float:none; width:100%; margin-bottom:20px;}
.row2-r img {width:100%; height:auto;}	
#row3 {float:none; margin:0 auto; padding-top:0; width:100%;}
.row3-l {float:none; width:100%; margin-bottom:20px;}
.row3-l img {width:100%; height:auto;} 
.row3-m {float:none; width:100%; margin:0; margin-bottom:20px;}
.row3-m img {width:100%; height:auto;}
.row3-r {float:none; width:100%; margin-bottom:20px;}
.row3-r img {width:100%; height:auto;}
.row-left {display:block; float:none; width:90%; margin:0 auto; padding:0;}
.row-right {display:block; float:none; width:90%; margin:25px auto; padding:0;}
.map {padding-bottom:35%;}
.profile {display:block; float:none; margin:20px auto; width:90%;}
div.profile ul {list-style-type:square; text-align:center; margin:15px 0 25px 25px; padding-left:15px;}
div.profile li {list-style-type:square; text-align:left; font-size:14px; font-weight:bold; padding-left:0; margin-bottom:12px;}
.staff-l {float:none; width:100%; margin-bottom:15px;}
.staff-r {float:none; width:100%; margin-bottom:15px;}
.staff-r img {width:auto; max-width:100%; height:auto; margin:0 auto; padding-left:0;}
.prices {float:left; width:auto; max-width:260px; padding:15px 0; overflow:hidden;}
.leftcol-list {float:none; clear:both; width:auto; max-width:100%; padding:10px 10px 20px 10px; border-top:0; overflow:hidden;}
.tour-links {width:70%;}
.day {width:90%; margin:0 auto 15px auto;}
.day-l {float:none; width:100% !important; }
div.day-l p {font-size:13px; margin:10px 0 0 0; padding:0 10px;}
div.day-l li {font-size:14px;}
.day-r {float:none; width:100%; text-align:center; padding-top:20px; margin-bottom:25px;}
div.day-r img {margin:0 auto; padding:0;width:auto; max-width:100%; height:auto;}	
.tes {width:90%; margin:0 auto 15px auto;}
.tes-l {float:none; width:100% !important;}
div.tes-l p {font-size:16px;}
.tes-r {float:none; width:100%; text-align:center; padding-top:20px; margin-bottom:25px;}
div.tes-r img {margin:0 auto; padding:0;width:auto; max-width:100%; height:auto;}

.exp-left {float:none; margin:0; padding:0; padding-bottom:15px; width:100%;}
div.exp-left p {text-align:center !important; margin:0 auto !important; padding-bottom:15px; line-height:1.5; max-width:90%;}
.exp-right {float:none; margin:0 auto; padding:0; width:90%;}

.map-l {display:block; float:none; margin:0 auto; height:auto;}
.map-r {display:block; float:none; margin:20px auto; height:auto;}	
#links-l {float:none; width:100%;}
div#links-l p {font-size:15px;}
div#links-l ul {margin-left:30px;}
div#links-l li {font-size:15px;}
#links-r {float:none; width:75%; margin:0 auto; padding-top:30px; }
div#links-r p {text-align:center; font-size:13px;}
.contact {float:none; margin:0 auto 50px auto; width:90%; height:auto; overflow:hidden;}
.contact-info {float:none; width:100%; padding-bottom:0;}
div.contact-info p {text-align:center; margin:0 0 20px 0;}
.contact-map {float:none; margin:15px auto; width:320px;}
.contact-right {float:none; width:90%; margin:0 auto;}
#formbox {float:none; margin:0 auto; width:90%; padding:0;}
.divider {width:100%;}
.divider-btm {width:100%;}
label {display:block; text-align:left; width:auto; padding:5px 10px;}
input {display:inline-block; width:80%; margin:0 auto;}
label.cap {display:block; margin:0 auto; width:110px; text-align:center; padding:5px 0; vertical-align:top;} 
textarea {display:block; width:80%; height:120px; margin:0 auto;}
.enq-row {width:90%;}
.enq-row-l {float:none; width:100%; padding:5px 0 20px 0; text-align:left;} 
.enq-row-r {float:none; width:100%; padding:5px 0 20px 0; text-align:left;}
.enq-row-l input, .enq-row-r input {width:90%; height:30px;}
.enq-row > input {margin-left:0; float:left; width:90%; height:30px;}
.enq-row-l select, .enq-row-r select {width:90%; height:36px;}
.enq-row textarea {margin-left:0; width:90%; height:90px; padding:5px;}
.enq-row input.chkbox {display:inline; margin:0 5px; padding:5px; width:15px; height:15px;} 
.enq-row input.codebox {float:none; width:110px; height:30px;}
.enq-3 {display:block; margin:0 auto; width:150px; padding:5px 0; text-align:right;}
.enq-3 label {display:inline; cursor:pointer; width:180px; text-align:left; padding:0; font-weight:normal;}
.enq-3 input {width:40px; height:30px;} 
.enqbtn {margin:15px auto;}
.foot-top p {width:auto; max-width:400px;}
.foot-l {float:none; margin:0 auto; width:100% !important; text-align:center;}
.foot-r {float:none; margin:0 auto; width:100% !important; text-align:center;}
}

@media only screen and (max-width: 639px) {
.gallery-container {width:244px;}
.gallery-thumb {margin:0 0 15px 0;}
.tours {width:90%; margin-bottom:20px;}
.tours-l {float:none; width:100%; min-height:0;}
div.tours-l p {font-size:14px; width:100%; padding:10px; margin:5px 0;}
.tours-r {float:none; width:100%; text-align:center;}
div.tours-r img {margin:0 auto; padding:10px;}
.tours-btm {float:none; clear:both; width:100%; text-align:center; color:#fff; font-size:12px; margin:0 auto; padding:10px 0;}	
}

@media only screen and (max-width: 479px) {
.homeheader h1 {font-size:32px;}
.homeheader p {font-size:21px;}
table, th, td {padding:10px 5px; font-size:12px;}
#places-l {float:none; width:100%; margin-top:20px; }
div#places-l p {padding-right:15px;}
.places-thumb {float:none; width:100%; margin:0 auto 15px auto;}
#places-r {float:none; width:100%; margin-left:0; text-align:center; }
div#places-r p {margin-bottom:10px;}
.map-l {width:300px;}
.map-r {width:304px;}
}

@media only screen and (max-width: 374px) {
.foot-top {font-size:12px;}
.foot-top img {width:50px; height:auto;}
}

@media only screen and (min-width:480px) and (max-width: 1139px) {
#places-l {float:none; width:auto; max-width:800px;}
div#places-l p {padding-right:15px;}
div#places-r p {margin-bottom:10px;}
}

@media only screen and (min-width:768px) and (max-width: 1139px) {
#row2 {float:none; margin:0 auto;}
#row3 {float:none; margin:0 auto;}
.profile {display:inline-block; float:left; width:40%; margin-left:5%;}
.prices {float:left; width:auto; max-width:260px; padding:15px 0; overflow:hidden;}
.leftcol-list {float:right; width:auto; max-width:465px; padding-top:0; border-top:0; overflow:hidden;}
.tour-links {width:80%;}
.foot-l {width:360px;}
.foot-r {width:360px;}
}

@media only screen and (min-width:640px) and (max-width: 767px) {
.gallery-container {width:514px;}
.gallery-thumb {margin:0 12px 12px 0;}
.tours {width:90%;}
.tours-l {width:auto; max-width:50%;}
div.tours-l p {font-size:13px; width:auto; padding:0 10px; margin:5px 0;}
.tours-r {float:right; width:240px; overflow:hidden;}
div.tours-r img {padding-top:10px; width:240px; height:180px;}
.tours-btm {float:none; clear:both; width:100%; text-align:center; color:#fff; font-size:12px; margin:0 auto; padding:10px 0;}
}

@media only screen and (min-width:768px) and (max-width: 1023px) {
.gallery-container {width:760px;}
.gallery-thumb {margin:0 10px 10px 0; width:230px;}
div.gallery-thumb img {width:230px; height:173px;}
.gallery-pic {width:230px; height:173px; margin:0 10px 10px 0;}
div.gallery-pic img {height:173px;}
.map-container {width:100%;}
.day {width:100%; margin:0 auto 15px auto;}
.day-l {float:left; width:auto; max-width:490px;}
.contact {float:none; margin:0 auto 50px auto; width:90%; height:auto; overflow:hidden;}
.contact-info {float:left; width:auto; padding-bottom:0;}
div.contact-info p {text-align:left; font-size:18px; font-weight:bold; line-height:1.3em; margin:0 5px 20px 0;}
.contact-map {float:right; width:320px; margin-top:15px; padding-bottom:0;}
.contact-right {float:none; width:90%; margin:0 auto;}
#formbox {float:none; margin:0 auto; width:100%; padding:0;}
}

@media only screen and (min-width:1024px) and (max-width: 1139px) {
.gallery-container {width:980px;}
.gallery-thumb {margin:0 10px 10px 0; width:230px;}
div.gallery-thumb img {width:230px; height:173px;}
.gallery-pic {width:230px; height:173px; margin:0 10px 10px 0;}
div.gallery-pic img {height:173px;}
.map-container {width:80%;}
.day {width:80%; margin:0 auto 15px auto;}
.day-l {float:left; width:auto; max-width:540px;}
.tes {width:80%; margin:0 auto 15px auto;}
.tes-l {float:left; width:auto; max-width:540px;}
}