body{
	background: #FFF url(/images/bg.png) repeat-x;
	text-align: center;
}

body, h1, h2, h2, h3, p, a, li, label, img, blockquote, strong, small{
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 15px;
	line-height: 1.2em;
	letter-spacing: 0.25px;
	color: #58595b;
	text-decoration: none;
}

object{
	margin-top: 20px;
	float: left;
}

strong{
	font-size: inherit;
}

a{
	font-size: inherit;
	color: #2B3670;
	font-weight: bold;
}
	
	a strong{
		text-transform: uppercase;
	}
	
	a.top{
		float: right;
		text-transform: uppercase;
		font-size: 0.8em;
	}

p, blockquote, li{
	text-align: justify;
	margin-right: 10px;
}
	
small{
	font-size: 0.8em;
}

p.nb{
	font-size: 0.7em;
	font-style: italic;
}

blockquote{
	margin: 0 10px 20px 0;
}

h1, h2, h3, p, ul{
	color: #58595b;
	margin-bottom: 20px;
}

h1, h2, h3{
	text-align: left;
	font-weight: bold;
	margin-bottom: 0;
}

h1{
	font-size: 1.3em;
	margin-bottom: 20px;
}

h2{
	font-size: 1.15em;
}

h1 small, h2 small, h3 small{
	display: block;
	font-weight: normal;
}

div.entry h2{
	margin-bottom: 10px;
}

ul{
	padding: 0 0 0 20px;
}
	
	ul li{
		list-style: disc;
		padding: 0 0 5px 0;
	}

input, select, textarea{
	background: #c2c0d3;
	border: 0;
	padding: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

input, select, textarea, optgroup{
	color: #4F4F4F;
	font-size: 11px;
	font-family: Arial;
}

form{
	
}
	
	form p label{
		width: 230px;
		display: block;
		float: left;
	}

	form ul{
		margin: 0;
		padding: 0;
	}
		
		form ul li{
			width: 160px;
			height: auto;
			float: left;
			margin: 0 10px 10px 0;
			list-style: none;
			padding: 0;
		}
			
			form ul li input{
				width: 150px;
			}
			
			form ul li select{
				width: 160px;
			}
			
			form ul li.qualifications, form ul li.qualifications select{
				width: 500px;
			}
			
			form ul li.qualifications select, form ul li.registerfor select, form ul li.areas select{
				height: 72px;
			}
			
			form ul li label{
				display: block;
				font-size: 12px;
				color: #3F3F3F;
				font-weight: 500;
			}
				
			form ul li label small{
				font-size: 10px;
			}
			
			form ul li.registerfor, form ul li.qualifications{
				margin-bottom: 20px;
			}
			
			form ul li.summary, form ul li.description{
				margin-top: 20px;
			}
			
			form ul li.summary, form ul li.description{
				margin-top: 10px;
				width: 100%;
			}
				
				form ul li textarea{
					width: 660px;
					height: 175px;
				}
				
			form ul li.submit{
				padding-top: 10px;
				text-align: right;
				width: 100%;
				float: right;
			}
				
				form ul li.submit button{
					padding: 0 0 0 15px;
					margin: 0;
					font-size: 1em;
					letter-spacing: 1.2px;
					color: #6d6e71;
					font-weight: bold;
					background: transparent url(/images/sendbutton.png) no-repeat left;
					border: 0;
				}
				
				form ul li.submit button:hover{
					cursor: pointer;
				}
				
			form ul li.youremail{
				padding-right: 30px;
			}

#container{
	width: 918px;
	margin: 0 auto;
	text-align: left;
	overflow: none;
}

	#header{
		padding: 20px 0 10px 0;
		float: left;
		clear: both;
		width: 100%;
		height: 93px;
		position: relative;
		background: url(/images/bar.png) no-repeat bottom;
	}
		
		#header a#logo{
			position: absolute;
			right: 0;
			bottom: 20px;
		}
		
		#header > img{
			text-transform: capitalize;
			font-family: "PMN Caecilia", Times New Roman;
			font-size: 24px;
			color: #717198;
			position: absolute;
			left: 0;
			bottom: 20px;
		}
		
	#content, #teachers{
		width: 686px;
		float: left;
	}
		
		#content div.content{
			padding: 10px 0 0 0;
			float: left;
		}
		
		#content div.content p{
			padding-right: 10px;
		}
		
		#index #content div.content p{
			padding-right: 0;
		}
	
	#sidebar{
		width: 232px;
		float: right;
	}
		
		div.nav, div.jobs{
			background: #2b3670;
			width: 202px;
			padding: 15px;
			float: right;
		}
		
		div.jobs{
			background: #2b3670 url(/images/small_gradient.png) no-repeat bottom right;
			padding-bottom: 27px;
		}
		
		div.nav{
			height: 358px;
			padding: 30px 15px 11px 15px;
		}
			
			div.nav, ul.menu li, ul.menu li a{
				color: #fff;
				text-decoration: none;
				font-weight: 200;
				font-size: 11px;
				text-transform: uppercase;
				letter-spacing: 0.8px;
				text-align: left;
			}
			
			ul.menu, ul.menu li{
				list-style: none;
				padding: 0;
				margin: 0;
				text-align: left;
			}
			
			ul.menu li{
				padding: 10px;
				position: relative;
				margin: 0;
			}
			
			ul.menu li a{
				overflow: hidden;
				display: block;
			}
			
			ul.menu li.register{
				margin-bottom: 5px;
			}
				
			ul.menu li.register > a{
				color: #fdb933;
				font-size: 18px;
				font-weight: 200;
				letter-spacing: 0.4px;
			}
			
			ul.menu ul{
				position: absolute;
				width: 100px;
				right: 202px;
				top: 0;
				z-index: 200;
				background: #2b3670;
				display: none;
				padding: 5px 25px 5px 10px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-bottomleft: 5px;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				border-top-left-radius: 5px;
				border-bottom-left-radius: 5px;
			}
				
				ul.menu ul li{
					width: 140px;
					border-top: 1px solid #c6c3d4;
					padding: 0;
					margin: 0;
					height: auto;
				}
				
				ul.menu ul li:first-child, ul.menu ul li.first{
					border-top: 0;
				}
				
				ul.menu ul li a, ul.menu ul li a img{
					font-size: 8px;
					font-style: italic;
					color: #fff;
				}
				
				ul.menu ul li a{
					padding: 8px 0 5px 13px;
					margin: 0;
					text-align: right;
					overflow: hidden;
					height: 12px;
				}
					
					ul.menu ul li a:hover{
						background: url(/images/hover.png) no-repeat left;
					}
			
		div.jobs div{
			padding: 5px 10px;
			width: 150px;
			background: url(/images/smallgrad.png) repeat-x bottom;
			-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-bottomright: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
		}
			
			div.jobs h3{
				color: #fdb933;
				font-size: 12px;
				text-transform: uppercase;
				font-weight: 200;
				letter-spacing: 1px;
				margin: 0;
				overflow: hidden;
				text-indent: -99999px;
				background: url(/images/newjobsh3.png) no-repeat top left;
			}
				
			div.jobs ul{
				position: relative;
				width: 150px;
				height: 21px;
				padding: 0;
				margin: 0;
				z-index: 999999;
			}
				
				div.jobs ul li{
					list-style: none;
				}
				
				div.jobs ul li a{
					color: #fff;
					text-decoration: none;
					font-weight: 200;
					font-size: 8px;
					text-align: left;
					letter-spacing: 1.2px;
				}
		
		#sidebar ul.contactmodule{
			width: 217px;
			padding: 20px 0 0 15px;
			margin: 0;
			float: left;
		}
			
			#sidebar ul.contactmodule li{
				text-transform: uppercase;
				text-align: left;
				list-style: none;
				margin: 0 0 10px 0;
				padding: 0;
				overflow: visible;
			}
			
			#sidebar ul.contactmodule li a, #sidebar a.twitter, #sidebar a.facebook{
				font-size: 10px;
				text-align: left;
				letter-spacing: 1.2px;
				color: #6d6e71;
				font-weight: bold;
			}
				
				#sidebar li.twitter a, #sidebar li.facebook a{
					font-size: 12px;
				}
				
				#sidebar li.twitter img, #sidebar li.facebook img{
					vertical-align: bottom;
				}
				
				#sidebar ul.contactmodule li.boltonofficenumber, #sidebar ul.contactmodule li.recommendafriend{
					padding: 20px 0 0 0;
				}
				
				#sidebar ul.contactmodule li.boltonofficenumber a, #sidebar ul.contactmodule li.wilmslowofficenumber a{
					font-size: 12px;
				}
		
		#gallery, #gallery ul{
			height: 488px;
			width: 686px;
			margin: 0;
			padding: 0;
			background: #253A71;
		}
			
			#gallery{
				float: left;
				overflow: hidden;
			}
			
			#gallery ul{
				position: relative;
				overflow: hidden;
			}
			
			#gallery li{
				background: url(/images/faded.png) repeat;
			}
			
			#gallery li, #gallery img{
				padding: 0;
				margin: 0;
				z-index: 1;
				overflow: hidden;
			}
				
				#gallery li img{
					position: absolute;
				}
				
					#gallery li p{
						position: absolute;
						z-index: 999;
						line-height: 1.5em;
						background: #FFC541;
						color: #253A71;
						margin: 0;
						padding: 25px;
						font-size: 0.75em;
						letter-spacing: 0.1em;
						display: none;
						overflow: hidden;
						height: 0;
						width: 0;
					}
						
						#gallery li p span{
							font-size: 1.3em;
							display: block;
							font-weight: bold;
							margin: 0 0 10px 0;
						}
				
				#gallery li.gallery1 img{
					top: 0;
					left: 0;
					width: 243px;
					height: 160px;
				}
					
					#gallery li.gallery1 p{
						bottom: 0;
						left: 0;
					}
				
				#gallery li.gallery2 img{
					top: 160px;
					left: 0;
					width: 243px;
					height: 169px;
				}
					
					#gallery li.gallery2 p{
						bottom: 328px;
					}
				
				#gallery li.gallery3 img{
					bottom: 0;
					left: 0;
					width: 243px;
					height: 159px;
				}
					
					#gallery li.gallery3 p{
						top: 0;
						left: 0;
					}
				
				#gallery li.gallery4 img{
					top: 0;
					left: 243px;
					width: 206px;
					height: 160px;
				}
					
					#gallery li.gallery4 p{
						bottom: 0;
						left: 243px;
					}
				
				#gallery li.gallery5 img{
					top: 160px;
					left: 243px;
					width: 206px;
					height: 328px;
				}
					
					#gallery li.gallery5 p{
						top: 0;
						left: 243px;
					}
				
				#gallery li.gallery6 img{
					top: 0;
					right: 0;
					width: 239px;
					height: 160px;
				}
					
					#gallery li.gallery6 p{
						bottom: 0;
						right: 0;
					}
				
				#gallery li.gallery7 img{
					top: 160px;
					right: 0;
					width: 239px;
					height: 169px;
				}
					
					#gallery li.gallery7 p{
						bottom: 328px;
						right: 0;
					}
				
				#gallery li.gallery8 img{
					bottom: 0;
					right: 0;
					width: 239px;
					height: 159px;
				}
					
					#gallery li.gallery8 p{
						top: 0;
						right: 0;
					}
		
			/* Page Specific Gallery Stuff */
			
			#index #gallery, #index #gallery ul{
				height: 488px;
			}
			
			#gallery, #gallery ul{
				height: 160px;
			}
			
			#index #upperfold{
				padding-bottom: 10px;
				background: url(/images/bar.png) no-repeat bottom;
				margin-bottom: 20px;
				float: left;
				width: 100%;
			}
			
			#gallery li.gallery2, #gallery li.gallery3, #gallery li.gallery5, #gallery li.gallery7, #gallery li.gallery8{
				display: none;
			}
			
			#index #gallery li.gallery2, #index #gallery li.gallery3, #index #gallery li.gallery5, #index #gallery li.gallery7, #index #gallery li.gallery8{
				display: block;
			}
				
	img.qualitymark{
		float: right;
	}
	
	#about-us.your-team div.content img{
		float: right;
		clear: right;
		padding: 0 25px 25px 25px;
	}
	
	#about-us.your-team div.content img.teampic{
		float: left;
		padding: 0;
		clear: none;
	}
	
	ul.submenu{
		float: right;
		margin: 0 30px 25px 30px;
		padding: 0 15px 15px 15px;
		color: #6d6e71;
		font-weight: bold;
		width: 125px;
	}
		
		ul.submenu ul{
			margin: 0 0 10px 0;
			padding: 0;
			font-weight: normal;
		}
		
		ul.submenu li{
			list-style: none;
			text-align: left;
			padding: 0;
			margin: 0;
			font-size: 1.2em;
		}
			
			ul.submenu li a{
				font-size: 0.8em;
			}
	
	
	
	#recommend-a-friend h1{
		text-transform: uppercase;
		font-size: 2.8em;
		color: #253A71;
		width: 648px;
		height: 76px;
		text-indent: -99999999px;
		background: url(/images/recommend.png) no-repeat left;
		margin: 20px 0 30px 0;
	}
		
		#recommend-a-friend h1 span, #recommend-a-friend h1 strong{
			font-weight: 800;
		}
		
		#recommend-a-friend form ul{
			padding-top: 10px;
		}
		
	#faqs{
		clear: both;
	}
		
		#faqs h2{
			padding: 20px 0 10px 0;
		}
	
		#faqs p, #faqs ul, #faqs a{
			display: none;
		}
		
		#looking-for-work.frequently-asked-questions ul.submenu{
			float: left;
			margin: 0;
			padding: 0;
			width: 100%;
		}
		
		#looking-for-work.frequently-asked-questions ul.submenu > li{
			height: 155px;
			width: 215px;
			margin:0 10px 10px 0;
			float: left;
		}
		
		#looking-for-work.frequently-asked-questions ul.submenu > li.payment{
			width: 440px;
		}
	
	#vacancies table{
		font-size: 0.8em;
		border-collapse: separate;
		border-spacing: 5px;
		width: 676px;
	}
		
		#vacancies table tr td{
		}
		
		#vacancies thead td{
			font-size: 0.85em;
			padding: 0;
		}
		
		#vacancies tbody td{
			padding: 10px;
			background: #c2c0d3;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
		}
		
	#index #gallery{
		padding-bottom: 12px;
		background: url(/images/big_gradient.png) no-repeat left bottom;
	}
	
	#index div.jobs{
		padding-bottom: 27px;
		background: #2b3670 url(/images/big_gradient.png) no-repeat right bottom;
	}
	
	#left{
		width: 470px;
		float: left;
	}
	
	#looking-for-work.frequently-asked-questions div.content h3{
		padding-left: 20px;
		background: url(/images/cross.png) no-repeat left;
	}
	
#footer{
	margin: 75px 232px 0 0;
	width: 686px;
	float: left;
}

	#footer ul, #footer p.officewilmslow, #footer p.officebolton{
		margin: 0 0 15px 0;
		padding: 0;
	}
		
		#footer ul li{
			display: inline;
			padding-right: 25px;
		}
	
	#footer a, #footer p, #footer ul li{
		font-size: 10px;
		font-weight: 100;
		color: #a8a9ac;
	}
		
		#footer a:hover{
			color: #58595b;
		}
	
	#footer p.officewilmslow, #footer p.officebolton{
		float: left;
	}
	
	#footer p.copyright, #footer ul li{
		text-transform: uppercase;
	}
	
	#footer p.copyright{
		float: right;
	}