@charset "utf-8";
/* CSS Document */

body{ 
	background:#300f36;
	margin:0 auto;
}


/* ----------------------------------------------TEXT ATRIBUTES---------------------------------------------- */

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#939393;
	text-align:justify;
}

.footer{
	float:left;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8e8e8e;
	padding:15px 0 0 28px;
	margin:0;
}

.siteby{
	float:right;
	display:inline;
	padding:15px 30px 0 0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8e8e8e;
}



/* ----------------------------------------------MAIN DIVS---------------------------------------------- */
#container{
	width:960px;
	min-height:559px;
	height:auto !important;
	height:559px;
	margin-left:auto;
	margin-right:auto;
	background:none;
}

#header{
	display:inline;
	float:left;
	width:934px;
	height:44px;
	background:none;
	padding: 24px 0 0 26px;
}

#nav{
	display:inline;
	float:left;
	width:950px;
	height:34px;
	margin:0;
	padding:0 0 0 10px;
	background:#6e6b68;
	border-top: 1px solid #a19f9e;
	border-left: 1px solid #a19f9e;
	border-right: 1px solid #a19f9e;
	
}

#main{
	display:inline;
	float:left;
	width:960px;
	min-height:445px;
	height:auto !important;
	height:445px;
	padding:0 0 10px 0;
	background:#6e6b68;
	border-left: 1px solid #a19f9e;
	border-right: 1px solid #a19f9e;
	border-bottom: 1px solid #a19f9e;
}

#main-content{
	display:inline;
	float:left;
	width:940px;
	min-height:445px;
	height:auto !important;
	height:445px;
	margin:0 0 0 10px;
	background:#FFFFFF;
}

#footer{
	width:958px;
	height:41px;
	margin-left:auto;
	margin-right:auto;
	background:none;
}


/* ----------------------------------------------NAVIGATION UL---------------------------------------------- */


ul#navigation{
	display:inline;
	float:left;
	margin:6px 0 0 0;
	padding:0;	
	list-style:none;
}

ul#navigation li{
	display:inline;
	float:left;
	padding:0;
	margin:0 43px 0 0;
}

ul#navigation li a{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bfbfbf;
	padding:0;
	margin:0;
	text-transform:uppercase;
	text-decoration:none;

}

ul#navigation li a:hover{
	color:#ffffff;
}

ul#navigation li.no-margin {
	display:inline;
	float:left;
	padding:0;
	margin:0;
}

/* --------------------------------------------------------------------------LARGE IMAGE DIVS AND ATRIBUTES------------------------------------------------------------------------------- */

/* --------------------MAIN CONTENT UL-------------------- */

ul#sub{
	display:block;
	margin:10px 0 10px 30px;
	padding:0;	
	list-style:none;
	text-align: left;
}

ul#sub li{
	display:inline;
	padding:0;
	margin:0 10px 0 0;
	text-align: center;
}

ul#sub li a{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#939393;
	text-transform:uppercase;
	text-decoration:none;
	text-align: center;

}

ul#sub li a:hover{
	color:#512851;
	text-align: center;
}

ul#sub li.no-margin {
	display:inline;
	float:left;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bfbfbf;
	text-transform:uppercase;
	text-align: center;
}

/* --------------------MAIN CONTENT UL-------------------- */

#wide-image{
	display:inline;
	float:left;
	height:330px;
	width:940px;
}

#wide-text{
	display:inline;
	float:left;
	width:490px;
	margin:0 0 0px 88px;
	padding:0;
	padding-bottom:50px;
}
#wide-text p{
	padding:0 0 10px 0;
	margin:0;
	clear:both;
}
.title{
	display:inline;
	float:left;
	margin:0;
	padding:0;
	clear:both;
}

.text-main {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#939393;
	text-align: justify;
}

#wide-holder {width:490px;
}

#wide-title-left {display:inline;
float:left;
width:120px;
}

#wide-title-right {display:inline;
float:right;
width:369px;
}

#thumb-holder {display:block;
float:left;
width:445px;
margin: 0 0 0 45px;
}

.ring-images {margin: 5px;
width: 120px;
height: 120px;
}

/* --------------------------------------------------------------------------IMAGE RIGHT DIVS AND ATRIBUTES------------------------------------------------------------------------------- */

#right-image{
	display:inline;
	float:right;
	height:445px;
	width:445px;
	margin:0;
	padding:0;
}

#left-text{
	display:inline;
	float:left;
	width:320px;
	margin:85px 0 0 110px;
	padding:0  0 85px 0;
}
#right-text p{
	padding:0 0 10px 0;
	margin:0;
	float:left;
	clear:both;
}

/* --------------------------------------------------------------------------IMAGE RIGHT, JAVA SCRIPT ACCORDIAN---------------------------------------------------------------------------- */

.content-title{
width:320px;
padding:5px 0 5px 0;
float:left;
}

/* ---------------------------------------4 C's PAGE-------------------------------------- */

#carat{
	width:320px;
	float:left;

}

#colour{
	width:320px;
	float:left;

}

#clarity{
	width:320px;
	float:left;

}
#cut{
	width:320px;
	float:left;
}

#confidence{
	width:320px;
	float:left;
}

/* ---------------------------------------MADE TO MEASURE PAGE-------------------------------------- */

#family{
	width:320px;
	float:left;
}

#hidden-treasure{
	width:320px;
	float:left;
}

/* ---------------------------------------CONTACT PAGE-------------------------------------- */
#contact-form{
	display:inline;
	float:right;
	width:200px;
}

#contact-text{
	float:left;
	display:inline;
}

.logo {
	float:left;
	display:inline;
}

.facebook {
	float:right;
	display:inline;
	margin-right:30px;
}