@charset "UTF-8";


/*slider*/
 
            .jssord21l, .jssord21r, .jssord21ldn, .jssord21rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../images/d21.png) center center no-repeat;
                overflow: hidden;
            }
            .jssord21l { background-position: -3px -33px; }
            .jssord21r { background-position: -63px -33px; }
            .jssord21l:hover { background-position: -123px -33px; }
            .jssord21r:hover { background-position: -183px -33px; }
            .jssord21ldn { background-position: -243px -33px; }
            .jssord21rdn { background-position: -303px -33px; }
			
			.jssorn21 div, .jssorn21 div:hover, .jssorn21 .av
            {
                background: url(../images/n21.png) no-repeat;
                overflow:hidden;
                cursor: pointer;
            }
            .jssorn21 div { background-position: -5px -5px; }
            .jssorn21 div:hover, .jssorn21 .av:hover { background-position: -35px -5px; }
            .jssorn21 .av { background-position: -65px -5px; }
            .jssorn21 .dn, .jssorn21 .dn:hover { background-position: -95px -5px; }
			
			h1.slider_heading {
				position:absolute; 
				bottom: 47%; 
				left: 0px; 
				font-size: 60px; 
				color: #fff; 
				font-weight: bold; 
				letter-spacing: -0.5px; 
				text-align: center; 
				width: 100%;	
				text-shadow: 0 -1px 2px rgba(0,0,0,0.6);
			}
			div.slider_caption {
				position: absolute;
				bottom: 10%;
				right: 10%;
				width: 30%;
				color: #fff;	
			}
			div.slider_caption h2 {
				font-weight: bold;
				letter-spacing: 1px;
				text-transform: uppercase;
				font-size: 24px;
				text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
				margin-bottom: 5px;	
			}
			div.slider_caption p {
				background: rgba(0,0,0,0.2);
				border-radius: 5px;
				text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
				padding: 10px 15px;
				font-size: 14px;
				line-height: 1.5;	
			}