* {
  	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-font-smoothing:Enquiryaliased;
}

html, body {
  	background: #f5f5f5;
  	background-image:url(../img/tweed.png);
  	color:#FFF;
	font-family: 'open_sanscondensed_light';
	line-height:1.5;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
}

h1{
	font-family: 'open_sanscondensed_light';
	border-bottom:1px dashed #999;
	color:#d7caaf;
	text-transform:uppercase;
	font-weight:normal;
	}

h2{
	font-family: 'open_sanscondensed_light';
	color:#d7caaf;
	text-transform:uppercase;
	font-weight:normal;
	}

h3{
	font-family: 'open_sanscondensed_light';
	color:#d7caaf;
	text-transform:uppercase;
	font-size:24px;
	font-weight:normal;
	}


p{
	text-align:justify;
	font-family: 'open_sanscondensed_light';
	font-size:1em;
	line-height:1.5;
	}
	
.grid_4 ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:0.9em;
	}

	


.highlight-text{
	font-size:17px;
	font-style:italic;
	}
	
.content-colour{
	  	background: #252525;
	  	background-image:url(../img/leaves-bg.png);
	  	border-radius:5px;	
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	  }

.row {
  width: 100%;
  margin: 0 auto;
  clear:both;
  padding:1% 0;
  position:relative;
}
header{
	width:100%;
	background: #252525;
	background-image:url(../img/leaves-bg.png) ;
	}
	
header .row{
	width:90%;
	margin:0 auto;
	padding:0;
	}

.page-wrap{
	width:70%;
	margin:0 auto;
	padding:1% 0;
	clear:both;
	}

/* Computer */
.grid_1 { width: 8.33333333333333%; } 
.grid_2 { width: 16.6666666666667%; } 
.grid_3 { width: 25%; } 
.grid_4 { width: 33.33333333333333%; } 
.grid_5 { width: 41,6666666666667%; }
.grid_6 { width: 50%; } 
.grid_7 { width: 58,33333333333333%; } 
.grid_8 { width: 66%; } 
.grid_9 { width: 75%; } 
.grid_10 { width: 83%; } 
.grid_11 { width: 91.5%; } 
.grid_12 { width: 100%; } 

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin:0 ;
	float: left;
	display: block;
	padding: 0.5% 3% 2%;
	border:10px;
	border-color:#CCC;
}

.grid_1 img,
.grid_2 img,
.grid_3 img,
.grid_4 img,
.grid_5 img,
.grid_6 img,
.grid_7 img,
.grid_8 img,
.grid_9 img,
.grid_10 img,
.grid_11 img,
.grid_12 img {
	width:100%;
	box-shadow:0 0 10px rgba(0,0,0,1);
	-moz-box-shadow:0 0 10px rgba(0,0,0,1);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,1);
}

.slide-shadow{
	width:100%;
	height:80px;
	position:absolute;
	bottom:-83px;
	margin:0 auto;
	}
	
.slide-shadow2{
	width:100%;
	height:80px;
	position:absolute;
	bottom:-69px;
	margin:0 auto;
	}
	
.slide-shadow3{
	width:100%;
	height:80px;
	position:absolute;
	bottom:-100px;
	margin:0 auto;
	}
	
.slide-shadow img{
	width:100%;
	height:auto;
	}
	
.slide-shadow2 img{
	width:100%;
	height:auto;
	}
	
.slide-shadow3 img{
	width:100%;
	height:auto;
	}
	
.logo{
	width:20%;
	max-height:300px;
	height:auto;
	z-index:9999;
	margin:0 auto;
	padding:10px 0;
	}
	
.logo img{
	width:100%;
	height:auto;
	}
	
.social{
	float:right;
	}
	
.social ul{
	list-style:none;
	}

.social ul li{
	float:left;
	margin-right:10px;
	opacity:0.5;
	}

/*----------------------------------------- day trips --------------------------------------------------- */

.day-btns ul{
	margin:0;
	padding:0;
	}
	
.day-btns ul li{
	width:100%;
	background-color:#666;
	padding:3%;
	margin:0 0 3%;
	border-radius:5px;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	list-style:none;
	text-align:center;
	}

/*----------------------------------------- Form --------------------------------------------------- */

		 form{
			width:100%; 
			border:none;
			font-family: 'open_sanscondensed_light';
			}
			
		 form {
			border:none;
			outline:none;
			font-family: 'open_sanscondensed_light';
			}
		 .row form h2{
			border-bottom:1px dashed #666;
			width:100%;
			clear:both;
			margin:15px 0;
			}
			
		form h4{
			width:100%;
			font-size:15px;
			display:block;
	}	
		 label{
			float:left;
			margin:5px 0;
			}
		
		 .row form textarea{
                width:100%;
                height: 100px;
                resize: none;
				background-color:#333;
				border:none;
				padding:10px;
				color:#fff;
				font-family: 'open_sanscondensed_light';
		}
		.row form select{
				width:100%;
                color: #ccc;
				float:left;
				background-color:#333;
				border:none;
				padding:10px;
				margin-bottom:15px;
				font-family: 'open_sanscondensed_light';
            }
			
		 input[type="text"],
		 input[type="email"]
		{
				width:100%;
                color: #ccc;
				float:left;
				background-color:#333;
				border:none;
				padding:10px;
				margin-bottom:15px;
				font-family: 'open_sanscondensed_light';
            }

		  input[type="submit"]{
                background-color: #333;
                border: none;
                color: #fff;
                padding: 5px 8px;
                cursor: pointer;
				float:left;
				margin:15px 50px 0 10px;
				height:40px;
				width:50%;
				text-transform:uppercase;
				border-top:1px solid #999;
				border-bottom:1px solid #000;
				border-radius:5px;	
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				background-image: url(../images/bg-ptn.jpg);
				font-family: 'open_sanscondensed_light';
            }
			
		 #antispam {
    		display: none;
    		visibility: hidden;
		}
	
		 .errors {
  			color:#FC0;
  			font-size:12px;
		}

		 form  span{
			height:10px;
			margin:5px 0;
			float:right;
			text-align:right;
			letter-spacing:normal;
		}
				

			
/*----------------------------------------- Form --------------------------------------------------- */

/*----------------------------------------- Footer --------------------------------------------------- */

footer a{
	color: #999;
	text-decoration:none;
	}
	
footer a:hover{
	color:#FFF;
	}
	
footer p{
	font-size:0.8em;
	line-height:1.5;
	}
	
footer .grid_4:first-child{
	border-right:1px dashed rgba(215,202,175,0.2);
	}

footer .grid_4#last{
	border-left:1px dashed rgba(215,202,175,0.2);
	}
	
footer .grid_4 img{
	width:60%;
	height:auto;
	box-shadow:none;
	}

footer .grid_2 img{
	width:100%;
	}	

footer a.btn{ 	background-color: #222;
                border: none;
                color: #fff;
                padding:2% 8%;
				float:left;
				clear:both;
				margin:0 0 8px;
                cursor: pointer;
				width:100%;
				text-transform:uppercase;
				text-align:center;
				border-top:1px solid #999;
				border-bottom:1px solid #000;
				border-radius:5px;	
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				background-image: url(../images/bg-ptn.jpg);
}


		footer form{
			width:100%; 
			border:none;
			font-family: 'open_sanscondensed_light';
			}
			

		footer h2{

			}	
		
		footer#contact_form2 textarea{
			width:98%;
			margin-top:2%;
			padding:10px;
			color: #ccc;
			background-color:#222;
			font-family: 'open_sanscondensed_light';

		}
		footer#contact_form2 input[type="text"],
		footer#contact_form2 input[type="email"]{
				width:48%;
				margin:0 2% 0 0;
                color: #ccc;
				float:left;
				background-color:#222;
				border:none;
				padding:10px;
				font-family: 'open_sanscondensed_light';
            }
		
		 footer#contact_form2 input[type="submit"]{
                background-color: #222;
                border: none;
                color: #fff;
                padding:2% 8%;
				float:left;
				clear:both;
				margin:5px 0 0;
                cursor: pointer;
				width:100%;
				text-transform:uppercase;
				text-align:center;
				border-top:1px solid #999;
				border-bottom:1px solid #000;
				border-radius:5px;	
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				background-image: url(../images/bg-ptn.jpg);
				font-family: 'open_sanscondensed_light';
            }
	
	
/*----------------------------------------- Footer --------------------------------------------------- */			

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

footer {
  width: 100%;
  background: #252525;
  color: white;
  margin-top: 60px;
  background-image:url(../img/leaves-bg.png) ;
}


/* Mobile */
@media screen and (max-width : 480px) {

.grid_1,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	width:100%;
}

h1{
	font-size:1.2em;
	}

h2{
	font-size:1em;

	}

h3{

	}

.page-wrap{
	width:97%;
	}
	
.logo{
	width:50%;
	}

}