html, body{
			overflow-y: auto !important;
			overflow-x: hidden;
		}
		body{
			margin: 0;
			padding: 0 0 0 50px;
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
		}
		a img {
			border: none;
		}
		.hide{
			display: none;
		}
		.wrapper{
			max-width: 1100px;
			margin: 0 auto;
		}
		.header{
			width: 100%;
			border-bottom: 2px solid #828282;
			float: left;
			height: 110px;
		}
		.header .wrapper{
			position: relative;
		}
		div.border_left{
			background: url(images/1border_header_left.gif) right -2px no-repeat white;
			width: 895px;
			height: 11px;
			position: absolute;
			left: -889px;
			top: 102px;
			padding-right: 15px;
		}
		div.border_left span{
			background: #828282;						
			display: block;
			width: 100%;
			height: 2px;
			overflow: hidden;
		}
		ul, li{
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.header .logo{
			margin-top: 32px;
			margin-left: 45px;
			-webkit-transition:0.3s ease all;
			-moz-transition:0.3s ease all;
			transition:0.3s ease all;				
		}
		.header .logo:hover{
			opacity: 0.6;
			-webkit-transform: scale(1.1, 1.1);
		}
		.header ul{
			float: right;
			margin-top: 90px;
			margin-right: 100px;
		}
		.header ul li{
			float: left;
			display: inline-block;
			margin-right: 19px;
		}
		.header ul li:last-child{
			margin-right: 0px;
		}		
		.header ul li a{
			color: #828282;
			text-decoration: none;
			opacity: 0.5;
		}
		.reel{
			float: left;
		/* margin-top: 30px; */
			position: absolute;
			top: 550px;
		}
		.reel a{
			-webkit-transition:0.3s ease all;
			-moz-transition:0.3s ease all;
			transition:0.3s ease all;	
			opacity: 0.3;
		}
		.reel a:hover{
			opacity: 0.7;
		}
		.reelDIV{
			position: relative;
		}
		.reelDIV .modal{
			position: relative;
		}
		.reelDIV .close{
			position: absolute;
			top: -10px;
			right: -17px;
			background: black;
			color: white;
			font-weight: bold;
			font-size: 20px;
			border-radius: 50%;
			min-width: 30px;
			border: 5px solid white;
			min-height: 30px;
			line-height: 1.4em;
			text-align: center;
		}
		.left{
			float: left;
			min-width: 310px;
			background: url("images/bg_left.png") repeat-y left top;
			position: absolute;
			height: 85%;
			top: 124px;
			z-index: 1;
			font-size: 14px;
		}
		.left .lighten{
			opacity: 0.4 !important;
		}
		.left > ul{
			margin-top: 10px;
		}
		.left > ul > li{
			padding-bottom: 10px;
			float: left;
			min-width: 150px;
			clear: left;
			opacity: 1;	
			-webkit-transition:0.3s ease opacity;
			-moz-transition:0.3s ease opacity;
			transition:0.3s ease opacity;		
		}
		.left > ul > li.light ul{
			opacity: 1;
		}
		.left > ul li li.big{

		}
		.left > ul > li.drawing{
			margin-top: -5px;
		}
		.left > ul > li.dimensions{
		}
		.left > ul > li > a > img{
			margin-bottom: 8px; 
			opacity: 1;
			-webkit-transition:0.3s ease all;
			-moz-transition:0.3s ease all;
			transition:0.3s ease all;				
		}
		.left > ul > li:hover > a > img, .left > ul > li:hover{
			opacity: 1;			
		}
		.left > ul > li > ul, .left > ul > li > ul a{
			opacity: 1;
			color: #7a7a7a;			
		}

		.left > ul > li > ul:hover{
			opacity: 1;			
		}
		.left > ul > li > ul > li:not(.design-ind):hover a{
			opacity: 1;
			color: #7e0707;
		}
		.left > ul > li > ul > li.design-ind li a:hover{
			opacity: 1;
			color: #7e0707;	
		}
		.left > ul > li > ul > li{
			margin-bottom: 8px;
		}
		.left > ul li ul li:last-child{
			margin-bottom: 0px;
		}
		.left > ul > li > ul > li > ul > li{
			margin-bottom: 3px;
		}	
		.left > ul > li > ul > li a{
			display: block;
			padding-bottom: 0px;
			text-decoration: none;
		}			
		.left > ul > li > ul > li > a{
			padding-bottom: 4px;
		}
		.left ul li{
			margin-left: 13px;
			cursor: pointer;
		}
		
		.left .dimensions a img.hover, .left .dimensions a img.normal{
			position: absolute;
		}
		.left .dimensions a img.normal{
			margin-top: -6px;
		}
		.left .dimensions a img.hover{
			display: none;
		}
		.left .dimensions > a{
			display: block;
			height: 30px;
		}
		.content{
			float: left;
			min-width: 790px;
			margin-left: 296px;
			position: relative;
			padding-top: 12px;
			z-index: 11;
		}
		.content .contact #loader_gif{
			position: absolute;
			opacity: 0.7;
			display: none;
			z-index: 9999;
			width: 60%;
			height: 86%;
			background: url(images/loading.gif) center center no-repeat white;
		}
		.content .contact #loader_gif span{
			text-align: center;
			margin-top: 300px;
			font-size: 24px;
			color: #666;;
			display: block;
		}
		.content .contact{
			width: 80%;
			padding-left: 20%;
			padding-top: 4%;
			float: left;
			display: none;				
		}
		.content .contact h3{
			font-size: 2em;
			margin: 0 0 1em;
			color:#888;
			font-weight: normal;
		}		
		.content .contact label, .content .contact input,  .content .contact textarea{
			width: 70%;
			float: left;
			clear: both;
		}
		.content .contact label{
			font-size: 1.1em;
			color: #999;
			margin-bottom: 0.3em;
		}
		.content .contact input, .content .contact textarea{
			box-shadow: 0px 0px 6px #ddd inset;
			border:1px solid #cdcdcd;
			min-height: 1.5em;
			margin-bottom: 1.3em;
			font-size: 1.3em;
			padding: 0 8px;
			color:#888;
			-webkit-transition: 0.2s ease-in all;
			transition: 0.2s ease-in all;
		}
		.content .contact input:focus, .content .contact textarea:focus{
			padding: 8px 8px;
			box-shadow: 0px 0px 6px #ddd inset, 0px 0px 12px #888;
		}
		.content .contact textarea{
			min-height: 200px;
		}
		.content .contact input[type="submit"]{
			padding: 0 8px;
			width: 20%;
			min-height: 30px;
			float: left;
			margin-left: 53%;
			color:white;
			background: #999;
			box-shadow: none;
			border: 1px solid #888;
			-webkit-transition: 0.2s ease-in all;
			transition: 0.2s ease-in all;
		}
		.content .contact input[type="submit"]:hover{
			background: #444;
			border:1px solid #555;
			cursor: pointer;
		}
		.content .about{
			font-size: 1.1em;
			color: #999;
			margin-bottom: 0.3em;
			padding: 60px 0 80px 40px;
		}
		.content .about h3{
			font-size: 1.5em;
		}
		.content > ul{
			margin-top: 10px;
			margin-left: 20px;
		}
		.content > ul > li{
			margin-bottom: 10px;
			float: left;
			width: 100%;
			-webkit-transition:0.3s ease all;
			-moz-transition:0.3s ease all;
			transition:0.3s ease all;
			opacity: 1;			
			min-height: 167px;
		}
		.content li.hoverada{
			opacity: 0.6;
		}
		.content li.hoverada-sub{
			opacity: 1 !important;
		}
		.content li li{
			float: left;
			width: 114px;
			opacity: 0.2;
			cursor: pointer;						
			-webkit-transition:0.3s ease all;
			-moz-transition:0.3s ease all;
			transition:0.3s ease all;
			overflow: hidden;
			position: relative;
			height: 167px;
		}
		.content li li:hover{
			opacity: 1 !important;
		}
		.content li li span{
			display: block;
			text-align: left;
			height: 25px;
			padding-top: 5px;
			background: #b3b3b3;
			color: white;
			padding-left: 8px;
			position: absolute;
			bottom: 0;
			width: 100%;
			z-index: 4;
		}
		.content img{
			z-index: 1;
			position: absolute;
		}
		.content img[src="images/index/3.jpg"]{
			width: 110%;
			margin-left: -4%;
		}
		.content img.imgHov{
			z-index: 4;
			display: none;
			min-width: 110%;
			max-height: 154px;
			top: -9px;
			margin-left: -4%;						
		}		

		/* product styles */

		.product-main{
			background: url("images/bg_img-product.jpg") no-repeat center center;
			width: 746px;
			height: 387px;
			border: none;
		}
		.product-main img{
			min-width: 706px;
			margin-top: 16px;
			max-height: 354px;
			margin-left: 18px;
			cursor: pointer;
			opacity: 1;
			-webkit-transition: 0.2s ease-in all;
			-moz-transition: 0.2s ease-in all;
			transition: 0.2s ease-in all;			
		}
		.product-main img:hover{
			opacity: 0.6;
		}
		.product-text{
			width: 695px;
			float: left;
			margin-left: 25px;
			text-align: justify;
			margin-top: -7px;
			font-size: 14px;
			margin-bottom: 70px;
		}
		ul.related{
			float: left;
			width: auto;
			margin-left: 20px;
		}
		ul.related li{
			float: left;
			display: inline-block;
			width: auto;
			margin-right: 12px;
			opacity:1;
			position: relative;
			-webkit-transition: 0.2s ease-in all;
			-moz-transition: 0.2s ease-in all;
			transition: 0.2s ease-in all;
		}
		ul.related li:hover{
			opacity:0.6;
		}
		.overlay{
			position: fixed;
			cursor: pointer;
			bottom: 0;
			right: 0;
			top: 0;
			left: 0;
			z-index: 8010;
			background: url("images/fancybox_overlay.png");
			display: none;
		}
		.overlay .modal{
			width: 844px;
			text-align: center;
			background: white;
			padding: 10px;
			margin: 0 auto;
			display: block;
			margin-top: 120px;
		}
		.overlay .gallery{
			width: 100%;
			background: #171717;
			padding: 10px 0 15px;
			margin-top: 20px;
			float: left;
		}
		.overlay .gallery li{
			float: left;
			display: inline-block;
			margin-right: 6px;
		}
		.overlay .gallery img{
			max-width: 165px;
			max-height: 105px;
			-webkit-transition: 0.2s ease-in all;
			-moz-transition: 0.2s ease-in all;
			transition: 0.2s ease-in all;
			opacity: 1;			
		}
		.overlay .gallery img:hover{
			opacity: 0.3;
		}
		.overlay .gallery .text{
			color:white;
			font-size: 14px;
			width: 94%;
			margin-bottom: 20px;
		}
		div.thumbwrapper{
			max-width: 100%;
			margin: 0 auto;
			overflow: hidden;
		}
		#fancybox-thumbs ul{
			left: 0px !important;
			width: 1140px !important;
			margin: 0 auto !important;
			max-height: 227px;
			overflow: auto;
		}
		.fancybox-lock .fancybox-overlay{
			overflow: auto;
		}
		.fancybox-overlay > div{
			top: 13% !important;
		}
		#fancybox-thumbs ul li a{
			height: 94px !important;
		}
		#fancybox-thumbs ul li img{
			top: 0px !important;
			min-height: 100px !important;
		}
		#fancybox-thumbs.bottom {
			background: rgba(0,0,0,0.2) !important;
			padding: 5px 5px 5px 45px !important;
		}

		@media only screen and (max-height: 835px){
			#fancybox-thumbs ul{
				max-height: 100px;
			}
		}

		@media only screen and (max-height: 768px){
			.reel{
				top: 461px;
			}

			.reel img{
				width: 70%;
				margin-left: 4%;
			}
		}

		@media only screen and (max-width: 1074px){
			#fancybox-thumbs ul{
				width: 840px !important;
			}
		}