@charset "UTF-8";
/* CSS Document */

.cowleyColour0{color: #AAAAAA;}
.cowleyColour1{color: #888888;}

.cowleyColour0BG{background-color: #AAAAAA;}
.cowleyColour1BG{background-color:rgba(220,220,220,0.75);}

.whiteText{color:#FFFFFF;}

span.black{color:#000000;}
span.white{color:#FFFFFF;}


/* ------------- Nav colours --------------- */

#nav ul li ul li{border-bottom:1px #C4C4C4 solid;	background-color: #ECECEC;} /* drop downs */
#nav ul li ul li:hover{	background-color:#888888;}
#nav ul li ul li a{	color:#444444;}
#nav ul li ul li a:hover{color:#DDDDDD;}


a{text-decoration:none;font-weight:400;color:#222;}
/*a:hover{color:#CCCCCC;}*/
/*a:active{color:#CEC8A9;}*/

/* GENERAL */


body{	background-color:#B1ABAB;font-family:arial,sans-serif;font-style: normal;color:#222222;	font-size:16px;	margin:0 0 0 0;	padding:0 0 0 0;}
h1{	color:#AAAAAA;	font-size:34px;	font-weight:100;}
h2{	color:#888888;	font-size:24px;	font-weight:400;	margin-top:10px;	margin-bottom:10px;}
h3{	color:#888888;	font-size:18px;	font-weight:400;	margin-top:10px;	margin-bottom:10px;}

ul{margin:0 0 0 0;}
li{margin:0 0 0 0;}

#header{height:0px;overflow:visible;border:0px #FF0004 solid;position: absolute;top:0px;background-color: #000000;}


#logoBar{position: absolute;left:0px;top:0px;width:100%;height:100px; background-color: rgba(220,220,220,0.60)}
.logo{float:left;padding: 25px;padding-left: 30px;}
.phone{float:right;padding: 40px;padding-right: 30px;color: #FFFFFF; font-size: 24px;font-weight: bold;}
.phone a{color: #FFFFFF; font-weight: bold;}
.phone:before{content: "Phone: " ;}

.navigation {max-width:1920px;position:absolute;width:1920px;top:400px;left: 0px; border:0px #FF0004 solid;z-index: 100;}

#phone{width:24px;height:24px;overflow: visible;}
#phone img{height:24px;}

#phoneNumber{position: relative;left:-230px;top:-24px; width:230px;height:20px;padding-top:4px;display:block;}

.mainContent {margin-top: 425px;	padding-top:20px; text-align:left;	width:60%;border:0px #FF0004 solid;float: left;}
.mainContent2 {margin-top: 425px;	padding-top:20px; text-align:left;	width:40%;border:0px #FF0004 solid;float: left;background-color: #EDEDED;min-height: 70%;}
.sidebarimage {width:100%;height:90%;max-height: 400px;}
.sidebarimageSM {width:100%;height:90%;max-height: 400px;}
.sidebarimagetitle{position: relative;top:-400px;}

.sidebartextFull{width:100%;}

.sidebartitle{position: relative;top:-440px;left:20px;color: #FFFFFF;font-size: 18px;}
.sidebartext{position: relative;top:-82px;left:0px;color: #444444;font-size: 11px;background-color: rgba(40,40,40,0.25);padding:5px;height: 70px; overflow: hidden;}

.sidebartext h1{color: #444444;font-size: 14px;display:none;}

.sidebarlink{position: relative;top:-82px;left:0px;color: #FFFFFF;background-color: rgba(40,40,40,0.75);padding:5px;overflow: hidden;}
.sidebarlink a{color:#FFFFFF;font-weight:bold;}
.sidebarlink a:hover{color:#999999;font-weight:bold;}

.footer {max-width:1920px;background-color:#999;position:fixed;top:-103px;height:103px;margin-top:0px;width:100%;padding-top:0px;padding-bottom:0px;border:0px #FF0004 solid;}

.bodyText{width: 90%;padding-left: 5%;padding-right: 5%;padding-bottom: 110px;border:0px #B6292B solid}

.topImage{position: absolute;left: 0px;top:0px;width: 100%;height: 425px;max-width: 1920px;}

.video{position: absolute;left: 0px;top:0px;width:100%;height: 425px;overflow: hidden;}

.overlay1{position: fixed;left: 0px;top:0px;}
.overlay1 img{width:100%;height:425px;border: 0;}


.layoutWidth{max-width:1920px;width:100%;margin-left: auto;margin-right: auto;}

.subpagelist{width: 100%;height:90px;background-color: #F9F9F9 ;overflow: hidden;margin-bottom: 10px;padding:5px;border-radius: 10px;border: 1px #B7B7B7 solid;}
.subpagelist:nth-of-type(odd) {background-color:#EEEEEE;}  
.subpagelist h1{display:none;}
.subpagelist h2{font-size: 20px;color: #272727;}



/* Lib V1.0 */

#output{background-color: #000000;color: #03C800;font-family: arial,sans-serif;position: fixed;top:10px;left:10px;padding:20px;display: none;}
@font-face {
	font-family: 'Glober SemiBold Free';
	src: url('GloberSemiBold.eot');
	src: url('GloberSemiBold.eot?#iefix') format('embedded-opentype'),
		url('GloberSemiBold.woff') format('woff'),
		url('GloberSemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}




.container{background-color:#FFFFFF;  border:0px #FF0004 solid;height:auto;min-height: 100%;}


.floatLeft{float:left;}
.floatRight{float:right;}
.conetntpadding{padding-left:10px;padding-right:10px;}

.formLeft{float:left;width:18vw;}
.formRight{float:left;}
.clearfloat{clear:both;}

.full{width:98%;padding:1%;}
.third{width:30%;padding:1%;}
.quarter{width:23%;padding:1%;}
.threequarter{width:73%;padding:1%;}
.half{width:48%;padding:1%;}

.fl{float:left;}
.fr{float:right;}
.cf{clear:both;line-height:0px;}

.pCentre{width:100%;text-align:center;}
.pRight{width:100%;text-align:right;}
.pLeft{width:100%;text-align:left;}

.cover{ background-repeat: no-repeat;  background-position: 50% 50%;  background-size: cover;}

.tl{text-align:left;}
.tr{text-align:right;}

.oTimesL{float:left;text-align: left;width:43%;padding: 1%;}
.oTimesR{float:left;text-align: right;width:53%;padding: 1%;}


/* HEADER */



/* NAVIGATION */

.nav {display:block;height:24px;width:100%;margin-left: auto;margin-right: auto;text-align: center;z-index:100;font-size:14px;border-bottom:1px #D8CFBD solid;}
.navText{margin-left:0px;margin-top:7px;}
#navMobile {position:fixed;top:0px;left:0px;display:none;height:30px;padding-top:10px;overflow:visible;z-index:101;width:100%;text-align: center;background-color: #DCDCDC;font-size:18px;}
#navM{position:fixed;top:40px;width: 100%; background-color:#EEEEEE;display:none;margin-left:0px;padding-left:0px;-webkit-animation:mobnav 0.75s;animation:mobnav 0.75s;}

@-webkit-keyframes mobnav{from{opacity:0} to{opacity:1}}
@keyframes mobnav{from{opacity:0} to{opacity:1}}
@-webkit-keyframes mobnav{from{margin-top:-1000} to{margin-top:0}}
@keyframes mobnav{from{margin-top:-1000} to{margin-top:0}}


.button1 {background-color:#EEEEEE;font-size:18px;margin-left:0px;width:100%;border-bottom:#757474 1px solid;padding:0px;}

#navM ul{	list-style:none;	position:relative;	float:left;	margin:0;	padding:0;	padding-left:20px;width:100%; }

#navM ul li{-webkit-animation:mobsubnav 0.75s;animation:mobsubnav 0.75s;}
@-webkit-keyframes mobsubnav{from{opacity:0} to{opacity:1}}
@keyframes mobsubnav{from{opacity:0} to{opacity:1}}
@-webkit-keyframes mobsubnav{from{margin-top:-20} to{margin-top:0}}
@keyframes mobsubnav{from{margin-top:-20} to{margin-top:0}}

#navM ul .open:before{	content: "⇩ "; padding-left:0px;}

#navM li{	background-color:#EEEEEE;font-size:22px;width:100%;border-bottom:#CCCCCC 1px solid;padding:0px;list-style:none;display:block;margin-left:0px;padding-left:0px;padding-top:10px;padding-bottom:10px;}
#navM li a{color:#000000;}

#navM ul ul li{font-size:18px;}

#navM ul ul{	display:none;}
#navM ul li:hover > ul{	display:block}




#nav {	border:#DC3436 0px solid;height:24px;overflow:visible;}
#nav ul li{list-style:none;padding-left:0px;display:inline-block;margin-left:0px;margin-right:2px;padding-right:8px;margin-top:3px;border-right:2px #444444 solid;font-weight:400;font-size:18px;font-weight: 800;font-style: normal;vertical-align: top;height:16px;overflow:visible;}

#nav ul li:last-child { border-right: none; }
#nav ul li ul li{	border:#DC3436 0px solid;	list-style:none;padding:8px;display:block;	margin:0px;	width:200px; height: 30px;	overflow:visible;	border:1px #000000 solid;border-radius: 8px;font-size:12px;}

#nav ul{	list-style:none;	position:relative;	float:left;	margin:0;	padding:0}

#nav ul a{	display:block;	color:#333;	text-decoration:none;	font-weight:700;	padding:0 15px}
#nav ul a:hover{	color:#f6f6f6}

#nav ul li{	position:relative;	float:left}

#nav ul li.current{	color:#ddd}

#nav ul li:hover{	color:#f6f6f6}

#nav ul ul{	display:none;	position:absolute;	    top: 21px;	left:0;	background:#fff;	padding:0}

#nav ul ul li{	float:none;	width:200px}

#nav ul ul a{	}

#nav ul ul ul{	top:0;	left:100%}

#nav ul li:hover > ul{	display:block}

#nav ul li ul{-webkit-animation:opac 0.75s;animation:opac 0.75s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}
/*
@-webkit-keyframes opac{from{margin-top:-5} to{margin-top:5}}
@keyframes opac{from{margin-top:-5} to{margin-top:5}}
*/


.breadcrumb{width:100%;padding:5px;padding-left:30px;color:#888888;margin-top: 0px;font-size: 11px;}
.breadcrumb a{color:#AAAAAA;}

.footerLeft{float: left;text-align: left;}
.footerMid{float: left;text-align: center;}
.footerRight{float: right;text-align: right;}

.diag{border:1px #FF0004 solid;}

/* MAIN CONTENT HOME */

@media screen and (min-width: 1024px) {
	/*desktop screen*/

}

@media screen and (max-width: 1900px) {

#phoneNumber{display:none;}
.navigation {max-width:1280px;width:1280px;}
.layoutWidth{max-width:1280px;}
.footer {max-width:1280px;}
.topImage{max-width: 1280px;}
}

@media screen and (max-width: 1280px) {
	/*small screen*/
	.navigation {width:100%;top:400px;left: 00%; border:0px #FF0004 solid;}
	#logoImg {width:100%;}
	#logo {top:24px;}
	#nav li{font-size: 1.1vw;margin-top:5px;}

}
@media screen and (max-width: 1024px) {
	/*small iPad screen*/
	.footer {position:relative;top:0px;}

	
}

@media screen and (max-width: 900px) {
	/*small tablet screen*/
	#header{top:40px;}
	.nav {display:none;}
	#navMobile {display:block;}
	
	#headerBG{background-color: #FFFFFF;width:100%;padding-bottom: 30px;}
	
	.topImage{position: absolute;left:0px;top:0px;height:400px;width:100%;max-width:100%;}
	
	.phone{display:none;}
	
	.fl{float:none;}
	.fr{float:none;}
	
	.third{width:98%;padding:1%;}
	.quarter{width:98%;padding:1%;}
	.threequarter{width:98%;padding:1%;}
	.half{width:98%;padding:1%;}
	
	.bodyText{width: 90%;margin-left: 0%;margin-right: 0%;padding-top: 0px;padding-bottom: 110px;}
/*
	.overlay1{position: absolute;left: 25%;top:220px;margin-top:0px;}
	.overlay1 img{width:auto;height:300px;border: 0;}
*/	

	.selectImage{float:left;width:21%;padding:1%;height:100px;}
	
	.mainContent{float: none;width:100%;margin-top: 450px;}
	.mainContent2{float: none;width:100%;margin-top: 0px;}


	
}
@media screen and (max-width: 600px) {
	
	/*small Mobile screen	*/
}