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

body{background:#f1f1f1; padding:0px; margin:0px}
#wrapper{width:1000px; margin:0px auto; position:relative; background:#fff;-moz-box-shadow: 0px 0px 20px #999; -webkit-box-shadow: 0px 0px 20px #999;box-shadow: 0px 0px 20px #999;}
h1, h2, h3{color:#000;}
h3{font-size:14px;}
#header{padding:10px;}
#menu ul{padding:0px;  margin:0px; background:#eee; border-bottom:1px solid #ddd;}
#menu ul li{ display:inline;list-style:none; font-size:18px; color:#333; font-weight:bold; font-family:'maven pro', Arial, Helvetica, sans-serif;}
#menu ul li a{text-decoration:none;padding:10px 30px; background:#eee;  display:inline-block;color:#333; border-right:1px solid #fff;}
#menu ul li a:hover,#menu ul li a.active{background:#666; color:#fff}
#menu ul li:last-child a{border-right:0px solid #fff;}
#content{font-size:14px; color:#444; font-family:Arial, Helvetica, sans-serif; line-height:20px; text-align:justify}
#content p{margin:0px; padding:10px 0px 0px 0px;}
#content .leftside{width:180px; float:left; border-right:0px solid #eee; padding:10px;}
.lab_imgs img{margin:10px 0px; border:1px solid #ccc}
.diamond_imgs img{margin:10px 0px 0px; border:1px solid #ccc}
.diamond_imgs div{font-size:11px; margin-bottom:10px; font-style:italic;}
#content .rightside{width:180px; float:right; border-left:0px solid #eee;  padding:10px 10px 0px 0px;}
#content .middle{width:570px; padding:10px; min-height:530px; float:left; border-right:1px solid #eee;border-left:1px solid #eee;}
#content .middle-big{width:770px; padding:10px 20px 10px 10px; min-height:530px; float:left; border-right:1px solid #eee;}
.diamond-shape{float:right; font-size:11px; font-style:italic; width:110px; margin:0px 0px 0px 10px; border:1px solid #ddd; padding:5px; text-align:center}
.table1{margin:20px 0px 10px; border:1px solid #ccc}
.table1 th{background:#ccc; padding:5px; color:#333;}
.table1 td{padding:5px; border-top:1px solid #ccc;}

.box{width:250px; height:22px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.errbox{width:250px; height:22px; border:1px solid #ff0000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.btn{background:#000; color:#fff; font-weight:bold;  padding:2px 10px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border:0px; cursor:pointer}

img.bottom-img{text-align:center; padding:0px 0px 20px 35px}

.list1{padding:0px; margin:30px 0px 0px;}
.list1 li{margin:20px 0px; color:#000; font-size:14px; font-weight:bold;list-style:none}
.list1 li a{text-decoration:none; text-transform:capitalize; padding:5px; color:#333; background:#eee; border:1px solid #ccc; display:block }
.list1 li a:hover{background:#ccc}
.back{text-align:right; float:right; padding:2px 10px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; font-size:12px; background:#000; color:#fff}
.back a{color:#fff; font-weight:bold; font-size:14px; text-decoration:none}
.back:hover{background:#444;}
#footer{ background:#eee; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px;}
#footer ul{padding:0px; margin:0px;}
#footer ul li{padding:10px 55px; display:inline-block; font-size:18px; color:#333; font-weight:bold; font-family:'maven pro', Arial, Helvetica, sans-serif;}
#footer ul li a{text-decoration:none; color:#333;}
#footer .designed_by{text-align:center; padding:10px; color:#888; font-size:11px; font-family:Arial, Helvetica, sans-serif}
#footer .designed_by a{color:#888; text-decoration:none;}
#footer .designed_by a:hover{color:#444;}
.clear {clear:both;font-size:1px;height:1px;background:transparent; border:0px solid #cc0000;margin:0px; padding:0px; }
.images {margin-top:20px;}
.images img{margin-right:1px; border:1px solid #ccc}
.link{color:#005dcf; text-decoration:none;}
.link:hover{ text-decoration:underline;}


.clear {clear:both;font-size:1px;height:1px;background:transparent; border:0px solid #cc0000;margin:0px; padding:0px; }
.images {margin-top:20px;}
.images img{margin-right:1px; border:1px solid #ccc}
.link{color:#005dcf; text-decoration:none;}
.link:hover{ text-decoration:underline;}
#diamond-video{width:100%;height:300px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border:0px solid #000000;}



.menu-small{display:none; }
.menu-drop{display:none;}
.form{border-left:1px solid #eee; padding-left:30px;}
.mob-leftside{display:none;}
@media screen and (max-width:1040px)
{
#wrapper{width:auto; padding:0px 20px 0px 20px;}
#content .leftside{width:17%;}
#content .middle{width:58%;}
#content .rightside{width:17%; padding:10px 10px 10px 10px;}
.lab_imgs img{width:100%;}
.images img{margin-right: 0.5%;width: 32%;}
#menu ul li a{padding:10px 3% 10px 3%;}
h1{line-height:35px; text-align:left; }
#content .middle-big{width:76%;}
}
@media screen and (max-width:970px)
{
#menu ul li a{padding:10px 2.5% 10px 2.5%;}
}
@media screen and (max-width:900px){#menu ul li{font-size:15px;} #menu ul li a{padding:10px 3.2% 10px 3.2%;}}
@media screen and (max-width:850px)
{
#content .leftside{width:16%;}
#content .rightside{width:16%;}
#content .middle{width:60%;}
}
@media screen and (max-width:850px)
{
#menu ul li a{padding:10px 3% 10px 3%;}
}
@media screen and (max-width:820px)
{
#content .leftside{float:none; width:100%; padding:0px ; display:none;}
#content .rightside{float:none; width:100%;padding:0px;display:none; }
#content .rightside.buy{display:block;}
#content .middle{float:none; width:100%;padding:10px 0px 40px 0px ; border:none;}
#menu {display:none;}
.menu-small{display:block;font-size:18px; color:#fff; font-weight:bold; font-family:'maven pro', Arial, Helvetica, sans-serif; padding:10px 15px; background:#666 url("../images/menu-icon.png") no-repeat right 15px center; width:auto; text-align:left; cursor:pointer; }
.menu-drop ul li{display:block;font-size:15px; color:#333; font-weight:bold; font-family:'maven pro', Arial, Helvetica, sans-serif; padding:15px 0px; background:#eee;  width:100%; text-align:center; cursor:pointer; border-bottom:1px solid #fff;}
#header{text-align:center;}
.menu-drop ul{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.menu-drop ul li a{color:#333; text-decoration:none;}
h1{margin:10px 0px 10px 0px;}
#content .middle-big{width:100%; padding:10px 0px 40px 0px; border:none;}
#content table.contact{display:block;}
#content table.contact tr{display:block;}
#content table.contact td{display:block;}
#content table.contact th{display:block;}

.contact thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	
	
	.contact td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 0; 
		width:100%;
		text-align:left;
	}
	
	.contact td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
.form{border-left:none; padding:0px 0px 0px 0px; }
td.height{height:10px;	}
.box{margin-bottom:10px;}
.mob-leftside{display:block;}
.img-responsive{width:100%;}
}

@media screen and (max-width:600px)
{
#header img{width:300px;}
h1{font-size:25px; line-height:35px;}
.images img{float:none; width:auto; margin:0 auto 10px; display:block; }

}

@media screen and (max-width:360px)
{
#header img{width:100%;}
}
@media screen and (max-width:300px)
{
.box{width:200px;}
}