/* ~~~~~~~~~~~~~~~~ DEFAULT STYLES  ~~~~~~~~~~~~~~~~ */
	
	html, body { font:12px/1.4em arial, helvetica, tahoma, verdana, sans-serif; color:#eff1f1; background:url(../images/template/fluidBackground.jpg) repeat-y top center; }	
	body { margin:0; text-align:center; }

/* ~~~~~~~~~~~~~~~~ GLOBAL STYLES  ~~~~~~~~~~~~~~~~ */

/* GLOBAL RESET */
	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin:0; padding:0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size:1em; font-weight:normal; font-style:normal; }
	fieldset,img { border:none; }
	caption,th { text-align:left; }
	table { border-collapse:collapse; border-spacing:0; }
	/* Hidden elements */
	.hidden, .screen_reader, hr { display:none; }
	/* Paragraph default styling, amend as desired */
	p { margin:0 0 1em 0; padding:0; line-height:1.5; }
	/* Default link styling */
	a { color:#eff1f1; text-decoration:underline; }
	a:hover { color:#fff; text-decoration:none; }
	/* Float an element left with a margin */
	.floatL { float:left; }
	/* Float an element right with a margin */
	.floatR { float:right; }
	.floatRMarginTop { float:right; margin:6px 0 0 0; }
	/* Float an element right with a margin */
	.clear { clear:both; }
	
/* ~~~~~~~~~~~~~~~~ TEMPLATE ELEMENTS  ~~~~~~~~~~~~~~~~ */

	#outerwrap { 
		padding:0;
		margin:0;
	}
	
	#innerwrap { 
		width:984px;
		margin: 0 auto;
		text-align:left;
		padding:0;
	}
	
	#container{
	
	}
	
/* ~~~~~~~~~~~~~~~~ FORM ELEMENTS  ~~~~~~~~~~~~~~~~ */	

	input, textarea, select { font-family:arial, verdana, Trebuchet MS, sans-serif; color:#656565; font-size:10px; }
	
	form ul{
		list-style-type:none;
		padding:3px 0 0 0;
		margin:0;
	}
	form ul li{ float:left; }
	form input.textField{ width:169px; }
	form input.submit{ margin:4px 0 0 10px; height:11px; width:10px; background:url(../images/buttons/submitButton.gif) no-repeat; border:none; cursor:pointer; }
	form input.submit:hover{ background-position:0 -11px; }
	
/* ~~~~~~~~~~~~~~~~ HEADING ELEMENTS  ~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 { color:#38474e; line-height:normal; margin:0; padding:0; }
	h1 { }
	h2 { }
	h3 { }
	h4 { }	
	
	/**
	* start headers
	*/
	
	h1.homeHeader {
		background:url(../images/titles/homepage.png) no-repeat 0 0;
		width:332px;
		height:35px;
		text-indent:-3000em;
		padding:0;
		margin-bottom:15px;
		display:block;
		overflow:hidden;
	}
	
	h1.title404 {
		background:url(../images/titles/pageNotFound.png) no-repeat 0 0;
		width:167px;
		height:27px;
		text-indent:-3000em;
		padding:0;
		margin-bottom:15px;
		display:block;
		overflow:hidden;
	}
	
	h1.titleDroplet {
		background:url(../images/titles/droplet.png) no-repeat 0 0;
		width:278px;
		height:77px;
		text-indent:-3000em;
		padding:0;
		margin-bottom:15px;
		display:block;
		overflow:hidden;
	}
	
	h1.titleOasis {
		background:url(../images/titles/oasis.png) no-repeat 0 0;
		width:278px;
		height:88px;
		text-indent:-3000em;
		padding:0;
		margin-bottom:15px;
		display:block;
		overflow:hidden;
	}
	
	h1.titleTide {
		background:url(../images/titles/tide.png) no-repeat 0 0;
		width:278px;
		height:88px;
		text-indent:-3000em;
		padding:0;
		margin-bottom:15px;
		display:block;
		overflow:hidden;
	}
	
	h1.titleLagoon {
		background:url(../images/titles/lagoon.png) no-repeat 0 0;
		width:278px;
		height:88px;
		text-indent:-3000em;
		padding:0;
		margin-bottom:15px;
		display:block;
		overflow:hidden;
	}
	
	h1.titleOcean {
		background:url(../images/titles/ocean.png) no-repeat 0 0;
		width:278px;
		height:88px;
		text-indent:-3000em;
		padding:0;
		margin-bottom:15px;
		display:block;
		overflow:hidden;
	}
	
	h1.titleRipple {
		background:url(../images/titles/ripple.png) no-repeat 0 0;
		width:278px;
		height:88px;
		text-indent:-3000em;
		padding:0;
		margin-bottom:15px;
		display:block;
		overflow:hidden;
	}
	
	h1.titlePuddle {
		background:url(../images/titles/puddle.png) no-repeat 0 0;
		width:278px;
		height:88px;
		text-indent:-3000em;
		padding:0;
		margin-bottom:15px;
		display:block;
		overflow:hidden;
	}
	
	h1.titleBubble {
		background:url(../images/titles/bubble.png) no-repeat 0 0;
		width:278px;
		height:88px;
		text-indent:-3000em;
		padding:0;
		margin-bottom:15px;
		display:block;
		overflow:hidden;
	}
	
	h1.titleRaindrop {
		background:url(../images/titles/raindrop.png) no-repeat 0 0;
		width:278px;
		height:88px;
		text-indent:-3000em;
		padding:0;
		margin-bottom:15px;
		display:block;
		overflow:hidden;
	}
	
	/**
	* end headers
	*/
	
	
	/**
	* start sub headers
	*/
	
	h2 a.collections {
		background:url(../images/titles/collections.png) no-repeat 0 0;
		width:132px;
		height:10px;
		text-indent:-3000em;
		margin:0 0 20px 30px;
		padding:0;
		float:left;
		display:block;
		overflow:hidden;
	}
		
	h2.dropletUnder {
		background:url(../images/titles/dropletUnder.png) no-repeat 0 0;
		width:325px;
		height:76px;
		text-indent:-3000em;
		padding:0;
		display:block;
		overflow:hidden;
		float:right;
	}
	
	h2.oasisUnder {
		background:url(../images/titles/oasisUnder.png) no-repeat 0 0;
		width:325px;
		height:76px;
		text-indent:-3000em;
		padding:0;
		display:block;
		overflow:hidden;
		float:right;
	}
	
	h2.tideUnder {
		background:url(../images/titles/tideUnder.png) no-repeat 0 0;
		width:325px;
		height:76px;
		text-indent:-3000em;
		padding:0;
		display:block;
		overflow:hidden;
		float:right;
	}
	
	h2.lagoonUnder {
		background:url(../images/titles/lagoonUnder.png) no-repeat 0 0;
		width:325px;
		height:76px;
		text-indent:-3000em;
		padding:0;
		display:block;
		overflow:hidden;
		float:right;
	}
	
	h2.oceanUnder {
		background:url(../images/titles/oceanUnder.png) no-repeat 0 0;
		width:325px;
		height:76px;
		text-indent:-3000em;
		padding:0;
		display:block;
		overflow:hidden;
		float:right;
	}
	
	h2.rippleUnder {
		background:url(../images/titles/rippleUnder.png) no-repeat 0 0;
		width:325px;
		height:76px;
		text-indent:-3000em;
		padding:0;
		display:block;
		overflow:hidden;
		float:right;
	}
	
	h2.puddleUnder {
		background:url(../images/titles/puddleUnder.png) no-repeat 0 0;
		width:325px;
		height:76px;
		text-indent:-3000em;
		padding:0;
		display:block;
		overflow:hidden;
		float:right;
	}
	
	h2.bubbleUnder {
		background:url(../images/titles/bubbleUnder.png) no-repeat 0 0;
		width:325px;
		height:76px;
		text-indent:-3000em;
		padding:0;
		display:block;
		overflow:hidden;
		float:right;
	}
	
	h2.raindropUnder {
		background:url(../images/titles/raindropUnder.png) no-repeat 0 0;
		width:325px;
		height:76px;
		text-indent:-3000em;
		padding:0;
		display:block;
		overflow:hidden;
		float:right;
	}
	
	/**
	* start sub headers
	*/
	
	
	h2 a.collections:hover{ /*background-position:0 -10px;*/ }

	h2 a.contact{
		background:url(../images/titles/contact.png) no-repeat 0 0;
		width:88px;
		height:10px;
		text-indent:-3000em;
		margin:146px 0 0 0;
		padding:0;
		float:right;
		display:block;
		overflow:hidden;
	}
	h2 a.contact:hover{	/*background-position:0 -10px;*/ }
	
	h2.stockists{
		background:url(../images/titles/stockists.png) no-repeat 0 0;
		width:105px;
		height:10px;
		text-indent:-3000em;
		padding:0;
		margin-bottom:13px;
		display:block;
		overflow:hidden;
	}
	h2.catalogue{
		background:url(../images/titles/catalogue.png) no-repeat 0 0;
		width:114px;
		height:10px;
		text-indent:-3000em;
		padding:0;
		margin-bottom:13px;
		display:block;
		overflow:hidden;
	}
	h2.moreinformation{
		background:url(../images/titles/moreinformation.png) no-repeat 0 0;
		width:201px;
		height:10px;
		text-indent:-3000em;
		padding:0;
		margin-bottom:13px;
		display:block;
		overflow:hidden;
	}
	h2.newsletter{
		background:url(../images/titles/newsletter.png) no-repeat 0 0;
		width:124px;
		height:10px;
		text-indent:-3000em;
		padding:0;
		margin-bottom:13px;
		display:block;
		overflow:hidden;
	}
	
	
/* ~~~~~~~~~~~~~~~~ HEADER STYLES  ~~~~~~~~~~~~~~~~ */
	
	#header{
		margin:0;
		padding:0 30px 0 29px;
		height:176px;
		background:url(../images/template/fluid-jewellery.png) no-repeat top center;
		position:relative;
	}
	
		#home_link{
			position:absolute;
			width:246px;
			height:176px;
			display:block;
			left:380px;
			text-indent:-3000em;
			overflow:hidden;
		}

/* ~~~~~~~~~~~~~~~~ CONTENT STYLES  ~~~~~~~~~~~~~~~~ */

	/*  home */
	
	#homeContainer{
		width:944px;
		height:411px;
		background:url(../images/template/homeBack.jpg) no-repeat;
		padding:24px 40px 24px 0;
		color:#38474e;
	}
	
	#homeContent{
		width:342px;
		float:right;
		margin-top:28px;
		font-size:14px;
	}
	
	/* inner pages */
	
	#innerContainer{
		width:984px;
		padding:24px 0px 24px 0;
		border-top:1px solid #849197;
		border-bottom:1px solid #849197;
		float:left;
	}
	
	#innerRight{ width:659px; float:right; margin:0 20px 0 0; }
	
	#innerContent{ margin-top:36px; }
	
	#imageThumbContainer{ clear:both; }
	
	ul.imageThumbs{
		list-style-type:none;
		padding:0;
		margin:0 0 0 3px;
		width:328px;
		float:left;
	}
	ul.imageThumbs li{ float:left; margin:0; padding:0; }
	ul.imageThumbs li.rightLi{ margin-left:30px; }
	ul.imageThumbs li.clearLi{ margin-top:26px; }

/* ~~~~~~~~~~~~~~~~ LEFTCOLUMN STYLES  ~~~~~~~~~~~~~~~~ */

	#leftColumn{
		width:105px;
		float:left;
	}

	#leftColumn ul{
		padding:0;
		margin:0;
		list-style-type:none;
		float:left;
	}
	#leftColumn ul li{
		overflow:hidden;
		height:22px;
		padding:1px;
		width:105px;
		text-indent:-3000em;
	}
	#leftColumn ul li a{ display:block; }
	
	#homeContainer #leftColumn ul li a.oasis{ background:url(../images/buttons/oasis.png) no-repeat; }
	#homeContainer #leftColumn ul li a.raindrop{ background:url(../images/buttons/raindrop.png) no-repeat; }
	#homeContainer #leftColumn ul li a.lagoon{ background:url(../images/buttons/lagoon.png) no-repeat; }
	#homeContainer #leftColumn ul li a.droplet{ background:url(../images/buttons/droplet.png) no-repeat; }
	#homeContainer #leftColumn ul li a.puddle{ background:url(../images/buttons/puddle.png) no-repeat; }
	#homeContainer #leftColumn ul li a.bubble{ background:url(../images/buttons/bubble.png) no-repeat; }
	#homeContainer #leftColumn ul li a.ocean{ background:url(../images/buttons/ocean.png) no-repeat; }
	#homeContainer #leftColumn ul li a.tide{ background:url(../images/buttons/tide.png) no-repeat; }
	#homeContainer #leftColumn ul li a.ripple{ background:url(../images/buttons/ripple.png) no-repeat; }
	
	#innerContainer #leftColumn ul li a.oasis{ background:url(../images/buttons/innerOasis.png) no-repeat; }
	#innerContainer #leftColumn ul li a.raindrop{ background:url(../images/buttons/innerRaindrop.png) no-repeat; }
	#innerContainer #leftColumn ul li a.lagoon{ background:url(../images/buttons/innerLagoon.png) no-repeat; }
	#innerContainer #leftColumn ul li a.droplet{ background:url(../images/buttons/innerDroplet.png) no-repeat; }
	#innerContainer #leftColumn ul li a.puddle{ background:url(../images/buttons/innerPuddle.png) no-repeat; }
	#innerContainer #leftColumn ul li a.bubble{ background:url(../images/buttons/innerBubble.png) no-repeat; }
	#innerContainer #leftColumn ul li a.ocean{ background:url(../images/buttons/innerOcean.png) no-repeat; }
	#innerContainer #leftColumn ul li a.tide{ background:url(../images/buttons/innerTide.png) no-repeat; }
	#innerContainer #leftColumn ul li a.ripple{ background:url(../images/buttons/innerRipple.png) no-repeat; }
	
	#homeContainer #leftColumn ul li a:hover{ background-position: 0 -22px; }
	#innerContainer #leftColumn ul li a:hover{ background-position: 0 -22px; }
	#innerContainer #leftColumn ul li a.selected{ background-position: 0 -22px; }
	
	#innerContent ul{ padding:0; margin:25px 0 0 18px; line-height:1.7; }
	
/* ~~~~~~~~~~~~~~~~ RIGHTCOLUMN STYLES  ~~~~~~~~~~~~~~~~ */

	
/* ~~~~~~~~~~~~~~~~ FOOTER STYLES  ~~~~~~~~~~~~~~~~ */

	#footer{ background:url(../images/template/footerBack.png) no-repeat top center; clear:both; }
	
	#footerCTAs{
		border-bottom:1px solid #849197;
		height:102px;
		padding:20px 30px;
	}
	
	.footerCTA{ width:431px; float:left; }
	.leftMargin{ margin-left:60px; }
	.last{ width:270px; }
	
	#footer p.copy{ padding: 16px 0 0 30px; font-size:11px; }