 /*  RoyalSlider */
.royalSlider {	position:relative;overflow:hidden;}
.royalSlider .royalWrapper {overflow:hidden;	position:relative;width:100%; height:100%;}
.royalSlider .royalWrapper:hover { cursor: e-resize}
/* slides holder, grabbing container */
.royalSlider .royalSlidesContainer {position: relative;left: 0;top: 0 !important;list-style:none !important;margin:0 !important;padding:0 !important;border: 0 !important;}
/* slide item */
.royalSlider .royalSlide {padding: 0 !important;margin: 0 !important;	border: 0 !important;list-style: none !important;position:relative;float:left;overflow:hidden;	}
.royalSlider .arrow{	width: 45px;height: 90px;top:50%;margin-top:-45px;	cursor: pointer;display: block;position: absolute;z-index:25;}
.royalSlider .arrow:hover {}
.royalSlider .arrow.disabled {}
/* arrow */
.royalSlider .arrow.left {left: 0;	}
.royalSlider .arrow.right {	right: 0;}

/* Control navigation container*/ 
.royalSlider .royalControlNavOverflow {overflow:hidden;position:absolute;z-index:25;right:30px; bottom:20px;}
.royalSlider .royalControlNavCenterer {	float: left;position: relative;left: -50%;}
.royalSlider .royalControlNavContainer {float: left;position: relative;left: 50%;	}


/* Scrollable thumbnails containers */
.royalSlider .royalControlNavThumbsContainer {	left:0;position:relative;}
.royalSlider .thumbsAndArrowsContainer {overflow:hidden;width: 100%;position: relative;}
.royalSlider .royalControlNavOverflow.royalThumbs {	width: auto;position: relative;overflow: hidden;margin-top:4px;	}


/* Control navigation (bullets, thumbnails) */
.royalSlider .royalControlNavOverflow a{background:url(btn.png) 0 0 no-repeat;width:24px;height:20px;float:left;	cursor:pointer;	position:relative;display:block;text-indent: -9999px;	}
/* Current control navigation item */
.royalSlider .royalControlNavOverflow a.current {background:url(btnactive.png) 0 0 no-repeat	}
/* Hover state navigation item */
.royalSlider .royalControlNavOverflow a:hover {	background:url(btnactive.png) 0 0 no-repeat}

.desbox{ position:absolute; top:15%; left:48%; z-index:1000000; text-align:left;; width:48%}
.desbox h1{ font-family:'Oswald',"Trebuchet MS", "Myriad Web Pro", arial, serif; letter-spacing:1px; color:#fff; padding:0 0 10px 0; font-size:28px; text-shadow: 1px 1px #000000;}
.desbox,.desbox p,.desbox div{ color:#fff; font-size:22px; line-height:30px; text-shadow: 1px 1px #000000;}
.desbox a.readmore{ display:block; background:url(button.png) -200px 0 no-repeat; width:166px; height:50px; line-height:50px; padding-left:15px; text-decoration:none; color:#000; margin-top:10px; font-family:'Oswald',"Trebuchet MS", "Myriad Web Pro", arial, serif; letter-spacing:1px; font-size:16px; margin-left:-2px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;;}
.desbox a.readmore:hover{ background:url(button.png) 0 0 no-repeat; color:#fff;}

@media handheld, only screen and (max-width: 720px){
	.desbox		{ top:5%; width:50%}
	.desbox h1	{ font-size:26px; padding:0px}
	.desbox,.desbox p,.desbox div{ font-size:16px; line-height:20px}
}
@media handheld, only screen and (max-width: 600px){
	.desbox		{ top:5%; width:50%}
	.desbox h1	{ font-size:22px; padding:0px;}
	.desbox,.desbox p,.desbox div{ font-size:14px; line-height:1em}
	.desbox a.readmore,.desbox a.readmore:hover{ width: auto; float:left; height:20px; background:none; color:#fff; font-size:12px; padding:0 5px; margin:0px; line-height:20px; background:#000}
}
@media handheld, only screen and (max-width: 480px){
	.desbox		{ top:20%; width:50%}
	.desbox h1	{ font-size:14px; padding:0px; line-height:1.5em;}
	.desbox .description{ display:none}
	.desbox a.readmore,.desbox a.readmore:hover{ width: auto; height:20px; background:none; color:#fff; font-size:10px; padding:0 5px; margin:0px; background:#000; float:left}
}
@media handheld, only screen and (max-width: 320px){
	.desbox		{ top:20%; width:50%}
	.desbox h1	{ font-size:12px; padding:0px; line-height:1.5em;}
	.desbox .description{ display:none}
	.desbox a.readmore,.desbox a.readmore:hover{ width: auto; float:left; height:20px; background:none; color:#fff; font-size:10px; padding:0 5px; margin:0px; background:#000;}
}
