body {
	margin: 0;
	padding: 0;
	font-size: 62.8%;
	background: #000;
}

* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	font-size: 100%;
}


a img {
	border: none;
}

/**********************/






div#heading-padding {
	padding: 75px 0 0 0;
	clear: both;
	margin: 0;
}


div#paddy {
	margin: 0;
	padding: 10px 0 5px 10px;
	color: #fff;
	font: normal 2.0em/1em "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
div#sectiontitle {
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	color: #bebebe;
	font: normal 1.8em/1em "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
div#sectiontitle span {
	color: #bc0e1e;
}

.container {
	padding: 0 10px;
}


div#heading-container {
	height: 75px;
	left:0; 
	position:fixed; 
	width:100%; 
	top:0;
	z-index: 1000;
	background: #000;
}



div#menu {
	float: right;
	width: auto;
	padding: 0 10px 0 0;
	margin: 0;
}

div#menu a {
	background: url(../images/menu.png) center right no-repeat;
	padding: 0 25px 0 0;
	color: #fff;
	text-decoration: none;
	font: normal 1.5em Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	height: 75px;
}

div#nav {
	padding: 0;
	margin: 0 10px;
	display: none;
}

div#nav ul li  {
	padding: 0;
	margin: 0;
}



div#nav li a {
	color: #fff;
	font: 400 1.4em Arial, Helvetica, sans-serif;
	padding: 13px 15px;
	margin: 0;
	display: block;
	background: #363636;
	text-decoration: none;
	border-bottom: 1px solid #b4b4b4;
}


/**************/


div.contact {
	padding: 25px 25px 35px 25px;
	margin: 40px 0 0 0;
	text-align: center;	
	background: #222222;
	border-radius: 12px; 
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px; 
	border: 1px dotted #555555;
}

div.contact a.email {
	padding: 0;
	margin: 0;
	color:#f1f1f1;
	font: normal 1.9em/2.1em Lucida Grande, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

div.contact a.email:hover {
	text-decoration:underline;
}

div.contact h3 {
	padding: 0;
	margin: 0;
	color:#fff;
	font: normal 1.9em/2.1em Lucida Grande, Arial, Helvetica, sans-serif;
	text-decoration: none;
}


a[href^=tel]{
    color:inherit;
    text-decoration:none;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/******  Just adjust heading text on larger screen ************/
@media (min-width:768px){


div#heading-padding {
	padding: 100px 0 0 0;
}
div#paddy {
	padding: 20px 0 10px 13px;
	font: normal 3.5em/1em "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
div#sectiontitle {
	padding: 0 0 0 15px;
	font: normal 2.2em/1em "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
div#heading-container {
	height: 100px;
}
div#nav {
	margin: 0 15px;
}
div#nav li a {
	font: 400 1.6em Arial, Helvetica, sans-serif;
	padding: 18px 20px;
}
.container {
	padding: 0 15px;
}
div#menu {
	padding: 0 15px 0 0;
}
}






/******  Keep container centred until left nav appears ************/
@media (min-width:920px){

div.container {
	width:920px;
	margin: 0 auto;
	padding: 0;
}
div#heading-container header {
	width:920px;
	margin: 0 auto;
	padding: 0;
}
div#paddy {
	padding: 20px 0 10px 0;
}
div#sectiontitle {
	padding: 0;
}
div#menu {
	padding: 0;
}
div#nav {
	width:920px;
	margin: 0 auto;
	padding: 0;
}
}





/******  Full site with left nav  ************/
@media (min-width:1130px){
	
div.container {
	margin: 0;
	padding: 0;
	width: 920px;
	float: right;
}
div#wrapper {
	width: 1130px;
	margin: 0 auto;
}

div#heading-container {
	margin: 56px 0 15px 0;
	padding: 0;
	width: 920px;
	float: right;
}

div#paddy {
	margin: 0;
	padding: 0;
	float: right;
	color: #fff;
	font: normal 4.1em "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

div#sectiontitle {
	margin: 0;
	padding: 0;
	float: left;
	color: #bebebe;
	font: normal 4.1em "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
div#sectiontitle span {
	color: #bc0e1e;
}

div#heading-container {
	height: auto;
	position: relative; 
}



div#menu {
	display: none;
}

div#nav {
	margin: 0;
	padding: 25px 30px 0 0;
	float: left;
	width: 180px;
	display: block;
}


div#nav ul li {
	margin: 0;
	padding: 0 0 40px 0;
	list-style: none;
}


div#nav ul li a {
	text-decoration: none;
	color: #bebebe;
	font: normal 2.1em Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	background: none;
	border-bottom: none;
}

div#nav a:hover {
	text-decoration: underline;
}

div#nav a span {
	color: #bc0e1e;
}

div#heading-padding {
	padding: 0;
	clear: both;
	margin: 0;
}


div.contact {
	padding: 45px 25px 55px 25px;
	margin: 140px 45px 0 45px;
}

}



/**********************************************************************/



/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p  */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/* Hide visually and from screenreaders, but maintain layout  */
.invisible {
    visibility: hidden;
}