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

/*
 Author: Giles Talbot
 Email: giles@gilestalbot.com
 */

/*--Table of Contents
[01] RESET
[02] GLOBAL
[03] TEXT
[04] HEADER
[05] BANNER
[06] CONTENT
[07]
[08]
[10]
[PRINT] Print styles
--*/


/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-- [01] RESET -------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	}

ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

:focus {
	outline: 0;
	}

ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}




/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-- [02] GLOBAL -------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

body {
	background:#141d28;
	}

html {
	overflow-y: scroll;
	}

.left {
	float:left;
	}
	
.right {
	float:right;
	}
	
.botPad {
	padding-bottom:30px;
	}
	
.topPad {
	padding-top:30px;
	}
	
.rightPad {
	padding-right:30px;
	}
	
.leftPad {
	padding-left:30px;
	}
	
a:focus {
	-moz-outline-style: none;
	}

.center {
	text-align:center;
	}
	
.test {
	background:red;
	}
		


/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-- [03] TEXT -------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

body {
	color:#b7bfcd;
	font-size:62.5%;
	}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	line-height:1.5em;
	margin-bottom: 20px;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family:Arial Black, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 0 20px 0;
	line-height:1.1em;
	letter-spacing:-.05em;
	}

h1 {
	font-size: 2.8em;
	}

h2 {
	font-size: 2.4em;
	line-height:1.3em;
	}

h3 {
	font-size: 2em;
	}

h4 {
	font-size: 1.6em;
	}

h5 {
	font-size: 1.2em;
	}

h6 {
	font-size: 1em;
	}

ol {
	list-style: decimal;
	}

li {
	font-family:Arial, Helvetica, sans-serif;
	}	

ul.listgap li {
	margin-bottom:10px;
	}

ul.bullets {
	list-style-type:disc;
	padding:0 0 20px 0;
	margin-left:20px;
	}

ul.bullets li{
	list-style:inside;
	color:#FFFFFF;
	}
	
ul.packages li { float:left; padding:0 50px 10px 0; font-size:1.2em; }
ul.packages { float:left; clear:both }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-- [04] HEADER -------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

#header-wrap {
	background:url(../images/elements/header-grad.png) repeat-x bottom; height:214px; }

#nav { margin:100px 0 0 0; }
#nav ul li { float:right; display:block; padding: 0 0 0 40px; font-size:1.2em; color:#FFFFFF; font-weight:bold; }

a { color:#b7bfcd; text-decoration:none; }
a:visited { color:#b7bfcd; text-decoration:none; }
a:hover { color:#fff; text-decoration:none; }
a:active { color:#fe1919; text-decoration:none; }

ul#bread { margin:17px 0 0 10px; }
ul#bread li { float:left; display:block; padding: 0 0 0 10px; font-size:1.2em; color:#FFFFFF; }



a.nav:visited { color:#FFFFFF; }

a.nav:hover {
	color:#fff;
	}

a.nav:active {
	color:#fe1919;
	} 
	
	
#nav #currentpage a {
	color: #fe1919;
	}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-- [05] BANNER -------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

#banner-wrap {
	background:#070b10;
	border-top:#0e1721 1px solid;
	border-bottom:#0e1721 1px solid;
	}

#banner {
	background:url(../images/elements/banner-bg.png) no-repeat;
	}

#lan-bar {
	margin:4px 0 0 10px;
	background:url(../images/elements/flag-bar-bg.png);
	height:45px;
	}
	
#lan-bar a { color:#FFFFFF; text-decoration:none; }
#lan-bar a:visited { color:#FFFFFF; text-decoration:none; }
#lan-bar a:hover { color:#FFFFFF; text-decoration:underline; }
#lan-bar a:active { color:red; text-decoration:none; }


ul#flags { margin:10px 0 0 10px; }	
ul#flags li { float:left; display:block; padding: 0 0 0 10px; }


#slider { background:url(../images/elements/slider-bg.png) no-repeat; height:268px; background-position:top right; }
#slider img {  margin:15px 0 0 20px; }

.btn {
	padding:10px 0 0 0;
	}
	
#book-btn
{
  display: block;
  width: 175px;
  height: 48px;
  background: url(../images/elements/book-now.png) no-repeat 0 0;
  margin:0 0 0 -4px;

}

#book-btn:hover
{ 
  background-position: 0 -48px;
}

#book-btn span
{
  display: none;
}

#tagline img {
	margin-left:20px;
	border: 3px #FFF solid;
	}
	
#tagline-inner {
	padding-left:20px;
	}
	

#feature img {
	margin-left:20px;
	border: 3px #FFF solid;
	}
	
#blurb p {
	padding-right:20px;
	}
	

	
ul#slideshow {
	height: 246px;
	overflow: hidden;
	}
	
#slider img {
	border: 3px #FFF solid;
	}
	
#blurb ul li {
	list-style-type:none;
	font-size: 2.4em;
	line-height:1.3em;
	color:#FFFFFF;
	font-family:Arial Black, Helvetica, sans-serif;
		margin-left:20px;


	}
	

#blurb ul {
	padding:0 0 20px 0;
	}	
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-- [06] CONTENT -------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

#content-wrap { background:url(../images/elements/content-bg.png) repeat-x; padding:50px 0 0 0;}

#content-wrap a { color:#fe1919; text-decoration:none; }
#content-wrap a:visited { color:#fe1919; text-decoration:none; }
#content-wrap a:hover { color:#fe1919; text-decoration:underline; }
#content-wrap a:active { color:#fe1919; text-decoration:none; }
	
.bubble {
	padding:20px;
	background:#fe1919;
	color:#FFFFFF;
	font-family:Georgia, Times, serif;
	font-style:italic;
	font-size:.8em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height: 80px;
   	height:auto !important;
   	height: 80px;
	}
	
.bubble p { font-size:1.6em;}
	
.customer {
	background:url(../images/elements/customer-bg.png) top center no-repeat;
	height:29px;
	margin-bottom:20px;
	}

div.customer img {
	float:left;
	margin:20px 0 0 15px;
	border: 2px #FFF solid;
	}

	
div.customer ul {
	float:left;
	padding:30px 0 0 15px;
	}
	
	
#mainbar hr {
	border: 0 #232b35 solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
	margin:50px 0;
	}

ul.five li { font-size:1.4em; list-style-type:disc; list-style:inside;}

#mainbar li {
	font-size:1.4em;
	list-style-type:disc;
	margin-left:20px;
	}
	
#mainbar ul {
	margin-bottom:20px;
	}
	

#demo-show2, h4 {
	cursor:pointer;
	}
	
#feedback ul li {
	list-style-type:none;
	margin-left:0px;
	}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-- [07] -------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/





/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-- [08] SIDEBAR -------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

#sidebar-top {
	background:url(../images/elements/sidebar-top.png) no-repeat; height:29px;
	}

#sidebar-center {
	background:url(../images/elements/sidebar-center.png) repeat-y;
	padding:0 30px;
	}
	
#sidebar-bot {
	background:url(../images/elements/sidebar-bot.png) no-repeat; height:29px;
	}
	
#sidebar-center p {
	font-size:1.2em;
	}

#sidebar-center ul li {
	font-size:1.2em;
	font-weight:bold;
	}
	
#sidebar-center ul {
	padding:0 0 20px 0;
	}

.social-icon {
	padding:0 10px 0 0;
	}	
	
#sidebar-wrap hr {
	border: 0 #0e1721 solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
	margin:30px 0;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-- [09] FOOTER -------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer-wrap {
	background:url(../images/elements/footer-bg.png) #0a0a0e repeat-x top; padding:170px 0 0 0; margin:100px 0 0 0; }
	
	
div.foot-block li {
	font-size:1.2em; border-bottom:#222a34 1px dotted; 
	}
	
#footer h4 {
	color:#FFFF33;
	}
	
.badge {
	padding-left:70px;
	}

#foot { margin:100px 0 30px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding:20px; border:#0e1721 1px solid; font-size:.8em; }
#foot ul li { display:block; padding: 0 20px 0 0; font-size:1.4em; }

div.foot-block ul li a { color:#505864; text-decoration:none; display:block; padding:10px 0 10px 10px; }
div.foot-block ul li a:visited { color:#505864; text-decoration:none; }
div.foot-block ul li a:hover { color:#fff; text-decoration:none; background-color:#09080d; }
div.foot-block ul li a:active { color:#505864; text-decoration:none; }

ul.valid { float:left; padding:0 0 7px 10px; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-- [10] -------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

.fun { font-size:1.6em; }
td { padding-right:20px; }

table {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 300px;
	}
	
th, td {
	padding:10px;
	text-align: left;
	}
	
td, th {
	border-bottom: 1px dotted #CCC;
	}
	
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-- [11] GALLERY -------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

.gallery img {
	border:#fff 2px solid;
	padding:6px;
	float:left;
	margin:12px;
	background:#fff;
	width:100px;
	height:100px;
	}

.gallery p {
	padding:0px 9px;
	}
	
.category {
	padding:0 0 40px 0;
	}
	
.categorybot {
	padding:0 0 0 0;
	}

.gallery {
	padding:0 30px;
	margin:0 auto;
	width:810px;
	}
	
.gallery object { padding-bottom:20em; }


/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-- [12] CONTACT -------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

form.cmxform {
	width: 240px;
	font-size: 1.0em;
}


form.cmxform legend, form.cmxform label { font-size:.7em; }

form.cmxform fieldset {
	border: none;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
}
div.error { display: none; }
input.enquiry, textarea.enquiry {
	background-color: #0a0a0e;
	border: 2px solid #ff6652;
	border-top: 1px solid #0e1721;
	border-right: 1px solid #0e1721;
	border-bottom: 1px solid #0e1721;
	border-left: 1px solid #0e1721;
	padding: 10px;
	color: #fff;	
	}
input.enquiry {	width: 218px; }
input.send {
	padding:0;
	width: 240px;
	height:29px;
	border:none;
	background:none;
		}
input.checkbox { border: none }
/*input:focus { border: 1px dotted black; }*/
/*input.error { border: 1px dotted red; }*/
form.cmxform .gray * { color: gray; }
textarea {
	width: 218px;
	height: 100px;
	font: 1em;
	}

#commentForm p {
	padding: 10px;
	margin:0;
	}

#commentForm p.sel {
	background-color: #0093d2;
	}
	
#btn {
	padding: 10px 0 0 10px;
	}
#commentForm { width: 260px; }
#commentForm label { width: 218px; display: block; }

#commentForm label.error {
	color:#ffff1c;
	padding:5px 0 0 0;	
	}
	
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-- [13] BOOKING -------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

form.booking label { float:left; clear:both; width:100px; text-align:right; padding:3px 10px 0 0; }
form.booking input { float:left; margin:0 0 20px 0; }
form.booking input { float:left; margin:0 0 20px 0; }
form.booking input.btn { float:left; margin:0 0 20px 110px; clear:both; padding:0 0 0 40px; }
form.booking input.radio { padding-left:10px; }
.radio { padding:3px 20px 0 0; float:left; }
.drop-down { margin:0 0 20px 0; }
.btn { }


/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-- [13] COURSES -------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

.category { width:200px; height:33px; padding:92px 0 0 20px; }
.cat-list {background:#09090b; padding:20px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; min-height: 125px; height:auto !important; height: 125px; }

#beginner { background:url(../images/content/beginner-courses.png) no-repeat; }
#experienced { background:url(../images/content/experienced-courses.png) no-repeat; }
#pro { background:url(../images/content/pro-courses.png) no-repeat; }
#special { background:url(../images/content/special-courses.png) no-repeat; }

ul.courses li { font-size:1.3em; padding-bottom:5px; list-style-type:circle; list-style:inside; }