@charset "utf-8";
/* CSS Document */
/*----------- R E S E T ----------*/

	html, body, div, span,
	applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dd, dl, dt, li, ol, ul,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100.01%;
		font-family: inherit;
		text-align: left}

	body 							{ font-family:Arial, Helvetica, sans-serif; font-size:74%; line-height:1.5em; color:#353535}
	img 							{ margin: 0px; padding: 0px; border: none}
	a img, :link img, :visited img	{ border: none}
	ol, ul 							{ list-style: none}
	table							{ border-collapse: collapse; border-spacing: 0}
	caption, th, td 				{ text-align: left}
	a, :active, :visited, :link		{ text-decoration:none}
	a:focus							{ outline: none}
	/* custom selection colors */
	
/*	I E  F I X E S
	-------------------------------------------------------------- */

	body			{ text-align: center}
	div#container		{ text-align: left}	
	* html textarea	{ overflow:scroll; display:inline}
	* html input	{ overflow: hidden; display:inline}
	ol 				{ margin-left:2em}
	legend			{ margin-bottom:1.4em}
	
	
/* G L O B A L
	-------------------------------------------------------------- */
	body {  background:url(../images/bg.gif) repeat-x  0 120px #021716; }
	
	
	
	

/* T Y P O G R A P H Y
	-------------------------------------------------------------- */

	h1, h2, h3, h4, h5 { font-family:'Helvetica Neue LT', Helvetica, Arial, sans-serif; line-height:1.6em}
	h1 { font-size:2.2em; color:#fff; margin:0px 0 0 0; font-weight:100; line-height:1em; letter-spacing:-0.5px}
	h2 { font-size:1.7em; font-weight:100; margin:0px 0 0 0 ; line-height:2em; color:#c5f9ff; letter-spacing:-0.5px }
	h3 { font-size:1.4em; line-height:1em; color:#238f9b; font-weight:100; letter-spacing:-0.5px }
	strong { font-size:1.1em; color:#1e99a8; font-weight:100;}
	em { font-style:italic}
	ul { padding:0px 0px 0px 25px; list-style:circle; margin:0px 0px 15px 0px}
	li { margin:6px 0}
	a { text-decoration:none; color:#fff}
	a:hover { color:#fff}
	p { margin:1em 0 1em 0; }
	
	table { margin:0px 0 10px 0}
	table td { padding:5px; background:#f4f4f4; border:1px solid #bbb}
	
	

/* U N I Q U E   S T Y L E S
	-------------------------------------------------------------- */
	.logo { float:left; margin:10px 0 0 0; } 
	
.logo a { opacity:1; -webkit-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; }
.logo a:hover { opacity:0.6; }
	#header-hold { float:left; width:100%; background:url(../images/header-bg.gif) repeat-x; height:120px; z-index: overflow:hidden; }
	#header { position:relative; width:960px; margin:0 auto; }
	
	.intro { float:left; width:500px; height:200px; padding:60px 0 0 0; font-size:1.2em; color:#c5f9ff }
	#content-hold { float:left; width:100%; background:url(../images/content-bg.gif) top no-repeat; }
	#content { position:relative; width:960px; margin:0 auto;  }
	#internal-content { color:#fff; position:relative; width:560px; padding:0px 400px 0 0; line-height:1.6em; margin:0 auto;  }
	
	#teasers { float:left; background:url(../images/display-images/teaser-bg.png); height:220px; padding:10px; margin:-10px -10px 20px -10px; width:960px; }
	
	#footer { float:left; width:960px; text-shadow:1px -1px 1px #000; color:#929292; width:960px; margin:20px auto; padding:0px 0; font-size:0.9em; }
#footer a { color:#929292  }
.left { float:left; }
.right { float:right; }

.col3 { float:left; width:300px; margin:10px; }

.divide { float:left; width:100%; background:url(../images/divide.gif) no-repeat; height:1px; margin:0 0 10px 0; }

a.contact-button { float:left; background:url(../images/contact.gif); width:98px; height:27px; text-indent:-9999em; margin:20px 0 0 0;  -webkit-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; }
a.contact-button:hover { opacity:0.5;   }

#nav { float:right; margin:25px 0 0 0; z-index:100; }
/*#nav ul { float:left; padding:0; margin:0; list-style:none; }
#nav ul li { float:left; }
#nav ul li a { float:left; height:50px; text-transform:uppercase; text-shadow:0px 1px 1px #fff; padding:16px 7px 0 7px; color:#1e99a8; text-align:center;  }
#nav ul li a.selected { color:#000; }
#nav ul li a:hover { color:#000; }*/
#nav ul{ list-style-type:none; padding:0; margin:0; }

#nav li{ float:left; position:relative; z-index:100; }

#nav table{ position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:25px; }

#nav a, #nav :visited { display:block; font-size:12px; padding:7px 0; text-transform:uppercase; color:#1e99a8; padding:10px 7px 0px 7px; text-shadow:0px 1px 1px #fff; text-decoration:none; text-align:center; }

#nav :hover{ color:#000; }

#nav ul ul { visibility:hidden; position:absolute; width:200px; top:27px; margin:0 0 0 7px; height:0; border-top:1px solid #d5d5d5;  }
#nav ul ul li { margin:0; border-left:1px solid #d5d5d5;}
#nav ul ul li a { width:200px; font-size:13px; background:#f2f2f2; text-transform:none;  border-top:1px solid #fff;  border-bottom:1px solid #e5e5e5; padding:5px; margin:0; text-align:left; }

#nav ul li:hover ul,
#nav ul a:hover ul{ visibility:visible; }








.internal-intro { float:left; width:560px; padding:60px 400px 0 0; height:100px; line-height:4em; color:#c5f9ff  }
.contact { float:left; width:400px; color:#fff; margin:15px 0 0 0 ; }
.contact label { float:left; width:100%; }
.contact input, .contact textarea { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666; float:left; width:250px; padding:6px; border-top:1px solid #31a8b6;  border-left:1px solid #31a8b6; border-right:1px solid #dedede; border-bottom:1px solid #dedede; -moz-border-radius:6px;  -webkit-border-radius:6px; border-radius:6px;  }
.contact input.submit { float:left; background:url(../images/submit-btn.gif); border:none; padding:0; margin:15px 200px 40px 0; width:128px; height:34px; }

:focus { outline:none; }

a.contact-btn { float:left; background:url(../images/display-images/contact-btn.gif); width:98px; height:27px; margin:10px 0 0 0; text-indent:-9999em; -webkit-transition:0.2s ease; }
a.contact-btn:hover { opacity:0.6 }
.top-header { float:left; color:#949494; text-shadow:0px 1px 1px #fff; width:100%; margin:10px 0;   }

.header-phone { position:absolute; top:0; right:0; background:url(../images/display-images/header-phone-bg.png);  padding:15px 0 0 0; width:175px; height:51px; text-align:center; }

.phone {  font-size:1.6em; color:#666666 }

.single-divide { float:left; width:960px; background:url(../images/display-images/single-divide.png); height:1px;}
.social { float:left; width:960px; padding:20px 0; }
a.facebook-btn,
a.twitter-btn,
a.linkedin-btn,
a.touch-btn { float:left; height:23px; text-indent:-9999em; -webkit-transition:.2s ease;   }

a.facebook-btn:hover,
a.twitter-btn:hover,
a.linkedin-btn:hover,
a.touch-btn:hover { opacity:0.4; }

a.facebook-btn { background:url(../images/display-images/facebook-btn.png); width:264px; }
a.twitter-btn { background:url(../images/display-images/twitter-btn.png); width:228px;  }
a.linkedin-btn { background:url(../images/display-images/linkedin-btn.png); width:228px; }
a.touch-btn { background:url(../images/display-images/email-btn.png); width:240px;  }

.teaser { text-shadow:0px 1px 1px #fff; color:#464646; line-height:1.8em; }
.teaser a { color:#2398a5;}

.breadcrumb { float:left; width:100%; margin:10px 0; font-size:11px; }
.breadcrumb a { margin:0 5px 0 0; }
.content-left { float:left; width:641px; overflow:hidden; margin:0px 0px 20px 0; color:#525252; text-shadow:0px 1px 1px #fff; }
.content-left h1, .content-left h2{ color:#238f9b; }
.content-intro { font-size:1.2em; text-shadow:0 1px 1px #fff; margin:0 0 10px 0; line-height:1.6em;   }
.content-left-top { float:left; background:url(../images/display-images/content-left-top.gif); width:641px; height:5px; }
.content-left-mid { float:left; background:url(../images/display-images/content-left-mid.gif);  min-height:400px;font-size:1.2em; line-height:1.6em; width:611px; padding:10px 15px; }
.content-left-end { float:left; background:url(../images/display-images/content-left-end.png); width:641px; height:5px; }

.content-left-mid a { color:#238f9b; }
.content-left-mid a:hover { color:#000; }

.image-right { float:right; width:279px; margin:5px 0 10px 10px;  }
.image-right img { float:left; width:279px;border-top:1px solid #6a6a6a; border-left:1px solid #6a6a6a; }
.alt { float:left; width:100%; text-align:center; font-style:italic; }

.content-right { float:right;  width:319px; margin:40px 0 0px 0;   }
.content-right-top { float:left; background:url(../images/display-images/content-right-top.png); width:319px; height:5px; }
.content-right-mid { float:left; background:url(../images/display-images/content-right-mid.png); width:289px; padding:15px; }
.content-right-end { float:left; background:url(../images/display-images/content-right-end.png); width:319px; height:6px; }

.doc { float:left; width:100%; padding:10px 0;border-top:1px solid #fff; border-bottom:1px solid #dfdfdf; }
.doc a { font-size:1.2em; color:#238f9b; text-shadow:0px 1px 1px #fff; }
.doc .doc-size { font-size:11px; color:#999; }

.share { float:left; width:500px; background:url(../images/display-images/share-shadow.png) no-repeat top left; margin:20px 0 0 -15px; padding:20px 0 0 15px; }

.post { float:left; width:100%; padding:10px 0;border-top:1px solid #fff; border-bottom:1px solid #dedede; }
.post a {color:#238f9b; }
.post a:hover { color:#000; }

.staff { float:left; width:100%; padding:10px 0;border-top:1px solid #fff; border-bottom:1px solid #dfdfdf; color:#666; text-shadow:0px 1px 1px #fff; }
.staff a {color:#238f9b; }
.staff a:hover {color:#000; }
.staff h2 { font-size:1.3em; color:#238f9b; text-shadow:0px 1px 1px #fff; }

.staff-image { float:left; margin:0px 10px 10px 0; border-top:1px solid #afafaf; border-left:1px solid #8a8a8a; }
.staff-image img { float:left; }

.first { border-top:none; }
.last { border-bottom:none; }


#enquiryform { float:left; width:350px; }
#enquiryform label { float:left; width:350px; font-size:1.2em; color:#238f9b; }
#enquiryform input, #enquiryform textarea { clear:both; float:left; width:330px; padding:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #dedede; color:#999; -webkit-transition:0.2s ease-in; -o-transition:0.2s ease-in; transition:0.2s ease-in;    }
#enquiryform input:focus, #enquiryform textarea:focus { background:#e2fcff; color:#3995a0; border:1px solid #3995a0}

input#enquirysubmit { float:left; width:80px; height:24px; padding:0; border:none;  }

.error { color:#900; }