/* reset */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
	background:#F6F4F1;
	margin:0px;

}
	.wrap{
		width:1060px;
		margin:0 auto;
	
		}
		.top-links nav{
			float:left;
		}
		.header{
			background-color: #A31E1E;
			height:36px;
		}
		.header-links{
			background-color: #A31E1E;
		
		
		
	}
	#back_to_camera {
			clear: both;
			display: block;
			height: 80px;
			line-height: 40px;
			padding: 20px;
		}
		.fluid_container {
			margin: 0 auto;
			max-width:100%;
			width:100%;
			height:400px;
		}

	.header-links ul li{
		display:inline-block;
		line-height:2.2;
		float: left;
		border-right: 1px solid rgba(95, 35, 24, 0.35);
	}
	
.header-links ul li a{
	color: rgb(231, 94, 94);
	text-decoration: none;
	text-transform: capitalize;
	font-size: 14px;
	line-height: 21px;
	padding: 10px 12px 8px 12px;
	font-family: 'Titillium Web', sans-serif;

}
.header-links ul li a:hover{
	background-color:#3C3C3B;
	color:#fff;
}
.header-links li a.active {
	text-decoration: none;
	color:white;
	background: url(images/cat-act.gif) repeat-x 0 0;
}
.header-links img{
	float:right;
	background:#3C3C3B;
	padding: 8px 19px;
}
.header-links img:hover{
	opacity:0.6;
	cursor:pointer;
}
.top-links{
	background:  url(../images/tail-menu.gif);
	height: 56px;
	line-height: 3;
}
.sub-header{
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(253,252,252,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(253,252,252,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(253,252,252,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(253,252,252,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(253,252,252,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(253,252,252,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fdfcfc',GradientType=0 );
	height: 159px;
	border:1px solid #cdcdcd;
}
.logo{
	float: left;
	margin-top: 37px;
	width: 226px;
	cursor: pointer;
}
.search{
	float:right;
	width:400px;
}
.search ul li{
	display:inline;
}
.searchbar{
	float:right;
	border-left:1px solid #3C3C3B;
	position:relative;
	padding-left:20px;
	margin-top:17px;
	
	
}
.contactbar h1{
	font-family: Arial, Helvetica, sans-serif;
	color: #30302F;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;

text-align: left;
}
.contactbar{
	float: right;
	margin-top: 41px;
}
.contactbar h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #A75214;
	font-size: 18px;
	line-height: 21px;
	font-weight: normal;

margin: 5px 0px 0 0;
}
.searchbar h3{
	cursor:pointer;
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
	color: #793605;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;

}
.searchbar input[type="text"]{
	width: 148px;
	font-size: 11px;
	padding: 0px;
	color: #30302F;
	padding: 0 5px;
	height: 29px;
	line-height: 29px;
	margin: 0px 0px 0 0;
	background: none;
	border: 1px solid #C1BDB1;
}
.searchbar input[type="submit"]{
height: 31px;
width: 66px;
background-color:#87420F;
border:1px solid #87420F;
margin-left: 4px;
color:#fff;
}
.searchbar input[type="submit"]:hover{
	background-color:#3C3C3B;
	border:1px solid #3C3C3B;
	cursor:pointer;
}
.searchbar img{
	cursor:pointer;
}
.searchbar ul li{
	display:inline;
}
.searchbar ul{
	margin:px;
	padding:0px;
}
.top-links{
	margin-top:20px;
}
.top-links ul li{
	display:inline-block;
	float:left;
}
.top-links ul li a{
	font-size: 18px;
	line-height: 21px;
	color: #FDFDFD;
	text-decoration: none;
	padding: 9px 20px 12px 20px;
	font-family: 'Titillium Web', sans-serif;

border-right: 1px solid #535353;
}
.top-links ul li a:hover{
	background-color:#424241;
	
}
.grids{
	min-height:300px;
	padding: 42px 0px 46px 22px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
	}

.grid{
	width: 33%;
	float: left;
	border-right: 1px ridge rgba(207, 206, 202, 0.25);
	line-height: 1.8;
	
	text-align: center;

}
.grid img{
	box-shadow: 0 0 10px #908D87;
	background-color:#fff;
	padding:8px;
}
.grid img:hover{
	box-shadow: 0 0 4px #908D87;
	cursor: pointer;
}
.grid h2{
	color: #7D3908 !important;
	text-transform: capitalize;
	font-size: 27px;
	line-height: 31px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
}
.grid h3{
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	color: #A75214;
	font-size: 14px;
	line-height: 21px;
	text-transform: none;
	margin: 6px 0 5px 0;
	display: inline-block;
}
.grid p{
	color: #9D9D9D;
	font-size: 12px;
	line-height: 18px;
	text-transform: none;
	margin: 0 0 0 0;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding:5px 10px;
	
}
.grid a{
	background: #793605;
	color: white;
	font-size: 14px;
	line-height: 18px;
	padding: 6px 12px 7px 12px;
	margin: 16px 0 0 1px;
	font-family: 'Titillium Web', sans-serif;
	border-radius: 5px;
}
.grid a:hover{
	background: #373737;
}
.grid h1,.grid h2,.grid h3,.grid h4{
	margin:0px;
	padding:0px;
}
.grids ul li{
	margin-right:20px;
}
.grids ul li:nth-child(1){
		margin-right:10px;		
}
/*grid1*/
.grid1{
width:290px;
float: left;
border-right: 1px solid #D4D1C8;
line-height: 1.8;
padding:0px 30px;
padding-left: 34px;
margin-top: 12px;
}
.grid1 img{
	box-shadow: 0 0 10px #908D87;
	background-color:#fff;
	padding:8px;
}
.grid1 img:hover{
	box-shadow: 0 0 4px #908D87;
	cursor: pointer;
}
.grid1 h2{
	color: #7D3908 !important;
	text-transform: capitalize;
font-size: 31px;
line-height: 31px;
font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
letter-spacing: -1px;
}
.grid1 h3{
	font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
color: #A75214;
font-size: 14px;
line-height: 21px;
text-transform: none;
margin: 6px 0 5px 0;
display: inline-block;
}
.grid1 p{
	color: #9D9D9D;
font-size: 12px;
line-height: 18px;
text-transform: none;
margin: 0 0 0 0;
margin-bottom: 10px;
width:280px;

}
.grid1 a{
	background: #793605;
color: white;
font-size: 14px;
line-height: 18px;
padding: 6px 12px 7px 12px;
margin: 16px 0 0 1px;
}
.grid1 a:hover{
	background: #373737;
}
.grid1 h1,.grid1 h2,.grid1 h3,.grid1 h4{
	margin:0px;
	padding:0px;
}

/*grid1-End*/

.box{
	width: 14.8%;
	margin-right: 1%;
	float: left;
	padding: 16px 27px 16px 15px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
	border: 1px ridge rgba(207, 206, 202, 0.25);

}
.box img{

	display: block;
	overflow: hidden;
	cursor: pointer;
	background-color: white;
	padding: 6px;
	box-shadow: 0px 0px 1px #908D87;

}
.box img:hover{
	box-shadow: 0 0 4px #908D87;
}
.box h3{
	font: normal 14px/21px "Arial";
	color:#69340D;
	text-decoration: none;
	text-transform: uppercase;
	padding: 16px 0px 10px 0px;
}
.box p{
	color: #9D9D9D;
	font-size: 12px;
	line-height: 18px;
	text-transform: none;
	margin: 0 0 0 0;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	
}
.box p:hover{
	color:#333;
	cursor:pointer;
}
.box span{
	font-weight:bold;
	font-family: 'Titillium Web', sans-serif;
}
.box a{
	background-color:#393939;
	color:#fff;
	padding: 4px 12px;
	float:right;
	border-radius: 3px;
	margin-top: -24px;
	font-family: 'Titillium Web', sans-serif;
	font-size:12px;
	
}
.box a:hover{
	background-color:#823D0B;
}
.boxs h2{
	font-weight: normal;
	color: #A75214;
	font-size: 27px;
	text-transform: none;
	font-family: 'Titillium Web', sans-serif;
	margin: 12px 0px;
	text-transform: uppercase;
}
.footer-grid1{
	width: 25%;
	float: left;
	
	
}
.footer-grid1 h3{
	padding: 9px 0 10px 0;
	font: normal 15px/21px "Arial";
	color: rgb(255, 255, 255);
	text-transform: capitalize;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Titillium Web', sans-serif;
}
.footer-grid1 a{
	text-decoration: none;
	font-size: 14px;
	color: rgba(116, 114, 113, 0.77);
	text-transform: none;
	font-family: 'Titillium Web', sans-serif;
}
.footer-grid1 ul li img{
	display:inline-block;
}
.footer-grid1 a:hover{
	color:#000;
}
.footer-grid1 img:hover{
	opacity:0.7;
}
/*social icons*/
.footer-grid2{
	width: 220px;
float: left;
padding: 7px 0px 0 19px;
border-left: 1px solid #C1BDB1;
}
.footer-grid2 h3{
	padding: 9px 0 0 0;
font: normal 15px/21px "Arial";
color: #30302F;
text-transform: capitalize;
}
.footer-grid2 a{
	text-decoration: none;
font-size: 14px;
color: #AD5E24;
text-transform: none;
}
.footer-grid2 a:hover{
	color:#000;
}
.footer-grid2 img:hover{
	opacity:0.7;
	
}
.footer-grid2 ul li{
	display:inline;
	margin-left:10px;
}
/*End of Social icons*/

.footer{
	background-color: #3C3C3B;
	margin-top: 20px;
	padding: 6px 20px 20px 20px;
}
/*----footer1----*/
/*footer1*/
.footer1{
	padding: 10px;
	background: #3C3C3B;
	border-top: 1px ridge rgba(245, 245, 245, 0.16);

}
.footer1 p{
	text-align:center;
}
.footer1 p.link {
	text-decoration: none;
	font-size: 14px;
	color: rgba(116, 114, 113, 0.77);
	text-transform: none;
	font-family: 'Titillium Web', sans-serif;
}
.footer1 p.link a {
	color: #eee;
	text-decoration: none;
	font-size:13px;
	font-family: 'Titillium Web', sans-serif;
}
.footer1 p.link a:hover {
	color:#fff;
	text-decoration: underline;
}
/*---carpet-----*/
/*----about-----*/
.rings {
	width: 20%;
	float:left;
}
.rings h4{
	background-color:#393938;
	color:#fff;
	margin-top:10px;
	text-align:center;
	padding:10px;
	border-bottom:ridge  #7D3908;
	text-transform: capitalize;
	font-size: 27px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;

}
.rings li a{
	color: #7D3908 !important;
	text-transform: capitalize;
	font-size:12px;
	
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	
}
.rings li img{
	vertical-align: middle;
	padding-right: 4px;
}
.rings li a:hover{
	color:#FF971C;
}
.rings li{
	padding:10px 0px;
	border-bottom: 1px ridge rgb(228, 228, 228);
}
.rings ul{
	text-align:center;
	border:1px solid silver;
	border-bottom:none;
}
.specials h6{
	text-decoration:line-through;
}
.cart1{
	color:#fff;
}
.specials ul li a{
	
	background-color:#393938;
	padding:7px 12px;
	color:#fff;
	border-radius: 3px;
}
.specials li a:hover{
	background:#7D3908;
	
}
.specials li span,.specials li h6{
	color: #7D3908 !important;
	text-transform: capitalize;
	font-size: 14px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	padding-top: 5px;
	margin: 9px 0px 13px 0px;
}
.specials img{
	border:1px solid silver;
	width: 99.5%;
}
.rings-grid1{
	float: right;
	width: 78%;

}
.rings-content h5{
	color: #7D3908 !important;
	text-transform: capitalize;
	font-size: 27px;
	line-height: 31px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	padding-top: 5px;
}
.rings-content p{
	color: #9D9D9D;
	font-size: 12px;
	line-height: 2em;
	text-transform: none;
	margin: 0 0 0 0;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px 0px;
}
.righs-list{
	background-color:#393938;
	padding: 7px 5px 8px 5px;
	border-bottom:ridge  #7D3908;
	margin-top:10px;
}
.righs-list ul li{
	display:inline;
	font-size:12px;
	color:#fff;	
	margin-right:10px;
	
	text-transform: capitalize;
	font-size: 14px;
	
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
.righs-list ul{
	margin-left:10px; 
}
.righs-list span{
	color: #fff;
	text-transform: capitalize;
	font-size: 14px;
	
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
.righs-list ul li:last-child{
	float:right;
	margin-top:5px; 
	
}
.righs-list ul li a{
	color:#fff;
	margin-right:10px;
}
.righs-list ul li a:hover{
	text-decoration:underline;
}
.ring-box{
	border: 1px ridge rgb(228, 228, 228);
	margin-top: 10px;
	
}
.ring-box ul li{
	width: 33%;
	float:left;
	display:block;
}
.ring-box ul li h5{
	color: #7D3908 !important;
	text-transform: capitalize;
	font-size:14px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	padding-top: 5px;
	margin: 9px 0px 13px 0px;
}
.ring-box li span,.ring-box li h4{
	color: #7D3908 !important;
	text-transform: capitalize;
	font-size: 14px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	padding-top: 5px;
	
}
.ring-box  li p{
	color: #9D9D9D;
	font-size: 12px;
	line-height: 2em;
	text-transform: none;
	margin: 0 0 0 0;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	
}
.ring-box  li img{
	padding:5px 5px 1.5px 5px;
}
.ring-box  li:last-child{
	text-align:center;
	margin-top:30px;
	border-left:1px solid silver;
}
.ring-box  li h4{
	text-decoration:line-through;
	padding-top:15px;
}
.ring-box  li a{
	background-color: #393938;
	padding: 7px;
	color: white;
	font-size:12px;
	margin-top:10px;
	font-family: 'Titillium Web', sans-serif;
	border-radius: 3px;
}
.ring-box  li a:hover{
	background-color:#7D3908;
}

/*---weding---*/
.accordion h3 {
		background-image:url('../images/plus.png')no-repeat right center #F6F6F6;
	margin-top:10px;
    border: 1px solid #EEEEEE;
    color: #7D3908;
    display: block;
  	 font-size: 1.5em;
   	font-weight: bold;
    margin: -1px 0 0 !important;
    padding: 0.2em .5em;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    font-family: 'Titillium Web', sans-serif;
}

.accordion p {
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 10px;
}

.accordion h3.active {
	background-image:url('../images/delete.png')no-repeat right center #ffffff;
	
}

.accordion h3:hover {
	background-color: #ffffff;
	color: #393938;
	border: 1px solid #EEEEEE;
	cursor: pointer;
}

.accordion div {
	padding: .5em .25em;
}
/*----laminate-----*/
/*---products---*/
.products h3{
	font-size: 22px;
	text-transform: uppercase;
	color: #761414;
	margin-bottom: 14px;
	font-family: 'Monda', sans-serif;
}
.product-grid h4,.last1 h4{
	color: #7D3908 !important;
	text-transform: capitalize;
	font-size:18px;
	line-height: 31px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	padding-top: 5px;
}
.product-grids h3{
	color: #7D3908 !important;
	text-transform: capitalize;
	font-size: 27px;
	line-height: 31px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom:15px;
}
.product-grid,.last1{
	width: 29%;
	float: left;
	padding: 17.5px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
	border: 1px ridge rgba(207, 206, 202, 0.25);
}
.product-grid:hover,.last1:hover{
	box-shadow:0px 0px 10px #F1F1F1;
	-webkit-box-shadow:0px 0px 10px #F1F1F1;
	-moz-box-shadow:0px 0px 10px #F1F1F1;
	-o-box-shadow:0px 0px 10px #F1F1F1;
}
.last1{
	margin: 0% 1% 1% 1%;
}
.last2 li a:hover{
	color:#000;
}
.product-grid p,.last1 p{
	float: right;
	color: #9D9D9D;
	font-size: 12px;
	line-height: 2em;
	text-transform: none;
	margin: 0 0 0 0;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0px;
}
.product-grid img,.last1 img{
	cursor:pointer;
}
/*------contact-----*/
/*---contact----*/
.contact h1 { 
		color: #555; 
		margin: 0 0 20px 0; 
	}	
		
.contact	label {	
		font-size:14px;
		font-weight: normal;
		color: #A75214;
		text-transform: none;
		font-family: 'Titillium Web', sans-serif;
		margin: 12px 0px;
		text-transform: uppercase;
	}
	
.contact	form { 
		
		
		
		background: #fff;
				
		/* -- CSS3 - define rounded corners for the form -- */	
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px; 		
		
		/* -- CSS3 - create a background graident -- */
		background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFFFFF)); 
		background: -moz-linear-gradient(0% 40% 90deg,#FFF, #EEE); 
		
		/* -- CSS3 - add a drop shadow -- */
		-webkit-box-shadow:0px 0 50px #ccc;
		-moz-box-shadow:0px 0 50px #ccc; 
		box-shadow:0px 0 50px #ccc;		 		
	}	
	
.contact	fieldset { border: none; }
	
	#user-details { 
		float: left;
		width: 58%;
	}
	
	#user-message { 
		float: left;
		width:40%;
	}
.contact h4{
	font-weight: normal;
	color: #A75214;
	font-size: 27px;
	text-transform: none;
	font-family: 'Titillium Web', sans-serif;
	margin: 12px 0px;
	text-transform: uppercase;
}
.contact input, textarea { 		
		padding: 8px; 
		padding: 8px;
		margin: 4px 0 20px 0;
		outline: none;
		width: 89%;
		display: block;
		font-size: 14px;
		color: rgb(160, 145, 145);
		border: 1px rgb(255, 255, 255) solid;
		-webkit-box-shadow: 0px 0px 4px rgb(255, 234, 234);
		-moz-box-shadow: 0px 0px 4px rgb(255, 234, 234);
		box-shadow: 0px 0px 4px rgb(255, 234, 234);
		-webkit-transition: background 0.3s linear;					
	}
.contact iframe{
	font-family: 'Titillium Web', sans-serif;
}
.contact	textarea {		
		font-family: Arial, Helvetica, sans-serif;
		height: 246.5px; 	
		margin-left: 24px;	 		
	}
	
.contact	input:hover, textarea:hover { 
		background: #eee; 
	}
		
.contact	input[type="submit"] { 	
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 12px;
		text-transform: uppercase;
		border: none;
		cursor: pointer;
		color: #fff;
		display: inline-block;
		background: url(../images/search_shape.png) 0 0 repeat-x #A31E1E;
		padding: 10px 15px;
		font-weight: bold;
		width:150px;
		float: right;
		
	} 
	
.contact	input.submit:hover { 		
		color: #fff;
		text-decoration: none;
		background: #393938;

	} 	
/*------responive-design--------*/
@media screen and (max-width: 1024px) {
	.wrap{
		width:85%;
	}
	.grids{
		padding: 42px 0px 46px 55px;
	} 
	.grid{
		width: 28%;
		margin: 0% 4% 0% 0%;
		border-right:none;
	}
	.box{
		width: 13%;
		margin-right: 1%;
		padding: 16px 30px 16px 18px;
	}
	.box a{
		padding:4px 8px;
	}
	.rings h4{
		font-size:25px;
	}
	.rings{
		width:22%;
	}
	.rings-grid1{
		width:76%;
	}
	.ring-box li:nth-child(2){
		padding-left:15px;
		
	}
	.ring-box li:nth-child(3){
		width:30%;
	}
	.ring-box ul li h5{
		margin:0px;
	}
	.product-grid, .last1{
		width:28%;
	}
}
@media screen and (max-width: 800px){
	.wrap{
		width:760px;
	}
	.header-links ul li a{
		padding: 8px 9px 8px 7px;
	}
	.header-links img{
		float:right;
		margin-right:20px;
		margin-right: 42px;
	}
	.contactbar {
		float: right;
		margin: 37px 41px 0px 0px;
	}
	.box {
		width: 12.5%;
		margin-right: 1%;
		padding: 14px 26px 14px 14px;
	}
	.boxs{
		padding:16px;
	}
	.box p{
		margin-bottom:0px;
	}
	.box span{
		line-height:3em;
	}
	.box a {
		float:none;
		margin-top:15px;
	}
	.rings{
		display:none;
	}
	.rings-grid1{
		float:none;
		width:96%;
	}
	.rings-content h5{
		padding-left:10px;
	}
	.rings-content p {
		padding:0px 10px;
	}
	.product-grid, .last1 {
		width: 26.6%;
	}
	.product-grids{
		padding:0px 17px 0px 10px;
	}
	.contact{
		padding:0px 30px 0px 20px;
	}
	#user-details{
		width:56%;
	}
	.grids{
		padding: 42px 0px 46px 26px;
	}
}	
@media screen and (max-width: 600px){
	.wrap{
		width:90%;
	}
	.header-links img{
		float:right;
		margin:0px;
	}
	.top-links ul li a{
		border-right: 1px solid rgb(85, 82, 82);
		padding: 9px 21px 15px 20px;
	}
	.search {
		float: right;
		width:0px;
	}
	.contactbar{
		width:129px;
	}
	.grid {
		width: 26%;
		margin: 0% 7% 0% 0%;
	}
	.grid a{
		background:none;
		color:#793605;
		padding:0px;
		font-size: 12px;
	}
	.grid a:hover{
		background:none;
		color:#393939;
	}
	.box {
		width: 9.5%;
	}
	.footer-grid1{
		width: 25%;
		padding:0px;
	}
	.rings-grid1{
		width:100%;
	}
	.rings-content h5{
		padding:0px;
	}
	.rings-content p {
		padding:0px;
	}
	.product-grid, .last1{
		width:23.6%;
	}
	.product-grid h4, .last1 h4 {
		font-size:14px;
	}
}
body {
	margin: 0;
	padding: 0;
	font-family: "Georgia", serif;
	background-color: #000;
	color: #000;
	background: #FFF;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	color: #56bcf1;
	outline: none;
}

br.clear {
	clear: both;
}

#wrapper {
	padding: 0;
	width: 980px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
}

#logo {
	margin: 0;
}
	#logo h1 {
		position: absolute;
		margin: 0;
		padding: 0;
		font-weight: normal;
		font-size: 48px;
		letter-spacing: -1px;
		color: #000;
		top: 550px;
		
	}
	#logo span {
		color: #56bcf1;
	}
	
#categories {
	float: right;
}
	#categories a{
		padding: 10px;
		color: #000;
		font-size: 18px;
		text-decoration: none;
	}
	
	#categories li {
		margin: 0;
		padding: 0;
		display: inline-block;
		height: 31px;
	}
	
	#categories .current {
		border-top: 1px solid #56bcf1;		
	}
	
	#categories .current {
		color: #000;		
	}	

#gallery {
	clear: both;
	margin: 0;
	padding: 9px;
	width: 960px;
	border: solid 1px #000;
	color: #FFF;
	position: relative;
}

#output  {	
	position: absolute;
}
#output img {
	width: 960px;
	height: 530px;
	margin: 0; padding: 0;	
}



#nav{
	position: absolute;
	top: 560px;
	right: 0;
	margin: 6px 0 0 0;
	padding: 0;
	text-align: center;
	display: block;	
	overflow: hidden;	
	color: #000;
	z-index: 200;
}
	#nav ul {
		margin-top: 8px;
	}
	#nav li {
		display: inline-block;
	}
	
	#nav a {
		margin: 0;
		padding: 0 10px;
		color: #56bcf1;
		text-decoration: none;
		font-size: 18px;
	}

	#nav a.navStopAdvance
	{
		display: inline;
	}

	#nav a.navPlayAdvance
	{
		display: inline;
	}

	#nav a.active
	{
		display: none;
	}

#captions{
	margin: 0;
}

	#captions .line
	{
	position: absolute;
	top: 551px;
	left: 4px;
	display: block;
	margin: 0;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	width: 223px;
	height: 34px;
	}

	#captions .line2 {
	position: absolute;
	top: 529px;
	display: block;
	width: 940px;
	margin: 0px;
	background: #000;
	text-align: left;
	/* Apply Opacity */
		-khtml-opacity:.70;
	-moz-opacity:.70;
	-ms-filter:"alpha(opacity=70)";
	filter:alpha(opacity=70);
	opacity:.70;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	left: 9px;
	}
	



.hidden {
	display: none;
}

.thumbnails
{
	width: 200px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

	.thumbnails li
	{
		margin: 0 0 20px 0;
		padding: 0;
		float: none;
	}
	.thumbnails .first
	{
		margin-left: 0px;
	}
	.thumbnails .last
	{
		margin-right: 0px;
	}
	.thumbnails li img
	{
		width: 100px;
		height: 75px;
		border: solid 5px #FFF;
		cursor: pointer;
	}

	.thumbnails li img.active
	{
		border: solid 5px #56bcf1;
	}
	
/** Slider **/

#slider{
	top: 0;
	right: 0;
	margin:0 auto; 
	padding:0; 
	float: right; 
	width:150px; 
	height:510px; 
	position:relative; 
	overflow: hidden;
	z-index: 100;
}
.previous {
	margin: 20px auto;
	display: block;
	text-align: center;
	border: none;
}
.next {
	margin: 20px auto;
	display: block;
	text-align: center;
	border: none;
}
.previous img{
	border: none;
}
.next img{
	border: none;
}
#slider .viewer{ margin:0 auto; width:110px; height:400px; }
#slider .viewer .reel .slide{ width:110px; height:400px;}
#slider .viewer .reel .slide img{max-width:100px;  display: block; }
#slider .viewer .reel .slide images/slider{}

	

#footer {
	padding: 0;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 50px;
	margin-left: 0;
}
	#footer span {
		font-size: 11px;
		float: right;
	}