/* -- NAV
------------------------------------------------- */
nav {text-align:center;}
nav ul {list-style:none; padding:0; text-transform:uppercase; font-size:16px; font-weight:400;}
nav ul li {display:inline;}
nav ul li a {color:#222; text-decoration:none; margin:0 30px;}
nav ul li a:hover {color:white;}

.main-icon {width:75px; height:auto; float:left; margin-right:10px;border-radius:50%;}
img.icon {float:left; margin-right:20px;}
img.scale {width:100%; height:auto;}
img.border {border:dotted 1px #dadada; padding:5px;}
p.copyright {font-size:12px; margin-top:20px;}
p.indent {margin-left:85px;}

/* -- FLEXIBLE EMBEDS
-------------------------------------------------- */
.embed {position:relative; padding:0; padding-bottom:56.25%; /* 16:9 ratio*/ height:56.25%; overflow: hidden;}
.embed iframe, .embed object, .embed embed {position:absolute; top:0; left:0; width:100%; height: 100%;}
.embed2 {position:relative; padding:0; padding-bottom:75%; /* 16:9 ratio*/ height:75%; overflow: hidden;}
.embed2 iframe {position:absolute; top:0; left:0; width:100%; height: 100%;}
.score {width:100%; text-align:center; margin-bottom:10px;}

.padding-10 {padding:10px;}
.padding-20 {padding:20px;}
.padding-top {padding-top:20px;}

.slim { margin-left: 5px !important; margin-right: 5px !important; }

.booking {position:absolute; top:40px; left:50%; margin-left:200px;}
.booking a {background:black; color:white; font-weight:bold; text-decoration:none; padding:10px 20px; border-radius:20px;}
.booking a:hover {background:#036;}

img.circle {border-radius:50%;}
img.float-left {float:left; margin-right:10px; margin-top:3px;}

/* -- COLOURS
------------------------------------------------- */
.blue {color:#00afe7;}
.bg-blue {background-color:#00afe7;}
.bg-white {background-color:#fff;}
.bg-nav {background-color:#88cce2; border-top:2px solid white;}
.bg-beige {background-color:#efefef;}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.booking {position:absolute; top:40px; left:50%; margin-left:50px;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.booking {position:static; margin-top:10px; margin-left:0; height:50px; text-align:center; clear:left;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.booking {position:static; margin-top:10px; margin-left:0; height:50px; text-align:center; clear:left;}
	}