* {
	margin: 0;
	padding: 0;
	outline: none;
}

html {
	overflow-y: scroll;
}

body {
	font-size: small;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	background: url('../images/body_bg.gif') top center no-repeat;
}

img {
	border: none;
}

* html img {
  	behavior: url('http://www.jk-assist.co.uk/assets/includes/pngbehavior.htc');
}

h1, h2, h3 {
	display: none;
}

#pageContainer {
	width: 715px;
	margin: 30px auto 0 auto;
	overflow: hidden;
}

#headerContainer {
	width: 715px;
	margin: 0 0 22px 0;
	overflow: auto;
}

#headerContainer img#logo {
	float: left;
	margin: 0 0 0 80px;
}

#headerContainer img#strapline {
	float: right;
	margin: 48px 0 0 0;
}

/*--------------------- Main Nav ---------------------*/

ul#mainNav {
	width: 715px;
	padding: 0 0 10px 0;
	list-style: none;
	overflow: hidden;
}

ul#mainNav li {
	float: left;
	margin: 0 0 0 5px;
}

ul#mainNav li#navIndex {
	margin: 0;
}

ul#mainNav li span {
	display: none;
}

ul#mainNav li a {
	display: block;
	width: 85px;
	height: 22px;
}

ul#mainNav li#navIndex a {
	background: url('../images/nav_index_li_bg.gif') top left no-repeat;
}	

ul#mainNav li#navIndex a:hover {
	background: url('../images/nav_index_li_bg.gif') bottom left no-repeat;
}

ul#mainNav li#navBook a {
	background: url('../images/nav_book_li_bg.gif') top left no-repeat;
}	

ul#mainNav li#navBook a:hover {
	background: url('../images/nav_book_li_bg.gif') bottom left no-repeat;
}

ul#mainNav li#navTrain a {
	background: url('../images/nav_train_li_bg.gif') top left no-repeat;
}	

ul#mainNav li#navTrain a:hover {
	background: url('../images/nav_train_li_bg.gif') bottom left no-repeat;
}

ul#mainNav li#navConsult a {
	background: url('../images/nav_consult_li_bg.gif') top left no-repeat;
}	

ul#mainNav li#navConsult a:hover {
	background: url('../images/nav_consult_li_bg.gif') bottom left no-repeat;
}

ul#mainNav li#navPack a {
	background: url('../images/nav_pack_li_bg.gif') top left no-repeat;
}	

ul#mainNav li#navPack a:hover {
	background: url('../images/nav_pack_li_bg.gif') bottom left no-repeat;
}

ul#mainNav li#navTest a {
	background: url('../images/nav_test_li_bg.gif') top left no-repeat;
}	

ul#mainNav li#navTest a:hover {
	background: url('../images/nav_test_li_bg.gif') bottom left no-repeat;
}

ul#mainNav li#navAbout a {
	background: url('../images/nav_about_li_bg.gif') top left no-repeat;
}	

ul#mainNav li#navAbout a:hover {
	background: url('../images/nav_about_li_bg.gif') bottom left no-repeat;
}

ul#mainNav li#navContact a {
	background: url('../images/nav_contact_li_bg.gif') top left no-repeat;
}	

ul#mainNav li#navContact a:hover {
	background: url('../images/nav_contact_li_bg.gif') bottom left no-repeat;
}

/*--------------------- Main Styles & Structure ---------------------*/

#leftColumn {
	display: inline;
	float: left;
	width: 172px;
}

#leftColumn ul {
	margin: 0 0 0 25px;
	font-size: 85%;
	color: #666;
	text-transform: uppercase;
}

body#bodyIndex #leftColumn ul {
	margin: 20px 0 0 15px;
	color: #064D16;
}

#leftColumn #firstBox,
#leftColumn #secondBox {
	width: 152px;
	height: 152px;
	margin: 0 0 9px 0;
	padding: 10px;
	color: #FFF;
}

#firstBox {
	text-transform: uppercase;
	background: url('../images/left_column_first_bg.gif') top left no-repeat;
}

#secondBox {
	background: url('../images/left_column_second_bg.gif') top left no-repeat;
}

#firstBox p {
	margin: 0 0 5px 0
}

#secondBox p {
	font-size: 120%;
	line-height: 1.5em;
	margin: 0 0 15px 0;
}

#secondBox p span {
	font-size: 130%;
	color: #064D16;
}

#rightColumn {
	display: inline;
	float: left;
	width: 534px;
	margin: 0 0 0 9px;
	overflow: hidden;
}

#rightColumn img.headerImg {
	float: left;
	margin: 0 0 9px 0;
}

#rightColumn #mainContentTop {
	clear: both;
	width: 534px;
	height: 15px;
	font-size: 0;
	background: url('../images/main_content_top_bg.gif') top left no-repeat;
}

#rightColumn #mainContent {
	width: 492px;
	padding: 10px 20px 0 20px;
	font-size: 85%;
	border-right: 1px solid #038953;
	border-left: 1px solid #038953;
	background: #FFF;
	overflow: hidden;
}

#rightColumn #mainContentBottom {
	width: 534px;
	height: 15px;
	font-size: 0;
	background: url('../images/main_content_bottom_bg.gif') bottom left no-repeat;
}

#rightColumn #mainContent p {
	clear: both;
	margin: 0 0 15px 0;
	color: #666;
}

#rightColumn #mainContent p span {
	color: #000;
}

#rightColumn #mainContent ul {
	margin: 0 15px 15px 15px;
	color: #000;
}

#rightColumn #mainContent ul.greyList {
	color: #666;
}

#rightColumn #mainContent ul li {
	margin: 0 0 10px 0;
}

#rightColumn #mainContent ul li span {
	color: #666;
}

#rightColumn #mainContent h4 {
	margin: 0 0 15px 0;
	font-size: 140%;
	color: #038953;
}

#rightColumn #mainContent a {
	color: #666;
}

#rightColumn #mainContent img {
	margin: 0 0 15px 0;
}

#rightColumn #mainContent #leftContent,
#rightColumn #mainContent #rightContent {
	float: left;
	width: 246px;
}

/*--------------------- Index Page ---------------------*/

body#bodyIndex #rightColumn {
	width: 543px;
	margin: 0;
}

#rightColumn .indexNav {
	display: inline;
	float: left;
	width: 172px;
	height: 172px;
	margin: 0 0 9px 9px;
	overflow: hidden;
}

#rightColumn .indexNav a {
	display: block;
}

#rightColumn .indexNav a:hover {
	margin: -172px 0 0 0;
}

#rightColumn .indexNav a span {
	display: none;
}

body#bodyIndex #footerContainer p {
	float: left;
}

body#bodyIndex ul#footerNav {
	float: left;
}

/*--------------------- Packages Page ---------------------*/

#rightColumn #mainContent ul#packagesNav {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#rightColumn #mainContent ul#packagesNav li {
	display: inline;
	float: left;
	width: 246px;
	height: 20px;
	margin: 0 0 10px 0;
}

#rightColumn #mainContent ul#packagesNav li a {
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
}

#rightColumn #mainContent ul#packagesNav li a img {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
}

#rightColumn #mainContent ul#packagesNav li a span {
	float: left;
	margin: 3px 0 0 0;
	color: #000;
	font-weight: bold;
}

/*--------------------- Contact Form ---------------------*/

body#bodyContact #rightColumn #mainContent p {
	margin: 0 0 15px 155px;
}

form#contactForm {
	margin: 30px 0 0 0;
	color: #666;
}

form#contactForm dl {
	clear: both;
	margin: 0 0 15px 0;
	overflow: hidden;
}

form#contactForm dl dt {
	float: left;
	display: block;
	width: 145px;
	margin: 0 10px 0 0;
	padding: 3px 0 0 0;
	font-weight: bold;
	text-align: right;
}

form#contactForm dl dd {
	float: left;
}

form#contactForm dl dd input {
	width: 253px;
	height: 20px;
	border: 1px solid #888;
}

form#contactForm dl dd textarea {
	width: 253px;
	height: 100px;
	border: 1px solid #888;
}

form#contactForm input.button {
	margin: 5px 0 15px 155px;
}

/*--------------------- Footer ---------------------*/

#footerContainer {
	clear: both;
	padding: 16px 0 0 0;
	font-size: 80%;
	color: #999;
	overflow: hidden
}

#footerContainer p {
	float: right;
	clear: both;
}

ul#footerNav {
	float: right;
	list-style: none;
	margin: 0 0 15px 0;
	overflow: hidden
}

ul#footerNav li {
	float: left;
}

ul#footerNav li a {
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	color: #999;
	text-decoration: none;
	border-right: 1px solid #999;
}

ul#footerNav li a:hover {
	color: #555;
}

ul#footerNav li#noBorder a {
	border-right: none;
	margin: 0;
	padding: 0;
}

/*--------------------- Site Map Page ---------------------*/

body#bodySite #rightColumn #mainContent ul {
	margin: 0 0 0 50px;
	list-style: none;
}

body#bodySite #rightColumn #mainContent ul li a {
	text-decoration: none;
}