/*---- INFO ----
- www.wasp-som.co.uk
- design by: Will McClellan (www.createatwill.com)
- All Rights Reserved
*/


/*---- GLOBAL ----*/
body {
	background: url(./img/footer-bg.png) repeat-x left bottom;
	font-family: Arial, Helvetica, Sans-serif;
	line-height: 22px;
	display: table;
	width: 100%;
}

/*---- HEADER ----*/

#header{
	background: #3fd6e4 url(./img/bg.png) no-repeat center top;
	height: 466px;
	margin-bottom: 42px;
	padding-top: 60px;
}

#header h1, #header p {
	display: block;
	width: 940px;
	height: 60px;
	margin: 0 auto;
	text-indent: -9999px;
}

#header h1 { background: url(./img/header.png) no-repeat left top; }

#header p {
	background: url(./img/strapline.png) no-repeat left top;
	margin-top: 65px;	
}

/*---- SLIDER ----*/

#slider {
	background: url(./img/slider-bg.png) no-repeat left bottom;
	color: #18555c;
	height: 400px;
	width: 940px;
	margin-bottom: 42px;
	position: relative;
}

#scroll {
	height: 295px;
	width: 940px;
	clear: left;
	overflow: hidden;
	position: relative; /* fix for IE to respect overflow */
}

.panel {
	padding: 0 20px;
  	height: 295px;
  	width: 940px;
}

.panel h3{
	font-size: 24px;
	text-transform: capitalize;
}

.panel ul { padding-top: 15px; }

.panel a {
	border-bottom: 1px dotted;
	color: #18555c;
	font-weight: bold;
	text-decoration: none;
}

.panel a:hover { border-bottom: 1px solid }

ul.col li { 
	list-style-image: url(./img/bullet.gif);
	margin: 25px 20px 0 20px;
	padding-left: 8px;
}

#contact-us ul {
	padding-right: 20px;
	width: 280px;
}

#nav li {
	float: left;
	list-style-type: none;
	margin: 0;
}

#nav li a {
	cursor: hand;
	display: block;
	width: 235px;
	height: 105px;
	text-indent: -9999px;
}

#nav li a:hover { background-position: left -105px; }

#nav .selected { background-position: left bottom; }
#nav .selected:hover { background-position: left bottom; }

#nav-lessons { background: url(./img/nav-lessons.png) no-repeat left top; }
#nav-crash-courses { background: url(./img/nav-crash-courses.png) no-repeat left top; }
#nav-pass-plus { background: url(./img/nav-pass-plus.png) no-repeat left top; }
#nav-contact-us { background: url(./img/nav-contact.png) no-repeat left top; }


/*---- FORM ----*/

#contact-form {
	margin-left: 0;
	padding-top:  15px;
}

input, textarea {
	border: 2px solid #c1dfe7;
	color: #6c9ea5;
	clear: both;
	font: normal 15px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	padding: 6px;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

input:focus, textarea:focus {
	border-color: #6c9ea5;
	color: #276971;
}

input#submit_btn {
	background: #a0cfd4;
	border: 1px solid #a6c7cd;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	padding: 2px 6px;
}

input#submit_btn:hover {
	background: #44838d;
	border-color: #6c9ea5;
}

label { 
	color: #ff0000;
	display: none;
	font-size: 12px;
}

img#loader {
	display: none;
}

.msg-sent {	padding-top: 85px; }

/*---- INFO-BOXES ----*/

#more-info li.grid_4 {
	color: #15373b;
	height: 350px;
	font-size: 14px;
}

#more-info img {
	border: 1px solid #E2E2E2;
	padding: 4px;
}

#more-info h2 {
	margin: 12px 5px 10px 5px;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
}

#more-info p {
	margin: 0 5px 10px 5px;
	line-height: 25px;
}

/*---- PRICE LIST ----*/

#more-info i { color: #898989; }

ul#price-list { padding: 2px 5px 0 5px; }

ul#price-list li {
	border-bottom: 1px dotted #e1e1e1;
	padding-bottom: 3px;
	margin-bottom: 11px;
	font-weight: 600;
	text-align: right;
	text-transform: uppercase;
}

ul#price-list li b {
	display: inline-block;
	width: 160px;
	text-align: left;	
}

.duration {
	color: #7d7d7d;
	font-weight: 100;
	display: inline-block;
	width: 55px;
}

.price {
	display: inline-block;
	width: 75px; 
}

#lesson-price { color: #ed1c24}
#cc-price { color: #ffba00}
#pp-price { color: #4c911f}


/*---- FOOTER ----*/

#footer {
	position: relative;
	height: 230px;
	margin-top: 60px;
	padding-top: 70px;
}

#footer h2 {
	color: #dcdb2f;
	font-size: 18px;
	margin-bottom: 6px;
}

#footer .grid_4 {
	padding: 0 15px 0 5px;
	width: 280px
}

#footer li a {
	border-bottom: 1px solid #303030;
	color: #e0e0e0;
	display: block;
	padding: 8px 0 4px 0;
	font-size: 14px;
	text-decoration: none;
}

#footer a:hover {
	color: #dcdb2f;
}

#footer div {
	font-size: 14px;	
}

#footer div h2 {
	margin-bottom: 14px;	
}

#footer div p {
	color: #e0e0e0;
	margin-bottom: 14px;
}

#footer div a {
	border-bottom: 1px solid;
	color: #e0e0e0;
	text-decoration: none;
	
}