html				{background:		transparent url(images/backgroundtile.png) repeat;}
body				{
					text-align:			left;
					font-family:		Arial, sans-serif;
					color:				black;
					background:			white;
					margin-left:		10%;
					margin-right:		10%;
					margin-top:			1%;
					margin-bottom:		1%;
					padding:			1%;
					} 

h1					{
					margin-top:			0;
					margin-bottom:		0.1em;	
					font-weight:		normal;
					}
h2, h3				{
					margin-bottom:		0.2em;
					margin-top:			0;
					font-size: 			1.5em;
					font-variant:		small-caps;
					text-transform:		none;
					color: 				#005fbf;
					font-weight: 		normal;
					}

h4					{margin:			0;}
p					{margin:			0;}

.main				{background:		white url(graphics/aqua-spherebg.jpg) no-repeat fixed 100% 10%;}

.heading 			{
					font-size: 			1.5em;
					font-variant:		small-caps;
					text-transform:		normal;
					color: 				#005fbf;
					font-weight: 		normal;
					}

a:link				{color:				#005fbf;}
a:visited			{color:				gray;}
a:hover				{color:				blue;}
a:active			{color:				blue;}
a.external2			{text-decoration:	none;}

.col20				{width: 20%;}
.col25				{width: 25%;}
.col33				{width: 33%;}
.col40				{width: 40%;}
.col50				{width: 50%;}
.col66				{width: 66%;}
.col75				{width: 75%;}

.scaps				{font-variant:		small-caps;}
.smaller			{font-size:			smaller;}
.larger				{font-size:			larger;}
.bold				{font-weight:		bolder;}
.super				{vertical-align:	super;}

a img				{border:			none;}


.bodylink			{text-decoration:	none;}
.bodylink:hover		{text-decoration:	underline;}

a.nodecolink			{
					color:				inherit;
					background:			transparent;
					text-decoration:	none;
					}
a.nodecolink:hover	{
					color:				inherit;
					background:			transparent;
					text-decoration:	none;
					}
a.nodecolink:visited	{
					color:				inherit;
					background:			transparent;
					text-decoration:	none;
					}
.nodecolink2		{text-decoration:	none;}

.hidden				{
					display:			none;
					visibility:			hidden;
					width:				1px;
					height:				1px;
					font-size:			xx-small;
					}
.abbr				{border-bottom:		thin dotted;}
.midcol				{
					text-align:			center;
					vertical-align:		middle;
					}
.right				{text-align:		right;}
.toprow				{vertical-align:	top;}
.orange				{color:				#cc7f02;}
.blue				{color: 			#005fbf;}
.blue	a			{color: 			#005fbf;}
.brickyellow		{color:				black;	background-color: yellow;	font-weight:	bolder;}
.brickblue			{color:				white;	background-color: #0066ff;	font-weight:	bolder;}
.brickgreen			{color:				black;	background-color: #00ff00;	font-weight:	bolder;}
.brickred			{color:				white;	background-color: red;		font-weight:	bolder;}
.drop_shadow 		{
					-webkit-box-shadow: 0 3px 7px rgba(50, 50, 50, 0.75); 
					box-shadow: 0 3px 7px rgba(50, 50, 50, 0.75); 
					-moz-box-shadow: 0 3px 7px rgba(50, 50, 50, 0.75)
					}
.callbox			{
					color:				black;
					background:			#aad4ff; 
					text-align:			center;	
					vertical-align:		middle;
					padding:			.25em 1em .25em 1em;
					border-radius:		10px; 
					-moz-border-radius: 10px; 
					-webkit-border-radius: 10px; 
					-o-border-radius:	10px;
					}
.rounded			{
					border-radius:		10px; 
					-moz-border-radius: 10px; 
					-webkit-border-radius: 10px; 
					-o-border-radius:	10px;
					}
.bgradient			{
					background:			-webkit-linear-gradient(left, rgba(241,245,248,1), rgba(235,241,245,0)); /* For Safari 5.1 to 6.0 */
					background:			-o-linear-gradient(right, rgba(241,245,248,1), rgba(235,241,245,0)); /* For Opera 11.1 to 12.0 */
					background:			-moz-linear-gradient(right, rgba(241,245,248,1), rgba(235,241,245,0)); /* For Firefox 3.6 to 15 */
					background:			linear-gradient(to right, rgba(241,245,248,1), rgba(235,241,245,0)); /* Standard syntax (must be last) */
					}

.scrollbox			{overflow:	scroll; overflow-y: scroll; overflow-x: hidden;}
.dg-scrolling-content-story{padding-bottom:0.5em;}
.enquiriesit		{height:			auto;}
.enquiries			{
					float:				left;
					width:				100%; 
					max-width:			483px;
					}
img					{
					max-width:			100%;
					height:				auto;
					}
img.nomaxwidth		{max-width:			none;}
img.noauto			{height:			inherit;}

ul					{
					list-style:			square outside; 
					padding-left: 		1em;
					margin-right:		1em;
					margin-top:			0.25em;
					margin-bottom:		0.75em;
					}
ul.nobullet			{
					list-style:			none; 
					margin-left:		0em;
					margin-top:			0.25em;
					margin-bottom:		0.75em;
					}

.linespace1 li		{margin-bottom:		0.5em;}
.linespace2 li		{margin-bottom:		1em;}
.linespacei 		{
					display:			inline;
					list-style:			none; 
					margin:				0;
					padding:			0;
					}
.linespacei li		{display:			inline;}
ol 					{
					margin-top:			0;
					margin-bottom:		0;
					}

div.spacer			{
					line-height:		1px;
					clear:				both;
					}
div.spacerline		{
					line-height:		3px;
					clear:				both;
					border-top:		thin solid #56aaff;
					}
p.spacer			{line-height:		1px;}
.floatleft			{float:				left;}
.floatright			{float:				right;}
.floatleftnotv		{float:				left;}
.floatrightnotv		{float:				right;}
.padleft			{margin-left: 		0.5em;}
.padright			{margin-right:		0.5em;}
.padded				{
					padding-left:		0.5em;
					padding-right:		0.5em;
					}
.padleft2			{margin-left:		2em;}

.equal				{
					display:			table;
					border-collapse:	separate;
					border-spacing:		1em;
					}
.row				{display:			table-row;}
.row div			{display:			table-cell;}

.flexbox			{
					display:			-webkit-flex;
					display:			-ms-flexbox;
					display:			flex;
					overflow:			hidden;
					}
.flexbox .col		{
					flex:				1;
					}

.navf ul			{
					margin:				0;
					padding:			0;
					text-indent:		0;
					}
.navf li			{
					list-style-type:	none;
					display:			inline;
					margin:				0;
					padding:			0 0.2em 0 0;
					}
.navf				{font-size:			smaller;}

		.clearfix::after
		{
			content: '';
			display: table;
			clear: both;
		}

		#nav
		{
			width: 100%; 
			font-weight: bold;
			position: static;
			top: 25%;
			left: 50%;
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #fff;
					text-shadow: 1px 1px black;
					display: block;
					padding-left: 1em;
					padding-right: 1em;
					padding-top:.25em;
					background-color: #56aaff; 
				}

			/* first level */

			#nav > ul
			{
				height: 1.4em; 
				background-color: #56aaff;
				list-style: none;
				padding:  0; 
				margin: 0.25em 0 0.75em 0;
			}
				#nav > ul > li
				{
					width: 20%;
					height: 100%;
					float: left;
					border-bottom: 1px solid white;
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 0.9em; 
						line-height: 1.2em; 
						text-align: center;
						text-decoration: none;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid white;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color:	#005fbf;
						}
#nav a:hover 		{background-color:	#005fbf;}

.form-label			{
					display: 			block;
					margin-bottom: 		0.1em; 
					margin-top: 		0.5em; 
					}
.form-value			{
					box-sizing:			border-box; 
					border:				#999 1px solid; 
					padding:			5px; 
					width:				90%; 
					display:			block; 
					-moz-box-sizing: 	border-box; 
					-webkit-box-sizing: border-box;
}
TEXTAREA.form-value {
					resize:				none;
}
.form-button-disabled {
					filter: 			alpha(opacity = 40); 
					opacity: 			.4;
}
.form-value-invalid {
					border:				#d00000 1px solid; 
					background-color:	#ffdcdc;
					}
.form-submit		{
					border-left: #45454b 1px solid; 
					border-top: #45454b 2px solid; 
					border-right: #45454b 1px solid; 
					padding-bottom: 8px; 
					padding-left: 13px; 
					padding-right: 13px; 
					padding-top: 7px; 
					background: #1d1d20; 
					color: #fff !important; 
					-moz-transition: all .3s ease; 
					-webkit-transition: all .3s ease; 
					-o-transition: all .3s ease; 
					transition: all .3s ease;
					}
.button_black		{
					border-left: #45454b 1px solid; 
					border-top: #45454b 2px solid; 
					border-right: #45454b 1px solid; 
					padding-bottom: 8px; 
					padding-left: 13px; 
					padding-right: 13px; 
					padding-top: 7px; 
					background: #1d1d20; COLOR: #fff !important; 
					-moz-transition: all .3s ease; 
					-webkit-transition: all .3s ease; 
					-o-transition: all .3s ease; 
					transition: all .3s ease;
}
TEXTAREA.form-value {
					height: 12em;
					}
.form-submit:hover	{
					border-left: #e7b114 1px solid;  
					border-top: #e7b114 2px solid; 
					border-right: #e7b114 1px solid;
					background: #e09c11;
					}
.button_black:hover	{
					border-left: #e7b114 1px solid; 
					border-top: #e7b114 2px solid; 
					border-right: #e7b114 1px solid;
					background: #e09c11; 
					}
.form-submit		{
					margin-top: 1em !important;
					}


.jumplist p			{display:			inline;}
.jumplist ul		{
					display:			inline;
					margin:				0;
					padding:			0;
					}
.jumplist li		{
					display:			inline;
					list-style-type:	none;
					text-transform:		capitalize;
					margin-right:		0;
					}
.tv					{
					display:			none;
					visibility:			hidden;
					width:				1px;
					font-size:			x-small;
					}
