@charset "utf-8";
/* CSS Document */
		.slideshow {
	position: absolute;
	height: 838px;
	top: 0px;
			} 


.hide {
	visibility: hidden;
}
.show {
	visibility: visible;
}
.slidewrap {
	background-image: url(images/clothbgtile.jpg);
	width: 100%;
}
			#slideshow-caption{
				padding: 0px;
	margin:0;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px
			}
 
			#slideshow img, #slideshow div {  
    			padding: 0px; 
					
			}
			
			.homenext a {
	width: 70px;
	position: absolute;
	background-image: url(images/right.jpg);
	z-index: 2000;
	right: 5px;
	top: 250px;
	font-size: 5em;
	font-weight: bold;
	box-shadow: 0px 0px 30px #000;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	height: 140px;
	text-indent: -9999px;
			}
				.homenext a span {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0;
	left: 0px;
	background-image: url(images/right.jpg);
	background-position: -140px top;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	}
.homenext a:hover span {
	opacity: 1;
			}
			.homenext a:hover {
	opacity: 1;


			
			}

.homepre a {
	width: 70px;
	position: absolute;
	background-image: url(images/left.jpg);
	z-index: 2000;
	left: 5px;
	top: 250px;
	box-shadow: 0px 0px 30px #000;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	background-repeat: no-repeat;
	background-position: 0px top;
	display: block;
	height: 140px;
	text-indent: -9999px;
			}
	.homepre a span{	
		width: 70px;	
	position: absolute;
		left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	  opacity: 0;
	background-image: url(images/left.jpg);
	background-position: -70px top;
		-webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
	}
			
.homepre a:hover span {
	opacity: 1;
			}
			.homepre a:hover {
	opacity: 1;

			}
						@media only screen and (min-width: 1620px) {
.homepre a {
  left: 10%;	
}
.homenext a {
	right: 10%;
}
}
						@media only screen and (min-width: 2020px) {
.homepre a {
  left: 20%;	
}
.homenext a {
	right: 20%;
}
}
.infolinkboxwraper {
	position: relative;
	width: 979px;
	margin-right: auto;
	margin-left: auto;
	z-index: 3000;
}

.infolinkbox a {
	position: absolute;
	background-image: url(images/redbg.png);
	border: 1px solid #FCC;
	text-align: center;
	right: 100px;
	top: 250px;
		box-shadow:0px 0px 20px 5px #000, inset 0px 0px 15px  #000;
	-o-box-shadow: 0px 0px 20px 5px #000, inset 0px 0px 15px  #000;
	-webkit-box-shadow: 0px 0px 20px 5px #000, inset 0px 0px 15px  #000;
	display: block;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	padding: 5px 30px 20px 30px;
	border-radius: 5px;
	 text-shadow: 5px 5px 5px #000;

}
.infolinkbox a:hover {
	background-color: #F60;
		-moz-transform: translate(0,-1px) scale(1.1);
	-webkit-transform: translate(0,-1px) scale(1.1);
	-o-transform: translate(0,-1px) scale(1.1);
	-ms-transform: translate(0,-1px) scale(1.1);
		box-shadow: 0px 0px 20px 5px #000, inset 0px 0px 15px  #000;
	-o-box-shadow: 0px 0px 20px 5px #000, inset 0px 0px 15px  #000;
	-webkit-box-shadow: 0px 0px 20px 5px #000, inset 0px 0px 15px  #000;
}
.infolinkbox h1 {
		position: absolute;
			width: 300px;
		right: 40px;
		top: 250px;
	display: block;
	text-align: center;
	margin-bottom: 0px;
		z-index: 5000;
}
.infolinkbox a span {
	letter-spacing: 0.1em;
	text-shadow: 3px 3px 5px #000;
	text-transform: capitalize;
	font-variant: small-caps;
	font-size: 150%;
	display: block;
	color: #FFC;
}


table { margin: auto; border-collapse: separate; border-spacing: 20px }
td { vertical-align: top; text-align:center; width: 235px }
hr { margin-top: 20px; }

#nav {
	position: absolute;
	z-index: 9000;
	margin-right: auto;
	margin-left: auto;
	top: 360px;
}

#nav a {
	box-shadow: 5px 5px 10px #000;
	-o-box-shadow: 5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;
	border: 1px solid #FCC;
	text-decoration: none;
	z-index: 9000;
	background-image: url(images/redbg.png);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	position: relative;
	display: inline-block;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	float:left;
}
#nav a:hover {
	border: 1px solid #FCC;
	text-decoration: none;
	margin: 0 5px;
	padding: 3px 5px;
	z-index: 4000;
	background-image: url(images/redbg.png);
	background-color: #FC0;
				-moz-transform: translate(0,-1px) scale(1.1);
	-webkit-transform: translate(0,-1px) scale(1.1);
	-o-transform: translate(0,-1px) scale(1.1);
}

#nav a.activeSlide {
	background-color: #F90;
	color: #FFF;
	-moz-transform: translate(0,-2px) scale(1.2);
	-webkit-transform: translate(0,-2px) scale(1.2);
	-o-transform: translate(0,-2px) scale(1.2);
}

#nav a:focus { 
outline: none; 
}
.bothome {
	position: absolute;
	height: 300px;
	width: 428px;
	top: 160px;
	left: 150px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	/* [disabled]clip: rect(auto,auto,300px,auto); */
	box-shadow: 0px 0px 20px 5px #000, inset 0px 0px 15px  #000;
	-o-box-shadow: 0px 0px 20px 5px #000, inset 0px 0px 15px  #000;
	-webkit-box-shadow: 0px 0px 20px 5px #000, inset 0px 0px 15px
}


.webbg {

	background-image: url(images/webbg.jpg);

}

.homeslides {
	background-repeat: no-repeat;
	background-position: center top;
	height: 642px;
	width: 100%;
	position: absolute;
	z-index: 1;
}

.printbg {

	background-image: url(images/printbg.jpg);


}
.awardslide {

	background-image: url(images/awardslide.jpg);

}



.flashbg {
	background-image: url(images/flash.jpg);

}
.photoshopbg {
	background-image: url(images/photoshop.jpg);
}
.vectorbg {
	background-image: url(images/vector.jpg);
}
.illustrationbg {
	background-image: url(images/illustration.jpg);
}
.photographybg {
	background-image: url(images/photography.jpg);
}
.enable {
		position:relative;
	width: 200px;
	top: 150px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/redbg.png);
	border: 1px solid #FCC;
	padding: 5px;
	text-align: center;
}
@media only screen and (max-width: 985px) {
			.slideshow {
				width: 100%;
	position: absolute;
	top: 170px;
			} 


.hide {
	visibility: hidden;
}
.show {
	visibility: visible;
}
.slidewrap {
	background-image: url(images/clothbgtile.jpg);
	width: 100%;
}
			#slideshow-caption{
				padding: 0px;
	margin:0;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px
			}
 			
			.homenext a {
	width: 70px;
	right: 5px;
	top: 400px;
	height: 140px;

			}
				.homenext a span {
	background-position: -140px top;

	}
.homepre a {
	width: 70px;
	left: 5px;
	top: 400px;
	background-position: 0px top;
	height: 140px;

			}
	.homepre a span{		
	background-position: -70px top;
	}
.infolinkboxwraper {
	width: 100%;
}

.infolinkbox a {
	right: 100px;
	top: 250px;
}
}