/* 
 * RESET
*/
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
a{ text-decoration:none; }
html{  background: #0b222e; }

/* 
 * MAIN/STRUCTURE
*/
body {
	text-align:			center;
	font-size:			12px;
	font-family: 		Arial, Arial, Helvetica, sans-serif;
	color:				#6e6e70;
	}
	#wrapper{
		background:			url(/assets/img/main-bg.jpg) repeat-x bottom #fff;
		padding-bottom:		40px;
		}
		#header{
			margin-top:-5px;
			height:     171px;
			}
			#logo{
				float:					left;
				margin-top:				18px;
			}
			#nav{
				float:					right;
				}
				#nav li{
					padding-left:			8px;
					margin-right:			20px;
				}
				#nav li.active{
					background:					url(/assets/img/nav-active-left-bg.png) no-repeat top left;
					}
					#nav a{
						display:					block;
						width:						inherit;
						height:						inherit;
					}
					#nav li.active a{
						background:					url(/assets/img/nav-active-right-bg.png) no-repeat top right;
						padding-right:				8px;							
						}
						#nav span{
							color:						#34455d;
							font-family: 				Georgia, Times, serif;
							font-size:					1.6em;
							text-align:					center;
							padding-top:				70px;
							display:					block;
						}
						#nav span:hover{
							border-bottom: 				3px solid #9dcae1;
						}
						#nav li.active span:hover{
							border:						none;
						}
						#nav li.active span{
							padding-bottom:				23px;
							display:					block;
							color:						white;
							background:					url(/assets/img/nav-active-nipple.png) no-repeat center 114px;
						}
				ul.sublist li {padding:0 0 10px 25px!important;line-height:125%!important;width:180px!important;background:none!important;}
				
				#nav ul{ /* start of sub nav */
					position:					absolute;
					left:						-999em;
					}
					#nav li.active ul{
						left:						auto;
						margin-left:				-200px;
						}
						#nav li.active ul li{
							background:				none;
							padding:				0;
							}
							#nav li.active ul a{
								background:				none;
								color:					#0b222e;
								text-transform: 		uppercase;
								padding:				0 7px;
								line-height:			25px;
								font-weight:			bold;
							}
							#nav ul li.active a, #nav ul li:hover a{
								background:				#0b222e;
								color:					#fff;
								text-transform: 		uppercase;
								padding:				0 7px;
								border-radius:			5px;
								-moz-border-radius:		5px;
								-webkit-border-radius:	5px;
							}
		#leader{
			background-color: 			rgba(11,34,46,0.2);
			text-align:					center;
			margin-top:					5px;
			margin-bottom:				20px;
			}
			#leader div{
				border:						10px solid transparent;
				background:					url(/assets/img/feature-bg-small.jpg) no-repeat;
				text-align:					right;
				height:						200px;
			}
			#leader.full div{
				border:						10px solid transparent;
				text-align:					right;
				height:						400px;
			}
			#leader.fullinvert div{
				border:						10px solid transparent;
				text-align:					left;
				height:						400px;
			}
			#leader h1{
				color:						#fff;
				margin-top:					30px;
				margin-right:				60px;
				text-shadow:				1px 1px 4px #333;

			}
			.fullinvert h1{
				margin-left:				60px!important;
			}
			#leader h2{
				margin-right:				20px;
				color:						#ffffcc;
				margin-bottom:				35px;
				text-shadow:				1px 1px 4px #333;
			}
			.fullinvert h2{
				margin-left:				20px!important;
			}
			
			#leader h5, #leader p{
				float:						right;
				width:						320px;
				clear:						both;
				text-align:					left;
				color:						#fff;
				margin-right:				20px;re
				display:					inline; /* prevent ie margin bug */
			}
			.fullinvert h5, .fullinvert p{
				float:						left!important;
				margin-left:				20px!important;
			}
			#leader a.btn{
				float:						right;
				clear:						both;
				margin-right:				250px;
				display:					inline; /* prevent ie margin bug */
			}
		#content-title{
			background:				#0b222e;
			border-radius:			10px 10px 0 0;
			-moz-border-radius:		10px 10px 0 0;
			-webkit-border-radius:	10px 10px 0 0;
			}
			#content-title li, #content-more li{
				width:				240px;
			}
			#content-title h3{
				text-align:				center;
				text-transform: 		uppercase;
				color:					#bebebe;
				font-weight:			normal;
				line-height:			33px;
				font-size:				1em;
				}
				div#content-title h3{
					text-align:				left;
					padding-left:			10px;
				}
				#content-title a{
					color:					#bebebe;
					border-bottom:			1px solid #475962;
				}
				#content-title span{
					font-size:				0.6em;
				}
		#content{
			background:				url(/assets/img/content-bg.png) repeat-x #eee top;
			border-radius:			0 0 10px 10px;
			-moz-border-radius:		0 0 10px 10px;
			-webkit-border-radius:	0 0 10px 10px;
			box-shadow:				0 0 5px #000;
			-moz-box-shadow:		0 0 5px #000;
			-webkit-box-shadow: 	0 0 5px #000;
			}
			#content li{
				background:			url(/assets/img/content-divider.png) no-repeat top right;
				padding:			0 10px;
				width:				220px;
			}
			#content li img {
				padding:			20px 0 0 10px;
			}
			#content div.left{
				width:				720px;
				padding:			0 20px;
				background:			url(/assets/img/content-divider.png) no-repeat top right;
				min-height:			600px;
			}
			#content div.left_full{
				width:				900px;
				padding:			10px 20px;
				margin:				0 10px;
				min-height:			600px;
			}
			#content div.right{
				width:				180px;	
				padding:			0 10px;
			}
		#content-more{
			border-radius:			0 0 10px 10px;
			-moz-border-radius:		0 0 10px 10px;
			-webkit-border-radius:	0 0 10px 10px;
			}
			#content-more li{
				width:					auto;
				padding:				10px 20px;
				background-color: 		rgba(11,34,46,0.2);
				border-radius:			0 0 10px 10px;
				-moz-border-radius:		0 0 10px 10px;
				-webkit-border-radius:	0 0 10px 10px;
				margin:					0 52px;
			}	
	#footer{
		padding:			30px 15px 0 15px;
		background:			url(/assets/img/site-links.png) no-repeat 15px 20px;
		color:				#859096;
		}
		#footer a{
			color:				#859096;
		}
		#footer p{
			font-size:			1em;
		}
		#footer div.left p{
			position:			relative;
			top:				48px;
		}
		#footer div.right p{
			text-align:			right;
			font-weight:		bold;
			color:				#bebebe;
			}
			#footer div.right p a{
				color:				#bebebe;
			}
		#footer ul{
			margin-left:		160px;
			}
			#footer ul li{
				margin-right:		15px;
				font-weight:		bold;
				}
				#footer ul ul{
					margin-left:		0px;
					padding-top:		3px;
				}
				#footer ul ul li{
					font-weight:		normal;
					float:				none;
					display:			block;
					clear:				both;
					margin-top:			3px;
					font-style:			italic;
				}
/* 
 *	HOME SPECIFIC
*/
#img-nav{
	clear:			both;
	margin: 		0px auto; 
	width:			100px; /* to center correctly this must be total with of the child elements */
	}
	#img-nav li{
		background:		url(/assets/img/img-nav.png) no-repeat;
		width:			15px;
		height:			20px;
		margin-right:	10px;
		cursor:			pointer;
	}
	#img-nav li.active{
		background-image:		url(/assets/img/img-nav-active.png);
	}
/* 
 *	DEFAULT STYLES
*/
h1{
	font-family: 		Georgia, Times, serif;
	font-weight:		normal;
	font-style:			italic;
	color:				#3286b5;
	font-size:			5.5em;
	margin-top:			20px;
	text-shadow:		1px 1px 1px #999;
}
h1 span{
	font-size:					0.5em;
}
h2{
	font-family: 		Georgia, Times, serif;
	font-weight:		normal;
	margin-bottom:		10px;
	color:				#9dc9e1;
	font-size:			2.5em;
	padding-top:		10px;
	text-shadow:		1px 1px 1px #999;
}
h3{
	font-size:			1.2em;
	text-transform:		capitalize;
}
h4{
			font-family: 			Georgia, Times, serif;
			color:					#2173af;
			font-size:				1.2em;
			margin:					20px 0;
}
p{
	font-size:			1.1em;
	margin-bottom:		20px;
	line-height:		1.2em;
}

/* 
 * CUSTOM CLASSES
*/
.left{
	float:left;
}
.right{
	float:right;
}
a.btn{
	position:				relative;
	color:					#2173af;
	text-transform: 		uppercase;
	text-align:				center;
	font-size:				1.0em;
	font-weight:			bold;
	display:				block;
	width:					90px;
	line-height: 			30px;
	background: 			url(/assets/img/btn-bg.png) #fff;
	border:					1px solid #cfcfcf;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	box-shadow:				0 0 5px #000;
	-moz-box-shadow:		0 0 5px #000;
	-webkit-box-shadow: 	0 0 5px #000;
}
a.fancy{
	margin-left:			20px;
	
}
	a.btn:hover{
	color:#000099;
	}

#footer a.hippo{
	display:				block;
	background:				url(/assets/img/hippo.png) no-repeat right;
	height:					44px;
	line-height:			44px;
	padding-right:			50px;
	color:					#3b4d57;
	font-weight:			normal;
}
ul.horz li{
	float:				left;
	display: 			inline; /* fixes the old ie double margin bug */
}
.clear{
	clear:				both;
}
.spacer{
	height:				20px;
}
.center {
	width:				960px;
	margin:				0px auto;
	text-align:			left;
}
.underline{
	padding-bottom:		10px;
	border-bottom:		1px solid #3b4d57;
}
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
table {
	margin-bottom:20px;
}
table th {
	text-align:center;
	padding:3px;
}
	
table td.date{
	width:100px;
	text-align:left;
	}
table td{
	width: 20px;
	text-align:center;
	line-height: 140%;
	border: solid 1px #fff;
}

table td.statusA {background-color:#00ff00;}
table td.statusP {background-color:#ffff00;}
table td.statusU {background-color:#ff0000;}
table td.statusN {background-color:#ffffff;}

div#enquiryfrm p {width:300px;text-align:left;}
div#enquiryfrm input,#enquiryfrm textarea {width:280px;}
div#enquiryfrm p strong {text-transform:uppercase;}

div#gallery{padding-top:20px;}
div#gallery p {width:170px;height:170px;float:left;margin:0 10px 10px 0px;}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */