/*

Theme Name: Walking with Dinosaurs 
Theme URI: http://www.dinosaurslive.co.uk
Description: Website Theme
Author: Antony Howlett
Version: 1.0

*/
 
/*-- Imports --*/
@import url("library/styles/base.css");
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300,300italic); /* Open Sans Condensed web font */

/*

Styling Index
---------------
1. General Styles 
	- 1140 Grid System
	- Base Definitions
	- Reusable Classes
	- Navigation
	- Structure / Layout
2. Page Specific
3. Plugins
4. Bug Fixes
5. Resolution Specific

Colour Index
----------------
#f9b205 - golden yellow
#333333	- graphite grey
#9dacb6 - midnight blue

*/

/*-- 1. General Styles --*/

/*---- 1140 Grid System ----*/
.gridrow {width: 100%; max-width: 1140px; margin: 0 auto 30px;}
.gridrow.nospace {margin-bottom: 0;}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {float: left; min-height: 1px; margin-right: 3.8%;}
.onecol {width: 4.85%;}
.twocol {width: 13.45%;}
.threecol {width: 22.05%;}
.fourcol {width: 30.75%;}
.fivecol {width: 39.45%;}
.sixcol {width: 48%;}
.sevencol {width: 56.75%;}
.eightcol {width: 65.4%;}
.ninecol {width: 74.05%;}
.tencol {width: 82.7%;}
.elevencol {width: 91.35%;}
.twelvecol {width: 100%; float: left;}
.last {margin-right: 0;}
.gridrow img, .gridrow object, .gridrow embed {max-width: 100%;}
.gridrow img {height: auto; display: block;}

/* Resize columns for mobile */
@media handheld, only screen and (max-width: 767px) {
	.gridrow, body {width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
	.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {width: auto;	float: none; margin-left: 0; margin-right: 0;}
}

/*---- Base Definitions ----*/
html {background: #000;}
body {
	height: 100%; 
	font: 93.8% /*15px*/ sans-serif; 
	color: #fff; 
	background: #000 url(library/images/bg/header-america.jpg) no-repeat center top; 
	/* border-top: 5px solid lightblue; */
}
h1 {margin: 0 0 1em; font: 700 2em/0.8 /*30px*/ 'Open Sans Condensed', sans-serif;}
h2 {margin: 0 0 1em; font: 700 1.667em/0.8 /*25px*/ 'Open Sans Condensed', sans-serif;}
h3 {margin: 0 0 1em; font: 700 1.467em/0.8 /*22px*/ 'Open Sans Condensed', sans-serif;}
h4 {margin: 0 0 1em; font: 700 1.2em/0.8 /*18px*/ 'Open Sans Condensed', sans-serif;}
h5 {font: 700 1.067em/0.8 /*16px*/ 'Open Sans Condensed', sans-serif;}
h6 {font: 700 1em/0.8 /*15px*/ 'Open Sans Condensed', sans-serif;}
p {margin: 0 0 1em; line-height: 1.4;}
ul {margin: 0 0 1em; line-height: 1.4;}
a {color: #f9b205;}
a:hover {color: #fff;}
input {height: 34px; overflow: hidden; padding: 0 10px; margin: 0; vertical-align: middle; border: 0; color: #fff; background: #333;}
em {font-style: italic;}
strong {font-weight: bold;}
video {max-width: 100%;	height: auto;}
blockquote {text-align: center;}
cite {font: 700 1em/0.8 /*15px*/ 'Open Sans Condensed', sans-serif;}

/*---- Reusable Classes ----*/
.alignLeft {float: left;}
.alignRight {float: right;}
.show {display: block;}
.hide {display: none;}
.clear {clear: both;}
.reduceFont {font-size: 0.867em;}
.black80 {background: url(library/images/bg/black80.png);}
.list.arrow {padding-left: 2em; font: bold 0.867em/1.3 /*13px*/ sans-serif;}
.list.arrow li {margin-bottom: 10px; list-style-image: url(library/images/bg/markers/right.gif); color: #9dacb6;}
.fadeOutBottom, .fadeOutRight, .fadeOutLeft {position: relative;}
.fadeOutBottom:after, .fadeOutRight:after, .fadeOutLeft:before {
	position: absolute; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	height: 50px; 
	content: ""; 
	background: url(library/images/bg/fadeOutBottom.png) repeat-x left bottom;
	z-index: 3;
}
.fadeOutRight:after {top: 0; left: auto; width: 25px; height: auto; background: url(library/images/bg/fadeOutRight.png) repeat-y right top;}
.fadeOutLeft:before {top: 0; right: auto; width: 25px; height: auto; background: url(library/images/bg/fadeOutLeft.png) repeat-y left top;}
.rating {
	display: none; 
	width: 0; 
	height: 34px; 
	margin: 0 auto; 
	text-indent: -999em; 
	background: url(library/images/bg/sprite.png) no-repeat -172px -144px;
}
.rating.five-stars {display: block; width: 180px;}
.rating.four-stars {display: block; width: 144px;}

/*---- Responsive Video ----*/
.ratio16to9 {padding-bottom: 56.25%;}
.video {position: relative; height: 0; margin-bottom: 20px;}
.video iframe, .video object, .video embed, .video div {position: absolute !important; top: 0; left: 0;}

@media only screen 
and (min-device-width : 320px)
and (max-device-width : 1024px) {
	.video {width: 100%; padding: 30px 0 50.75%;}
	.video div {position: static !important; top: inherit; left: inherit;}
	.video iframe, .video object, .video embed {width: 100%; height: 100%;} 
}

/*---- Navigation ----*/
#mainMenu ul {width: 100%; max-width: 1140px; margin: 0 auto 2em; list-style: none;}
#mainMenu li {
	display: block; 
	float: left; 
	position: relative; 
	text-align: center; 
	font: 700 1.467em/0.8 /*22px*/ 'Open Sans Condensed', sans-serif;
}
#mainMenu li.hide {display: none;}
#mainMenu li.disabled {background: #000;}
#mainMenu li.disabled a, #mainMenu li.disabled a:hover {
	color: #333;
	background: #f9b205 url(library/images/\/lightGrad.gif) repeat-x left top;
	opacity: 0.5;
	cursor: default;
}
#mainMenu a, 
#mainMenu .current-menu-item .sub-menu a,
#mainMenu .current-menu-parent .sub-menu a {
	display: block; 
	margin: 0 1px;
	padding: 10px 10px 12px; 
	text-decoration: none;
	border: 1px solid #000;
	border-radius: 3px; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
	color: #333;
	background: #f9b205 url(library/images/btn/lightGrad.gif) repeat-x left top;
	background-size: contain;
	white-space: nowrap;
}
#mainMenu li a:hover, 
#mainMenu .current-menu-item a,
#mainMenu .current-menu-item .sub-menu a:hover,
#mainMenu .current-menu-parent a,
#mainMenu .current-menu-parent .sub-menu a:hover,
#mainMenu .sub-menu .current-menu-item a,
.single-dinosaurs #mainMenu .linkUpClose a,
.single-creative #mainMenu .linkCreative a {
	color: #fff; 
	background: #12100b url(library/images/btn/lightGradHover.gif) repeat-x left top;
	background-size: contain;
}
#mainMenu li.linkAbout {width: 15%;}
#mainMenu li.linkTicket {width: 15%;}
#mainMenu li.linkMenu {display: none;}

#mainMenu li.socialLink { width: 3.8%; text-indent: -9999px; position: relative;  margin-left: 5px; }
#mainMenu li.socialLink a { background: #131D29 url(library/images/btn/darkGrad.gif) repeat-x left top; }
#mainMenu li.socialLink a span { background-repeat: no-repeat; text-indent: -9999px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 60%; background-position: center center;}
#mainMenu li.facebook a span { background-image: url(library/images/bg/social/facebook.png); }
#mainMenu li.twitter a span { background-image: url(library/images/bg/social/twitter.png); }
#mainMenu li.instagram a span { background-image: url(library/images/bg/social/instagram.png); }
#mainMenu li.youtube a span { background-image: url(library/images/bg/social/youtube.png); }
#mainMenu li.vine a span { background-image: url(library/images/bg/social/vine.png); }
#mainMenu li.email a span { background-image: url(library/images/bg/social/email.png); }

#mainMenu .sub-menu {display: none; margin-bottom: 0;}
#mainMenu .sub-menu li {width: 100%; font: 700 0.7em/0.8 'Open Sans Condensed', sans-serif;}
#mainMenu .sub-menu a {background: #f9b205 url(library/images/btn/lightGrad.gif) repeat-x left top;}
#mainMenu li:hover .sub-menu {display: block; position: absolute; top: 90%; left: 0; z-index: 4;}

#dinosaurs {float: left; min-height: 1px; width: 30.75%;}

/* Buttons */
.btn {
	display: inline-block; 
	padding: 10px;  
	text-align: center; 
	text-decoration: none; 
	text-transform: uppercase; 
	font: 700 1em/0.8 /*15px*/ 'Open Sans Condensed', sans-serif;
	color: #fff; 
	background: #131d29 url(library/images/btn/darkGrad.gif) repeat-x left top;
	background-size: contain;
	border: 1px solid #17375d;
	border-radius: 3px; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
	cursor: pointer;
}
.btn:hover, .btn.selected {
	color: #fff; 
	background: #12100b url(library/images/btn/darkGradHover.gif) repeat-x left top;
	background-size: contain;
	border: 1px solid #333;
}
.btn.xlarge {padding: 13px 15px; font-size: 1.8em /*27px*/;}
.btn.large {padding: 10px 15px; font-size: 1.333em /*20px*/;}
.btn.small, .bookingLinks .btn {padding: 8px 9px; font-size: 0.867em /*13px*/;}

.btn.disabled {
	cursor:default;
	color: #fff;background: #12100b url(library/images/btn/darkGradHover.gif) repeat-x left top;background-size: contain;
	opacity:0.5;
}

.btn.social {padding-left: 35px; background-size: 100%; background-position: center center;}
.btn.social.facebook {background: url(library/images/bg/social/facebook-btn.png) -6px center;}
.btn.social.twitter {background: url(library/images/bg/social/twitter-btn.png) -6px center;}
.btn.social.instagram {background: url(library/images/bg/social/instagram-btn.png) -6px center;}

/* Forms */
.textInput, #EMAIL {float: left; width: 70%; font-size: 0.933em /*14px*/;}

.btn.form, #subscribe {	
	padding: 0 10px;
	text-align: center; 
	text-decoration: none; 
	text-transform: uppercase; 
	font: 700 1em/0.8 /*15px*/ 'Open Sans Condensed', sans-serif;
	color: #333; 
	background: #131d29 url(library/images/btn/lightGrad.gif) repeat-x left top;
	background-size: contain;
	border: 1px solid #17375d;
	border-radius: 3px; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
	cursor: pointer;
}
.btn:hover.form, #subscribe:hover {
	color: #fff; 
	background: #12100b url(library/images/btn/lightGradHover.gif) repeat-x left top;
	background-size: contain;
	border: 1px solid #333;
}
#subscribe {display: block; width: 20%;}

.dropdown {position: relative;}
.dropdown .textInput {width: 72%;}
.dropdown .form.btn {
	width: 35px;
	background: #f9b205 url(library/images/btn/lightGrad.gif) repeat-x left top;
	background-size: auto, contain;
}
.dropdown .form.btn:hover {background-image: url(library/images/btn/lightGradHover.gif);}
.dropdown ul {position: absolute; top: 99%; left: 0; width: 72%; padding: 0 10px; background: #333; z-index: 4;}
.dropdown li {padding-bottom: 5px;}
.dropdown a {display: block; text-decoration: none;}

/*---- Structure / Layout ----*/

#holder {min-height: 100%; background: url(library/images/bg/footer.jpg) no-repeat center bottom;}
.wrapper {padding-left: 20px; padding-right: 20px;}

/* Header */
#siteHeader {padding-top: 20px;}
#siteHeader h3 {
	text-align: center;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
	font-size: 2.8em /*32px*/;
}

#siteHeader .gridrow {min-height: 360px;}

#siteHeader .gridrow .fivecol {text-align: center;}

#siteHeader .buyTickets { background: #F9B205 url(library/images/btn/lightGrad.gif) repeat-x left top; color: #333; }
#siteHeader .buyTickets:hover {	color: #fff; background: #12100b url(library/images/btn/lightGradHover.gif) repeat-x left top; background-size: contain; }

#lead {max-width: 1140px; margin: 0 auto 1em;}
.share {padding: 5px 0 30px;}

#logo {margin-bottom: 1em;}

#buy {margin-right: 5px;}
#buy .btn {float: right;}
#phone {float: right; margin-right: 10px; font: 700 1.6em/2.2 /*24px*/ 'Open Sans Condensed', sans-serif; color: #fff; text-shadow: 1px 1px 5px #333;}
#phone span {font-size: 0.8em /*20px*/;}

#leadImage {margin: -20px 0 20px;}

/* Content */
#content {
	position: relative;
	min-height: 500px; 
	margin-top: -30px;
	padding-top: 30px;
	padding-bottom: 20px; 
	background: url(library/images/bg/dinosaurs/t-rex.gif) no-repeat 90% 80px;
	z-index: 1;
}

.box {
	padding: 4%;
	background-image: url(library/images/bg/boxShineBottom.png), url(library/images/bg/boxShineTop.png), url(library/images/bg/box.png);
	background-repeat: no-repeat, no-repeat, repeat;
	background-position: right bottom, left top, left top;
}
.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {line-height: 1.2;}
.pageContent {float: left; min-height: 1px; width: 61.4%; margin-right: 3.8%; padding: 2%;}

.widget {margin-bottom: 1em;}
.widget .btn {float: right;}

.facts {margin-top: 10px;}

.akaGallery ul {margin-bottom: 10px; padding: 0;}
.akaGallery li {float: left; margin: 0 4% 4% 0; list-style: none;}
.akaGallery li a {display: block; padding: 2px; background: #919fa8 url(library/images/bg/sprite.png) no-repeat left top;}
.akaGallery li a:hover {background: #fff none;}
.akaGallery img {display: block; margin: 0 auto;}

.fourcol .akaGallery ul li img {width: 99px; height: 99px;}
.akaGalleryThumbs.two li, .fourcol .akaGallery ul li {width: 48%;}
.akaGalleryThumbs.two li:nth-of-type(2n), .fourcol .akaGallery ul li:nth-of-type(2n) {margin-right: 0;}
.home .akaGalleryThumbs li {width: 22%;height: 22%;}
.home .akaGalleryThumbs li:nth-of-type(4n) {margin-right: 0;}

.tourMap {position: relative;}
.tourMap .bookingLinks {
	position: absolute; 
	top: 50px; 
	right: auto; 
	bottom: 50px; 
	left: 0; 
	width: 36%; 
	padding: 1% 1% 1em;
	background: url(library/images/bg/black80.png);
	z-index: 1;
}
.marker {
	position: absolute; 
	display: block; 
	width: 34px; 
	height: 34px; 
	text-indent: -999em; 
	background: url(library/images/bg/sprite.png) no-repeat -170px 0;
}

.bookingLinks li {padding: 5px 0; border-bottom: 1px solid #333;}
.bookingLinks hgroup {float: left;}
.bookingLinks .flag hgroup {padding-left: 45px; background: url(library/images/bg/spriteFlags.png) no-repeat 0 -175px; /* 5px */}
.bookingLinks .flag.ire hgroup {background-position: 0 -25px;}
.bookingLinks .flag.fin hgroup {background-position: 0 -55px;}
.bookingLinks .flag.den hgroup {background-position: 0 -85px;}
.bookingLinks .flag.swe hgroup {background-position: 0 -115px;}
.bookingLinks .flag.sco hgroup {background-position: 0 -175px; /* -145px */}
.bookingLinks .flag.nor hgroup {background-position: 0 -205px;}
.bookingLinks .flag.bel hgroup {background-position: 0 -235px;}
.bookingLinks .flag.czr hgroup {background-position: 0 -265px;}
.bookingLinks .flag.fra hgroup {background-position: 0 -295px;}
.bookingLinks .flag.ita hgroup {background-position: 0 -325px;}
.bookingLinks .flag.ger hgroup {background-position: 0 -355px;}
.bookingLinks .flag.aus hgroup {background-position: 0 -385px;}
.bookingLinks .flag.hol hgroup {background-position: 0 -415px;}
.bookingLinks .flag.swi hgroup {background-position: 0 -445px;}
.bookingLinks .flag.jpn hgroup {background-position: 0 -475px;}

.bookingLinks h4 {margin-bottom: 4px; font-size: 1em; line-height: 1;}
.bookingLinks h4 a {text-decoration: none; color: #fff;}
.bookingLinks h4 a:hover {color: #f9b205;}
.bookingLinks h5 {margin: 0; font: normal 11px/1em sans-serif;}
.bookingLinks .btn {float: right; margin-left: 5px;}

/* Footer */
#siteFooter {padding-top: 140px; padding-bottom: 5px;}

#emailSignup {float: left; width: 60%;}

#social {float: left; width: 140px; list-style: none;}
#social li {float: left; width: 25%; margin: 0 1.5%;}
#social img {margin: 0 auto;}

#credit-world, #credit-uk {text-align: right; font: 700 0.8em /*12px*/ 'Open Sans Condensed', sans-serif; color: #fff;}
#credit-uk {font-size: 0.7em;}
#credit-uk img {float: right; margin: 0 0 10px 10px;}
#consumer-panel {margin: 30px 0; color: #9DACB6; font-size: 1.1em; }

/*-- 2. Page Specific  --*/

/* 0.0 Gobal Landing page */
.home {background: #000 url(library/images/bg/glow.jpg) no-repeat center center;}

/* .home #holder {background: none;} */

/* .home h1, .home #logo {margin: 0;} */

#info {width: 80%; padding: 20px 30px;}
#info h3 {text-align: left; margin: 0 0 20px;}
#followFacebook, #followTwitter {
	display: block;
	float: left;
	margin: 0 0 10px 40px;
	text-decoration: none;
	font: 700 1.2em /*12px*/ 'Open Sans Condensed', sans-serif;
	color: #fff;
}
#followFacebook img, #followTwitter img {display: inline; float: left; width: 20px; margin: 2px 7px 0 0; vertical-align: middle;}
#followFacebook:hover, #followTwitter:hover {color: #f9b205;}

#enterWebsite {position: absolute; top: 0; left: 14%;}

.home #content {margin: -10px 0 0; padding-top: 0; padding-bottom: 0; background: none;}

.home .tourMap img {margin: 0 auto;}
.home .tourMap div {display: none;}
.home .marker.uk {top: 120px; right: 507px; left: auto;}
.home .marker.fin {top: 80px; right: 425px; left: auto;}
.home .marker.swe {top: 95px; right: 455px; left: auto;}
.home .marker.den {top: 115px; right: 475px; left: auto;}
.home .marker.nor {top: 95px; right: 475px; left: auto;}
.home .marker.bel {top: 130px; right: 490px; left: auto; z-index: 1;}
.home .marker.nire {top: 110px; right: 525px; left: auto;}
.home .marker.czr {top: 135px; right: 460px; left: auto; z-index: 3;}
.home .marker.fra {top: 135px; right: 505px; left: auto; z-index: 2;}
.home .marker.ita {top: 160px; right: 465px; left: auto; z-index: 5;}
.home .marker.ger {top: 140px; right: 482px; left: auto; z-index: 3;}
.home .marker.aus {top: 145px; right: 465px; left: auto; z-index: 4;}
.home .marker.hol {top: 137px; right: 492px; left: auto; z-index: 2;}
.home .marker.swi {top: 150px; right: 470px; left: auto; z-index: 4;}

/* .home #siteFooter {padding-top: 0; padding-bottom: 0;} */

/* 1.0 Homepage */
.home {background: url(library/images/bg/header-america.jpg) no-repeat center top;}

.home #siteHeader h3 {margin-right: 0;}
.home #siteHeader .video {margin-bottom: 0;}
.home .share {margin-bottom: 0; text-align: center;}

.home #content {background: url(library/images/bg/dinosaurs/brachHead.png) no-repeat center top;}
.home #content .gridrow {margin-bottom: 0;}



#synopsis {margin-bottom: 20px;}

#socialActivity {margin: 27px 0 20px;}
#socialActivity h3 {display: inline;}

.home .tourMap {margin-bottom: 10px; padding-bottom: 5px;}
.home .tourMap img {float: none; padding-top: 20px;}
.home .tourMap .bookingLinks {top: 0; right: 0; bottom: 0; left: auto; width: 55%; margin-bottom: 25px;}

/* .home #siteFooter {padding-top: 40px;} */
.home #stayInTouch {padding-top: 115px;}

/* 2.0 About the Show */
.page-about-the-show #content {background-image: url(library/images/bg/dinosaurs/ankylosaurus.gif);}

/* 2.1 The Making of */
.page-the-making-of #content {background-image: url(library/images/bg/dinosaurs/ornithocheirus.gif);}

/* 2.2 Creative Team */
.page-creative-team #content {background-image: url(library/images/bg/dinosaurs/stegosauraus.gif);}

.creativeTeam {margin: 15px 0;}
.creativeTeam li {float: left; width: 48%; margin: 0 3.8% 2% 0;}
.creativeTeam li:nth-of-type(2n) {margin-right: 0;}
.creativeTeam a {text-decoration: none;}
.creativeTeam img {width: 17%; float: left; margin-right: 4%;}
.creativeTeam h3 {font-size: 1.2em; margin: 7px 0 0;}
.creativeTeam h4 {font-size: 1em; margin-bottom: 0;}

.single-creative hgroup {margin-bottom: 2em;}
.single-creative hgroup h1, .single-creative hgroup h2 {display: inline;}
.single-creative hgroup h3 {margin-bottom: 0.1em;}
.single-creative .headshot {float: left; margin: 0 4% 4% 0;}
.single-creative .creativeTeam li {margin-bottom: 4%;}
.single-creative .creativeTeam img {width: auto; margin: 0;}
.single-creative .creativeTeam h3 {font-size: 1em; margin: 7px 0 0;}
.single-creative .creativeTeam h4 {font-size: 0.8em; margin-bottom: 0;}

/* 2.3 Show History */
.page-show-history #content {background-image: url(library/images/bg/dinosaurs/liliensternus.gif);}

#timeline h3 {float: left; width: 10%; padding: 12px 0 0 5%; clear: left;}
#timeline ul {float: left; width: 85%; margin: 0; padding-bottom: 10px; background: url(library/images/bg/scrollbars/timelineRunner.png) no-repeat left center;}
#timeline li:first-of-type ul {background-position: left top;}
#timeline li:last-of-type ul {background-position: left bottom;}
#timeline ul li {width: 80%; padding: 0 0 10px 8%; background: url(library/images/bg/markers/timeline.gif) no-repeat left 20px;}
#timeline ul li:nth-of-type(2n) {padding-left: 16%;}
#timeline div {
	padding: 15px; 
	font-size: 0.933em /*14px*/;
	color: #333; 
	background: #fff url(library/images/bg/cornerFade.png) no-repeat right bottom;
	border-radius: 3px; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
}
#timeline p:last-of-type {margin: 0;}
#timeline strong {font-size: 1.143em /*16px*/;}

/* 3.0 Tour Ticket Info */
#bookingInfo {padding: 1em 0; text-align: center;}
#bookingInfo h2, #bookingInfo .btn {margin-bottom: 1em;}

.page-tickets .share {text-align: center;}

#locationsHolder {position: relative;}
#locationsHolder img {
	border-radius: 3px; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
}
.locations {position: absolute; top: 7px; right: 7px; bottom: 7px; width: 42%; color: #333; background: url(library/images/bg/lightBox.png); padding: 2.5%;}
.locations h3, #locations .dropdown {margin-bottom: 20px;}
.locations .dropdown {margin-bottom: 20px; color: #fff;}

/* 4.0/4.1 News */
.category-news #content {background-image: url(library/images/bg/dinosaurs/brachiosauraus.gif);}

.category-news article {
	clear: both;
	width: 85%;
	margin-bottom: 1em;
	padding: 15px; 
	color: #333; 
	background: #fff url(library/images/bg/cornerFade.png) no-repeat right bottom;
	border-radius: 3px; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
}
.category-news article:nth-of-type(2n) {float: right;}
.category-news .thumb {float: left; width: 20%; margin-right: 3%;}
.category-news .thumb img {
	border-radius: 3px; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
}
.category-news .excerpt {float: left; width: 77%;}
.category-news .excerpt h3, .category-news .excerpt h4 {margin-bottom: 5px;}
.category-news .excerpt h3 a {color: #333; text-decoration: none;}
.category-news .excerpt h4 {color: #9dacb6;}

.single-post h4 {margin: 0; color: #9dacb6;}
.single-post p:first-of-type {font-weight: bold;}
.single-post .image {margin-bottom: 20px;}
.single-post .image img {
	border-radius: 3px; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
}

.single-post .latestNews img {float: left; width: 30%; margin: 0 1em 1em 0;}
.single-post .latestNews li {margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #333333;}
.single-post .latestNews p {display: none;}

/* 4.2 Reviews */
.page-reviews #content li {width: 32%; float: left; margin: 0 0.5% 30px;}
.page-reviews #content li:nth-of-type(3n+1) {clear: left; float: left;}
.page-reviews #content li:nth-of-type(3n) {clear: right; float: right;}
.page-reviews blockquote h2 {margin-bottom: 10px;}

/* 5.0 Gallery */

.page-galleries .akaGallery {margin-bottom: 25px;}
.page-galleries .akaGallery .viewport {position: relative; width: 70%; height: 105px; overflow: hidden;}
.page-galleries .akaGallery .viewport ul {position: absolute; top: 0; left: 0;}
.page-galleries .akaGallery .viewport li {float: left; margin: 0 10px 10px 0; list-style: none; width:104px;}

.page-galleries .akaGallery h2, .page-galleries .akaGallery p, .page-galleries .akaGallery .controls {
	width: 26%; 
	float: right; 
	clear: right; 
	padding-left: 2%; 
	padding-right: 2%;
}
.page-galleries .akaGallery h2 {font-size: 1.2em /*18px*/; margin-bottom: 10px;}
.page-galleries .akaGallery p {font-size: 0.867em /*13px*/; margin-bottom: 10px;}
.page-galleries .akaGallery.fadeOutRight:after{right: 30%;}

/* 6.0 Up Close */
.page-up-close h1, .single-dinosaurs h1 {display: inline-block; margin: 0 10px 20px 0;}
.page-up-close .phonetics, .single-dinosaurs .phonetics {display: inline; font-size: 1.2em /*18px*/; color: #9dacb6;}
.page-up-close #poster, .single-dinosaurs #poster {margin-bottom: 20px;}
.page-up-close #content .gridrow, .single-dinosaurs #content .gridrow {margin-bottom: 0;}

#moreDinosaurs {margin: 30px 0 25px;}
.upClose.sub-menu h4 {float: left; margin: 10px 0 5px;}
.upClose.sub-menu li {margin-bottom: 15px;}
.upClose.sub-menu .dinosaurLink {
	width: 80%;
	display: block;
	padding-left: 20%; 
	text-decoration: none; 
	color: #fff; 
	background: url(library/images/bg/spriteDinosaurs.jpg) no-repeat left top;
	white-space: nowrap;
}
.upClose.sub-menu .dinosaurLink:hover {color: #f9b205;}
.upClose.sub-menu .dinosaurLink.ankylosaurus {background-position: left -45px;}
.upClose.sub-menu .dinosaurLink.brachiosaurus {background-position: left -90px;}
.upClose.sub-menu .dinosaurLink.liliensternus {background-position: left -135px;}
.upClose.sub-menu .dinosaurLink.ornithocheirus {background-position: left -180px;}
.upClose.sub-menu .dinosaurLink.plateosaurus {background-position: left -225px;}
.upClose.sub-menu .dinosaurLink.stegosaurus {background-position: left -270px;}
.upClose.sub-menu .dinosaurLink.torosaurus {background-position: left -315px;}
.upClose.sub-menu .dinosaurLink.tyrannosaurus_rex {background-position: left -360px;}
.upClose.sub-menu .dinosaurLink.utahraptor {background-position: left -405px;}

/* 7.0 Education */
.page-education #content {background-image: url(library/images/bg/dinosaurs/torosauraus.gif);}
.page-education .pageContent .btn {margin-right: 1em;}

/* 8.0 Fun Stuff */
.page-fun-stuff #content {background-image: url(library/images/bg/dinosaurs/allisauraus.gif);}
.page-fun-stuff .downloads li {margin-bottom: 2em; padding: 0 3em 0 0;}
.page-fun-stuff .downloads li:nth-of-type(2n) {padding: 0 0 0 3em;}
.page-fun-stuff .downloads h2 {margin-bottom: 0.3em;}

/* Tour page */
.single-tourdate .gridrow .last {
	height: 600px;
	display: block;
	padding-right: 1%;
	width: 41%;
}
.tourdate-main-container .box {
	padding: 2%;
}
.tourdate-main-container .box strong {
	display: block; margin: 0 0 15px;
}
.tourdate-main-container .box h2 {
	margin-bottom: 5px;
}
.tourdate-main-container .box h3 {
	font-family: Arial, sans-serif;
	font-weight: bold; font-size: 1.35em;
	color: #fcbf00;
	margin-bottom: 10px;
}
.tourdate-main-container .box hr {
	background: #494d52;
	color: #494d52; border: 0; height: 1px;
	padding: 0; margin: 12px 0 17px;
}
.tourdate-main-container .booking_info {
	margin-bottom: 25px;
}
.tourdate-main-container .booking_info .btn {
	font-size: 2.1em; padding: 15px 30px;
	float: left; margin: 0 15px 0 0;
}
.tourdate-main-container .booking_info .booking_number {
	font-weight: bold; font-size: 1.2em;
}
.tourdate-main-container .booking_info .booking_number h4 {
	font-size: 1.35em; color: #fcbf00; font-family: Arial, sans-serif; font-weight: bold;
}
.tourdate-main-container .venue_details iframe {
	float: left;
	margin: 0 20px 0 0;
}
.tourdate-main-container .venue_details h4 {
	font-family: Arial, sans-serif;
	font-weight: bold; color: #fcbf00;
	margin-bottom: 0; font-size: 1em;
}
.tourdate-main-container .venue_details p {
	font-size: 1em; margin-bottom: 5px;
}
.tourdate-main-container .venue_details ul, .tourdate-main-container .venue_details li {
	list-style: none; margin: 0; padding: 0;
}
.tourdate-main-container .venue_details li a {
	color: #fff; font-size: 0.8em;
}
.tourdate-main-container .tourdates li {
	list-style: none; margin: 5px 0;
	padding: 5px 0 5px 55px; position: relative;
	border-bottom: 1px solid #494d52;
}
.tourdate-main-container .tourdates li.usa {
	background: url(library/images/bg/flag-american.png) left 48% no-repeat;
}
.tourdate-main-container .tourdates li.canada {
	background: url(library/images/bg/flag-canada.png) left 48% no-repeat;
}
.tourdate-main-container .tourdates li:last-child {
	border: 0;
}
.tourdate-main-container .tourdates li h5 {
	margin: 0; padding: 0;
}
.tourdate-main-container .tourdates li small {
	font-size: 0.7em; line-height: 0.7em;
}
.tourdate-main-container .tourdates li .btn {
	vertical-align: middle;
	position: absolute; top: 5px; right: 0;
}


/* Page Dino Name */
.page-template-page-dinoname-php #content {
	background: none;
}
.page-template-page-dinoname-php .pageContent {
	width: 100%;
	max-width: 989px;
	min-height: 690px;
	margin: 0 auto;
	background: url(library/images/bg/smoke.jpg) top center no-repeat;
}
.page-template-page-dinoname-php h1 img {
	margin: auto;
}
.page-template-page-dinoname-php .text_before, .page-template-page-dinoname-php .dinoname_form {
	width: 40%;
	padding-left: 5%;
}
.page-template-page-dinoname-php .text_before {
	margin-left: 3%;
	float: left;
	font: 700 1.9em 'Open Sans Condensed', sans-serif;
	text-align: center;
}
.page-template-page-dinoname-php .dinoname_form {
	float: left;
}
.dinoname_form p {
	margin: 0;
}
.dinoname_form .dinoname_container {
	margin: auto;
	max-width: 396px;
	text-align: center;
	background: #262d35 url(library/images/bg/dinoname.jpg) bottom center repeat-x;
	padding: 4%;
}
.dinoname_form .field {
	background: #000000;
	border: 1px solid #516e7e;
	border-radius: 3px;
	font: 700 1.6em 'Open Sans Condensed', sans-serif;
	color: #ffa900;
	width: 94%;
	display: block;
	min-height: 48px;
	text-align: center;
	outline: none;
	margin-bottom: 15px; 
} 
.dinoname_form .field::-webkit-input-placeholder  { 
	color: #f6bc49;
	opacity: 0.6; 
}
.dinoname_form .btn  { 
	background: #f9b205 url(library/images/btn/lightGrad.gif) repeat-x left top;
	background-size: contain;
	color: #000;
	width: 100%;
	min-height: 48px;
	font-size: 1.6em;
	padding: 0;
	border: none;
	outline: none;
}
.dinoname_form .small {
	margin-top: 1em;
	font-size: 0.7em;
	color: #aaa;
}
.dinoname_result {
	width: 70%;
	margin: 0 auto;
	padding: 3%;
	background: url(library/images/bg/dinoname_result.png) repeat;
	border-radius: 5px;
	text-align: center;
}
.dinoname_result h2 {
	font-size: 2.5em;
}
.dinoname_result h2 span {
	color: #ffa900;
}
.dinoname_result .btn {
	max-height: 48px;
	font-size: 1.6em;
}
.dinoname_result .btn.dinoname {
	background: #f9b205 url(library/images/bg/dinoname-new.png) no-repeat left center;
	padding: 13px 25px 13px 70px;
	color: #333333;
	border: none;
}
.page-template-page-dinoname-iframe-php {
	background: none;
	overflow: hidden;
}

/* Dino Name Responsivness */
@media only screen and (max-width : 1070px) {
	.page-template-page-dinoname-php .pageContent {
		width: 95%;
		margin: 0 auto;
		float: none;
	}
}
@media only screen and (max-width : 767px) {
	.page-template-page-dinoname-php .pageContent {
		background: none;
		min-height: 0;
	}
	.page-template-page-dinoname-php .text_before, .page-template-page-dinoname-php .dinoname_form {
		width: 100%;
		display: block;
		clear: both;
		margin: 0;
		padding: 0;
	}
	.page-template-page-dinoname-php .pageContent .text_before {
		margin-bottom: 5%;
		font-size: 1.5em; 
	}
	.page-template-page-dinoname-php .dinoname_result {
		width: 100%;
	}
	.page-template-page-dinoname-php .dinoname_result .social {
		width: 70%; display: block; clear: both; margin: 0 auto;
		max-width: 250px;
	}
	.page-template-page-dinoname-php .dinoname_result .dinoname {
		width: 50%; margin: 0 auto;
	}
}



/*-- 3. Plugins --*/

/*-- akaStream --*/
.akastream {width: 70%; margin: -35px 0 30px; font-size: 0.933em /*14px*/; line-height: 1.4;}
.akastream li {clear: both; margin-bottom: 10px;}
.akastream .sort {width: 45%; float: right; margin-bottom: 25px;}
.akastream .sort span {float: left;}
.akastream .sort a {display: block; float: left; width: 12%; margin-left: 2%;}
.akastream .icon {float: left; width: 7%; margin-right: 3%; padding: 0;}
.akastream .update {float: left; width: 90%; padding: 0;}
.akastream .update img {float: left; margin-right: 0.5em; padding: 0.5em;}
.akastream p {margin: 0;}
.akastream .via {clear: left; font-size: 0.8em; color: #9dacb6;}

/*-- akaGallery --*/

/*-- jScrollPane (Support: http://jscrollpane.kelvinluck.com/, Repo: https://github.com/vitch/jScrollPane/) --*/
.jspContainer{overflow:hidden;position:relative}
.jspPane{position:absolute}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0}
.jspCap{display:none}
.jspHorizontalBar .jspCap{float:left}
.jspTrack{background:#dde;position:relative}
.jspDrag{background:#bbd;position:relative;top:0;left:0;cursor:pointer}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer}
.jspArrow.jspDisabled{cursor:default;background:#80808d}
.jspVerticalBar .jspArrow{height:16px}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}
.jspVerticalBar .jspArrow:focus{outline:none}
.jspCorner{background:#eeeef4;float:left;height:100%}
* html .jspCorner{margin:0 -3px 0 0}

/* customisation */
.jspScrollable .jspVerticalBar{width: 14px;}
.jspScrollable .jspTrack {background: none;}
.jspScrollable .jspDrag {background: transparent url(library/images/bg/sprite.png) no-repeat -213px -67px; z-index: 4;}

/*-- Colorbox (Support: http://jacklmoore.com/colorbox/, Repo: https://github.com/jackmoore/colorbox) --*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* customisation */
#cboxOverlay{background:#333;}
#cboxContent{margin:80px 0; overflow: visible;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px;}
#cboxLoadedContent{background:#000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#cboxTitle{position:absolute; bottom:-25px; left:0; font-weight:bold; color:#fff;}
#cboxCurrent{position:absolute; top:-25px; left:0; font-size: 0.933em /*14px*/; color:#9dacb6;}
#cboxSlideshow{position:absolute; top:-25px; right:90px; color:#9dacb6;}
#cboxPrevious{
	position:absolute; 
	top:50%; 
	left:-2px; 
	margin-top:-32px; 
	background:url(library/images/bg/sprite.png) no-repeat -217px -192px; 
	width:32px; 
	height:64px; 
	text-indent:-999em;
}
#cboxPrevious:hover{background-position:-259px -192px;}
#cboxNext{
	position:absolute; 
	top:50%; 
	right:-2px; 
	margin-top:-32px; 
	background:url(library/images/bg/sprite.png) no-repeat -301px -192px; 
	width:32px; 
	height:64px; 
	text-indent:-999em;
}
#cboxNext:hover{background-position:-343px -192px;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(library/images/loading.gif) no-repeat center center;}
#cboxClose{
	position:absolute; 
	top:-34px; 
	right:0; 
	display:block; 
	background:url(library/images/bg/sprite.png) no-repeat -175px -192px; 
	width:32px; 
	height:32px; 
	text-indent:-999em;
}
#cboxClose:hover{background-position:-175px -234px;}

/* -- jQuery UI Tabs/Accordion -- */
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }

.ui-tabs { position: relative; zoom: 1; }
.ui-tabs .ui-tabs-nav { 
	position: relative;
	margin: 0 0.5%; 
	background: url(library/images/bg/scrollbars/horizontalRunner.png) no-repeat center bottom;
	background-size: contain;
}
.ui-tabs h3 {margin-bottom: 20px; font-size: 1.2em /*18px*/; line-height: 0.9;}
.ui-tabs h3 span {font-size: 0.7em /*14px*/;}
.ui-tabs .ui-tabs-nav li { float: left; width: 33%; text-align: center; background: url(library/images/bg/markers/up.png) no-repeat center bottom; }
.ui-tabs .ui-tabs-nav li a { margin-bottom: 20px; font-size: 1.333em /*20px*/; line-height: 0.9; color: #9dacb6; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover { color: #fff; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-slider { position: relative; width: 66%; height: 14px; margin: 0 auto 15px; text-align: left; }
.ui-slider .ui-slider-handle {
	position: absolute; 
	left: 42px; 
	bottom: 8px; 
	display: block; 
	width: 65px; 
	height: 14px; 
	margin-left: -33px;
	background: url(library/images/bg/sprite.png) no-repeat -235px -67px;
	border: 0;
	cursor: pointer;
}


/*-- 4. Bug Fixes --*/

/* Webkit */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

	html {-webkit-text-size-adjust: none; -ms-text-size-adjust: none;}

}

/* IE (7, 8, 9) */
.ie7 .onecol, .ie8 .onecol {width: 4.7%}
.ie7 .twocol, .ie8 .twocol {width: 13.2%}
.ie7 .threecol, .ie8 .threecol {width: 22.05%}
.ie7 .fourcol, .ie8 .fourcol {width: 30.6%}
.ie7 .fivecol, .ie8 .fivecol {width: 39%}
.ie7 .sixcol, .ie8 .sixcol {width: 48%}
.ie7 .sevencol, .ie8 .sevencol {width: 56.75%}
.ie7 .eightcol, .ie8 .eightcol {width: 61.6%}
.ie7 .ninecol, .ie8 .ninecol {width: 74.05%}
.ie7 .tencol, .ie8 .tencol {width: 82%}
.ie7 .elevencol, .ie8 .elevencol {width: 91.35%}

* html .ie7 #holder, * html .ie8 #holder {height: 100%;} /* force 100% height to keep footer at bottom */

.ie7 .btn, .ie8 .btn,
.ie7.page-up-close h1, .ie7.single-dinosaurs h1, 
.ie7.page-up-close .phonetics, .ie7.single-dinosaurs .phonetics {
	zoom: 1;  /* triggers hasLayout for IE */
	* display: inline;  /* target IE7 only */
}
.ie7 .box, .ie8 .box {background-color: #12181d;}
.ie7 .btn.disabled, .ie8 .btn.disabled, 
.ie7 #mainMenu li.disabled a, .ie8 #mainMenu li.disabled a, 
.ie7 #mainMenu li.disabled a:hover, .ie8 #mainMenu li.disabled a:hover {filter:alpha(opacity=50);}

.ie7 {cursor: default;}
.ie7 .fadeOutBottomIE, .ie7 .fadeOutRightIE, .ie7 .fadeOutLeftIE {
	position: absolute; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	height: 50px; 
	content: ""; 
	background: url(library/images/bg/fadeOutBottom.png) repeat-x left bottom;
	z-index: 1;
}
.ie7 .fadeOutRightIE {
	top: 0;
	left: auto;
	width: 25px; 
	background: url(library/images/bg/fadeOutRight.png) repeat-y right top;
}
.ie7 .fadeOutLeftIE {
	top: 0;
	right: auto;
	width: 25px; 
	background: url(library/images/bg/fadeOutLeft.png) repeat-y left top;
}

.ie7 .btn.form, .ie7 #subscribe, .ie8 .btn.form, .ie8 #subscribe {padding: 0;}
.ie7 .textInput, .ie7 #EMAIL, .ie8 .textInput, .ie8 #EMAIL {height: 26px; padding-top: 8px;}
.ie8 #followFacebook, .ie8 #followTwitter {width: 35%;}

.ie7 #mainMenu ul {position: relative; z-index: 3;} /* z-index stacking bug */

.ie7 .akaGallery li {margin: 0 3% 3% 0;}
.ie7.page-galleries .akaGallery li {margin: 0 5px 0;}
.ie7.page-galleries .akaGallery img {display: inline;}
.ie7.page-galleries .akaGallery .fadeOutRightIE {height: 100%; right: 30%;}

.ie7 .akastream .icon {margin-right: 2%;}


/*-- 5. Resolution Specific --*/

/* Large screens */
@media only screen
and (min-width : 1824px) {}

/* Desktops and laptops (1280px) */
@media only screen
and (min-width : 1224px) {
	
	/* body {border-top: 5px solid blue;} */
	
}

/* Desktops and laptops (1024px) */
@media only screen
and (min-width : 1024px)
and (max-width : 1224px) {
	
	/* General elements */
	body {font-size: 0.8em /*11px*/; /* border-top: 5px solid red; */}	
	
	.btn.xlarge {padding-left: 10px; padding-right: 10px;}
	
	#mainMenu li {font-size: 1.5em /*17px*/;}
	
	#credit-uk img {width: 50px;}
	
	/* 0.0 Landing page */
	.home .tourMap .bookingLinks {width: 37%;}
	
	/* 1.0 Home page */
	.home .tourMap .bookingLinks {width: 48%; margin-bottom: 25px;}
	.home .bookingLinks .flag hgroup {padding-left: 0; background: none;}
	
	/* 6.0 Up Close */
	.upClose.sub-menu .dinosaurLink {width: 77%; padding-left: 23%;}
	
}

/* Desktops and laptops (768px) */
@media only screen
and (min-width : 768px)
and (max-width : 1023px) {
	
	/* General elements */
	body {font-size: 0.8em /*11px*/; /* border-top: 5px solid purple; */}	
	
	#mainMenu li {font-size: 1.05em /*12px*/;}
	#dinosaurs {width: 100%;}
	#dinosaurs li {width: 44%; float: left; margin-left: 3%; margin-right: 3%;}
	#dinosaurs a {width: 77%; padding-left: 23%;}
	
	#EMAIL {width: 60%;}
	#subscribe {width: 30%;}
	.dropdown .textInput, .dropdown ul {width: 65%;}
	.stArrow {position: relative; top: -9px;}
	.st_plusone_hcount {display: none;}

	#buy {margin-right: 5px;}
	#buy .btn {font: 700 1em/2.2 /*24px*/ 'Open Sans Condensed', sans-serif; padding: 0 10px;}
	#phone {float: right; margin-right: 10px; font: 700 1.2em/2.2 /*24px*/ 'Open Sans Condensed', sans-serif; color: #fff;}
	#phone span {font-size: 0.8em /*20px*/;}
	
	#enterWebsite {position: absolute; top: 20%; left: 40%;}

	.box {width: 96%;}
	
	#social ul {margin: 0 0.5%;}
	#social li {width: 28%; margin: 0 2.5%;}
	#credit-world p {padding-left: 40px;}
	
	/* 0.0 Landing page */
	.home #info {width: 100%; padding: 0;}
	.home .tourMap .bookingLinks {position: static; width: 94%; height: 300px;}
	.home .marker {display: none;}
	
	/* 1.0 Home page */
	.home #siteHeader h3 {margin-top: 10px; font-size: 1.6em /* 24px */;}
	
	.akastream {width: 100%;}
	
	.home .tourMap .bookingLinks {width: 100%; margin-bottom: 25px;}
	.home .tourMap .map, .markers {display: none;}
	
}

/* Desktops and laptops (less than 768px) */
@media only screen
and (max-width : 767px) {

	/* Header min height */
	#siteHeader .gridrow {min-height: 0;}

	/* Classes */
	.widget {margin-bottom: 2em;}
	.box {padding: 0; background-image: none;}
	.fadeOutBottom, .fadeOutRight, .fadeOutLeft {position: relative;}
	.fadeOutBottom:after, .fadeOutRight:after, .fadeOutLeft:before {display: none;}
	.akaGallery li a {background: none;}
	.akaGallery img {border: 2px solid #9dacb6;}
	
	/* General elements */
	body {position: relative; font-size: 0.8em /*11px*/; /* border-top: 5px solid green; */}
	body, #holder, #holder #content {background-image: none;}
	
	#mainMenu {position: absolute; right: 2%; top: -457px; width: 96%; z-index: 5;}
	#mainMenu li, #mainMenu li.linkAbout, #mainMenu li.linkTicket {width: 100%; float: none; font-size: 1.05em /*12px*/;}
	#mainMenu li.linkMenu {display: inline; float: right; width: 20%;margin-top: 20px;}
	#mainMenu li.socialLink { position: relative; width: auto; text-indent: 0; width: 100%; float: none; margin-left: 0;}
	#mainMenu li.socialLink a { color: #fff; }
	#mainMenu .socialLink span {display: none;}
	#mainMenu ul {margin-bottom: 0;}
	#mainMenu li .sub-menu, #mainMenu li:hover .sub-menu {display: none; position: static;}
	#mainMenu .sub-menu a, #mainMenu .current-menu-item .sub-menu a, #mainMenu .current-menu-parent .sub-menu a {background-image: none;}
	
	.dropdown .textInput, .dropdown ul {width: 65%;}
	.stArrow {position: relative; top: -9px;}
	.st_plusone_hcount {display: none;}
	
	#siteHeader form {width: 60%; position: absolute; left: 2%; top: 0;}
	#siteHeader .share, #siteHeader .tagLine, #leadImage {display: none;}
	#logo {margin: 2em auto;}
	#buy {width: 70%; margin: 0 auto 2em; text-align: center;}
	#buy .btn, #buy #phone {display: inline-block;}
	#buy #phone {float: left; margin-right: 0;}
	
	.pageContent {width: 100%;}
	
	#siteFooter {padding-top: 0; padding-bottom: 0;}
	#emailSignup {padding: 0 0 1em;}
	.textInput, #EMAIL {width: 75%; padding: 0 2%;}
	
	.privacy {padding: 0 0 20px; text-align: center;}
	
	#social ul {margin: 0.5em 0.5% 1.5em;}
	#social li {width: 28%; margin: 0 2.5%;}
	#credit-world {text-align: center; font-size: 0.9em;}
	
	/* 0.0 Landing page */
	.home #logo, .home #info {width: 85%; margin: 0 auto;}
	.home #info {line-height: 1em;}
	.home #followFacebook, .home #followTwitter {float: left; width: 50%; margin-left: 0; font-size: 0.933em /*14px*/;}
	.home #enterWebsite {position: absolute; top: 2em; left: 20%; right: 20%; white-space: nowrap;}
	.home .tourMap .bookingLinks {position: static; width: 95%; margin: 0 auto; padding: 0;}
	.home .tourMap .bookingLinks ul {margin-bottom: 0;}
	.home .tourMap .map, .marker {display: none;}
	
	#buy {width: 80%}
	#phone {font: 700 2em/1.7 /*24px*/ 'Open Sans Condensed', sans-serif;}
	#phone span {font-size: 1em /*20px*/;}
	
	/* 1.0 Homepage */
	.home {background: none;}
	.home #siteHeader h3 {clear: left; padding-top: 20px; margin-bottom: 10px; line-height: 1;}
	.home #phone {color: #fff;}
	.home .tourMap .bookingLinks {position: static; width: 100%; margin: 0; padding: 0;}	
	.home .tourMap .bookingLinks ul {margin-bottom: 0;}
	.home .tourMap .map, .markers {display: none;}
	
	.akastream {width: 100%;}
	
	/* 3.0 Tour Ticket Info */
	.locations {position: static; width: 95%; background-color: #fff; background-image: none;}
	
	/* 4.2 Reviews */
	.page-reviews #content li, 
	.page-reviews #content li:nth-of-type(3n+1), 
	.page-reviews #content li:nth-of-type(3n) {width: 80%; float: none; margin: 0 auto 1em;}
	
	/* 5.0 Gallery */
	.page-galleries .akaGallery h2, .page-galleries .akaGallery p, .page-galleries .akaGallery .controls {
		width: auto; 
		float: left; 
		padding-left: 0; 
		padding-right: 0;
	}
	.page-galleries .akaGallery p {clear: left;}
	.page-galleries .akaGallery .controls {float: right; margin: -1em 0 1em;}
	.page-galleries .akaGallery .viewport {width: 100%; clear: both;}
	
	/* 6.0 Up Close */	
	.page-up-close .btn.audio {margin-bottom: 1em;}
	#dinosaurs {width: 100%;}
	
	/* 8.0 Fun Stuff */
	.page-fun-stuff .graphic {display: none;}
	
	
	/* Creative Team */
	.creativeTeam img {padding-right: 3%;}
}

/* iPads (portrait and landscape) */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	
	/* body {border-right: 2px solid black;} */
	
}

/* iPads (landscape) */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	
	/* body {border-top: 5px solid green;} */
	
}

/* iPads (portrait) */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	
	/* body {border-top: 5px solid lightgreen;} */
	
}

/* Smartphones (portrait and landscape) */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 767px) {
	
	/* body {border-right: 2px solid grey;} */
	
}

/* Smartphones (landscape) */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 767px)
and (orientation : landscape) {

	/* body {border-top: 5px solid yellow;} */
	
	.home #enterWebsite {top: 4em;}
	
}

/* Smartphones (portrait) */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 767px)
and (orientation : portrait) {
	
	/* body {border-top: 5px solid lightyellow;} */	
	
	#buy .btn, #buy #phone {float: none; display: block; margin: 0 auto;}
	
	.bookingLinks hgroup, .bookingLinks .btn {float: none;}
	.bookingLinks .flag hgroup {margin-left: 5px; padding-bottom: 5px;}
	
	/* 0.0 Landing page */
	.home #info {font-size: 0.9em;}
	
	/* 1.0 Homepage */
	.akastream {margin-top: 0;}
	.akastream .sort {float: none; width: 70%;}
	
	/* 2.3 Show History */
	#timeline h3 {float: none; padding: 0;}
	#timeline ul, #timeline ul li, #timeline ul li:nth-of-type(2n) {width: 100%; padding: 0 0 1em; background: none;}
	
	/* 5.0 Gallery */
	.page-galleries .akaGallery .controls {float: left; margin-top: 0;}
	
	/* 6.0 Up Close */
	.page-up-close h1, .single-dinosaurs h1 {margin-bottom: 10px;}
	.page-up-close .phonetics, .single-dinosaurs .phonetics {display: block;}
	
	.upClose.sub-menu .dinosaurLink {width: 100%; padding: 0; background: none;}
	
	/* 7.0 Education */
	.page-education .btn {margin: 0 1em 1em 0;}
	
}

/* iPhone 4 */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {}

@media only screen
and (max-width : 1024px) {
	.single-tourdate #content .gridrow .last {
		background: none;
		width: 96%;
		height: auto;
		padding: 2%;
	}
}

@media only screen
and (max-width : 460px) {
	.single-tourdate .tourdates li .btn { width: 100%; position: relative; display: inline-block;}
	.single-tourdate .tourdates li, .single-tourdate .tourdates li.canada, .single-tourdate .tourdates li.usa { background-position: left 10%; padding-bottom: 15px; padding-right: 20px;}
}

@media only screen
and (max-width : 420px) {
	.single-tourdate #content .venue_details iframe {width: 100%;display:block;margin-bottom: 15px;}
}