@charset "utf-8";
/* CSS Document 
default element styles
*/
body, div, h1, h2, h3, h4, p, ul, li, a{margin:0; padding:0; outline:none; position:relative}
.clear{clear:both;}
body{background-color: #06192b; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333}
p{line-height: 18px; margin-bottom: 7px;}
a{color:#333333; text-decoration: none}
a:hover{text-decoration:underline;}
h1{
font-family:"Lucida Sans", Verdana, sans-serif; font-size: 1.3em; color: #333333; margin-bottom: 5px; font-weight:300}
h2{font-size: 1.1em; border-bottom:1px dotted #fdfdfd; padding-bottom:3px; margin-bottom:3px;color:#fff200; font-weight:300}
h3{color:#FFFF33; margin-left:5px; margin-bottom:10px;}
h4{font-family:"Lucida Sans", Verdana, sans-serif; font-size: 1em; color: #333333; text-transform:uppercase; padding: 3px 0px;}
.new{color:#FF0000; font-style:italic; font-size: 1.1em;} /*new course highlight colour*/
.quote{font-style:italic; text-indent: 2em;}
.name{text-transform:uppercase;}
#wrapper{
	width:980px;
	margin: 0 auto;
	background-image:url(../assets/shadow.png);
	background-repeat:repeat-y;
	background-position: left;
	position:relative;
	padding-left:8px;
}
#container{
	width:980px;
	background-color:#ffffff;
}
#header{ height:261px;
}
#home{border:none; display:block;float:right; width:780px;}	
#header img{ border:none}

/*start of navigation##################################*/
#header ul{width: 200px; font-size: 1.1em;}
#header li{
   list-style:none;
}
#header a{
 	display:block;
	height: 25px;
	background-color: #17598b;
	border-bottom:1px solid #0e5087;
	text-decoration:none;
	color: #f4ffff;
	line-height:25px;
}
#header a#contact{
	height:50px;
	line-height:50px;
	color:#fff200;
	background-color: #154c62;
}
#header a#contact:hover{
	background-color:#113843;
}
#header a:hover{background-color: #13466e;}

#header a.current{background-color: #13466e;}

/*endof nav#####################################*/

#content{/* the main page container*/
	padding:14px;
	text-align:left;
}
#facebook{/*the large facebook logo*/
	float:right;
	display:block;
	width: 180px;
	border: 1px solid #E0ECF5;
	padding:5px 5px 5px 0px;
	background-color:#124B78;
}
#facebook img{float: left; margin: 0px 5px 0px 5px;}
#footer{
	width:988px;
	margin: 0 auto;
	background-image:url(../assets/footer.png);
	background-repeat:no-repeat;
	height: 24px;
	}
#credits{margin-top: 20px;padding: 5px 0px 25px 0px; line-height:25px; vertical-align:middle; background-color: #1e1e1e}
#credits, #credits a{ color:#CCCCCC;}
#credits #address{
	padding-right: 50px;
	padding-left:80px;
	width:300px;
	margin: 0 auto;
}
#credits #address img{
	position:absolute;
	left: 380px;
	top: 5px;
}
#credits #address img.left{
	left:0px;
}
.article{ /*main text divs*/
	margin:20px 0px;
	background-color: #FDFDFD;
	padding: 10px;
	width:445px;
	border: 1px solid #999999;
	height: 285px
	}
.article img{float:right; margin-left: 10px; padding:3px; border:1px solid #999999}
.article h1{
	color: #003366;
	margin-bottom:7px;
	border:none;
}
.voucher{ /*voucher div- a subset of article but 100% width*/
 width: 950px;
 padding:0px;
 height:auto;
}
.voucher img {
	border:none;
	padding:0;
	margin:0;
}
.voucher h1{
	padding: 4px 15px;
	background-color:#C33;
	color:#fff;
	margin:0
}
.voucher p{
	padding:15px;
	margin:0;
}
.voucher ul{
	margin-left: 20px;
	background-color: #EAE1FF;
	width: 430px;
	padding:10px;

}
.voucher li{
	list-style:circle;
	list-style-position:inside;
	padding:3px 5px;
	
}
.blue{
	background-color: #17598B;
	padding: 8px;
	color:#FFFFFF;
	}

#pane-top{ /*blue featured panel*/
	background-image:url(../assets/panel-top.gif);
	background-repeat: no-repeat;
	height: 15px;
	margin:15px auto 0 auto;
	width:950px;
	clear:both;
	}
#pane-content{
	background-color: #17598b;
	margin: 0 auto ;
	width:920px;
	color:#FFFFFF;
	text-align:center;
	padding: 15px;
}
#pane-btm{
	background-image:url(../assets/panel-btm.gif);
	background-repeat: no-repeat;
	height: 15px;
	margin: 0 auto 15px auto;
	width:950px;
}
#pane-content .col{
	width: 283px;
	height: 320px;
	float: left;
	display:inline;
	margin: 0px 5px;
	padding: 8px 5px;
	border:1px solid #009999;
	text-align:left;
	position:relative;
}
#pane-content .col a {color: #ffffff; text-decoration:underline}
#pane-content .col img{ padding:3px; border: 1px solid #999999; position:absolute; top: 145px; left:8px;}
#pane-content .col#mid{ background-color:#144B6F}
/*############coasteering formatting#######################*/
#main-image{ width:952px; height: 401px;}
.blue{ background-color: #17598b; padding:20px; color:#e0ecf5;}
.blue h1{ color:#fff200;}
.blue img{float:right; margin-left:15px}
.blue a{color:#e0ecf5; text-decoration:underline;}
.blue a:hover{text-decoration:none}
#coasteering .blue li, #climbing .blue li{width:860px;}
.blue ul{ margin:10px 0px; padding:10px 0px;background-color: #003366; }
.blue li{list-style: circle; list-style-position:inside; width: 400px; padding: 5px 10px; font-size:1.1em; background-color:#003366;}
.blue-top{background-image:url(../assets/content1-top.png); background-repeat: no-repeat; height:15px;}
.blue-btm{background-image:url(../assets/content1-btm.png); background-repeat: no-repeat; height:15px;}
.dark_blue{ background-color:#144B6F; padding:15px; margin-top:10px;}

.course{
	border: 1px solid #999999;
	margin: 10px 0px;
	padding:15px;
	/*height:100px;*/
}
.pdf a{display:block; height:80px}

.course img{
	float:right;
	padding:3px;
	border: 1px solid #CCCCCC;
	margin-left: 8px;
}
.course h2{ 
	color: #003366;
	margin-bottom:7px;
	border:none;
}
.course .reqs {
	background-color: #dfdfdf;
	padding: 8px;
	width:614px;
}
#training{width:900px}
.course .booking {
	margin-top:8px;
}
 .book {
	background-color:#66CC33;
	color:#333333;
	padding: 2px 4px;
	border: 1px solid #666666;
	text-decoration: none;
}
 .book:hover{
    background-color:#669933;
    color:#FFFFFF;
 }
 #late_offer{ /*the overlay for coasteering page*/
 	position:absolute;
	width: 622px;
	background-color: #215167;
	left: 150px;
	top: 180px;
	background-color: rgba(41, 101, 132, 0.8);
	color: rgba(41, 101, 132, 0.8);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
	webkit-box-shadow: 2px 2px 2px 2px #06192B;
	-moz-box-shadow: 2px 2px 2px 2px #06192B;
	box-shadow: 2px 2px 2px 2px #06192B; 
	z-index: 1000;
 }
 #late_offer_inner{
	 background-color:#FFF;
	 background-color: rgba(255, 255, 255, 1.0);
	color:#333;
	 width:606px;
	 margin: 8px
 }
 #late_offer_inner h1{
	 text-align:center;
	 font-size: 1.4em; 
	 padding: 3px 0px;
	 font-weight:300;
	 border-bottom: 1px dotted #CCC;
	 background-image:url(images/ui-bg_diagonals-thick_15_0b3e6f_40x40.png); background-repeat:repeat;
	 color: #fff;
 }
 #late_offer_inner p{
	 padding: 0px 10px;
	 
 }
 .close{text-align:right; border-top:1px dotted #ccc;
  height: 2em; line-height:2em}
 .close a{
	 	background-color:#215167;
		border: 1px solid #069;
		color: #fff;
		padding: 3px 5px;
 }
/*
###########about us formatting##################################*/
.main-profile{
	border: 1px solid #A8BDCF;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	padding: 15px;
	background-color: #144B6F;
	margin-top: 25px;
	}
.main-profile img{
	float:right;
	padding: 5px;
	border: 1px solid #a8bdcf;
}
.main-profile p{
	margin: 20px 0px;
}
#profiles h4{
	background-color:#144B6F;
	padding: 8px 15px;
	color: #ffff48;
	margin:0px;
	margin:20px 0px 3px 0px;
}
.profile{
	width: 460px;
	height: 120px;
	display:inline;
	border: 1px solid #999999;
	padding:5px;
	margin: 3px 0px;
}
.profile img{
	float:right;
	padding:3px;
	border: 1px solid #999999;
}
.left{float:left;}
.right{float: right}
/*
############links page formatting##################*/

ul.links{
margin-bottom:150px;
margin-left: 0px;
background-color:#17598B;
}
ul.links li{
	list-style:none;
	width:175px;
	height:110px;
	float:left;
	margin-right:7px;
	text-align:center;
	padding:0;
}
ul.links a{
	display:block;
	position:relative;
	width:175px;
	height:110px;
	background-color: #17598B;
}

/*##################stag and hen formatting#############*/
#stag_and_hen{ min-height: 120px;}
#polaroids{
	width: 394px;
	text-align:center;
	float:right;
	background-image:url(../assets/stag-poloroids.jpg);
	background-repeat: no-repeat;
	padding:186px 10px 10px 10px;
	height:20px;
	background-color:#26415E;
	border: 1px solid #009999;
	margin: 0px 0px 10px 10px;
}