/* Reset */
*{margin:0; padding:0;}
img, img a{outline:none; border:none;}
body{background-color:#fff; color:#575757; font:81.3% 'Droid Sans', sans-serif; margin:0; padding:0;}

a:hover{text-decoration:underline;}

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* HTML5 Fix */

header, section, footer, aside, nav, pagefeature, article{display:block;}

/* Base Structure */

.bodywidth{width:960px; margin:0 auto; clear:both;}

/* General Type */

h1, h2, h3, h4, h5, h6{color:#2f2f2f; font-family:"Ubuntu",arial;}
.articledirectory{float:left; width:275px; height:280px; margin:0 40px 20px 0; overflow:hidden;}
.bold{font-weight:bold;}
.blue{color:#4086c6;}
.orange{color:#fc9835;}
.grey {color:#aeaeae;}
.green {color:#acce46;}
.activitybox {float:left;margin-right:20px;height:410px;}
.activitycopy {width:180px;padding-top:15px;}
.hometitle {position:relative;width:181px;height:118px;}
.hometitlegreen {position:absolute;bottom:-6px;left:0em;width:181px;font-weight:bold;color:#fff;background-color:#acce46;font-family:"Ubuntu",arial;padding-left:0px;}
.hometitlegold {position:absolute;bottom:-6px;left:0em;width:181px;font-weight:bold;color:#fff;background-color:#cea646;font-family:"Ubuntu",arial;padding-left:0px;}
.hometitleblue {position:absolute;bottom:-6px;left:0em;width:181px;font-weight:bold;color:#fff;background-color:#4690ce;font-family:"Ubuntu",arial;padding-left:0px;}
.hometitlepurple {position:absolute;bottom:-6px;left:0em;width:181px;font-weight:bold;color:#fff;background-color:#76b2e5;font-family:"Ubuntu",arial;padding-left:0px;}
.hometitleorange {position:absolute;bottom:-6px;left:0em;width:181px;font-weight:bold;color:#fff;background-color:#ce6946;font-family:"Ubuntu",arial;padding-left:0px;}
.hometitlepink {position:absolute;bottom:-6px;left:0em;width:181px;font-weight:bold;color:#fff;background-color:#60a6e1;font-family:"Ubuntu",arial;padding-left:0px;}
.onepointfour {font-size:1.4em;}
.zeropointnine {font-size:0.9em;color:#3e3e3e;}
.bigtext{font-size:1.4em;}
.clear{clear:both;}
.fright{float:right;}
.fleft{float:left;}
.inst1{float:left;font-size:1em; background-color:#ffead5;border:1px solid #ffcc99; padding:8px 0 0 25px; margin:20px 0 5px 0;
-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;}
.inst2{float:left;margin-right:20px;width:600px;}
.inst3{float:left;width:300px;}
.instructorname {font-size:2em;color:#f90;}
.employers {margin-right:30px;}

/* Header */
#icocookie{width: 100%;text-align: center;}
.logo{float:left; margin:0 10px 0 0;}

#logoheader {
	width: 100%;
	height: 136px;
	background: #50003c;
}
#logoheadergap {
	width: 100%;
	height: 136px;
	background: #225b0d;
}

nav {   clear:both;
	height: 30px;
	width: 100%;
	background: #ecd078;
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	border-bottom: 2px solid #9e5b19;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 600px;
	height: 30px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: #fff;
	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	text-shadow: 1px 1px 0px #283744;
}
nav li a {
	border-right: 1px solid #576979;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #acce46;
}
nav a#pull {
	display: none;
}
/* Intro */

#introduction{margin-top:0px;}
#introduction h1{font-size:3em; font-weight:bold; margin:0 0 5px 0;}
#introduction p{font-size:1.154em; line-height:130%;}
#introleft{float:left; width:600px; margin:0 0 10px 0;}
#introleftfeature{float:left; width:620px; margin:0 0 25px 0;}
#social {float:right; margin:10px 50px 0 0;}
.banner {float:left;margin-right:50px;}
#advertfeature{float:right; font-size:1em; width:275px; padding:8px 10px; 0 10px; margin:20px 0 5px 0;
-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
border: 1px solid #acce46;
background:#e1eac5;}
#pagefeature{float:right; font-size:1em; width:275px; padding:8px 10px; 0 10px; margin:20px 0 5px 0;
-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
border: 1px solid #be9e39;
background:#f2e1ae;
          }
#pagefeaturehide{float:right; font-size:1em; width:275px; padding:8px 0 0 25px; margin:20px 0 5px 0;}
#applybox{float:right; font-size:1em; background-color:#b2d6fb;border:1px solid #0066cb;width:275px; padding:8px 0 0 25px; margin:20px 0 5px 0;
-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;}
#applybox {font-family: Arial, sans-serif;font-size:0.9em;}
#introquote{float:right; font-style:italic; font-size:1em; width:300px; background:#fff url("http://www.bestadventurejobs.co.uk/img/v5/leftquotemark.png") no-repeat 0 0; padding:8px 0 0 25px; margin:20px 0 5px 0;
-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;}
#introduction .quotename{float:right; height:27px; background:url("http://www.bestadventurejobs.co.uk/img/v5/rightquotemark.png") no-repeat right top; margin:2px 0 0 0; padding:0 50px 0 0; font:0.9em "Ubuntu"; color:#4086c6;}
a.findoutmore, a.findoutmore:visited{padding:10px; font:0.9em "Ubuntu",arial; font-weight:bold; color:#fff; text-shadow:0 0 1px #32981e; background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.12,rgb(139,229,109)),color-stop(0.56,rgb(91,189,59))); background-image:-moz-linear-gradient(center bottom,rgb(139,229,109) 12%,rgb(91,189,59) 56%); background-color:#67c946; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:13px 0 0 0; float:left;}
a.findoutmore:hover{background-color:#2f2f2f; background-image:none; text-shadow:0 0 1px #000; text-decoration:none;}
.floatimgr{float:right;margin-left:10px;}

/* Main Content */

#maincontent{border-top:1px #dbdbdb solid; padding:15px 0 0 0; overflow:hidden;}
#maincontentfull{line-height:145%;border-top:1px #dbdbdb solid; padding:15px 0 0 0; overflow:hidden;}
#aboutleft{float:left; width:620px;}
#aboutleft h3{font-size:1.5em; font-weight:bold; margin:0 0 10px 0;}
#aboutleft h4{font-size:1.3em; font-weight:bold; margin:0 0 10px 0;}
#aboutleft p{line-height:135%; margin:0 0 15px 0;}
#articlesright{float:right; width:340px;}
#articlesright article{clear:both; width:275px; margin:0 0 20px 40px; overflow:hidden;}
#articlesright figure{padding:5px 0px 5px 0px; float:left; width:275px; height:100px; margin:0 15px 0 0;}
#articlesright p{line-height:135%;}
#articlesright h2{float:left;margin-left:40px;}
#articlesright h5{clear:both; font-size:1.3em; margin-bottom:-10px; color:#4086c6;}
#articlesright h5:hover{color:#2f2f2f;}
.articleblog {float:left; width:275px; height:470px; margin:0 40px 20px 0; overflow:hidden;}
.article{float:left; width:275px; height:400px; margin:0 40px 20px 0; overflow:hidden;}
.articledirectory{float:left; width:275px; height:280px; margin:0 40px 20px 0; overflow:hidden;}
.article figure{padding:5px 0px 5px 0px; float:left; width:275px; height:100px; margin:0px;}
.article p{line-height:135%;clear:left;}
.articleblog p{line-height:135%;margin-top:-15px;}
.article h5{clear:both; font-size:1.3em; margin-bottom:-10px; color:#4086c6;}
.article h5:hover{color:#2f2f2f;}
.jobdetailimg{width:620px;}
.show {width:620px;}
a.readmore, a.readmore:visited{padding:4px; font:0.9em "Ubuntu",arial; font-weight:bold; color:#fff; text-shadow:0 0 1px #32981e; background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.12,rgb(139,229,109)),color-stop(0.56,rgb(91,189,59))); background-image:-moz-linear-gradient(center bottom,rgb(139,229,109) 12%,rgb(91,189,59) 56%); background-color:#67c946; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:0px; float:left;}
a.readmore:hover{background-color:#2f2f2f; background-image:none; text-shadow:0 0 1px #000; text-decoration:none;}
a.readmore2, a.readmore2:visited{padding:4px; font:0.9em "Ubuntu",arial; font-weight:bold; color:#fff; text-shadow:0 0 1px #2f2f2f;  background-color:#2f2f2f; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:0px; float:left;}
a.readmore2:hover{background-color:#67c946; background-image:none; text-shadow:0 0 1px #000; text-decoration:none;}
input[type="text"], textarea  {width: 100%;font: 1em Arial, sans-serif;padding: 3px 6px;margin-top:5px;border:1px solid #797979;}
input[type="password"] {width: 100%;font: 1em Arial, sans-serif;padding: 3px 6px;margin-top:5px;border:1px solid #797979;}
input[type='checkbox'] {width: 20px;font: 1em Arial, sans-serif;padding: 3px 6px;margin-top:5px;}

input.inpurl {width:250px;}
input.count {width:35px;}
input.grey {background-color:#c8e4ff;color:#2a2a2a;font-size:1.2em;font-weight:900;padding:5px;width:340px;height:32px;margin-bottom:5px;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;}
textarea.grey {width:340px;height:200px;background-color:#c8e4ff;font-size:1.2em;color:#2a2a2a;font-weight:900;padding:5px;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;}

/* Footer */

#footerwrap{width:100%; margin:20px 0 0 0; padding:30px 0; background:#a7a7a7;}
#mainfooter{text-shadow:0 0 0px #000;}
#mainfooter nav{float:left; font-style:italic; font-size:1.1em;}
#mainfooter nav ul{margin:0; padding:0; list-style:none;}
#mainfooter li{list-style-type:none; float:left; margin:0 35px 0 0;}
#mainfooter li:last-child{margin-right:0;}
#mainfooter a, #mainfooter a:visited{color:#fff;}
.copyright{float:right; color:#b8b8b8;}

/* MEDIA QUERIES */

/* Under 960px */
@media only screen and (max-width: 980px) and (min-width: 821px) {
.bodywidth{width:800px;}
#introleft{width:470px;}
#introleftfeature{width:460px;}
#introquote{width:270px;}
#pagefeature{width:275px;}
#pagefeaturehide{width:275px;}
#introduction h1{font-size:2.6em;}
#aboutleft{width:450px;}
.activitybox {width:200px;margin-right:20px;}
.activitycopy {width:200px;}
.infographic {width:800px;}
.jobdetailimg{width:470px;}
.pagebanner {width:810px;}
#articlesright{width:324px;}
#articlesright article{font-size:0.95em;}
.article{float:left; width:250px; height:400px; margin:0 15px 20px 0; overflow:hidden;}
.articledirectory{float:left; width:250px; height:250px; margin:0 15px 20px 0; overflow:hidden;}
.articleblog{float:left; width:250px; height:550px; margin:0 15px 20px 0; overflow:hidden;}
#mainfooter{font-size:1em;}
#mainfooter li{margin:0 25px 0 0;}
#mainfooter li:last-child{margin-right:0;}
}

/* Under 800px */
@media only screen and (max-width: 820px) and (min-width: 601px) {
.bodywidth{width:600px;}
#introleft{width:600px;}
#introleftfeature{width:600px;margin-bottom:0px;}
#introquote{display:none;}
#pagefeature{width:600px;float:left;padding:0 0 20px 0;}
#pagefeaturehide{display:none;}
#applybox{float:left;width:580px;}
#aboutleft{width:380px;}
#articlesright{width:220px;}
#articlesright figure{width:200px;}
#articlesright article{width:180px;font-size:0.9em;}
.activitybox {width:180px;margin-right:10px;}
.article{float:left; width:250px; height:400px; margin:0 30px 20px 0; overflow:hidden;}
.articledirectory{float:left; width:250px; height:270px; margin:0 30px 20px 0; overflow:hidden;}
.articleblog{float:left; width:250px; height:550px; margin:0 30px 20px 0; overflow:hidden;}
.article figure{width:250px;}
.article img{width:250px;}
.article .blog{width:181px;}
.article .companylogo{width:120px;}
.inst2{width:250px;}
.infographic {width:600px;}
.jobdetailimg{width:600px;}
.pagebanner {width:600px;}
.show {width:600px;}
#mainfooter{font-size:1em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{margin:0 15px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{color:#b8b8b8; margin-bottom:0;}
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
.bodywidth{width:480px;}
.logo{width:500px;height:114px;}
#logoheader {height:114px;}
#introleft{width:480px;}
#introleftfeature{width:480px;margin-bottom:0px;}
#introduction h1{font-size:2.7em;}
#introquote{display:none;}
#pagefeature{width:480px;float:left;padding:0 0 20px 0;}
#pagefeaturehide{display:none;}
#applybox{float:left;width:470px;}
#aboutleft{width:480px; font-size:0.9em;}
.activitycopy {width:140px;}
.hometitle {width:140px;}
.hometitlegreen {width:140px;}
.hometitlegold {width:140px;}
.hometitleblue {width:140px;}
.hometitlepurple {width:140px;}
.hometitleorange {width:140px;}
.hometitlepink {width:140px;}
.onepointfour {font-size:1.2em;}
.zeropointnine {font-size:0.8em;color:#3e3e3e;}
.jobdetailimg{width:470px;}
.pagebanner {width:470px;}
.show {width:470px;}
#articlesright{width:480px;border-top:1px #dbdbdb solid; padding:20px 0 0 0; margin:10px 0 0 0;}
#articlesright article{width:480px;font-size:0.9em;margin-left:0px;}
#articlesright h2{margin-left:0px;}
#articlesright figure{width:275px;}
.article{float:left; width:220px; height:420px; margin:0 15px 20px 0; overflow:hidden;}
.articledirectory{float:left; width:220px; height:300px; margin:0 15px 20px 0; overflow:hidden;}
.articleblog{font-size:0.9em; float:left; width:220px; height:550px; margin:0 15px 20px 0; overflow:hidden;}
.infographic{display:none;}
.inst2{width:420px;}
#mainfooter{font-size:0.9em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{margin:0 15px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{color:#b8b8b8; margin-bottom:0;}
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
.bodywidth{width:320px;}
.logo{width:400px;height:91px;}
#logoheader {height:91px;}
#introleft{width:320px; font-size:0.8em;}
#introleftfeature{width:320px; font-size:0.9em;margin-bottom:0px;}
#introduction h1{font-size:2.3em;}
#introquote{display:none;}
.banner{width:310px;}
#pagefeature{width:320px;float:left;padding:0 0 20px 0;font-size:0.8em;}
#pagefeaturehide{display:none;}
#applybox{float:left;width:300px;}
.hometitlegreen {width:140px;}
.hometitlegold {width:140px;}
.hometitleblue {width:140px;}
.hometitlepurple {width:140px;}
.hometitleorange {width:140px;}
.hometitlepink {width:140px;}
.zeropointnine {font-size:0.8em;color:#3e3e3e;}
.jobdetailimg{width:320px;}
.pagebanner {display:none;}
.show {width:320px;}
#aboutleft{width:320px; font-size:0.9em;}
#articlesright{width:300px; float:left; border-top:1px #dbdbdb solid; padding:20px 0 0 0; margin:10px 0 0 0;}
#articlesright article{clear:right;width:300px;font-size:0.9em;float:left;margin-right:10px;}
.article{font-size:0.9em;width:320px;height:auto;}
.articledirectory{font-size:0.9em;width:320px;height:auto;}
.article figure{height:auto;}
.articleblog{font-size:0.9em;width:320px;height:auto;}
.infographic{display:none;}
.inst2{width:270px;}
#mainfooter{font-size:0.8em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{margin:0 6px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{color:#b8b8b8; margin-bottom:0;}
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #ff9934;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('http://www.bestadventurejobs.co.uk/img/v5/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
.bodywidth{width:300px;}
.logo{width:300px;height:68px;}
#logoheader {height:68px;}
#introleft{width:300px; font-size:0.8em;}
#introleftfeature{width:300px; font-size:0.9em;margin-bottom:0px;}
#introduction h1{font-size:2.1em;}
#introquote{display:none;}
.banner{width:290px;}
#pagefeature{width:300px;float:left;padding:0 0 20px 0;font-size:0.8em;}
#pagefeaturehide{display:none;}
#applybox{float:left;width:280px;}
.hometitlegreen {width:140px;}
.hometitlegold {width:140px;}
.hometitleblue {width:140px;}
.hometitlepurple {width:140px;}
.hometitleorange {width:140px;}
.hometitlepink {width:140px;}
.zeropointnine {font-size:0.8em;color:#3e3e3e;}
.jobdetailimg{width:300px;}
.pagebanner {display:none;}
.show {width:300px;}
#aboutleft{width:300px; font-size:0.9em;}
#articlesright{width:300px; float:left; border-top:1px #dbdbdb solid; padding:20px 0 0 0; margin:10px 0 0 0;}
#articlesright article{font-size:0.9em;}
.activitybox {width:140px;margin-right:5px;}
.article{font-size:0.9em;width:300px;height:auto;}
.articledirectory{font-size:0.9em;width:300px;height:auto;}
.article figure{height:auto;}
.articleblog{font-size:0.9em;width:290px;height:auto;}
.infographic{display:none;}
.inst2{width:250px;}
#mainfooter{font-size:0.7em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{margin:0 6px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{color:#b8b8b8; margin-bottom:0;}
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
}