@charset "UTF-8";
/* CSS Document */
html,
body{
	height:100%;
	min-width:320px;
}
body{
	background:#fff ;
	font-family:'Open Sans', Arial, sans-serif;;
	font-size:16px;
	line-height:24px;
	color:#383838;
	-webkit-text-size-adjust: 100%;
}
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline:none;
	filter:inherit;
}
.clearme{
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}
a,
a *{
	cursor: pointer;
	text-decoration: none;
	-webkit-transition:color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	-moz-transition:color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	transition:color 0.25s ease-in-out, background-color 0.25s ease-in-out;
}
#header{
	position:fixed;
	top:0;
	left:0;
	background-color:#000;
	width:100%;
	height:auto;
	z-index:10;
}
#header h1{
	display:inline-block;
	width:180px;
	height:70px;
}
#header h1 a{
	display:inline-block;
	width:180px;
	height:70px;
	background:url(../img/raceahead.jpg) no-repeat top left;
	background-size:180px 70px;
	text-indent:-999999px;
}
#email{
	position:absolute;
	top:27px;
	right:100px;
	background: url(../img/email.png) no-repeat top left;
	background-size:26px 20px;
	width:26px;
	height:20px;
	text-indent:-99999px;
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
	-khtml-opacity: 0.3;
	-moz-opacity: 0.3;
}
#email:hover{
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
}

#tel, #tel2{
	position:absolute;
	top:23px;
	right:40px;
	background: url(../img/tel.png) no-repeat top left;
	background-size:23px 25px;
	width:23px;
	height:25px;
	text-indent:-99999px;
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
	-khtml-opacity: 0.3;
	-moz-opacity: 0.3;
}
#tel:hover, #tel2:hover{
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
}
#nav{
	float:right;
	padding-right:160px;
	display:block;
}
#nav ul{
	list-style-type:none;
}
#nav ul li{
	display:inline-block;
	margin-left:30px;
}
#nav ul li a{
	color:#fff;
	text-decoration:none;
	font-size:20px;
	line-height:70px;
}
#nav ul li a:hover{
	color:#f68104;
}
#hero{
	position:relative;
	top:0px;
	left:0;
	width:100%;
	height:auto;
	font-family: 'Oxygen', sans-serif;
	font-size:40px;
	line-height:50px;
	color:#fff;
	font-style:italic;
	background-color:#000;
}
#hero p{
	position:absolute;
	top:50%;
	margin-top:-25px;
}
#hero p#full{
	left:5%;
}
#hero p#time{
	left:50%;
}
#hero p#reg{
	left:75%;
}
section{
	display:block;
	height:100%;
	width:100%;
}
.triptych{
	font-family:"LinotypeUniversW01-Regu","LinotypeUnivers-BasicRegular","Arial";
	position:relative;
	height:100%;
	margin:0 auto;
	background:#000;
	color:#FFF;
	overflow:hidden
}
.triptych .triptych_inner{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0
}
.triptych .section{
	display:block;
	position:absolute;
	width:33%;
	height:100%;
	top:0;
	left:0;
	padding:0;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	min-height:100px;
}
.triptych .skew{
	position:absolute;
	width:100%;
	height:100%;
	-moz-transform:skew(-13deg);
	-ms-transform:skew(-13deg);
	-webkit-transform:skew(-13deg);
	transform:skew(-13deg);
	overflow:hidden
}
.triptych .unskew{
	position:absolute;
	width:160%;
	height:100%;
	left:-25%;
	top:0;
	background-size:cover;
	background-position:center center;
	-moz-transform:skew(13deg);
	-ms-transform:skew(13deg);
	-webkit-transform:skew(13deg);
	transform:skew(13deg)
}
.triptych .hover{
	/* position:absolute;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	-moz-transition:opacity 300ms ease-in-out;
	-o-transition:opacity 300ms ease-in-out;
	-webkit-transition:opacity 300ms ease-in-out;
	transition:opacity 300ms ease-in-out */
}
.triptych .copy{
	display:block;
	position:absolute;
	width:100%;
	max-width:none;
	top:50%;
	margin-top:-55px;
	left:0;
	text-align:center;
}
.triptych .copy h2{
	font-family: 'Oxygen', sans-serif;
	font-size:70px;
	line-height:80px;
	color:#fff;
	font-style:normal;
}

.triptych .copy p{
	font-size:18px;
	font-size:1.8rem;
	line-height:19.8px;
	line-height:1.98rem
}
.triptych .btn{
	color:#ffffff;
	font-size:30px;
	line-height:40px;
	background:url(../img/shape.png) no-repeat top left;
	display:inline-block;
	height:40px;
	padding-left:60px;
	font-style:normal;
}
.triptych .btn:hover{
	color:#f68104;
}

.triptych .section,.triptych .skew,.triptych .unskew{
	-moz-transition:width 300ms ease-in-out,left 300ms ease-in-out;
	-o-transition:width 300ms ease-in-out,left 300ms ease-in-out;
	-webkit-transition:width 300ms ease-in-out,left 300ms ease-in-out;
	transition:width 300ms ease-in-out,left 300ms ease-in-out
}
.triptych .section.air .skew{
	background-color:#000;
}
.triptych .section.air .unskew{
	left:-70%;
	width:200%;
	background-color:#000;
	background-image:url(../img/hero1.jpg);
	background-position:30% 50%
}
.triptych .section.air .hover{
	/*background-color:#c9b397;
	background-image:url(../images-dev/triptych_air.jpg);
	background-position:30% 50%*/
}
.triptych .section.air .copy{
	padding:0 26% 0 14%;
}
.triptych .section.sea{
	width:35%;
	left:32.5%;
}
.triptych .section.sea .unskew{
	background-color:#000;
	background-image:url(../img/hero2.jpg);
	background-position:42% 50%;
}
.triptych .section.sea .hover{
	/*background-color:#5d81ae;
	background-image:url(../images-dev/triptych_sea.jpg);
	background-position:42% 50%;*/
}
.triptych .section.sea .copy{
	padding:0 0% 0 0%;
	left:-2%;
}
.triptych .section.land{
	left:67%;
}
.triptych .section.land .skew{
	background-color:#ccc;
}

.triptych .section.land .unskew{
	background-color:#000;
	background-image:url(../img/hero3.jpg);
	background-position:92% 50%
}
.triptych .section.land .hover{
	/*background-color:#a0b5b3;
	background-image:url(../images-dev/triptych_land.jpg);
	background-position:92% 50%*/
}
.triptych .section.land .copy{
	left:-7%;
}
.triptych.air .copy,.triptych.sea .copy,.triptych.land .copy{
	-moz-transition:opacity 300ms ease-in-out;
	-o-transition:opacity 300ms ease-in-out;
	-webkit-transition:opacity 300ms ease-in-out;t
	ransition:opacity 300ms ease-in-out;
	-moz-transition-delay:300ms;
	-o-transition-delay:300ms;
	-webkit-transition-delay:300ms;
	transition-delay:300ms
}
.triptych.air .section.air{
	width:57%
}
.triptych.air .section.air .unskew{
	width:126%;
	left:-13%
}
.triptych.air .section.air .hover{
	/*filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1*/
}
.triptych.air .section.air .copy{
	filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1
}
.triptych.air .section.sea{
	width:22%;
	left:56.5%
}
.triptych.air .section.sea .unskew{
	width:160%;
	left:-30%
}
.triptych.air .section.land{
	width:22%;
	left:78.5%
}
.triptych.air .section.land .unskew{
	width:160%;
	left:-30%
}
.triptych.sea .section.air{
	width:22%
}
.triptych.sea .section.air .unskew{
	width:250%;
	left:-120%
}
.triptych.sea .section.sea{
	width:57%;
	left:21.5%
}
.triptych.sea .section.sea .unskew{
	width:126%;
	left:-13%
}
.triptych.sea .section.sea .hover{
	/*filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1*/
}
.triptych.sea .section.sea .copy{
	filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1
}
.triptych.sea .section.land{
	width:22%;
	left:78.5%
}
.triptych.sea .section.land .unskew{
	width:160%;
	left:-30%
}
.triptych.land .section.air{
	width:22%
}
.triptych.land .section.air .unskew{
	width:250%;
	left:-120%
}
.triptych.land .section.sea{
	width:22%;
	left:21.5%
}
.triptych.land .section.sea .unskew{
	width:160%;
	left:-30%
}
.triptych.land .section.land{
	width:57%;
	left:42.5%
}
.triptych.land .section.land .unskew{
	width:126%;
	left:-13%
}
.triptych.land .section.land .hover{
	/*filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1*/
}
.triptych.land .section.land .copy{
	filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1
}
#header #btn_menu{
	display:none;
}
#intro {
    display: block;
    position: relative;
    max-width: 730px;
    margin: 50px auto 50px;
	padding: 0 40px;
	text-align:center;
}
#intro h3{
	font-family: 'Oxygen', sans-serif;
	font-size:30px;
	line-height:40px;
	color:#383838;
	font-style:normal;
}
#intro p{
	margin-top:50px;
	margin-bottom:50px;
}
#reg .btn, #timingitems .btn{
	color:#fff;
	font-family: 'Oxygen', sans-serif;
	font-size:30px;
	line-height:40px;
	background:url(../img/shape.png) no-repeat top left;
	display:inline-block;
	height:40px;
	padding-left:60px;
	font-style:normal;
}
#reg .btn:hover, #timingitems .btn:hover{
	color:#f68104;
}
#intro .btn,  #fillitems .btn{
	color:#383838;
	font-family: 'Oxygen', sans-serif;
	font-size:30px;
	line-height:40px;
	background:url(../img/shape.png) no-repeat top left;
	display:inline-block;
	height:40px;
	padding-left:60px;
	font-style:normal;
}
#intro .btn:hover,#fillitems .btn:hover{
	color:#f68104;
}

#timingwrap{
	width:100%;
	height:auto;
	display:block;
	position:relative;
	top:0;
	left:0;
	background:url(../img/timing.jpg);
	background-size:cover;
	background-position:center center;
}
	
#timing {
    display: block;
    position: relative;
    max-width: 730px;
    margin: 0px auto 0px;
	padding: 50px 40px 50px 40px;
	text-align:center;
	color:#ffffff;
}
#timing h3{
	font-family: 'Oxygen', sans-serif;
	font-size:30px;
	line-height:40px;
	color:#ffffff;
	font-style:normal;
}
#timing p{
	margin-top:50px;
	margin-bottom:50px;
	
}
#timing ul{
	list-style-type:none;
}
#timing ul li{
	display:inline-block;
	background-color:red;
	margin:0;
	padding:0;
}
#timing a{
	display:inline-block;
	padding:2% 5%;
	color:#ffffff;
	background-color:#808080;
	-webkit-transition:color 0.0s ease-in-out, background-color 0.0 ease-in-out;
	-moz-transition:color 0.0s ease-in-out, background-color 0.0s ease-in-out;
	transition:color 0.0s ease-in-out, background-color 0.0s ease-in-out;
}
#timing a:hover,#timing a.active{
	display:inline-block;
	padding:2% 5%;
	color:#ffffff;
	background:#ff9000 url(../img/tabbg.jpg) no-repeat;
	background-size:contain;
}
#timingitems {
    display: block;
    position: relative;
    max-width: 1000px;
    margin: 0px auto 0px;
	padding: 0px 40px 50px 40px;
	text-align:center;
	color:#ffffff;
	overflow:hidden;
}
#timingitemsinner{
	position:relative;
	top:0px;
	left:0px;
	width:40000px;
}
.timingitem{
	position:relative;
	top:0;
	left:0;
	float:left;
	width:1000px;
	height:auto;
	padding-right:100px;
}
.timingitemcopy{
	position:relative;
	float:left;
	width:60%;
	height:auto;
}
.timingitemimg{
	position:relative;
	float:right;
	width:40%;
	height:auto;
}
.timingitemimg img{
	width:100%;
}
.shadtop,.shadbottom{
	height:auto;
	display:block;
	position:relative;
	max-width:1000px;
	top:0;
	left:0;
	margin:0px auto;
	font-size:0;
	line-height:0;
	padding:0 40px;
}
.shadtop img, .shadbottom img{
	width:100%;
}
#timingwrap{
	width:100%;
	height:auto;
	display:block;
	position:relative;
	top:0;
	left:0;
	background:url(../img/timing.jpg);
	background-size:cover;
	background-position:center center;
}
#fillwrap{
	background-color:#f0f0f0;
}
#fill {
    display: block;
    position: relative;
    max-width: 730px;
    margin: 0px auto 0px;
	padding: 50px 40px 50px 40px;
	text-align:center;
	color:#383838;
}
#fill h3{
	font-family: 'Oxygen', sans-serif;
	font-size:30px;
	line-height:40px;
	color:#383838;
	font-style:normal;
}
#fill p{
	margin-top:50px;
	margin-bottom:50px;
	
}
#fill ul{
	list-style-type:none;
}
#fill ul li{
	display:inline-block;
	background-color:red;
	margin:0;
	padding:0;
}
#fill a{
	display:inline-block;
	padding:2% 5%;
	color:#383838;
	background-color:#808080;
	-webkit-transition:color 0.0s ease-in-out, background-color 0.0 ease-in-out;
	-moz-transition:color 0.0s ease-in-out, background-color 0.0s ease-in-out;
	transition:color 0.0s ease-in-out, background-color 0.0s ease-in-out;
}
#fill a:hover,#fill a.active{
	display:inline-block;
	padding:2% 5%;
	color:#ffffff;
	background:#ff9000 url(../img/tabbg.jpg) no-repeat;
	background-size:contain;
}
#fillitems {
    display: block;
    position: relative;
    max-width: 1000px;
    margin: 0px auto 0px;
	padding: 0px 40px 50px 40px;
	text-align:center;
	color:#383838;
	overflow:hidden;
}
#fillitemsinner{
	position:relative;
	top:0px;
	left:0px;
	width:40000px;
}
.fillitem{
	position:relative;
	top:0;
	left:0;
	float:left;
	width:1000px;
	height:auto;
	padding-right:100px;
}
.fillitemcopy{
	position:relative;
	float:left;
	width:60%;
	height:auto;
}
.fillitemimg{
	position:relative;
	float:right;
	width:40%;
	height:auto;
}
.fillitemimg img{
	width:100%;
}
#regwrap{
	width:100%;
	height:auto;
	display:block;
	position:relative;
	top:0;
	left:0;
	background:url(../img/timing.jpg);
	background-size:cover;
	background-position:center center;
}
	
#reg {
    display: block;
    position: relative;
    max-width: 730px;
    margin: 0px auto 0px;
	padding: 50px 40px 50px 40px;
	text-align:center;
	color:#ffffff;
}
#reg h3{
	font-family: 'Oxygen', sans-serif;
	font-size:30px;
	line-height:40px;
	color:#ffffff;
	font-style:normal;
}
#reg p{
	margin-top:50px;
	margin-bottom:50px;
	
}
#reg img{
	width:70%;
	
}

#techwrap{
	width:100%;
	height:auto;
	display:block;
	position:relative;
	top:0px;
	left:0;
	background-color:#f0f0f0;
	z-index:1;
	margin-top:0px;
}
	
#tech {
    display: block;
    position: relative;
    max-width: 730px;
    margin: 0px auto 0px;
	padding: 50px 40px 50px 40px;
	text-align:center;
	color:#383838;
}
#tech h3{
	display:block;
	text-indent:-999999px;
	overflow:hidden;
	background:url(../img/mylapse.jpg);
	background-size:256px 43px;
	width:256px;
	height:43px;
	margin:0px auto;
}
#tech p{
	margin-top:50px;
	margin-bottom:50px;
	
}
.techother{
	position:relative;
	float:left;
	width:45%;
}
.techother2{
	position:relative;
	float:right;
	width:45%;
}
.techother img,.techother2 img{
	width:100%;
}

#contactwrap{
	width:100%;
	height:auto;
	display:block;
	position:relative;
	top:0;
	left:0;
	background-color:#ffffff;
}
	
#contact {
    display: block;
    position: relative;
    max-width: 730px;
    margin: 0px auto 0px;
	padding: 50px 40px 50px 40px;
	text-align:left;
	color:#383838;
}
#contactleft{
	position:relative;
	width:45%;
	padding-right:5%;
	float:left;
}
#contactright{
	position:relative;
	width:40%;
	float:right;
	padding-top:20px;
}
#contactleft a{
	color:#383838;
}
#contactleft a:hover{
	color:#ff9000;
}
#contact h5{
	font-family: 'Oxygen', sans-serif;
	font-size:30px;
	line-height:40px;
	color:#383838;
	font-style:normal;
}
#contact p{
	margin-top:50px;
	
}
#contact p.clarge{
	margin-top:50px;
	font-size:20px;
	font-family: 'Oxygen', sans-serif;
	font-style:normal;
}
#form-submit{
	display:block;
	width:100%;
	text-align:center;
	background-color:#ff9000;
	padding:4px 0;
	color:#383838;
}
#form-submit:hover{
	background-color:#808080;
	padding:4px 0;
	color:#ffffff;
}

.formrow{
	margin:30px 0 0;
}
.formleft{
	display:block;
	position:relative;
	width:30%;
	padding:2px 5% 0 0;
	float:left;
	font-size:19px;
	line-height:24px;
}
.formleft.required,
.formleft.required{
	background:url(../images/form_required.png) top right no-repeat;
}
.formrow span.required{
	background: url(../images/form_required.png) top right no-repeat;
	width:10px;
	height:17px;
	display:inline-block;
}	

.formright{
	display:block;
	position:relative;
	width:65%;
	float:left;
}
.formleft span{
	font-size:15px;
	line-height:22px;
}
.formright label,
.formwide label{
	font-size:19px;
	line-height:24px;
}
.select{
	display:block;
	position:relative;
}
.select.narrow{
	display:block;
	position:relative;
	width:30%;
	float:left;
	margin-right:2%;
}
.select.narrow .fixedWidth{
	float:left;
}
.radio_small,
.checkbox_small,
.radio_wide,
.checkbox_wide{
	padding:5px 0 0;
}
.radio_small label,
.checkbox_small label{
	display:inline-block;
	vertical-align:top;
	width:45%;
	padding:0 4% 5px 0;
}
.radio_wide label,
.checkbox_wide label{
	display:inline-block;
	vertical-align:top;
	width:29%;
	padding:0 4% 25px 0;
}
input[type=text],
input[type=password],
input[type=email],
textarea{
	width:90%;
	padding:5px 5%;
	background:#f0f0f0;
	color:#383838;
	font-family: 'Oxygen', sans-serif;
    font-size: 16px;
    line-height: 20px;
		border:1px solid #ffffff;
}
textarea{
	min-height:100px;
}
select{
	width:100%;
	height:32px;
	font-size:16px;
	line-height:20px;
	background:#FFF;
	color:#522d59;
}
input[type=text].error,
input[type=password].error,
input[type=email].error,
input[type=radio].error,
input[type=checkbox].error,
textarea.error,
select.error{
	border:1px solid #F00;
}
input[type=checkbox],
input[type=radio]{
	width:30px;
}
input[type=checkbox]{
	width:27px;
}
#formspinner{
	display:none;
	width:30px;
	height:30px;
	overflow:hidden;
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-15px;
	z-index:5;
	background:url(../img/loading30.gif) no-repeat top left;
}
#footerwrap{
	width:100%;
	height:auto;
	display:block;
	position:relative;
	top:0px;
	left:0;
	background-color:#000000;
	z-index:1;
	margin-top:0px;
}
	
#footer {
    display: block;
    position: relative;
    max-width: 730px;
    margin: 0px auto 0px;
	padding: 60px 0px 60px 0px;
	text-align:center;
	color:#ffffff;
	font-size:12px;
}

#footer h6{
	display:inline-block;
	width:180px;
	height:70px;
	background:url(../img/raceahead.jpg) no-repeat top left;
	background-size:180px 70px;
	text-indent:-999999px;
}
#footnav{
	padding:10px 0 30px 0;
}
#footnav ul{
	list-style-type:none;
}
#footnav ul li{
	display:inline-block;
	margin-left:30px;
}
#footnav ul li a{
	color:#fff;
	text-decoration:none;
	font-size:15px;
	line-height:20px;
}
#footnav ul li a:hover{
	color:#f68104;
}

#popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.7); 
	z-index:10;
	display:none;
}
#popupinner{
	position:absolute;
	top:50%;
	left:50%;
	width:400px;
	height:400px;
	padding:60px;
	margin-top:-260px;
	margin-left:-260px;
	background-color:#ffffff;
	font-size:20px;
	line-height:25px;
}
#popupinner p#errors{
	font-size:16px;
	line-height:24px;
	margin-top:20px;
}

#popclose{
	position:absolute;
	top:10px;
	right:10px;
	width:40px;
	height:40px;
	background: url(../img/close.png) no-repeat top left;
	background-size:40px 80px;
	display:block;
	text-indent:-99999px;
	font-size:0;
	lin\0;
}
#popclose:hover{
	background: url(../img/close.png) no-repeat bottom left;
	background-size:40px 80px;
}
#thanksfor{
	display:none;
	width:90%;
	padding:5%;
	background-color:#f4f4f4;
}
#contact #thanksfor p {
    margin-top: 20px;
}
#logoswrap {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    top: 0px;
    left: 0;
    background-color: #ffffff;
    z-index: 1;
    margin-top: 0px;
}
#logos {
    display: block;
    position: relative;
    max-width: 730px;
    margin: 0px auto 0px;
    padding: 50px 40px 50px 40px;
    text-align: center;
    color: #ffffff;
}
/* #logo1{
width: 30%;
height: 0;
padding-bottom: 15%;
background-image: url("../img/img.jpg");
background-position: 0 0;
background-size: 200%;
display:block;	
float:left;
}
#logo1:hover {
background-position: 100% 0; 
}
#logo2{
width: 12.80%;
height: 0;
padding-bottom: 15%;
background-image: url("../img/age.jpg");
background-position: 0 0;
background-size: 200%;
display:block;	
float:left;
margin-left:10%;
}
#logo2:hover {
background-position: 100% 0; 
}
#logo3{
width: 11.97%;
height: 0;
padding-bottom: 15%;
background-image: url("../img/bath.jpg");
background-position: 0 0;
background-size: 200%;
display:block;	
float:left;
margin-left:10%;
}
#logo3:hover {
background-position: 100% 0; 
}
#logo4{
width: 15.89%;
height: 0;
padding-bottom: 15%;
background-image: url("../img/london.jpg");
background-position: 0 0;
background-size: 200%;
display:block;	
float:left;
margin-left:9%;
}
#logo4:hover {
background-position: 100% 0; 
}
#logo5{
width: 36.15%;
height: 0;
padding-bottom: 12%;
background-image: url("../img/vitality.jpg");
background-position: 0 0;
background-size: 200%;
display:block;	
float:left;
}
#logo5:hover {
background-position: 100% 0; 
}
#logo6{
width: 23.85%;
height: 0;
padding-bottom: 12%;
background-image: url("../img/chelt.jpg");
background-position: 0 0;
background-size: 200%;
display:block;	
float:left;
margin-left:8%;
}
#logo6:hover {
background-position: 100% 0; 
}
#logo7{
width: 23.54%;
height: 0;
padding-bottom: 12%;
background-image: url("../img/blen.jpg");
background-position: 0 0;
background-size: 200%;
display:block;	
float:left;
margin-left:8%;
}
#logo7:hover {
background-position: 100% 0; 
}
*/
#logo1{
width: 210px;
height: 106px;
background-image: url("../img/img2.jpg");
background-position: 0 0;
background-size: 210px 212px;
overflow:hidden;
text-indent:-99999px;
display:inline-block;	
}
#logo1:hover {
background-position: 0 -106px; 
}
#logo2{
width: 94px;
height: 109px;
background-image: url("../img/age2.jpg");
background-position: 0 0;
background-size: 94px 218px;
overflow:hidden;
text-indent:-99999px;
display:inline-block;	
margin-left:72px;
}
#logo2:hover {
background-position: 0 -109px; 
}
#logo3{
width: 88px;
height: 110px;
background-image: url("../img/bath2.jpg");
background-position: 0 0;
background-size: 88px 220px;
overflow:hidden;
text-indent:-99999px;
display:inline-block;	
margin-left:72px;
}
#logo3:hover {
background-position: 0 -110px; 
}
#logo4{
width: 117px;
height: 110px;
background-image: url("../img/london2.jpg");
background-position: 0 0;
background-size: 117px 220px;
overflow:hidden;
text-indent:-99999px;
display:inline-block;	
margin-left:60px;
}
#logo4:hover {
background-position: 0 -110px; 
}
#logo5{
width: 265px;
height: 88px;
background-image: url("../img/vitality2.jpg");
background-position: 0 0;
background-size: 265px 176px;
overflow:hidden;
text-indent:-99999px;
display:inline-block;	
}
#logo5:hover {
background-position: 0 -88px; 
}
#logo6{
width: 175px;
height: 88px;
background-image: url("../img/chelt2.jpg");
background-position: 0 0;
background-size: 175px 176px;
overflow:hidden;
display:inline-block;	
margin-left:50px;
}
#logo6:hover {
background-position: 0 -88px; 
}
#logo7{
width: 173px;
height: 88px;
background-image: url("../img/blen2.jpg");
background-position: 0 0;
background-size: 173px 176px;
overflow:hidden;
text-indent:-99999px;
display:inline-block;	
margin-left:50px;
}
#logo7:hover {
background-position: 0 -88px; 
}
.clearme.gap{
	margin-top:30px;
}
@media all and (max-width: 1440px){
.triptych .copy h2{
	font-family: 'Oxygen', sans-serif;
	font-size:60px;
	line-height:70px;
}

.triptych .btn{
	font-size:25px;
	padding-left:60px;
}
}
@media all and (max-width: 1280px){
.triptych .copy h2{
	font-family: 'Oxygen', sans-serif;
	font-size:50px;
	line-height:60px;
}

.triptych .btn{
	font-size:20px;
	padding-left:60px;
}
}
@media all and (max-width: 1024px){
.triptych .copy h2{
	font-family: 'Oxygen', sans-serif;
	font-size:40px;
	line-height:50px;
}

.triptych .btn{
	font-size:15px;
	padding-left:60px;
}
}
@media all and (max-width: 960px){
	#nav ul li a {
		font-size: 17px;
	}
	#footnav ul li a {
		font-size: 13px;
	}
}
@media all and (max-width: 860px){
	#header h1 a{
		width:154px;
		height:60px;
		background:url(../img/raceahead.jpg) no-repeat top left;
		background-size:154px 60px;
	}
	#nav ul li a {
		font-size: 15px;
		line-height: 60px;
	}
	#tel, #tel2{
		top:18px;
	}
	#email{
		position:absolute;
		top:22px;
	}
}
@media all and (max-width: 810px){
#logo1{
width: 151px;
height: 76px;
background-size: 151px 152px;
}
#logo1:hover {
background-position: 0 -76px; 
}
#logo2{
width: 67px;
height: 77px;
background-size: 67px 154px;
margin-left:52px;
}
#logo2:hover {
background-position: 0 -77px; 
}
#logo3{
width: 61px;
height: 77px;
background-size: 71px 154px;
margin-left:52px;
}
#logo3:hover {
background-position: 0 -77px; 
}
#logo4{
width: 82px;
height: 77px;
background-size: 82px 154px;
margin-left:40px;
}
#logo4:hover {
background-position: 0 -77px; 
}
#logo5{
width: 187px;
height: 62px;
background-size: 124px 124px;
}
#logo5:hover {
background-position: 0 -62px; 
}
#logo6{
width: 123px;
height: 62px;
background-size: 123px 124px;
margin-left:40px;
}
#logo6:hover {
background-position: 0 -62px; 
}
#logo7{
width: 122px;
height: 62px;
background-size: 122px 124px;
margin-left:40px;
}
#logo7:hover {
background-position: 0 -62px; 
}
}
@media all and (max-width: 768px){
	.triptych{
		height:auto;
		padding:0
	}
	.triptych *{
		-moz-transition:none !important;
		-o-transition:none !important;
		-webkit-transition:none !important;
		transition:none !important
	}
	.triptych .triptych_inner{
		position:relative;
		width:100% !important;
		height:auto;
		left:0 !important
	}
	.triptych .section{
		position:relative;
		width:100%;
		height:0;
		top:0;
		left:0;
		padding:0 0 0;
	}
	.triptych .skew{
		-moz-transform:skew(0);
		-ms-transform:skew(0);
		-webkit-transform:skew(0);
		transform:skew(0)
	}
	.triptych .unskew{
		width:100%;
		height:100%;
		-moz-transform:skew(0);
		-ms-transform:skew(0);
		-webkit-transform:skew(0);
		transform:skew(0)
	}.triptych .section,.triptych .section.air,.triptych .section.sea,.triptych .section.land,.triptych.air .section,.triptych.air .section.air,.triptych.air .section.sea,.triptych.air .section.land,.triptych.sea .section,.triptych.sea .section.air,.triptych.sea .section.sea,.triptych.sea .section.land,.triptych.land .section,.triptych.land .section.air,.triptych.land .section.sea,.triptych.land .section.land{width:100%;left:0}.triptych .section .unskew,.triptych .section.air .unskew,.triptych .section.sea .unskew,.triptych .section.land .unskew,.triptych.air .section .unskew,.triptych.air .section.air .unskew,.triptych.air .section.sea .unskew,.triptych.air .section.land .unskew,.triptych.sea .section .unskew,.triptych.sea .section.air .unskew,.triptych.sea .section.sea .unskew,.triptych.sea .section.land .unskew,.triptych.land .section .unskew,.triptych.land .section.air .unskew,.triptych.land .section.sea .unskew,.triptych.land .section.land .unskew{
		width:100%;
		left:0
	}
	.triptych .section .hover,.triptych .section.air .hover,.triptych .section.sea .hover,.triptych .section.land .hover,.triptych.air .section .hover,.triptych.air .section.air .hover,.triptych.air .section.sea .hover,.triptych.air .section.land .hover,.triptych.sea .section .hover,.triptych.sea .section.air .hover,.triptych.sea .section.sea .hover,.triptych.sea .section.land .hover,.triptych.land .section .hover,.triptych.land .section.air .hover,.triptych.land .section.sea .hover,.triptych.land .section.land .hover{
		/*background:none;
		filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity:1*/
	}
	.triptych .section.air .copy {
    	padding: 0 ; 
	}
	.triptych .section.sea .copy {
    padding: 0 0% 0 0%;
    left: 0;
	}
	.triptych .section.land .copy {
    left: 0;
	}
}

@media all and (max-width: 760px){
	#nav ul li a {
		font-size: 14px;
	}
	#contactleft{
		position:relative;
		width:100%;
		padding-right:0;
		float:none;
	}
	#contactright{
		position:relative;
		width:100%;
		float:none;
		padding-top:0px;
	}
	#popupinner{
		position:absolute;
		top:5%;
		left:5%;
		width:80%;
		height:80%;
		padding:5%;
		margin-top:0px;
		margin-left:0px;
		font-size:20px;
		line-height:25px;
	}
}

@media all and (max-width: 660px){
	body {
		font-size: 14px;
		line-height: 20px;
	}
	#header #btn_menu{
		display:block;
		position:absolute;
		width:65px;
		height:65px;
		top:0;
		right:-14px;
	}
	#header .menubar1,
	#header .menubar2,
	#header .menubar3{
		display:block;
		position:absolute;
		width:40px;
		height:4px;
		top:23px;
		left:12px;
		background:#fffdf1;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	#header .menubar2{
		top:31px;
	}
	#header .menubar3{
		top:39px;
	}
	.mdnzr_csstransforms #header.mobmenu .menubar1{
		width:26px;
		top:29px;
		left:18px;
		-webkit-transform-origin:10px 2px;
		-moz-transform-origin:10px 2px;
		-ms-transform-origin:10px 2px;
		transform-origin:10px 2px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.mdnzr_csstransforms #header.mobmenu .menubar2{
		filter: alpha(opacity=0);
		-khtml-opacity:0;
		-moz-opacity:0;
		opacity:0;
	}
	.mdnzr_csstransforms #header.mobmenu .menubar3{
		width:26px;
		top:33px;
		left:18px;
		-webkit-transform-origin:10px 2px;
		-moz-transform-origin:10px 2px;
		-ms-transform-origin:10px 2px;
		transform-origin:10px 2px;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	#nav{
		float:none;
		padding-right:0px;
		display:block;
		text-align:center;
		padding-bottom:20px;
	}
	#nav ul{
		list-style-type:none;
	}
	#nav ul li{
		display:inline-block;
		margin-left:0px;
		margin:0 10px;
	}
	#nav ul li a{
		color:#fff;
		text-decoration:none;
		font-size:15px;
		line-height:40px;
		display:block;
	}
	#nav ul li a:hover{
		color:#f68104;
	}
	.timingitemcopy{
		float:none;
		width:100%;
	}
	.timingitemimg{
		float:none;
		width:100%;
	}
	.fillitemcopy{
		float:none;
		width:100%;
	}
	.fillitemimg{
		float:none;
		width:100%;
	}
	#intro {
		margin: 30px auto 30px;
		padding: 0 20px;
	}
	#intro h3 {
		font-size: 22px;
		line-height: 32px;
	}
	#intro p {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#timing {
		padding: 30px 20px 20px 20px;
	}
	#timing h3 {
		font-size: 22px;
		line-height: 32px;
	}
	#timing p {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#fill {
		padding: 10px 20px 20px 20px;
	}
	#fill h3 {
		font-size: 22px;
		line-height: 32px;
	}
	#fill p {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#reg {
		padding: 40px 20px 40px 20px;
	}
	#reg h3 {
		font-size: 22px;
		line-height: 32px;
	}
	#reg p {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#tech {
		padding: 40px 20px 40px 20px;
	}
	#tech h3{
		background-size:179px 30px;
		width:179px;
		height:30px;
		margin:0px auto;
	}
	#tech p {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#contact {
		padding: 40px 20px 40px 20px;
	}
	#contact h5 {
		font-size: 22px;
		line-height: 32px;
	}
	#contact p {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#contact p.clarge {
		margin-top: 30px;
		font-size: 20px;
		font-family: 'Oxygen', sans-serif;
		font-style: normal;
	}
	#logos {
		padding: 40px 20px 40px 20px;
	}
}
@media all and (max-width: 600px){
#logo1{
width: 99px;
height: 50px;
background-size: 99px 100px;
}
#logo1:hover {
background-position: 0 -50px; 
}
#logo2{
width: 44px;
height: 51px;
background-size: 44px 102px;
margin-left:35px;
}
#logo2:hover {
background-position: 0 -51px; 
}
#logo3{
width: 41px;
height: 51px;
background-size: 41px 102px;
margin-left:35px;
}
#logo3:hover {
background-position: 0 -51px; 
}
#logo4{
width: 54px;
height: 51px;
background-size: 54px 102px;
margin-left:35px;
}
#logo4:hover {
background-position: 0 -51px; 
}
#logo5{
width: 121px;
height: 40px;
background-size: 121px 80px;
}
#logo5:hover {
background-position: 0 -40px; 
}
#logo6{
width: 79px;
height: 40px;
background-size: 79px 80px;
margin-left:35px;
}
#logo6:hover {
background-position: 0 -40px; 
}
#logo7{
width: 78px;
height: 40px;
background-size: 78px 80px;
margin-left:35px;
}
#logo7:hover {
background-position: 0 -40px; 
}
}

@media all and (max-width: 450px){
	#nav ul li a{
		font-size:13px;
		line-height:30px;
	}
	#nav ul li{
		margin:0 5px;
	}
	#footnav ul li a{
		font-size:13px;
	}
	#footnav ul li{
		margin:0 5px;
	}
	.triptych .copy h2 {
		font-size: 25px;
		line-height: 35px;
	}
	.triptych .btn {
		font-size: 15px;
		line-height: 30px;
		background: url(../img/shape.png) no-repeat top left;
		background-size:30px 30px;
		height: 30px;
		padding-left: 40px;
	}
	#timing a {
		font-size:11px;
		padding:1% 1%;
	}
	#timing a:hover, #timing a.active {
		padding:1% 1%;
	}
	#timingitems {
		padding: 0px 20px 20px 20px;
	}
	#fillitems {
		padding: 0px 20px 20px 20px;
	}
	/*#fill a {
		font-size:11px;
		padding:1% 1%;
	}
	#fill a:hover, #fill a.active {
		padding:1% 1%;
	}*/
#logo1{
width: 79px;
height: 40px;
background-size: 79px 80px;
}
#logo1:hover {
background-position: 0 -40px; 
}
#logo2{
width: 35px;
height: 41px;
background-size: 35px 82px;
margin-left:20px;
}
#logo2:hover {
background-position: 0 -41px; 
}
#logo3{
width: 33px;
height: 41px;
background-size: 33px 82px;
margin-left:20px;
}
#logo3:hover {
background-position: 0 -41px; 
}
#logo4{
width: 43px;
height: 41px;
background-size: 43px 82px;
margin-left:20px;
}
#logo4:hover {
background-position: 0 -41px; 
}
#logo5{
width: 105px;
height: 35px;
background-size: 105px 70px;
}
#logo5:hover {
background-position: 0 -35px; 
}
#logo6{
width: 70px;
height: 35px;
background-size: 70px 70px;
margin-left:10px;
}
#logo6:hover {
background-position: 0 -35px; 
}
#logo7{
width: 69px;
height: 35px;
background-size: 69px 70px;
margin-left:10px;
}
#logo7:hover {
background-position: 0 -35px; 
}
}

@media (min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx){
		#header h1 a{
			background:url(../img/raceahead@2x.jpg) no-repeat top left;
			background-size:180px 70px;
		}
}
@media (max-width: 860px) and (min--moz-device-pixel-ratio: 1.5),
(max-width: 860px) and (-o-min-device-pixel-ratio: 3/2),
(max-width: 860px) and (-webkit-min-device-pixel-ratio: 1.5),
(max-width: 860px) and (min-device-pixel-ratio: 1.5),
(max-width: 860px) and (min-resolution: 1.5dppx){
		#header h1 a{
			background:url(../img/raceahead@2x.jpg) no-repeat top left;
			background-size:154px 60px;
		}
}