body {
	font-family: Verdana,sans-serif;
	margin: 0px !important;
	background-color: #262626;

	}


/*navigation*/

ul#desktopNavText{
    list-style-type: none;
    
    margin: auto 0;
    padding: 0;
    width: 160px;
}

a.desktopNavElement{
	display: block;
	text-decoration: none;
	color:#606060;
}

a.subNavdesktopNavElement{
	display: block;
	text-decoration: none;
	color:#606060;
}

.desktopNavElementContainer{
	height:50px;
	line-height: 50px;
    vertical-align: middle;
    position: relative;

}

.subNavDesktopNavElementContainer{
	height:50px;
	line-height: 50px;
    vertical-align: middle;
    position: relative;

}

#nav{
	float: left;
    position: relative;


}

#subNav{
	float: left;
    position: relative;
    list-style: none;
}

.facebook{
	float: left;
	        height: auto;
            width: auto;
  max-width: 25%;
    margin-left:37%;
}

#instagram{
float: left;
        height: auto;
        width: auto;
        max-width: 35%;
       margin-left:32%;

}



#dirImage{
	float: left;
	padding-top: 5px;
	padding-right: 10px;
        height: auto;
        width: auto;
        max-width: 300px;
        max-height: 300px;

}



/*header*/

#headerImage{
 	margin: 0px 2%;
 	width:135px;
}


#headerFlyerContainer{
 	display: block;
 	float: right;
 	margin: 25px;
 	width:15%;
}
#headerFlyer{
 	display: block;
 	float: right;
 	width:100%;
}

#header{
	border-bottom:27px solid #606060;
	border-top:2px solid #606060;
	height: 122px;
	width: 100%;
}

#headerFlyerText{

 	float: right;
 	font-size:0.8em;
	text-align: center;
	text-decoration: none;

}


#imageRight{
float: right;
margin-left:5px;
}

#imageLeft{
float:left;
margin-right:5px;
}

.imageCentre{
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
	width : 20%; 
	margin-left:30%;
}

#youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

#youtube iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 515px) {
#headerImage{
 	margin: 0px 2%;
 	width:25%;
}

#headerFlyerText{
 	display: none;
}

#headerFlyer{
 	display: none;
}

#headerFlyerContainer{
    display: none;

    }

#header{
	border-bottom:0px;
	border-bottom:0px;
	border-top:2px solid #606060;
	width: 98%;
	height:100px;
}


}

/*footer*/

#footer{
	border-bottom:2px solid #606060;
	border-top:2px solid #606060;
	position: relative;
	float: left;
	width: 98%;
	height:50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
}

#footer a {
	display: block;
	text-decoration: none;
	position: relative; 
}


#mainContent{
	padding-left: 185px;
	display: block;
	color:#606060;
	padding-top:6px;


}

#gallery{

	padding-left: 25%;
	padding-top: 20px;
	display: block;
	width:50%;

}

#youtube{

	padding-left: 25%;
	padding-top: 20px;
	display: block;
	width:70%;

}



.imageRight{
	float: right;
	padding-left: 10px;
	width:20%;
}


.imageLeft{
	float: left;
	padding-right: 10px;
width:20%;
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 515px) {

.imageRight{
	float: middle;
	padding-left: 0px;
	width:50%;
}


.imageLeft{
	float: left;
	padding-right: 0px;
width:50%;
}

#mainContent{
	padding-left: 5px;
	padding-top: 60px;
	padding-bottom: 10px;
	display: block;


}

#gallery{

	padding-left: 5px;
	padding-top: 20px;
	display: block;
	width:98%;

}

#youtube{

	padding-left: 5px;
	padding-top: 20px;
	display: block;
	width:98%;

}

.imageRight{
	float: right;
	padding-left: 10px;
	margin-top:-20px;
}


.imageLeft{
	float: left;
	padding-right: 10px;
	margin-top:-20px;
}

#bookingform{
padding-left:0%;
}
}