/* 
    Document   : custom style sheet
    Created on : 22-Feb-2014
*/



@media all and ( max-width: 992px ) 
{

}
 
@media all and ( min-width: 992px ) 
{

}

@media all and ( max-width: 41em ) 
{

}










.fadeEl:hover{
	opacity:0.7;
}

ul {
    list-style-position: inside;
}
.aspectRatio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 60%;
}
.aspectRatio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0; top: 0;
}
 


 /*----------QUANTUM CLASSES---------------*/

.w-xs-100pc{
	width:100%;
}
.h-md{
	height:30px;
}
.h-sm{
	height:20px;
}

@media only screen and (max-width : 768px) {
	.text-xs-center{
		text-align:center;
	}
}

 /*----------/QUANTUM CLASSES---------------*/
 
 
 /*----------BOOTSTRAP OVERRIDES---------------*/
 
 .btn-pink {
     background-image: -webkit-linear-gradient(top, #a92d5d 0%, #c92d5d 100%);
     background-image: -o-linear-gradient(top, #a92d5d 0%, #c92d5d 100%);
     background-image: -webkit-gradient(linear, left top, left bottom, from(#a92d5d), to(#c92d5d));
     background-image: linear-gradient(to bottom, #a92d5d 0%, #c92d5d 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa92d5d', endColorstr='#ffc92d5d', GradientType=0);
     filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
     background-repeat: repeat-x;
     border-color: #b92d5d;
     color:#ffffff;
}
 .btn-pink:hover {
     background-image: -webkit-linear-gradient(top, #990d3d 0%, #a90d3d 100%);
     background-image: -o-linear-gradient(top, #990d3d 0%, #a90d3d 100%);
     background-image: -webkit-gradient(linear, left top, left bottom, from(#990d3d), to(#a90d3d));
     background-image: linear-gradient(to bottom, #990d3d 0%, #a90d3d 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff990d3d', endColorstr='#ffa90d3d', GradientType=0);
     filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
     background-repeat: repeat-x;
     border-color: #b92d5d;
     color:#ffffff;
 }
 
 
 
 /*----------/BOOTSTRAP OVERRIDES---------------*/
 
 
 
 
 
 
 /*----------CUSTOM CLASSES---------------*/
 
.header-wrapper {
    width: 100%;
    background-color: #ffffff;
}
.header-content {
    text-align: left;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}
.header-tel-no{
	/*color:#31c3b7;*/
	color:#666666;
	font-size:1.9em;
	letter-spacing:2px;
	line-height: .9em;
}
.header-book-online{
	color:#c0c0c0;
	font-size:1.8em;
	letter-spacing:3px;
	text-transform: uppercase;
}
.header-book-online:hover{
	color:#888888;
	background-color: #dddddd;
	cursor:pointer;
}




.topnav-wrapper {
    width: 100%;
    background-color: #ffffff;;
}
.topnav-content {
	padding:2px 0 2px 0;
	margin:0px;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	min-height:27px;
}
.topnav{
}
.topnav a{
	color:#b51d6d;
	text-transform: uppercase;
	letter-spacing:1px;
	padding:4px 10px 4px 10px;
	margin:2px 0px 2px 0px;
	border-radius:3px;
}
.topnav a:hover{
	color:#ffffff;
	background-color:#b51d6d;
	text-decoration:none;
}



.topnav2-wrapper {
    width: 100%;
    background-color: #b4bec2;
}
.topnav2-content {
	padding:4px 0 4px 0;
	margin-top:0px;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	min-height:27px;
}
.topnav2{
}
.topnav2 a{
	color:#ffffff;
	text-transform: uppercase;
	letter-spacing:1px;
	padding:4px 10px 4px 10px;
	margin:4px 0px 2px 0px;
	border-radius:3px;
}
.topnav2 a:hover{
	color:#b51d6d;
	background-color:#ffffff;
	text-decoration:none;
}
.topnav3-wrapper {
    width: 100%;
    background-color: #374e59;
    height:4px;
}



.banner-content {
    color: #ffffff;
    text-align: center;
    padding: 0px;
    width: 100%;
    /* min-height: 180px; */
    height: 450px;
    margin-left: auto;
    margin-right: auto;
    background-position: center center;
    background-image: url('../pageimages/banner1.jpg');
    background-size: cover;
}



.page-wrapper {
    width: 100%;
    background-color: #ffffff;;
}
.page-content {
    text-align: left;
    padding: 10px;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

h1{
	color:#374e59 !important;
}





.footer2-wrapper {
    width: 100%;
    background-color: #b4bec2;
    height:4px;
}

.footer-wrapper {
    width: 100%;
    background-color: #374e59;;
}
.footer-content {
    color: #cccccc;
    text-align: left;
    line-height: 1.4em;
    padding: 10px;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
	letter-spacing:1px;
}
.footer-content a{
    color: #ffffff;
}
.footer-font-blue{
	color:#31c3b7;
	font-size:1.1em;
	font-weight:bold;
	font-style: italic;
}






.timetable{
	max-width:900px;
	border-collapse:collapse;
	margin: 0 auto !important;

}
.timetable td{
	border: 1px solid #663399;
	padding:3px;
	width:20%;
	color:#26354A;
	letter-spacing:0em;
	font-size:1.2em
}

.topRow td{
	background-color:#31c3b7;
	text-align:center;
	font-size:1.3em;
	color:white;
	font-weight:bold;
	border: 1px solid #ffffff;
	padding:6px;
}
.daytime td{
	background-color:#b4bec2;
	text-align:center;
	font-size:1.2em;
	color:white;
	font-weight:bold;
	padding:6px;

}




@media only screen and (min-width : 768px) {
	#topnav-container{
		display:block;
	}
}

@media only screen and (max-width : 768px) {
	.topnav a{
		display:block;
		width:100%;
		border-bottom:1px solid #888888;
		font-size:1.2em;
		padding:10px 0px 10px 0px;		
	}
	.topnav2 a{
		display:block;
		width:100%;
		border-bottom:1px solid #888888;
		font-size:1.2em;
		padding:10px 0px 10px 0px;		
	}
	#topnav-container{
		display:none;
	}

	#nav > a
	{
		width: 3.125em; /* 50 */
		height: 3.125em; /* 50 */
		text-align: left;
		text-indent: -9999px;
		background-color: #b51d6d;
		position: relative;
	}
	#nav > a:before,
	#nav > a:after
	{
		position: absolute;
		border: 2px solid #fff;
		top: 35%;
		left: 25%;
		right: 25%;
		content: '';
	}
	#nav > a:after
	{
		top: 60%;
	}

	#nav:not( :target ) > a:first-of-type,
	#nav:target > a:last-of-type
	{
		display: block;
	}

}