/*******************************************************************************
 * Main structure
******************************************************************************/
#container{
    width:1000px;
    margin-left:auto;
    margin-right:auto;
}


#header{
    position:relative;
    height:155px;
    padding:0 40px;
    background:url(../images/header-bg.png) no-repeat 0 0;
}
	body#homepage #header {
		background:url(../images/header-bg.png) no-repeat 0 0;
	}

#banner {
	background:url(../images/banner-bg.png) no-repeat 0 0;
	height:300px;
	clear:both;
	padding:0 20px;
}

#wrapper{
    padding:0 20px;
    min-height:430px;
    height:auto !important;
    height:430px;
}

#middle{
	width: 615px;
    float: left;
    display:inline;
    position: relative;
    margin-bottom:15px;
    padding:20px 0 0px 0;
 }

 	#middle{
 		background: url(../images/dashed-line.jpg) repeat-x 0 0;
 		
 	}
 	
#middle.fullwidth{
 	 width:960px;
 }
 
 #content{
 	width:100%;
 	width:600px;
 	padding-right:15px;
	text-align:left;
 }
 
#sidebar{
	width:325px;
	float:right;
	display:inline;
	padding:20px 0 20px 0;
 	background: url(../images/dashed-line.jpg) repeat-x 0 0;
}
	#sidebar-wapper{
		width:100%;
		background: url(../images/spliter-bg.gif) repeat-y 0 0;
	}

#footer{
	background:url(../images/footer-bg.png) no-repeat 0 0;
    padding:0 20px;
    clear:both;
    
    min-height:172px;
    height:auto !important;
    height:172px;
    
 }

/*******************************************************************************
 * Header
*******************************************************************************/

#main-nav{
	padding:40px 0 0 0;
	margin:0;
    width:940px;
    list-style: none;
    overflow:hidden;
    position:relative;
}
	#main-nav li{
		float: left;
	}
		#main-nav li{
			margin-top:10px;
			border-right:1px solid #9ca7c8;
		}
	
		#main-nav li.logo{
			width:180px;
			height:94px;
			margin-top:-15px;
			text-indent:-9999em;
			border-right:none;
      color: #ffffff;
		}
		
		#main-nav li.logo p.phone-number {
			text-indent: 0em;
      font-size: 1.8em;
		}

		#main-nav li a{
			color:#FFF;
			font-weight:bold;
			font-size:1.2em;
			text-transform:uppercase;
			text-decoration:none;
		}
			#main-nav li a:hover,#main-nav li.current a{
				color:#f48706;
			}
		
		#main-nav li.pasma {
			padding-left:1px;
		}
		
		#main-nav li.pasma a{
			background:transparent url(../images/menu/pasma-bg.gif) no-repeat 0% 0%;
			width:89px;
			height:63px;
			display:block;
			border-left:1px solid #9ca7c8;
		}
		
		#main-nav li.ipaf a{
			background:transparent url(../images/menu/ipaf-bg.gif) no-repeat left top;
			width:71px;
			height:63px;
			display:block;
		}
		
		#main-nav li.asbestos a{
			background:transparent url(../images/menu/asbestos-bg.gif) no-repeat left top;
			width:118px;
			height:63px;
			display:block;
		}
		
		#main-nav li.steps a{
			background:transparent url(../images/menu/steps-bg.gif) no-repeat left top;
			width:138px;
			padding:0 10px 0 10px;
			height:63px;
			display:block;
		}
		
		#main-nav li.all-courses a{
			background:transparent url(../images/menu/all-courses-bg.gif) no-repeat left top;
			width:179px;
			height:63px;
			display:block;
		}
		
		#main-nav li.last a{
			background:transparent url(../images/menu/download-bg.gif) no-repeat left top;
			width:128px;
			height:63px;
			display:block;
		}
	
.nav {
	padding:6px 0 0 0;
	margin:0;
    width:940px;
    list-style: none;
    overflow:hidden;
	font-size:0.9em;
}
	body#homepage .nav{
		 border-bottom:none;
	}
    .nav li{
        float:left;
		margin:0;
		padding:0;
		display:inline;
    }
    .nav a{
        height:1em;
        line-height:1em;
        float:left;
	    padding:0 10px 0 10px;
        text-decoration: none;
        text-align: center;
        color:#4d5f96;
        display:block;
        font-weight:bold;
        border-right:1px solid #4d5f96;
    }
    .nav a:hover, .nav li.current a {
        color:#f48706;
    }
    .nav li.first a{
        border-left:none;  
    }
    .nav li.last a{
       border-right:none;
    }


/*******************************************************************************
 * Banner
*******************************************************************************/

#flash-replacement{
	float:left;
	margin-top:5px;
	width:633px;
}

#offer{
	float:left;
  width: 310px;
  font-weight: bold;
  margin: 20px 0px 0px 10px;
}

#offer h1 {
  color: #384E90;
  text-align: left;
  font-size: 2.8em;
  line-height: 1.1em;
}

#offer p {
  color: #709513;
  font-size: 1.4em;
}

#offer p.call {
  font-size: 2.6em;
  line-height: 1.0em;
}

#offer p.call .phone-number {
  font-size: 1.4em;
}

/*******************************************************************************
 * Content
*******************************************************************************/
.box{
	float:left;
	text-align:left;
}
	.box h1, .box h2{
		font-size:1.6em;
	}

.box ul{
	margin:0;
	padding:0 0 1em 0;
	list-style:none;
	float:left;
}
	.box ul li{
		float:left;
	}

		.box ul li a {    
		  color: #000;
		  text-decoration: none;
		  padding: 0;
		}
		
/* our courses */
.box.our-courses{
	width:480px;
}
.box.our-courses h1{
	color:#709513;
	background:url(../images/buttons/green-arrow.gif) no-repeat 55% 15%;
}

	.box.our-courses ul.left{
		list-style:none;
		width:200px;
		margin:0;
		padding:0;
	}
		.box.our-courses ul.left li {
			width:200px;
			padding-bottom:1em;
		}
				
	.box.our-courses ul.right{
		list-style:none;
		width:280px;
		margin:0;
		padding:0;
	}
	.box.our-courses ul.right li {
			width:279px;
			padding-bottom:1em;
		}


.box.our-courses ul li a{
	background:url(../images/buttons/double-arrows-red.gif) no-repeat 100% 100%;
 	padding-right:10px;
 	float:left;
 	font-weight:bold;
 	font-size:0.9em;
}
	.box.our-courses ul li a img{
		display:inline;
	}
	
/* latest news */ 
.box.latest-news{
	width:260px;
}
	.box.latest-news h2{
		padding-left:20px;
		color:#1E3579;
		background:url(../images/buttons/blue-arrow.gif) no-repeat 59% 15%;
	}
	.box.latest-news h3{
		font-size:1.1em;
		text-transform:uppercase;
		color:#384E90;
		padding:0 5px 2px 20px;
	}
		.box.latest-news h3 a{
			font-size:1.1em;
			text-transform:uppercase;
			color:#384E90;
		}
	
		.box.latest-news li.with-image h3{
			float:left;
			width:160px
		}
		.box.latest-news img{
			float:right;
			padding:0 10px 0 5px;
		}
	.box.latest-news span{
		color:#709513;
		padding:0 5px 5px 20px;
	}
	.box.latest-news p{
		padding:0 5px 1em 20px;
	}
	.box.latest-news .news-archive, div#container a.read-more {
		float:right;
		text-decoration:underline;
		padding-right: 10px;
		margin-bottom: 1em;
		background: url(../images/buttons/double-arrows-red.gif) no-repeat center right;
	}

/* sessions */
.box.sessions{
	width:197px;
	height:450px;
	border-right:1px solid #BABEC9;
	border-left:1px solid #BABEC9;
}
	.box.sessions h2{
		padding:0 0 12px 20px;
		color:#B41212;
		background:url(../images/buttons/red-arrow.gif) no-repeat 95% 15%;
	}
	
	.box.sessions h3{
		font-size:1.1em;
		padding:0 5px 2px 20px;
	}
		.box.sessions h3 a{
			background: url(../images/buttons/double-arrows-red.gif) no-repeat 100% 100%;
 			padding-right: 10px;
 			float: left;
 			display: block;
		}

		* html .box.sessions h3 a{
 			padding-right: 10px;
		}
		
		.box.sessions ul {
			height: 430px;
			overflow-x: hidden;
			overflow-y:scroll;
		}
		
		.box.sessions ul li {
			float: none;
			padding-right: 10px;
			width: 172px;
		}

		.box.sessions  li span{
			color:#709513;
			padding:0 5px 5px 20px;
			display:block;
			clear:left;
		}
		.box.sessions  p{
			padding:0 5px 1em 20px;
		}

/*****************************************************************************
 * Internal pages
******************************************************************************/
#content h1 {
	position:relative;
	font-size:1.6em;
}
#content h2{
	font-size:1.1em;
	font-weight:normal;
	font-style:italic;
	padding:0 10px 20px 0;
}


 h1 span, h2 span, .box.related h3 span{
	display:inline-block;
	padding:0 20px 20px 0;
	width:1px;
	font-size:0;
	margin-bottom:-3px;
}

	 h1.green, h2.green{
		color:#709513;
	}
	 h1.red, h2.red{
		color:#B41212;
	}
	 h1.blue, h2.blue{
		color:#1E3579
	}
	
	 h1.green span, h2.green span{
		background:url(../images/buttons/green-arrow.gif) no-repeat 100% 95%;
	}
	
	 h1.red span, h2.red span{
		background:url(../images/buttons/red-arrow.gif) no-repeat 100% 95%;
	}
	
	 h1.blue span, h2.blue span{
		background:url(../images/buttons/blue-arrow.gif) no-repeat 100% 95%;
	}
	

/* latest news */ 
#sidebar .box.latest-news{
	width:325px;
	border-right:none;
	border-left:none;
}
	#sidebar .box.latest-news h2{
		background:url(../images/buttons/blue-arrow.gif) no-repeat 45% 15%;
	}
	
	#sidebar .box.latest-news li h3{
		color:#384E90;
	}
	#sidebar .box.latest-news li h3 a{
		color:#384E90;
	}
	
	#sidebar .box.latest-news li.with-image h3{
		float:right;
		width:235px;
		padding:0;
	}
	#sidebar .box.latest-news li.with-image img{
		float:left;
		padding:0 10px 0 20px;
	}
	#sidebar .box.latest-news li.with-image p{
		padding-left:90px;
	}
	#sidebar .box.latest-news li.with-image span{
		padding-left:90px;
		display:block;
	}
	
	
/* our courses */
#content .box.our-courses{
	border-right:none;
	width:600px;
	padding-bottom:10px;
	margin-bottom:10px;
	background:transparent url(../images/dashed-line.jpg) repeat-x scroll 0 100%;
}
#content .box.our-courses h1{
	background:url(../images/buttons/green-arrow.gif) no-repeat 20% 15%;
}

#content .box.our-courses ul.left{
		width:280px;
		padding:0;
		margin:0;
		list-style:none;
	}
		#content .box.our-courses ul.left li {
			width:260px;
			padding-bottom:1em;
		}
				
	#content .box.our-courses ul.right{
		width:300px;
		padding:0;
		margin:0;
		list-style:none;
	}
		#content .box.our-courses ul.right li {
			width:279px;
			padding-bottom:1em;
		}

		
/* book now */

.box.book-now {
	background: url(../images/dashed-line.jpg) repeat-x 0 100%;
	padding-bottom:30px;
	margin-left:10px;
}
	.box.book-now h2{
		padding-left:10px;
	}
	.box.book-now p{
		font-size:1.2em;
		padding-left:10px;
		color:#f48706;
	}
		.box.book-now p span{
			font-weight:bold;
			display:block;
		}

		.book-button{
			margin-left:5px;
		}


.box.related h3 {
	position:relative;
	color:#1E3579;
	padding-left:10px;
}

	 .box.related h3 span{
	 	display:inline-block;
		padding:0 20px 20px 0;
		width:1px;
		font-size:0;
		margin-bottom:-3px;
		background:url(../images/buttons/blue-arrow.gif) no-repeat 100% 95%;
	}

	
.box.related {
	width:315px;
	padding-bottom:5px;
	margin-left:10px;
	background: url(../images/dashed-line.jpg) repeat-x 0 100%;
}
.box.related p{
	float: left;
	overflow: hidden;
	width: 100%;
	padding-left:10px;
}
.box.related ul{
	width: 305px;
	margin:0 0 0 10px;
}
	.box.related ul li{
		padding-bottom:1em;
	}
		.box.related ul li{
			float:left;
			text-align:left;
			width:100%;
		}
		.box.related ul li a{
			font-weight:bold;
			background:transparent url(../images/buttons/double-arrows-red.gif) no-repeat scroll 100% 100%;
			float:left;
			font-size:0.9em;
			font-weight:bold;
			padding-right:10px;
		}
		.box.related ul li p{
			padding-left:0;
		}
		
.box.related.websites {
	background:none;
}
.box.related.websites ul li {
	padding-bottom:0;
}
.box.related.websites ul li a{
	font-weight:bold;
	background:transparent url(../images/buttons/double-arrows-red.gif) no-repeat scroll 100% 100%;
	font-size:0.9em;
	font-weight:bold;
	padding-right:10px;
}
	.box.related.websites ul li p{
		clear:left;
	}
/*****************************************************************************
 * Forms
******************************************************************************/	
.form{
	padding:0 15px;
	margin:0;
	text-align:left;
} 

	.form fieldset{
		padding-top:15px;
	}
	.form .field {
		margin: 0 0 5px 0;
		float:left;
	}
		.form .field input.text{
			clear:left;
			border:1px solid #D8DFED;
			padding:5px;
			width:155px;
			margin:1em 0 0.5em;
		}
						
	.form label {
			float: left;
			display: block;
			font-weight:bold;
			font-size:1em;
			line-height:1.2em;
		}
		
		.form label.hidden{
			text-indent:-9999px;
		}
	.form div.left{
		float:left;
	}
		.form div.right input{
			padding-top:1em;
		}

/* contact form */

#contact-form.form .field {
        width: 500px;
}
	#contact-form.form label {
		width: 130px;
	}
   #contact-form.form .field input.text{
		width:240px;
		margin-top:0;
		clear: none;
		}
		
	#contact-form textarea.textarea{
		width:240px;
		margin-top:0;
		border:1px solid #D8DFED;
		}
    #contact-form.form .buttons{
		width:500px;
		clear:left;
		margin-bottom:20px;
    }
	  #contact-form.form .buttons input{
			margin-left:285px;
	  	}
/*****************************************************************************
 * Footer
******************************************************************************/

#footer ul.nav{
	width:800px;
	float:left;
}
#footer ul.nav li a {
	font-weight:normal;
}

.copyright{
	text-align:right;
	font-size:1em;
	line-height:1em;
	color:#4d5f96;
	font-weight:normal;
	clear:left;
}

.logos{
	margin:0 0 30px 0;
	padding:10px 0 0 0;
	list-style:none;
	float:left;
	width:480px;
}
	.logos li{
		float:left;
		padding:5px;
	}
	
#news-letter{
	float:left;
	width:197px;
	color:#384E90;
	margin-top:10px;
	border-right:1px solid #7888B3;
	border-left:1px solid #7888B3;
}
	#news-letter h4{
		font-size:1.4em;
		font-weight:bold;
		color:#384E90;
		padding:0 0 10px 0;
	}
ul#locations{
	float:left;
	width:230px;
	color:#384E90;
	margin:20px 0 0 10px;
	padding:0;
	list-style:none;
}
	ul#locations li{
		text-align:left;
	}
		ul#locations li a{
			color:#384E90;
			padding-right:2px;
			font-weight:bold;
		}
		
#training-locations {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 480px;
	height: 75px;
	text-align: left;
}
#training-locations div.locations {
	overflow: auto;
	height:48px;
	width: 460px;
}
#training-locations span {
	padding: 0 5px;
	float: left;
}
/*******************************************************************************
 * Old style
******************************************************************************/	

	
	
/*******************************************************************************
 * Others
******************************************************************************/
.split{
	width:100%;
	clear:both;
	padding:0;
	min-height:200px;
	height:auto !important;
	height:200px;
}

.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
 }
 
 .dashed{
	width:100%;
 	height:10px;
 	padding:0 0 10px 0;
 	background:transparent url(../images/dashed-line.jpg) repeat-x scroll 0 100%;
 	margin:10px 0 10px 0;
 	clear:left;
 }

.group{display: inline-block;}

/* Hides from IE-mac \*/
* html .group{height: 1%;}
.group{display: block;}
/* End hide from IE-mac */


.pink{
    color: #DF1F81;
     }
.gray {
    color:#404040;
}

/*******************************************************************************
 * From old styles
******************************************************************************/

.block2 {
	clear:left;
}

.block2 img{
	float:right;
	padding:0 0 10px 10px;
}
.block a {
	text-decoration:none;
	color:#f40000;
}
.block a:hover{color:#26678d}

.block p {
	margin-left:141px;
}

.block1{
	clear:left;
	margin:0 0 12px 0;
}
.block1 a {
	text-decoration:none;
	color:#f40000;
}
.block1 a:hover{color:#26678d}

.block2 a {
	text-decoration:none;
	color:#f40000;
}
.block2 a:hover{color:#26678d}

.block1 p {
	margin-left:0;
}	

.block1 a {
	color:#F40000;
	text-decoration:none;
}

	.block1 a:hover {
		color:#26678D;
	}

	
a.more {
	color:#C60000;
	font-size:115%;
	letter-spacing:1px;
	margin-bottom:10px;
	text-decoration:underline;
}
	a.more:hover {
		color:#26678D;
	}
	
#latest-news {
	font-family: Arial, Helvetica, sans-serif;
	width:186px;
	color:#fff;
	/*background:#3ca1d5;*/
	padding:7px 0 6px 0;
}
#latest-news h5{
	color:#fff;
	font-size:105%;
	margin-bottom:2px;
}
#latest-news p{font-size:80%;margin-bottom:13px;}
#latest-news p.inputs{margin-bottom:0;}

#latest-news form{
	width:176px;
	margin-left:5px;
}
#latest-news input{
	border:1px solid #8398CE;
	background:#fff;
	color:#000;
	width:144px;
	padding:2px 1px;
}
#latest-news input#submit{
	width:21px;
	height:21px;
	border:0 none;
	background:transparent url(../images/submit.gif) no-repeat 0 0;
	margin:0 0 0 2px;
	padding:0;
}
p.img-fl {float:right;width:187px;height:135px;margin:0;padding:0}
p.img-fl img{ width:187px;}
p.interested {
	font-weight:bold;
	font-size:115%;	
	color:#c60000;
	letter-spacing:1px;
	margin-bottom:10px;
}
p.interested a{
	text-decoration:underline;
	color:#c70000;
	font-size:95%;
 font-weight:normal;
	padding:2px 0;
	display:block
}
p.interested a:hover{
	text-decoration:none;
	color:#3ca1d5;
}
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}

.floatleft {
   	float:left;
   	margin:0 10px 0 0;

}

div#content ul, div#content ol {
	margin: 0 0 0 1.5em;
}

div#content ul {
	padding: 0 0 1.5em;
	list-style-type: circle;
}

div#content ol {
	list-style-type: lower-alpha;
}

div.third {
	padding-right: 5%;
	width: 20%;
	float: left;
}
	div.third p{
	padding-right:10px;
	}

div.third.last{
	padding-right:0;
}

div.third img {
	margin-bottom: 1em;
}

p.link {
	clear: both;
}

p.link img {
	margin-bottom: 0.5em;
}

.terms {
color: #717171;
}

.terms li {
list-style-type: decimal;
}
/* added matt 26/06/09 */

.booking-form {
	
}

	.booking-form .field {
		width: 550px;
		overflow: hidden;
		margin: 0 0 10px 0;
	}

	.booking-form label {
		float: left;
		width: 150px;
	}
	
		.booking-form label.inline {
			float: none;
		}

	.booking-form .text {
		float: left;
		width: 300px;
	}
	
	.booking-form span.course {
		display: block;
		float: left;
		width: 150px;
	}
	
	.booking-form select.course-select {
		width: 305px;
	}

#course-pricing {
	position: relative;
}

.price-note {
	float: right;
}