@charset "utf-8";
/* Simple fluid media
Note: Fluid media requires that you remove the media's height and width attributes from the HTML
http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {max-width: 100%;}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width:100%;}

/*
Dreamweaver Fluid Grid Properties
----------------------------------
dw-num-cols-mobile:		5;
dw-num-cols-tablet:		8;
dw-num-cols-desktop:	16;
dw-gutter-percentage:	25;

Inspiration from "Responsive Web Design" by Ethan Marcotte 
http://www.alistapart.com/articles/responsive-web-design

and Golden Grid System by Joni Korpi
http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {margin-left: auto;margin-right: auto;width: 87.36%;padding-left: 1.82%;padding-right: 1.82%;}
#LayoutDiv1 {clear: both;float: left;margin-left: 0;width: 100%;display: block;}
#logo-panel { float:left; width:100%; text-align:center; margin:23px 0 24px 0;}
#menu-panel { /* float:left; width:100%; */}
#menu-panel ul{ float:left; width:100%; margin:0; padding:0; list-style:none; color:#656565;}
#menu-panel ul li {font-size:13px;}
.welcome-panel { min-height:300px; float:left; background:url(../images/content-bg.jpg) no-repeat center top;width:100%;}
.welcome-tl { float:left; width:100%; text-align:center; margin:80px 0 35px 0; font-size:26px; color:#aa0000;font-family: 'Roboto', sans-serif; font-weight:100;height:70px}
.welcome-tl2 { float:left; width:100%; text-align:center;font-size:45px; color:#aa0000;font-family: 'Roboto', sans-serif; font-weight:400;line-height:35px}
.welcome-tl2 span{font-size:26px; }
.footer-panel { float:left; width:100%; margin:18px 0;}
.copyright { float:left; width:100%; text-align:left; font-size:12px; color:#656565;line-height:20px;}
.copyright sup { font-size:auto;}
.followus-sound { float:left; width:100%; margin:0 0 15px 0; font-size:12px; color:#656565;}
.follow-us { float:left; width:188px;color:#656565;}
.sound { float:left; color:#656565;}
.follow-us img { margin:0 0 0 5px;}
.copyright a {color:#656565;}
.company-content-panel {min-height:446px;float:left;background:url(../images/company-bg.jpg) no-repeat center 0 #000;width:100%;}
.company-tl { float:left; width:100%; margin:16px 0 9px 0; font-size:35px; font-weight:100;font-family: 'Roboto', sans-serif;}
.company-text { float:left; width:100%; text-align:justify; font-size:13px; line-height:21px;font-family: 'Arimo', sans-serif; font-weight:400;}
.footer-panel-bg { float:left; width:100%; border-top:1px solid #920307;}
.inside-content-panel {min-height:300px;float:left; background:#000;width:100%;}
.inside-content { float:left; width:100%;color:#fff;}
.bold-text {font-family: 'Arimo', sans-serif; font-weight:700;}
.designer-tl { float:left; width:100%; color:#fff; text-transform:uppercase; margin:25px 0 20px 0; font-size:35px; font-weight:100;font-family: 'Roboto', sans-serif;}
.slide { float:left; width:100%;}
.slide-img { float:left; width:100%; margin:0 0 10px -5px;}
.slide-img  img{ width:100%;}
.high-jewellery-tl { float:right; width:100%; color:#fff; margin:25px 0 20px 0; font-size:35px; font-weight:100;font-family: 'Roboto', sans-serif;}
.slide-content1 {float:left; width:100%; margin:0;}
.slide-content2 {float:left; width:100%; margin:0;}
.slide-content3 {float:left; width:100%; margin:0;}
.slide-content4 {float:left; width:100%; margin:0;}
.slide-content5 { float:left; width:100%; margin:0;}
.slider-tl { float:left; width:100%; color:#dac8ab; font-size:16px; margin:0 0 10px 0; text-transform:uppercase;}
.slider-text { float:left; width:100%;text-align:justify; color:#adadad; font-size:13px;font-family: 'Arimo', sans-serif; font-weight:400;}
.slider-text p { margin:0 0 15px 0;}
.slide-content6 {float:left; width:100%; margin:0;}
.slide-content7 {float:left; width:100%; margin:0;}
.authenticity-tl { float:left; width:100%; margin:40px 0 9px 0; font-size:35px; font-weight:100;font-family: 'Roboto', sans-serif;}
.authenticity-content-panel {min-height:446px;float:left;background:url(../images/authenticity-bg2.jpg) no-repeat -300px 0 #919191;width:100%;}
.authenticity-text { float:left; width:97%; text-align:justify; font-size:13px; line-height:21px;font-family: 'Arimo', sans-serif; font-weight:400;}
.authenticity-text p { margin:0 0 25px 0;}
ul.services-bullet {float:right; width:53%; margin:20px 0 0 0; padding:0; list-style:none;}
ul.services-bullet li {float:left; width:98%; background:url(../images/bullet1.gif) no-repeat 0 7px; font-size:14px; color:#dac8ab; text-transform:uppercase;padding:5px 0 5px 15px; list-style:none;font-family: 'Roboto', sans-serif; font-weight:300;}
ul.services-bullet li a{color:#ADADAD; text-decoration:none;}
ul.services-bullet li a:hover{color:#FFF; text-decoration:none;}
.services-img { float:left; width:43%;}
.faq { float:left; width:100%;}
.faq-tl { float:left; width:100%; margin:28px 0 9px 0; font-size:30px; font-weight:100; text-transform:uppercase;font-family: 'Roboto', sans-serif;}
.faq-div { float:left; width:100%; margin:0 0 30px 0;}
.ques { float:left; width:92%; color:#fff; font-family:'Arimo',sans-serif; font-weight:700; line-height:21px; background:url(../images/ques-bg.gif) no-repeat 0 5px; padding:0 0 0 20px;}
.ans { float:left; width:92%; color:#a8a8a8; line-height:21px; background:url(../images/ans-bg.gif) no-repeat 0 7px; padding:0 0 0 20px;}
.contact { float:left; width:100%;}
.map { float:left; width:100%; margin:0;}
.address { float:left; width:100%;}
.shop-name { float:left; width:100%;color:#dac8ab;font-family: 'Roboto', sans-serif; font-weight:300; font-size:15px; text-transform:uppercase; margin:15px 0 5px 0;}
.shop-add { float:left; width:100%; line-height:21px; color:#adadad; font-family:'Arimo',sans-serif; font-size:13px; margin:0 0 20px 0;}
.contact-details { float:left; width:100%; margin:0 0 2px 0; color:#adadad; line-height:21px;}
.tel { float:left; width:41px;}
.colon { float:left; width:11px;}
.details { float:left; width:170px;}
.details a{color:#adadad; text-decoration:none;}
.contact-details2 { float:left; width:100%; margin:20px 0 ; color:#aa0000; line-height:21px;}
.tel2 { float:left; width:41px;}
.colon2 { float:left; width:11px;}
.details2 { float:left; width:170px;}
.details2 a{color:#aa0000; text-decoration:underline;}
.enquiry-tl { float:left; width:100%; border-bottom:1px solid #212121; margin:28px 0 15px 0; font-size:40px; font-weight:300; text-transform:uppercase;}
.enquiry-form { float:left; width:100%;}
.row1 { float:left; width:100%; border-bottom:1px solid #212121;margin:0 0 10px 0; padding:5px 0;color:#a8a8a8;font-size:12px;font-family: 'Arimo', sans-serif; font-weight:400;}
.column1, .column2 { float:left; width:100%;}
.label { float:left; width:50%;font-weight:700; margin:0 0 5px 0;}
.colon { float:left; width:5%;}
.input { float:left; width:45%;}
.input input {width:89%; background:#d4d4d4; border:none; border-radius:0; padding-left:5px;}
.input textarea {height:50px;padding-left:5px; width:90%; background:#d4d4d4; border:none; border-radius:0;}
.row2 { float:left; width:100%;color:#a8a8a8;font-size:12px;font-family: 'Arimo', sans-serif; font-weight:400;}
.row2 .label { float:left; width:50%;font-weight:400;}
.row2 .colon { float:left; width:5%;}
.row2 .input { float:left; width:45%;margin:0 0 5px 0;}
.column3 { float:left; width:100%;}
.tele { float:left; width:58%;}
.email { float:right; width:40%;}
.tele input { width:15px; height:15px; margin:0 0 0 5px; padding:0; vertical-align:middle;}
.email input { width:15px; height:15px; margin:0 0 0 5px; padding:0; vertical-align:middle;}
.radio-bt { float:left; width:42%;}
.radio-bt input { width:15px; height:15px; margin:0 0 0 5px; padding:0; vertical-align:middle;}
.submit { float:left; margin:0 10px 0 0;}
.reset { float:left;}
.req { float:left; width:100%; margin:10px 0 10px 0;}
.enquiry { float:left; width:100%; text-align:right; color:#7f7f7f !important; font-size:15px;}
.enquiry a { color:#fff !important; text-decoration:none;}
#TB_window{width: 95% !important; margin-left: -47.5% !important; top: 20% !important; background:#323232;}
#TB_iframeContent{width: 95% !important; height: 250px !important; background:#323232;}
#containingDiv { margin:0 0 0 -23px;}
.container-2,.slidesjs-previous,.slidesjs-next { display:none;} 
.audio, .track { float:left;}
.slider{width:640px;margin:20px auto;}
.content {width: 98%;height: auto; text-align:justify;}
.mCSB_container{width:auto;margin-right:0px;overflow:hidden;}
.slidesjs-pagination li {float: left;margin: 0 1px;}
.left-img {
  float: left;
  position: absolute;
  right: 0;
  width: auto;
}

@media only screen and (min-width:320px) and (max-width:479px){
.left-img {
  float: left;
  position: absolute;
  right: 0;
  width: 100px;
}
.left-img img{
  width: 100%;
}
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 767px) {
	.gridContainer {width: 90.675%;padding-left: 1.1625%;padding-right: 1.1625%;}
	#LayoutDiv1 {clear: both;float: left;margin-left: 0;width: 100%;display: block;}
	#logo-panel { float:left; width:100%; text-align:center; margin:13px 0 23px 0;}
	#menu-panel { width:920px;margin: 0 auto;}
	#menu-panel ul{ float:left; width:100%; margin:0; padding:10px 0 0; list-style:none; color:#656565;}
	#menu-panel ul li {font-size:13px;}
	.welcome-panel { min-height:446px; float:left; background:url(../images/content-bg.jpg) no-repeat center top;width:100%;}
	.welcome-tl { float:left; width:100%; text-align:center; margin:97px 0 30px 0; font-size:30px; color:#c00000;font-family: 'Roboto', sans-serif; font-weight:100;height:70px}
	.welcome-tl2 { float:left; width:100%; text-align:center;font-size:45px; color:#aa0000;font-family: 'Roboto', sans-serif; font-weight:400;line-height:35px}
	.footer-panel { float:none; width:592px; margin:8px auto 0 auto;}
	.copyright { float:left; width:320px; margin:9px 0 9px 0; text-align:left; font-size:12px; color:#656565;line-height:20px;}
	.copyright sup { font-size:12px;}
	.followus-sound { float:right; width:37%; margin:0 0 15px 0; font-size:12px; color:#656565;}
	.follow-us { float:left; width:186px; color:#656565;margin:9px 0 9px 0;}
	.sound { float:left; margin:9px 10px 9px 0; color:#656565; padding:0 5px 0 0; width:70px}
	.audio { float:left;width:30px;}
	.audio img { width:100%;}
	.track { float:left;width:32px;}
	.follow-us img { margin:0 0 0 5px;}
	.copyright a {color:#656565;}
	.footer-panel-bg { float:left; width:100%; border-top:1px solid #920307;}
	.inside-content-panel {min-height:446px;float:left; background:#000;width:100%;}
	.inside-content { float:left; width:100%; color:#fff;clear:both}
	.company-content-panel {min-height:400px;float:left;background:url(../images/company-bg.jpg) no-repeat center 0 #000;width:100%;}
	.company-tl { float:left; width:100%; margin:72px 0 9px 0; font-size:40px; font-weight:100;font-family: 'Roboto', sans-serif;}
	.company-text { float:left; width:53%; text-align:justify; font-size:13px; line-height:21px;font-family: 'Arimo', sans-serif; font-weight:400;}
	.bold-text {font-family: 'Arimo', sans-serif; font-weight:700;}
	.designer-tl { float:left; width:100%; color:#fff; text-transform:uppercase; margin:28px 0 9px 0; font-size:40px; font-weight:100;font-family: 'Roboto', sans-serif;}
	.slide { float:left; width:100%;}
	.slide-img { float:left; width:35%; margin:0;}
	.slide-img  img{ width:100%;}
	.high-jewellery-tl { float:right; width:100%; text-align:left; color:#fff; margin:28px 0 9px 0; font-size:40px; font-weight:100;font-family: 'Roboto', sans-serif;}
	.slide-content1 {float:left; width:62%; margin:85px 0 0 0;}
	.slide-content2 {float:left; width:62%; margin:110px 0 0 0;}
	.slide-content3 {float:left; width:62%; margin:70px 0 0 0;}
	.slide-content4 {float:left; width:62%; margin:35px 0 0 0;}
	.slide-content5 {float:left; width:62%; margin:10px 0 0 0;}
	.slide-content6 {float:left; width:49%; margin:110px 0 0 0;}
	.slide-content7 {float:left; width:49%; margin:10px 0 0 0;}
	.slider-tl { float:left; width:100%; color:#dac8ab; font-size:19px; margin:0 0 10px 0; text-transform:uppercase;}
	.slider-text { float:left; width:100%;text-align:justify; color:#adadad; font-size:13px;font-family: 'Arimo', sans-serif; font-weight:400;}
	.slider-text p { margin:0 0 15px 0;}
	.authenticity-tl { float:left; width:100%; margin:28px 0 9px 0; font-size:40px; font-weight:100;font-family: 'Roboto', sans-serif;}
	.authenticity-content-panel {min-height:446px;float:left;background:url(../images/authenticity-bg.jpg) no-repeat center 0 #919191;width:100%;}
	.authenticity-text { float:left; width:53%; text-align:justify; font-size:13px; line-height:21px;font-family: 'Arimo', sans-serif; font-weight:400;}
	.authenticity-text p { margin:0 0 25px 0;}
	ul.services-bullet {float:left; width:49%; margin:20px 0 0 0; padding:0; list-style:none;}
	ul.services-bullet li {float:left; width:98%; background:url(../images/bullet1.gif) no-repeat 0 11px; font-size:19px; color:#dac8ab; text-transform:uppercase;padding:5px 0 5px 15px; list-style:none;font-family: 'Roboto', sans-serif; font-weight:300;}
	ul.services-bullet li a{color:#ADADAD; text-decoration:none;}
	ul.services-bullet li a:hover{color:#FFF; text-decoration:none;}
	.services-img { float:left; width:49%;}
	.faq-tl { float:left; width:100%; margin:28px 0 9px 0; font-size:40px; font-weight:100; text-transform:uppercase;font-family: 'Roboto', sans-serif;}
	.faq-div { float:left; width:100%; margin:0 0 30px 0;}
	.ques { float:left; width:100%; font-size:13px; margin:0 0 3px 0;font-family: 'Arimo', sans-serif; font-weight:700; color:#fff;}
	.ans { float:left; width:98%; color:#a8a8a8; line-height:21px; background:url(../images/ans-bg.gif) no-repeat 0 7px; padding:0 0 0 16px;}
	.contact { float:left; width:100%;}
	.map { float:left; width:50%; margin:0 20px 0 0;}
	.address { float:left; width:46.5%;}
	.shop-name { float:left; width:100%; color:#dac8ab;font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; text-transform:uppercase; margin:0 0 5px 0;}
	.shop-add { float:left; width:100%; line-height:21px; color:#adadad; font-family:'Arimo',sans-serif; font-size:13px; margin:0 0 20px 0;}
	.contact-details { float:left; width:100%; margin:0 0 2px 0; color:#adadad; line-height:21px;}
	.tel { float:left; width:41px;}
	.colon { float:left; width:11px;}
	.details { float:left; width:170px;}
	.details a{color:#adadad; text-decoration:none;}
	.contact-details2 { float:left; width:100%; margin:20px 0 0 0; color:#aa0000; line-height:21px;}
	.tel2 { float:left; width:41px;}
	.colon2 { float:left; width:11px;}
	.details2 { float:left; width:170px;}
	.details2 a{color:#aa0000; text-decoration:underline;}
	.enquiry-tl { float:left; width:100%; border-bottom:1px solid #212121; margin:28px 0 10px 0; font-size:40px; font-weight:300; text-transform:uppercase;}
	.enquiry-form { float:left; width:100%;}
	.row1 { float:left; width:100%; border-bottom:1px solid #212121; margin:0 0 10px 0;padding:5px 0;color:#a8a8a8;font-size:12px;font-family: 'Arimo', sans-serif; font-weight:400;}
	.column1 { float:left; width:48%; margin:0 2% 0 0;}
	.column2 { float:left; width:50%;}
	.label { float:left; width:51%;font-weight:700;}
	.colon { float:left; width:4%;}
	.input { float:left; width:42%;}
	.input input {width:90%; padding-left:5px; background:#d4d4d4; border:none; border-radius:0;}
	.input textarea {height:50px; width:92%;padding-left:5px; background:#d4d4d4; border:none; border-radius:0;}
	.row2 { float:left; width:100%;color:#a8a8a8;font-size:12px;font-family: 'Arimo', sans-serif; font-weight:400;margin:0 0 10px 0;}
	.row2 .label { float:left; width:51%;font-weight:400;}
	.row2 .colon { float:left; width:4%;}
	.row2 .input { float:left; width:42%;}
	.column3 { float:left; width:100%;}
	.tele { float:left; width:60%;}
	.email { float:left; width:40%;}
	.tele input, .email input, .radio-bt input { width:15px; height:15px; margin:0 0 0 5px; padding:0; vertical-align:middle;}
	.radio-bt { float:left; width:42%;}
	.submit { float:left; margin:0 10px 0 0;}
	.reset { float:left;}
	.req { float:left; width:100%; margin:10px 0 0 0;}
	.enquiry { float:left; width:100%; text-align:right; color:#7f7f7f !important; font-size:15px;}
	.enquiry a { color:#fff !important; text-decoration:none;}
	#TB_window{width: 740px !important; margin-left: -370px !important; top: 20% !important; background:#323232;}
	#TB_iframeContent{width: 640px !important; height: 230px !important; padding:8px 50px;}
	.container-2,.slidesjs-previous,.slidesjs-next { display:block;}
	.container3,.container4,.container5 { display:none;}
	.content {width: 100%;height: 296px; text-align:justify; margin:0 0 20px;}
	.mCSB_container{width:auto;margin-right:20px;overflow:hidden;}
	.slidesjs-pagination li {float: left;margin: 0 3px;}
}

@media only screen and (width: 1024px) {
.slide-content6 {float:left; width:49%; margin:165px 0 0 0;}
.slide-content2 {float:left; width:49%; margin:230px 0 0 0;}
.slide-content4 {float:left; width:49%; margin:130px 0 0 0;}
.enquiry-tl { float:left; width:100%; border-bottom:1px solid #212121; margin:28px 0 15px 0; font-size:40px; font-weight:300; text-transform:uppercase;}
.enquiry-form { float:left; width:100%;}
.row1 { float:left; width:100%; border-bottom:1px solid #212121; margin:0 0 10px 0; padding:0 0 10px 0; color:#a8a8a8;font-size:12px;font-family: 'Arimo', sans-serif; font-weight:400;}
.column1 { float:left; width:48.5%; margin:0 15px 0 0;}
.column2 { float:left; width:48.5%;}
.label { float:left; width:40%;font-weight:700;}
.colon { float:left; width:5%;}
.input { float:left; width:55%;}
.input input {width:215px; padding-left:5px; background:#d4d4d4; border:none; border-radius:0;}
.input textarea {height:50px; width:88%;padding-left:5px; background:#d4d4d4; border:none; border-radius:0;}
.row2 { float:left; width:100%; margin:0 0 10px 0;color:#a8a8a8;font-size:12px;font-family: 'Arimo', sans-serif; font-weight:400;}
.row2 .label { float:left; width:40%;font-weight:400;}
.row2 .colon { float:left; width:5%;}
.row2 .input { float:left; width:55%;}
.column3 { float:left; width:100%;}
.tele { float:left; width:57%;}
.email { float:right; width:37%;}
.tele input { width:15px; height:15px; margin:0 0 0 5px; padding:0; vertical-align:middle;}
.email input { width:15px; height:15px; margin:0 0 0 5px; padding:0; vertical-align:middle;}
.radio-bt { float:left; width:42%;}
.radio-bt input { width:15px; height:15px; margin:0 0 0 5px; padding:0; vertical-align:middle;}
.submit { float:left; margin:0 10px 0 0;}
.reset { float:left;}
.req { float:left; width:100%; margin:10px 0 0 0;}
.enquiry { float:left; width:100%; text-align:right; color:#7f7f7f !important; font-size:15px;}
.enquiry a { color:#fff !important; text-decoration:none;}
.slide-content1 {float:left; width:49%; margin:200px 0 0 0;}
}
@media only screen and (width: 640px) {
#containingDiv { margin:0 0 0 -40px;}
}