/*	Web Design by Alex Borton @ Infocentre Ltd. 

	www.infocentre.com
	
	All Rights Reserverd
*/

* { margin: 0; padding: 0; }

html { overflow-y: scroll;}

body { background: #FFF; color: #11698C; font-size: 10pt; font-family:Arial, Helvetica, sans-serif; }

h1 { font-size: 25pt; color: #11698C; margin: 0 0 10px 0; letter-spacing: -3px; }

	h2 { font-size: 20pt; color: #11698C; margin: 10px 0; }
	
		h3 { font-size: 16pt; color: #11698C; margin: 10px 0; font-style: italic; }
		
			h4 { font-size: 12pt; font-weight:normal; }
		
	p { font-size: 10pt; color: #000; margin: 5px 0; }
	
ul { margin: 10px 0 10px 30px; }

	ul li { color: #000; }
	
ol { }

	ol li { }

a { color: #11698C; text-decoration:none; }

	a:hover { color:#17B0D3; }	

a.background { color: #FFF; background: #11698C; padding: 1px 4px;   -moz-border-radius: 4px;  -webkit-border-radius: 4px; text-decoration:none; }

	a.background:hover { background: #18A2D9; }
	
/* Header */

#headerWrap {
	width: 900px;
	height: 234px;
	margin: 0 auto;
	background: #FFF url('../images/bannerLarge.jpg') no-repeat; 
	}
	#headerTitle {
		width: 600px; 
		float: right;
		position:relative; top: 70px; right: 70px;
		}
		#headerTitle h1 {
			font-size: 28pt; 
			letter-spacing: -3px;
			font-weight:normal;
			margin: 0;
			}
	#headerSlogan {
		width: 600px;
		float:right;
		position:relative; top: 75px; right: 50px;
		}
		#headerSlogan h4 {
			float: left;
			margin: 0;
			font-size: 16pt;
			font-style: italic;
			}
		#headerSlogan h3 {
			font-size: 16pt;
			font-weight:normal;
			font-style: normal;
			margin: 0;
			float: right;
			}
	#telephoneNumbers {
		width: 250px;
		float: right;
		position: relative; top: 45px; right: 50px;
		}
	#certificates {
		float:right;
		width: 900px;
		position:relative; top: -105px; right: 50px;
		text-align:right;
		}
		#certificates a img {
			border: 0;
			}
	/* Navigation */
	
	#navWrap {
		width: 650px;
		float:right;
		position: relative; top: 90px; right: 70px;
		}
		ul.navigation {
			list-style: none;
			height:30px;
			}
			ul.navigation li {
				display: inline;
				margin: 0;
				font-size: 9.5pt;
				}
				ul.navigation li a {
					color: #11698C; 
					text-transform:uppercase; 
					text-decoration:underline;
					padding: 6px 10px;
					line-height: 32px;
					}
					ul.navigation li a:hover {
						text-decoration: none;
						background:#11698C url('../images/rollover_button_mid.png') repeat-x scroll center center;
						-moz-border-radius: 7px;  -webkit-border-radius: 7px;
						color: #FFF;
						-moz-box-shadow: 0 0 3px black;
						-webkit-box-shadow: 0 0 3px black;
						}
						ul.navigation li.here a {
							text-decoration: none;
							background:#11698C url('../images/rollover_button_mid.png') repeat-x scroll center center;
							-moz-border-radius: 7px;  -webkit-border-radius: 7px;
							color: #FFF;
							-moz-box-shadow: 0 0 3px black;
							-webkit-box-shadow: 0 0 3px black;
							}
					/* IE7 Rounded Menu Fix */
					ul.navigation li.home a:hover, ul.navigation li.home.here a {
						.background: url('../images/rollover_button_home.png') no-repeat scroll center center; 
						.color: #fff;
						.text-decoration: none;
						}
					ul.navigation li.services a:hover, ul.navigation li.services.here a {
						.background: url('../images/rollover_button_services.png') no-repeat scroll center center; 
						.color: #fff;
						.text-decoration: none;
						}
					ul.navigation li.standards a:hover, ul.navigation li.standards.here a {
						.background: url('../images/rollover_button_standards.png') no-repeat scroll center center; 
						.color: #fff;
						.text-decoration: none;
						}
					ul.navigation li.personnel a:hover, ul.navigation li.personnel.here a {
						.background: url('../images/rollover_button_personnel.png') no-repeat scroll center center; 
						.color: #fff;
						.text-decoration: none;
						}
					ul.navigation li.company a:hover, ul.navigation li.company.here a {
						.background: url('../images/rollover_button_company.png') no-repeat scroll center center; 
						.color: #fff;
						.text-decoration: none;
						}
					ul.navigation li.contact a:hover, ul.navigation li.contact.here a {
						.background: url('../images/rollover_button_contact.png') no-repeat scroll center center; 
						.color: #fff;
						.text-decoration: none;
						}
	/* Breadcrumbs */
	
	#breadcrumbs {
		float: left;
		position:relative; top: 35px; left: 140px;
		width: 700px;
		text-align:right;
		}
		ul.breadcrumbs {
			list-style: none;
			margin: 0;
			}
			ul.breadcrumbs li {
				display: inline;
				margin: 0 5px 0 0;
				font-size: 8pt; 
				color: #17ADD1;
				}
				ul.breadcrumbs li a {
					font-size: 8pt;
					text-decoration: underline;
					}

/* Content */

#wrapper {
	width: 800px;
	margin: 0 auto;
	}
	#wrapper h3.slogan {
		font-size: 13pt;
		font-weight:normal;
		margin: 0 0 8px 0;
		text-decoration:underline;
		}
	#mainColumn {
		width: 540px;
		float:left;
		margin: 0 10px 10px 0;
		padding: 0 10px 0 0;
		}
	
	#sideBar {
		width: 218px;
		float:right;
		padding: 0 9px 9px 8px;
		margin: 0 0 10px 0;
		background:#F8F8F8;
		}
		#sideBar h2 {
			font-size:15pt;
			letter-spacing: -2px;
			margin: 5px 0 10px 0;
			}
			#sideBar h3 {
				letter-spacing: -2px;
				font-size:14pt;
				}
		#sideBar ul.otherServices {
			list-style: none;
			margin: 0 0 20px 0;
			}
			#sideBar ul.otherServices li {
				margin: 10px 0;
				}
				#sideBar ul.otherServices li a {
					font-size: 12pt;
					padding: 3px 10px;
					background:#11698C; 
					color: #FFF;
					}
					#sideBar ul.otherServices li a:hover {
						background: #17ADD1;
						}
						#sideBar ul.otherServices li.here a {
							background: #17ADD1;
							}
			
			/* Tabbed Content */
			
			#sideBar ul {
				margin: 0 0 0 20px;
				}
			#tabbedContentWrap {
				margin: 10px 0 0 0;
				height:;
				}
				#tabbedContentWrap ul#tabs {
					margin: 0;
					list-style:none;
					}
					#tabbedContentWrap ul#tabs li {
						display:inline;
						}
						#tabbedContentWrap ul#tabs li a {
							background: #11698C;
							color: #FFF;
							padding:4px 7px 4px 7px;
							border: 1px #11698C solid;
							font-size: 11pt;		
							text-decoration:none;
							-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;  -webkit-border-radius-topleft: 4px; -webkit-border-radius-topright: 4px;	
							}
							#tabbedContentWrap ul#tabs li a:hover {
								background: #FFF ;
								color:#11698C;
								border-bottom: 1px #11698C solid;
								}
								#tabbedContentWrap ul#tabs li a.selected {
									background: #FFF;
									color:#11698C;
									border-bottom: 1px #FFF solid;
									}
				#tabContent {
					border: 1px #11698C solid;
					background: #FFF;
					padding:8px;
					color:#FFF;
					margin: 4px 0 0 0;
					}
					#tabContent p {
						font-size: 11pt;
						}
						#tabContent p a {
							font-size: 10pt;
							}
	/* Footer */
	
	#footerWrap {
		border-top: 2px #11698C solid;
		padding:0;
		text-align:center;
		width: 800px;
		margin: 0 auto;
		}
		ul.footerLinks {
			list-style: none;
			margin: 0;
			}
			ul.footerLinks li {
				display: inline;
				font-size: 8pt;
				}
				ul.footerLinks li a{
					color: #11698C;
					background:#F0F0F0;
					padding: 2px 4px;
					text-decoration:none;
					-moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px;
					}
					ul.footerLinks li a:hover {
						background:#11698C;
						color: #FFF;
						}
						ul.footerLinks li.sitemap a {
							background:#11698C;
							color: #FFF;
							}
			#subFooter p {
				font-size: 8pt;
				color:#D5D5D5;
				}
				
/*Form Styling */

#formWrap {
	width: 180px;
	}
	#contactFormWrap {
		width: 330px;
		margin:0 auto;
		margin: 0 0 10px 0;
		}
		.field .textboxMultiline {
			width: 314px;
			border: 1px #171717 solid;
			padding: 2px;
			margin: 5px 0 0 0;
			}
	form#contactForm {
		border: 2px #11698C solid;
		width: 320px; .width: 316px; /* IE Positioning Fix */
		padding: 10px;
		margin: 30px 0 30px 0;
		-moz-border-radius: 6px;
		}

	.label {
		width:70px;
		font-size:9pt;
		font-family:Calibri, Helvetica, sans-serif;
		float:left;
		line-height:27px;
		}
		.label p {
			line-height: 9pt;
			margin: 15px 0 0 0;
			}
	.field {
		width: 105px;
		float: left;
		}
		.field .textbox {
			width: 100px;
			border: 1px #171717 solid;
			padding: 2px;
			margin: 5px 0 0 0;
			}
	.button {
		text-align: right;
		width: 100px;
		float:right;
		position:relative; top: 20px; right: 5px;
		.top: 22px; .right: -1px; /* IE Positioning Fix */
		}
		.buttonClass {
			border: 2px #11698C solid;
			background: #11698C;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12pt;
			margin: 0 3px 0 0;
			color: #FFF;
			padding: 3px 10px;
			-moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px;
			}
			.buttonClass:hover {
				background: #17B0D3;
				color:#FFFFFF;
				cursor:pointer;
				}
			p.termsLink {
				font-size: 8pt;
				margin: 12px 0 0 0;
				}	
	.validation ul {
		list-style: none;
		margin: 2px 0 0 0;
		}
		.validation ul li {
			list-style:none;
			color:#FF3300;
			font-size: 8pt;
			}	
	.validateError { 
		float: left;
		padding: 5px;
		font-size: 8pt;
		}	

/* Layout Styling */

.noWidth { width: auto; }

.rightPad10 { padding: 0 10px 0 0; }

.clear { clear: both; } .clearL { clear:left; } .clearR { clear:right; }

.floatL { float:left; margin: 4px 10px 4px 0; } .floatR { float:right; margin: 4px 0 4px 10px; }

.borderBlue { border: 4px #11698C solid; }