/* ~~~~~~~~~~~~~~~~ DEFAULT STYLES  ~~~~~~~~~~~~~~~~ */
	
	html, body { font:12px/1.4em arial, helvetica, tahoma, verdana, sans-serif; color:#000000; background:#221e1f; }	
	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; }
	
/* ~~~~~~~~~~~~~~~~ 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 select{ width:480px; }
	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 { }	
	
	h1.homeHeader {
		background:url(../images/differentiation.png) no-repeat 0 0;
		width:345px;
		height:64px;
		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.titleCurva {
			background:url(../images/titles/curva.png) no-repeat 0 0;
			width:278px;
			height:30px;
			text-indent:-3000em;
			padding:0;
			margin:0 0 15px 0;
			display:block;
			overflow:hidden;
		}
		
		h1.titleFiamma {
			background:url(../images/titles/fiamma.png) no-repeat 0 0;
			width:278px;
			height:30px;
			text-indent:-3000em;
			padding:0;
			margin:0 0 15px 0;
			display:block;
			overflow:hidden;
		}
		
		h1.titleStrati {
			background:url(../images/titles/strati.png) no-repeat 0 0;
			width:278px;
			height:30px;
			text-indent:-3000em;
			padding:0;
			margin:0 0 15px 0;
			display:block;
			overflow:hidden;
		}
		
		h1.titleProfilo {
			background:url(../images/titles/profilo.png) no-repeat 0 0;
			width:278px;
			height:30px;
			text-indent:-3000em;
			padding:0;
			margin:0 0 15px 0;
			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 a.collections {
		background:url(../images/titles/collections.png) no-repeat 0 0;
		width:115px;
		height:12px;
		text-indent:-3000em;
		margin:0 0 20px 0px;
		padding:0;
		float:left;
		display:block;
		overflow:hidden;
		position:relative; left:28px;
	}
	h2 a.collections:hover{ background-position:0 -12px; }

	h2 a.contact{
		background:url(../images/titles/contact.png) no-repeat 0 0;
		width:78px;
		height:12px;
		text-indent:-3000em;
		margin:125px 0 0 0;
		padding:0;
		float:right;
		display:block;
		overflow:hidden;
	}
	h2 a.contact:hover{	background-position:0 -12px; }
	
	h2.stockists{
		background:url(../images/titles/stockists.png) no-repeat 0 0;
		width:103px;
		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:103px;
		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:169px;
		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:103px;
		height:10px;
		text-indent:-3000em;
		padding:0;
		margin-bottom:13px;
		display:block;
		overflow:hidden;
	}
	
/* ~~~~~~~~~~~~~~~~ HEADER STYLES  ~~~~~~~~~~~~~~~~ */
	
	#headerHome{
		margin:0;
		padding:0 30px 0 29px;
		height:136px;
		background:url(../images/template/osare-jewellery-home.png) no-repeat top center;
		position:relative;
	}

	#header{
		margin:0;
		padding:0 30px 0 29px;
		height:136px;
		background:url(../images/template/osare-jewellery.png) no-repeat top center;
		position:relative;
	}

		#home_link{
			position:absolute;
			width:306px;
			height:136px;
			display:block;
			left:340px;
			text-indent:-3000em;
			overflow:hidden;
		}


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

	/*  home */

	#homeContainer{
		width:944px;
		height:387px;
		background:url(../images/template/homeBack.jpg) no-repeat;
		padding:24px 40px 24px 0;
		color:#38474e;
	}
	
	#homeContent{
		width:404px;
		float:right;
		margin-top:9px;
	}

	#homeContent p{
		width:340px;
		color:#868689;
	}
	
	/* inner pages */
	
	#innerContainer{
		width:984px;
		padding:24px 0px 0px 0;
		background-color:#000000;
		color:#868689;
		float:left;
	}
	
	#inner{ width:984px; float:right; }
	/*#innerContent{ float:right; width:488px; margin:-130px 0 0 0; }*/
	#innerContent{ float:right; width:488px; margin:0; }
	.innerLeft{ float:left; }
	#innerContent404{ float:right; width:750px; margin-right:50px; }
	#innerContent p{ width:440px; }
	#innerContent span{ color:#b8292f; }
	#imageThumbContainer{ clear:both; }
	.floatLeftInner{ float:left; clear:left; }
	
	ul.imageThumbs{
		list-style-type:none;
		padding:0;
		margin:10px 0 0 0;
		width:433px;
		height:110px;
		float:left;
	}
	ul.imageThumbs li{ float:left; margin:0 25px 0 0; padding:0; }

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

	#leftColumn{
		/*width:155px;*/
		width:440px;
		float:left;
	}

	#leftColumn ul{
		padding:0;
		margin:5px 0 0 0;
		list-style-type:none;
		float:left;
		clear:left;
	}
	#leftColumn ul li{
		overflow:hidden;
		height:14px;
		padding:0px;
		margin:0 0 10px 30px;
		width:71px;
		text-indent:-3000em;
	}
	#leftColumn ul li a{ display:block; }
	
	#leftColumn ul li a.fiamma{ background:url(../images/buttons/fiamma.png) no-repeat; }
	#leftColumn ul li a.strati{ background:url(../images/buttons/strati.png) no-repeat; }
	#leftColumn ul li a.profilo{ background:url(../images/buttons/profilo.png) no-repeat; }
	#leftColumn ul li a.curva{ background:url(../images/buttons/curva.png) no-repeat; }
	
	#leftColumn ul li a:hover{ background-position: 0 -14px; }
	#leftColumn ul li a:hover{ background-position: 0 -14px; }
	#leftColumn ul li a.selected{ background-position: 0 -14px; }
	
/* ~~~~~~~~~~~~~~~~ FOOTER STYLES  ~~~~~~~~~~~~~~~~ */

	#footer{ clear:both; width: 100%;}
	#footerCTAs{ padding:10px 10px; width: 964px; background:#b8292f; clear:both; float:left; }
	.footerCTA{ width:446px; float:left; }
	.leftMargin{ margin-left: 50px; width: 420px; }
	.last{ width:270px; }
	#footer p.copy{ padding: 26px 0 0 29px; font-size:11px; color:#868689;  float:left;}