@charset "utf-8";
/* CSS Document */
CSS Document  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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
 remember to define focus styles! :focus {
 outline: 0;
}
body {
	line-height: 1.5;
}
html, body {
	height: 100%;
}
ol, ul {
	list-style: none;
}
 tables still need 'cellspacing="0"' in the markup table {
 border-collapse: separate;
 border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/**************************** Main Css ***************************/
body {
	background:#101010 url(../image/bg.jpg)  center top  no-repeat fixed;
	font-family:Helvetica, Arial, sans-serif;
	color:#fff;
	width:100%;
	height:100%;
}
h1 {
	font-size:24px;
}
h2 {
	font-size:90%;
}
h3 {
	font-size:80%;
}
h4 {
	font-size:70%;
}
p {
	font-size:12px;
}
h1, h2, h3, h4, p {
	margin-bottom:16px;
	font-weight:normal;
}
a {
	color:#fffffb;
	text-decoration:none;
}
.wrapper {
	width:960px;
	margin:0 auto;
	position:relative;
	background-color:#101010;
	
}
/*---------------- header ---------------------*/
#header{
	width:100%;
	background-color:#000;
	position:relative;
/*	padding:.5em 0;
	padding-bottom:.05em;*/
	height:82px;
	padding-bottom:2em

}
#header .wrapper{
	background-color:#000;}
	#logo h1{padding-top:.5em;}
#logo h1 a{
	text-indent:-9999px;
	background:url(../image/logo.jpg) left top no-repeat;
	width:223px;
	height:77px;
	display:block;}
	/*--------------- Nav -----------------*/
		#nav{
			text-transform:uppercase;
	position:absolute;
	top:4.25em;
	left:21.3em;
	background:url(../image/nav.jpg) left top no-repeat;
	width:390px;
	height:14px;}
	#nav span {
	display:none;
}
#nav li, #nav a {
	display:block;
	height:15px;
	text-decoration:none;
	color:#fff;
}
#nav li {
	float:left;
	display:inline;
}
.nav_home {
	width:48px;
}
.nav_jewel {
	width:108px;
}
.nav_clo {
	width:107px;
}
.nav_con {
	width:113px;
}
.nav_home a:hover, .nav_home.selected {
	background:url(../image/nav.jpg) 1px -15px no-repeat;
}
.nav_jewel a:hover, .nav_jewel.selected {
	background:url(../image/nav.jpg) -48px -15px no-repeat;
}
.nav_clo a:hover, .nav_clo.selected {
	background:url(../image/nav.jpg) -156px -15px no-repeat;
}
.nav_con a:hover, .nav_con.selected {
	background:url(../image/nav.jpg) -263px -15px no-repeat;
}

/*---------------- Account info --------------*/
#account_info{
	position:absolute; 
	right:1em;
	top:4.00em;color:#969696;}
#account_info a{
	color:#969696;
	font-size:12px}

/*---------------- Currency info --------------*/
	#currency {
	position:absolute;
	top:5.7em;
	right:.5em;
	}

/*----------- search ------------*/
#search_new{
	position:absolute;
	top:.7em;
	right:0;}
	fieldset.search_new {
	border: none;
	width: 203px;
	margin: 0 auto;
}
.search_new input, .search_new button {
	border: none;
	float: left;
}
.search_new input.box {
	color: #777;
	font-size: 1em;
	width: 151px;
	height: 27px;
	padding: 4px 5px 0;
		background: #616161 url(../image/search.jpg) no-repeat;
	/*background: #616161  url(../image/search.jpg) no-repeat;*/
}
.search_new input.box:focus {
    background: #616161 url(../image/search.jpg) no-repeat left -31px;
	outline: none;
}
.search_new button.btn {
	width: 41px;
	height: 31px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fbc900 url(../image/search.jpg) no-repeat top right;
}
.search_new button.btn:hover {
	background: url(../image/search.jpg) no-repeat bottom right;
}
/*-------------- sectioons -------------------*/
.sections{
	position:relative;
	width:960px;
	padding:1em .25em;
	
	}
	.sec_jewel{
		background:url(../image/section_jewel.jpg) left top no-repeat;
		width:317px;
		height:117px;
		float:left;
		margin-right:1em;
	}
	.sec_cloth{
		background:url(../image/section_clothing.jpg) left top no-repeat;
		width:278px;
		height:117px;
		float:left;
		margin-right:1em;}
		.sec_adv{
			background:url(../image/section_advantage.jpg) left top no-repeat;
			width:326px;
			height:117px;
			float:left;}
			
		 .info{
				width:200px;
				margin:1em 2em;
				margin-left:1.5em;
				margin-top:3.5em;
				}
				.info p{
					font-size:12px;}
					.info a{
						margin:0 .25em;
					}
/*------------- Footer ---------------------*/
#footer{
	clear:both;
	padding:.5em 1em ;
	position:relative;
	padding-bottom:1em;
	background-color:#101010;
	height:30px;

}
#footer, #footer p, #footer a{
	color:#606060;
	font-size:12px;}
	.footer_left{
		float:left;
		margin-right:10em;}
		#footer a{
			margin:0 .2em;}
		.footer_right{
			position:absolute;
			right:1em;
			top:.5em;
			
			}

/*---------------------- Contact Form -----------------*/

.contact_left{
	width:500px;
	float:left;
	position:relative;}

	.contact_right{
	width:360px;
	margin-left:540px;
		 }
.form_contact {
 margin:1em 0;
}
.form_contact td{
	padding-bottom:1em;}
.form_contact input, .form_contact textarea,.form_contact input.upload {
	border:1px solid #1a1a1a;
	width:425px;
	padding:7px 4px;
	color:#757575;
}
.form_contact label {
	display:none;
}
button.submit {
	background:url(../image/btn_contact_submit.jpg) left top no-repeat;
	height:38px;
	line-height:42px;
	width:82px;
	border:0;
	cursor:pointer;
	margin-top:8px;
	text-transform:capitalize;
	font-weight:bold;
	color:#fff;
}
button.submit:hover {
	background-position:left -38px;
}
.contact .btn_view_project {
	width:177px;
	margin:0 auto;
}
.con_us_bg{
	background:url(../image/bg_contact_right.jpg) left top no-repeat;
	width:373px;
	height:398px;
	font-size:12px;
	margin-top:2em;
	
	}
	.con_info{
	width:330px;
	padding-top:4em;
	margin-left:2.5em;
		}
		.con_info h2{
			color:#95edff;
			font-size:14px;
			font-weight:bold;
			margin:0.25em 0; 
		}
	.con_us_bg p{
		font-size:12px;}
		.con_sub_left h2,.con_sub_right h2{
			font-size:12px;
		}
		.con_sub_left{
			width:150px;
			float:left;}
			.con_sub_right{
				width:150px;
				margin-left:170px;}

		/*--------- Common ------------*/
		.clear{ clear:both;}
		.pad_1{ padding:1em; position:relative;
		}

/*------------ latest ------------------ */
.latest{
	background-color:#000;
	position:absolute;
	bottom:0;
	height:34px;
	left:0;}
	
	.metals {
		width:80px;
		border-bottom:#222 1px dashed;
	}
	.price {
		text-align:right;
		border-bottom:#222 1px dashed;

	}
	.bold {
		font-weight:bold;
		border-bottom:#555 1px dashed;
		padding-bottom:5px;
		}
	.rate_thead {
	}
		/*------------------ aboutsus----------------------*/
.abt_nav_bg{
	background:url(../image/abt_nav_slice.jpg) left top no-repeat;
	width:283px;
	height:283px;
	font-size:14px;
	margin-top:2em;
	
	}
	.abt_left{
		
	width:580px;
	float:left;
	position:relative;}
	.abt_left p{ color:#f1f1f1}
	.right_abt{
	width:283px;
	margin-left:610px;
		 }
		 .abt_info{
	width:283px;
	padding-top:4em;
	margin-left:2.5em;
		}
		 .abt_info li{
			 padding-bottom:1em;}
			  .abt_info a{
				 
				  font-size:14px}
				  .bdr_btm{
					  padding-bottom:1em;
					  margin-bottom:1em;
					  background:url(../image/divider_abt.jpg) center bottom no-repeat;
					  }
					   ul.gold_facts{
						   font-size:12px;}
					 ul.gold_facts li{
						 background:url(../image/bullet_gold.jpg) left 12px no-repeat;
						 padding:.5em 0;
						 padding-left:12px;
						  border-bottom:#222 1px solid;}