body {
	background: #495456;
	color: #444444;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px;
	line-height: 1.3;
	border-top: 12px solid #000;	
}

p {
	margin: 0 0 15px 0;
}

p.pink {
	color: #ff0080;
}

h1 {
	font-size: 200%;
	line-height: 100%;
	color: #888888;
	font-style: normal;
	font-weight: normal;
	font-family: Constantia, Palatino, Georgia, "Times New Roman", Times, serif;
	margin: 0 0 15px 0;
}

h2 {
	font-weight: bold;
	font-size: 100%;
	color: #ff0080;
	margin: 0 0 15px 0;
}

h3 {
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	color: #999999;
	margin: 30px 0 15px 0;
}

li {
	margin-left: 14px;
	list-style-position: outside;
	margin-bottom: 10px;
}

a {
	color: #78aee5;
	text-decoration: none;
}

a:hover {
	color: #336699;
}

.large {
	font-size: 150%;
	color: #888888;
	font-style: normal;
	font-weight: normal;
	font-family: Constantia, Palatino, Georgia, "Times New Roman", Times, serif;
	margin-top: 20px;
	line-height: 120%;
}

.caps {
	font-size: 74%;
	text-transform: uppercase;
	margin-top: 9px;
	line-height: 100%;
}

.caps em {
	color: #b6b6b6;
}

#container, #footercontents {
	padding: 0 10px;
	max-width: 1000px;
	margin: 0 auto;
}

.logo {
	display: block;
	width: 100%;
	margin: 60px 0 60px 0;
}

.logo img { 
	width: 100%;
	height: auto;
}

.mob-strap {
	margin: 0 0 0 0;	
}

.mob-strap {
	width: 50%;
	margin-bottom: 40px;
}

.mob-strap img {
	width: 100%;
	height: auto;
}

#main {
	float: left;
	background-color: #fff;
	border-radius: 5px;
	margin-bottom: 30px;
	clear: both;
	overflow: hidden;
}	
	
.event {
	background-position: left top;
	background-repeat: no-repeat;
}

h3.q {
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 35px;	
	
}

h3.tick {
	background: transparent url(tick.png) no-repeat left top;
	background-size: 13px 14px;
	padding-left: 35px;	
	
}

h3.arrows {
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 35px;	
	
}

#content {
	background-position: 0 top;
	padding: 20px;
}

.contact {
	width: 300px;
	padding-top: 10px;
	padding-left: 30px;
}

.contact ul {
	margin-bottom: 20px;
	margin-top: 0px;
	padding-left: 0px;
	margin-left: 0px;
}

.contact li a{
	color: #78aee5;
	text-decoration: none;
}


.contact li a:hover{
	color: #c5d7e5;
}

.contact li{
	list-style-type: none;
	color: #eee;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

#header {
	float: left;
	width: 100%;	
}

#header .contact {
	background: transparent url(fl-top.png) no-repeat left top;
	background-size: 30px;
	padding-top: 20px;
}

#footer .contact {
	background: transparent url(fl-bottom.png) no-repeat left top;
	background-size: 30px;
	padding-top: 20px;
}

#nav {
	height: 47px;
	margin-bottom: 40px;

}

#nav ul {
	margin: 0px;
	padding: 0px;
}

#nav li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 20%;
	float: left;
	text-transform: uppercase;
	line-height: 1;
	font-weight: bold;
	font-size: 0.6em;
}

#nav li a{
	display: block;
	height: 30px;
	background: #ff0080;
	background: -webkit-linear-gradient(#ff0080 80%, #e60074 100%);
	color: #fff;
	padding: 10px;
	border-left: 1px solid #fff;
}

#nav li a:hover {
	background: #eb0077;
	background: -webkit-linear-gradient(#eb0077 80%, #d4006b 100%);
}

#nav li:first-child a{
	border-left: none;	
}

#nav li a.thispage {
	background: #eee;
	color: gray;	
}



#footer {
	background-position: center top;
	background-repeat: no-repeat;
	overflow: auto;
	clear: both;
	background-color: #111516;
	padding-bottom: 30px;
	margin-top: 30px;
}



#leftcol {
	width: 100%;
	clear: both;
}

#leftcol p {
	color: #cccccc;
}

.leftcolpanel h2 {
	padding: 20px 0 0px 20px;
}

#leftcol .strap {
	display: none;	
}

.leftcolpanel {
	padding: 0px 12px 20px 0px;
	margin-bottom: 20px;
	background: #546164;
	border-radius: 5px;
}

.leftcolpanel p.quote {
	background: transparent url(fl-quote-side.png) no-repeat left top;
	background-size: 34px 12px;
}

.leftcolpanel p {
	padding: 0px 0px 0px 50px;
	margin-bottom: 0px;
	line-height: 118%;
}

#leftcol p.caps {
	color: #969fa2;
}

#leftcol .sec-link {
	background: #969fa2;
	border-radius: 5px;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
#leftcol .sec-link:hover {
	background: #859195;
}
#leftcol .sec-link img {
	margin: 20px 20px 5px 20px;	
}
#leftcol .sec-link span {
	margin: 0 20px 10px 20px;
	display: block;
	font-size: 0.8em;
	color: #fff;	
}

.box {
	overflow: auto;
	background-color: #efefef;
	padding: 10px 10px 5px 10px;
	margin: 0 0 15px 0;
	border-radius: 3px;
}

.boxcentre {
	overflow: auto;
	background-color: #efefef;
	padding: 10px 10px 5px 10px;
	margin: 0 0 20px 35px;
}

#main .boxcentre p.large {
	text-align: center;
	padding-left: 0px;
	margin: 3px 3px 8px 3px;
}

.boxnormal {
	overflow: auto;
	background-color: #efefef;
	padding: 10px 10px 5px 10px;
	margin: 0 0 20px 35px;
}

#main .box p {
	padding-left: 0px;
	margin: 6px 0 8px 80px;	
}

#main .boxnormal p {
	padding-left: 0px;
	margin: 6px 0 8px 0px;	
}
.box img {
	float: left;
	margin-left: 10px;
}

.section {
	margin-bottom: 35px;
}

.sectionquote {
	border-bottom-color: #b3b3b3;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #b3b3b3;
	border-top-width: 1px;
	border-top-style: dotted;
	padding: 10px 0 5px 0px;
	margin-bottom: 35px;	
}

.sectionquote p{
	color: #b3b3b3;
}

p.pullquote {
	font-size: 148%;
	font-family: Constantia, Palatino, Georgia, "Times New Roman", Times, serif;
	line-height: 110%;

}


#footerstrap {
	display: none;
}

a.arrows1 {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 12px;
}

a.arrows1:active {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 12px;
}

dl.cost {
	background-image: url(costarrow.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	overflow: auto;
	background-color: #efefef;
	padding: 10px 10px 30px 10px;
	margin: 0 0 2px 35px;
}

dl.costoneandone {
	background-image: url(costarrow.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	overflow: auto;
	background-color: #efefef;
	padding: 10px 10px 30px 10px;
	margin: 0 0 2px 35px;
}

dl.cost dd, dl.costoneandone dd {
	margin: 0px;
	font-weight: bold;
}

dl.cost, dl.costoneandone {
	
	text-align: center;
	
}

ul ul li{
	margin-left: 15px;
	list-style-position: outside;
	
}

ul ul {
	margin-top: 20px;
}



ul {
	margin-bottom: 30px;
}

.mainquote {
	background-position: left top;
	background-repeat: no-repeat;
}

#imprint {
	padding-top: 60px;
}

#imprint p {
	clear: both;
	color: #969fa2;
	font-size: 75%;
	margin:0px;
}


#imprint dl {
	line-height: 150%;
	clear: both;
	color: #878787;
	font-size: 75%;
	margin: 0px 0 10px 40px;
}

#imprint dt {
	font-weight: bold;
	margin-bottom: 0px;
}

#imprint dd{
	margin-left: 0px;
	padding-left: 0px;
}

.largetext {
	font-weight: bold;
	font-size: 100%;
	color: #999999;
	margin: 30px 0 15px 0;
}

.title {
	background-image: url(q.gif);
	background-position: left top;
	background-repeat: no-repeat;
	cursor:pointer;
	display:block;
	text-decoration: none;
	color: #78aee5;
	margin: 30px 0 0 0;
}

.small {
	line-height: 1.2;
	margin-top: 6px;
	font-size: 75%;
}

#main p.boxcentrep {
	padding-left: 10px;	
}

p.listoptions {
	font-size: 75%;
	text-align: right;
	margin-bottom: 0px;
	
}

.boxcentre h3 {
	
	font-weight: bold;
	
	margin-top: 0px;
}

.oldprice {color: #7f7f7f; text-decoration: line-through;}

.newprice {color: #ff0080;}

ul.tight li {margin-bottom: 2px;}

ul.tight {margin-top: 0px;}

.dates {text-align: right;}

.trainingdate {text-align: left; width: 230px; }

.trainingdate p {margin-bottom: 7px;}

.trainingloc {color: gray; font-size: 80%}

.checkout {float: right;}


.oneone a img, .oneone a {outline: none; border: 0; }

.oneonestick a img, .oneonestick a {outline: none; border: 0; }

.oneonestick { float: right; margin-bottom: 10px; clear: both; margin-top: -150px; }

.right {float: right; padding-left: 25px; padding-bottom: 20px;}


#main p {
		padding-left: 35px;
	}
	
	#main h2 {
		background: transparent url(fl-h3.png) no-repeat left top;
		background-size: 12px 13px;
		padding-left: 35px;
	}
	
	.mainquote {
		background: transparent url(fl-quote.png) no-repeat left top;
		background-size: 12px 10px;
	}
	
	h3.arrows {
		background: transparent url(h3arrows.png) no-repeat left top;
		background-size: 13px 14px;
	}
	h3.tick {
	background: transparent url(tick.png) no-repeat left top;
	background-size: 13px 14px;
	padding-left: 35px;	
	
}


@media screen and (min-width: 768px) {
	
	#main {
		float: right;
		width: 74%;
		box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.2)
	}
	#leftcol {
		float: left;
		width: 26%;
		clear: none;
	}
	.logo-strap {
		float: left;
		width: 60%;		
	}
	
	.logo {
		margin: 80px 0 20px 0;
	}
	
	#content {
		padding: 40px 40px 40px;	
	}
	.leftcolpanel,  #leftcol .sec-link {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.contact {
		float: right;
		width: 30%;
		clear: none;	
	}
	#leftcol .strap {
		display: inherit;
		background: transparent url(strap-bg.png) no-repeat right center;
		background-size: contain;
		padding: 20px 0 50px 0;
		margin: 30px 0 15px;
	}
	
	#leftcol img {
		max-width: 90%;
		height: auto;
	}
	
	
	#container, #footercontents {
		padding: 0 25px;
	}
	
	.mob-strap {
		display: none;	
	}
	#nav li {
		font-size: 0.9em;
	}
	
	#nav li a{
		padding: 15px;
	}
	
	#footerstrap {
		display: block;
		float: left;
		margin: 20px 0 0 0;
	}
	
	.oneonestick { 
		margin-top: -40px;
	}
}

@media screen and (min-width: 1024px) {
	#content {
		padding: 40px 80px 80px;	
	}
	.logo-strap {
		width: 49%;		
	}
}

@media screen and (min-width: 1100px) {
	body {
		background: #495456 url(bg.png) no-repeat center top;
		background-size: 1301px 891px;	
	}
}