/* Generic elements */
* {			margin: 0; padding: 0; line-height: 150%; }
body {		background: #d9d9d9 url(/i/background.png) no-repeat top center; padding-top: 0; font-family: Arial, Helvetica, sans-serif; font-size: 85%; color: #194f63; }
a {			color: inherit; text-decoration: none; }
a img {		border: none; }
p,
address,
li,
dt,
dd {		font-size: 95%; line-height: 150%; }
address {	font-style: normal; }
input,
textarea {	font: inherit; font-size: 90%; }
sup {		font-size: 60%; }


/* Common classes */
img.border {	border-bottom: 25px solid #194f63; }
hr.clear {		clear: both; visibility: hidden; }
#back {			font-size: 100% }
p.error {		border: 1px solid #800; background-color: #fbb; color: #800; padding: 5px; margin-top: 20px; text-align: center; font-weight: bold; }


/* Layout */
#container {	position: relative; width: 874px; height: 750px; margin: 0 auto; padding: 0 25px 0 99px; }
#header {		height: 103px; position: relative; margin-bottom: 25px; }
#mainNav {		width: 170px; float: left; margin-right: 50px; }
#content {		width: 580px; float: left; }
#logos {		position: absolute; bottom: 60px; left: 100px; display: block; width: 146px; height: 47px; background: url(/i/logos-mpba-labc-rollover.png) no-repeat center center; }
#footer {		position: absolute; bottom: 15px; left: 0; width: 100%; text-align: center; }


/* Header */
#header h3 {				position: absolute; top: 25px; left: 0; }
#header ul {				position: absolute; bottom: 0; right: 50px; list-style: none; margin-bottom: 2px; }
#header ul li {				display: inline; font-size: 90%; }
#header ul li.selected {	color: #00b294; }
#header ul li a {			color: white; text-transform: uppercase; text-decoration: none; display: inline-block; height: 40px; line-height: 40px; padding: 0 24px; }
#header ul li.selected a,
#header ul li a:hover {		color: #00b294; background: url(/i/header-navigation-selected.png) no-repeat bottom center; }


/* Main navigation */
#mainNav {							border-top: 4px solid #194f63; }
#mainNav ul {						list-style: none; }
#mainNav ul li {					margin: 10px 0; color: #194f63; font-weight: bold; font-size: 100%; padding-left: 15px; margin-left: -10px; }
#mainNav ul li a {					text-decoration: none; color: #194f63; }
#mainNav ul li.selected,
#mainNav ul li:hover {				background: url(/i/navigation-selected.gif) no-repeat 0 5px; }
#mainNav ul li.selected a,
#mainNav ul li a:hover {			color: #00b294; }
#mainNav ul li ul {					margin-left: 5px; }
#mainNav ul li ul li {				margin: 0; color: #7b97a7; padding-left: 15px; }
#mainNav ul li ul li a {			color: #7b97a7 !important; }
#mainNav ul li ul li.selected {		background: url(/i/navigation-selected.gif) no-repeat left center; }
#mainNav ul li ul li.selected a,
#mainNav ul li ul li a:hover {		color: #00b294 !important; }
#mainNav ul li.noArrow {			background: none; }


/* Logos */
#logos:hover img {	display: none; }


/* Content */
#content h1 {	font-size: 150%; color: #7b97a7; border-top: 4px solid #7b97a7; display: inline-block; margin-bottom: 15px; }


/* Footer */
#footer ul {				list-style: none; }
#footer ul li {				display: inline; color: #666; font-size: 80%; border-left: 1px solid #666; padding-left: 8px; padding-right: 5px; }
#footer ul li:first-child {	border-left: none; }
#footer ul li a {			text-decoration: none; color: #666; }


/* Home page */
body.home #content {					width: 506px; }
body.home #content p {					color: #7b97a7; font-size: 135%; font-weight: bold; margin-top: 10px; padding: 10px 0; border-top: 4px solid #194f63; border-bottom: 4px solid #194f63; }
body.home #content ul {					margin-top: 15px; list-style: none; position: relative; }
body.home #content ul li {				float: left; margin: 0; position: absolute; }
body.home #content ul li#gallery {		left: -4px; }
body.home #content ul li#reasons {		left: 173px; }
body.home #content ul li#environment {	left: 350px; }


/* 10 good reasons */
body.reasons #content ul {			width: 48%; margin-right: 2%; float: left; list-style: none; }
body.reasons #content ul li {		min-height: 85px; padding-left: 60px; position: relative; }
body.reasons #content ul li em {	font-size: 400%; color: #bdcbd3; position: absolute; top: -5px; left: 0; display: block; width: 50px; text-align: right; font-style: normal; font-weight: bold; line-height: 100%; letter-spacing: -5px; }
body.reasons #content ul li h3 {	text-transform: uppercase; line-height: 100%; font-size: 110%; color: #194f63; }
body.reasons #content ul li p {		color: #194f63; font-size: 85%; margin-top: 3px; }
body.reasons #content ul li p a {	font-size: 11px; }


/* 10 good reasons: 5 */
body.reason5 #content {				width: 654px; }
body.reason5 #content #reason {		padding-left: 35px; position: relative; margin: 20px 0 40px 0; }
body.reason5 #content #reason em {	font-size: 400%; color: #bdcbd3; position: absolute; top: -5px; left: 0; text-align: left; font-style: normal; font-weight: bold; line-height: 100%; letter-spacing: -5px; }
body.reason5 #content #reason h3 {	text-transform: uppercase; line-height: 100%; font-size: 110%; color: #194f63; }
body.reason5 #content #reason p {	color: #194f63; font-size: 85%; margin-top: 3px; }
body.reason5 #content ul {			list-style: none; }
body.reason5 #content ul li {		display: inline-block; width: 323px; margin-right: 2px; }
body.reason5 #content ul li span {	display: block; padding-left: 20px; height: 25px; line-height: 25px; background-color: #194f63; color: white; margin-top: -5px; }
body.reason5 #content #back {		text-align: right; margin-top: 10px; color: #194f63; }
body.reason5 #content #back small {	font-size: 11px; }


/* Case studies */
body.cases #content {				width: 654px; }
body.cases #content p {				margin-top: 10px; }
body.cases #content ul {			list-style: none; float: left; margin: 25px 0 0 0; }
body.cases #content ul#column1 {	margin-right: 50px; }
body.cases #content ul li {			font-size: 80%; margin-bottom: 15px; }
body.cases #content ul li a {		text-decoration: none; color: inherit; }


/* Individual case study */
body.case #content {				width: 506px; position: relative; }
body.case .carousel li img {		width: 506px; height: 287px; }
body.case #controls {				display: none; list-style: none; background-color: #194f63; text-align: right; padding-right: 5px; margin-top: -5px; }
body.case #controls li {			display: inline; }
body.case #controls li img {		vertical-align: middle; }
body.case #content #back {			color: #808080; position: absolute; right: 0; }
body.case #content #back small {	font-size: 11px; }
body.case #content dl {				margin-top: 10px; }
body.case #content dl dt {			display: block; width: 20%; float: left; font-weight: bold; margin: 2px 0; }
body.case #content dl dd {			display: block; width: 80%; float: left; margin: 2px 0; }
body.case #content p {				clear: both; padding-top: 10px; }


/* Clients */
body.clients #content ul {		list-style: none; float: left; width: 50%; }
body.clients #content ul li {	font-size: 85%; margin-bottom: 5px; }


/* Contact */
body.contact #content {			width: 506px; }
body.contact #details {			margin-top: 50px; padding-left: 50px; }
body.contact #details #postal {	float: left; margin-right: 60px; }
body.contact #details address {	margin-bottom: 6px; }


/* Downloads */
body.downloads #content ul {				list-style: none; }
body.downloads #content ul li {				margin-bottom: 20px; }
body.downloads #content ul li .image {		display: inline-block; width: 100px; text-align: right; vertical-align: middle; }
body.downloads #content ul li .info {		display: inline-block; margin: -10px 0 0 15px; vertical-align: middle; }
body.downloads #content ul li .info small {	font-size: 11px; }


/* Enquiries */
body.enquiries #content p {						margin-bottom: 10px; }
body.enquiries #content form {					margin-bottom: 25px; }
body.enquiries #content form ol {				list-style: none; margin-top: 15px; }
body.enquiries #content form ol li {			display: inline-block; margin-bottom: 10px; }
body.enquiries #content form ol li label {		display: block; font-size: 85%; }
body.enquiries #content form ol li #title {		width: 100px; }
body.enquiries #content form ol li #forename {	width: 185px; }
body.enquiries #content form ol li #surname {	width: 185px; }
body.enquiries #content form ol li #job {		width: 239px; }
body.enquiries #content form ol li #company {	width: 239px; }
body.enquiries #content form ol li #phone {		width: 180px; }
body.enquiries #content form ol li #email {		width: 298px; }
body.enquiries #content form ol li #enquiry {	width: 486px; }
body.enquiries #content form p {				width: 490px; text-align: right; }
body.enquiries #content form p input {			text-transform: uppercase; border: none; background-color: #194f63; color: white; padding: 5px; }
body.enquiries #content address {				display: inline-block; width: 240px; margin-top: 10px; }


/* Environmental */
body.environmental #content {		width: 506px; }
body.environmental #content img {	display: block; margin: 20px auto; }
body.environmental #content p {		margin-bottom: 15px; }


/* Photo gallery */
body.gallery #content {			width: 506px; }
body.gallery .carousel li img {	width: 506px; height: 287px; }
body.gallery #controls {		display: none; list-style: none; background-color: #194f63; text-align: right; padding-right: 5px; margin-top: -5px; }
body.gallery #controls li {		display: inline; }
body.gallery #controls li img {	vertical-align: middle; }


/* Services */
body.services #content {		width: 506px; }
body.services #content h1 {		margin-top: 20px; }
body.services #content ul {		width: 200px; list-style: disc; display: inline-block; margin-left: 40px; margin-top: 10px; }
body.services #content ul li {	margin-bottom: 5px; }


/* Technical */
body.technical #content {				width: 654px; }
body.technical #content p {				margin: 5px 0; }
body.technical #content ul {			list-style: none; margin-top: 25px; }
body.technical #content ul li {			display: inline-block; width: 158px; margin-right: 2px; background-color: #194f63; color: white; text-align: right; }
body.technical #content ul li div {		padding: 0 10px; }
body.technical #content ul li h3 {		color: #7b97a7; font-size: 110%; }
body.technical #content ul li p {		font-size: 110%; }
body.technical #content ul li small {	font-size: 11px; }


/* Technical details */
body.tech-detail #content {						width: 506px; }
body.tech-detail #content div {					float: left; margin-top: -5px; }
body.tech-detail #content #info {				width: 153px; height: 102px; padding: 15px 10px 0 0; background-color: #194f63; color: white; text-align: right; }
body.tech-detail #content #info h3 {			color: #7b97a7; margin-bottom: 10px; }
body.tech-detail #content #info p {				font-size: 110%; margin-bottom: 10px; }
body.tech-detail #content #detail {				width: 323px; height: 102px; padding: 15px 5px 0 15px; background-color: #a2b6c1; color: #194f63; position: relative; }
body.tech-detail #content #detail #back {		position: absolute; bottom: 5px; right: 5px; color: #194f63; }
body.tech-detail #content #detail #back small {	font-size: 11px; }


/* Technical details: single position */
body.single #content #detail {	padding-top: 35px; height: 82px; }


/* The system */
body.system #content {				width: 654px; }
body.system #content dl dt {		font-weight: bold; font-size: 100%; text-align: right; padding-right: 360px; margin-top: 20px; }
body.system #content dl dd {		text-align: right; margin-bottom: 40px; padding-right: 360px; position: relative; }
body.system #content dl dd img {	position: absolute; }
body.system #content dl dd p {		margin-bottom: 10px; }
body.system #content dl dd em {		font-weight: bold; }
body.system #content #adjuster {	top: -77px; left: 235px; }
body.system #content #support {		top: -42px; left: 113px; }
body.system #content #packer {		top: -61px; left: 155px; }


/* Typical applications */
body.applications #content ul {	list-style: none; margin-left: 20px; }
body.applications #content p,
body.applications #content li {	margin-bottom: 15px; font-size: 100%; }


/* What is Jackpad? */
body.what #content {	width: 506px; }
body.what #content h1 {	margin-top: 20px; }
body.what #content p {	margin-bottom: 10px; }