body, html {
	 height:100%;
}

/* RoyalSlider */
a.nextSlideAbout {
	background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-headerblue-small.png) no-repeat right top;
	height:20px;
	display:inline-block;
	text-shadow: 0 -1px 0 #2a7db2 !important; color:#FFFFFF; font-weight:400 !important; text-transform:uppercase; font-size:14px !important; line-height:10px !important;
    font-family: 'oswald', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; 
	text-decoration:none;
	padding:12px 70px 4px 10px; margin:15px 0 0 0;
}

.royalSlider {	
	position:relative; z-index:1020;
	/* set width and height of slider here, in px, % or em*/
	width:100%;
	height:100%;
	/* Used to prevent content "jumping" on page load. this property is removed when javascript is loaded and slider is instanciated */
	overflow:hidden;
	float:left; }

/* Slides area (set background here) */
.royalSlider .royalWrapper {
	overflow:hidden;	
	position:relative;
	width:100%; 
	height:100%; }

.royalSlider .royalSlide,
.royalSlider .royalWrapper {}
	
/* 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;
	height: 100%;
}

/* Direction Navigation (arrows) */
.royalSlider .arrow {	
	/* change arrows size here */
	width: 50px;
	height: 50px;
	-moz-border-radius: 30px;-webkit-border-radius:30px;border-radius:30px;
	top:50%;
	margin-top:-45px;	
	cursor: pointer;
	display: block;
	position: absolute;		
	z-index:25; }
	
.royalSlider .arrow:hover {
	
}
.royalSlider .arrow.disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;}

/* left arrow */
.royalSlider .arrow.left {
	background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-slider-arrow-prev.png) no-repeat 19px center rgba(50, 150, 214, 1);
	background-repeat: no-repeat;
	left: 30px;
}
	
/* right arrow */
.royalSlider .arrow.right {
	background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-slider-arrow-next.png) no-repeat 20px center rgba(50, 150, 214, 1);
	background-repeat: no-repeat;
	right: 30px;
}

/* hovers */
.royalSlider .arrow.right:hover {
	background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-slider-arrow-next.png) no-repeat 20px center rgba(0, 0, 0, 1);
	background-repeat: no-repeat;
	-webkit-transition:all 0.1s linear;
	right: 30px;
}
.royalSlider .arrow.left:hover {
	background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-slider-arrow-prev.png) no-repeat 19px center rgba(0, 0, 0, 1);
	background-repeat: no-repeat;
	-webkit-transition:all 0.1s linear;
	left: 30px;
}

.royalSlider .arrow.right:active {
	background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-slider-arrow-next.png) no-repeat 20px center rgba(50, 150, 214, 1);
	background-repeat: no-repeat;
	right: 30px;
}
.royalSlider .arrow.left:active {
	background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-slider-arrow-prev.png) no-repeat 19px center rgba(50, 150,2140, 1);
	background-repeat: no-repeat;
	left: 30px;
}


/* Control navigation container (bullets or thumbs) */
.royalSlider .royalControlNavOverflow {
	width:100%;
	overflow:hidden;
	position:absolute;
	margin-top:0;
	z-index:25; }
	
/* This container is inside ".royalControlNavContainer" and is used for auto horizontal centering */
.royalSlider .royalControlNavCenterer {	
	float: left;
	position: relative;
	left: -50%; }
	
/* Control navigation container*/ 
.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 {
	display:none;
	width: auto;
	position: relative;
	overflow: hidden;
}


/* Control navigation (bullets, thumbnails) */
.royalSlider .royalControlNavOverflow a{	
	background:#3296d6 none no-repeat scroll 0 0;
	width:8px;
	height:8px;	
	float:left;	
	cursor:pointer;	
	position:relative;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	margin-right:5px;
	display:block;
	text-indent: -9999px;
background: #3f9ad3; /* Old browsers */
background: -moz-linear-gradient(top, #3f9ad3 0%, #2b77a7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f9ad3), color-stop(100%,#2b77a7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3f9ad3 0%,#2b77a7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3f9ad3 0%,#2b77a7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3f9ad3 0%,#2b77a7 100%); /* IE10+ */
background: linear-gradient(to bottom, #3f9ad3 0%,#2b77a7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f9ad3', endColorstr='#2b77a7',GradientType=0 ); /* IE6-9 */
} 
	
/* Current control navigation item */
.royalSlider .royalControlNavOverflow a.current {
background: #282828; /* Old browsers */
background: -moz-linear-gradient(top, #282828 0%, #565656 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282828), color-stop(100%,#565656)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #282828 0%,#565656 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #282828 0%,#565656 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #282828 0%,#565656 100%); /* IE10+ */
background: linear-gradient(to bottom, #282828 0%,#565656 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#565656',GradientType=0 ); /* IE6-9 */
}

/* Hover state navigation item */
.royalSlider .royalControlNavOverflow a:hover {	background-color: #1c74ad; }
.royalSlider .royalControlNavOverflow a:active {	background-color: #1d1d1d; }

/* Thumbnails */
.royalSlider .royalControlNavOverflow a.royalThumb{	
	/*background: none no-repeat 0 0;*/
	/*background-color: ;*/
	width:205px;
	border:3px solid #3c3c3c !important;
	-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;

	height:100px;	
	/* thumbnails spacing, use margin-right only */	
	margin-right:4px; }
	
.royalSlider .royalControlNavOverflow a.royalThumb.current {	
	border:3px solid #3f9ad3 !important;
	width:205px;
	height:100px; }
	
.royalSlider .royalControlNavOverflow a.royalThumb:hover {	
	border:3px solid #3f9ad3 !important;
	width:205px;
	height:100px; }

/* Thumbnails navigation arrows */
.royalSlider .thumbsArrow {	
	width: 38px;
	height: 68px;	
	cursor: pointer;
	display: block;
	position: relative;		
	z-index: 25;
	background: #C99; }
	
.royalSlider .thumbsArrow.left { float: left; }
.royalSlider .thumbsArrow.right { float: right; }
.royalSlider .thumbsArrow:hover {}
.royalSlider .thumbsArrow.disabled {}

/* Captions container */
.royalSlider .royalCaption {
	z-index:20;
	display:block;
	position:absolute;	
	left:0;
	top:0;
	/*font: normal normal normal 1em/1.5em Georgia, serif;
	color:#FFF;	*/ }
	
/* Caption item */
.royalSlider .royalCaptionItem {
	position:absolute;	
	left:0;
	top:0;
	margin: 0;
	padding: 0; }


/* Loading (welcome) screen */
.royalSlider .royalLoadingScreen {
	background:#FFF;
	width:100%;
	height:100%;
	position:absolute;
	z-index:99;	}
	
/* Loading screen text ("Loading...") */
.royalSlider .royalLoadingScreen p {		
	width:100%;
	position:absolute;	
	margin:0 auto;
	top: 45%;
	text-align:center; }

/* single slide image preloader */
.royalSlider .royalPreloader {	
	position:absolute;
	width:16px;
	height:16px;
	left:50%;
	top:50%;
	margin-left:-8px;
	margin-top:-8px;	
	z-index:0;	
	background-image:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/preloader-light.gif); }
	

/* single slide image preloader */
.royalSlider.home-slider .royalPreloader,
.royalSlider.company-slider .royalPreloader {
	position:absolute;
	width:16px;
	height:16px;
	left:50%;
	top:50%;
	margin-left:-8px;
	margin-top:-8px;	
	z-index:0;
	background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/preloader.gif); }

.royalSlider .grab-cursor{cursor:move;}
.royalSlider .grab-cursor{cursor:url("http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/grab.png") 8 8,-moz-grab;}
.royalSlider .grab-cursor{*cursor:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/grab.cur);}
.royalSlider .grab-cursor{cursor:move\0/;} /* ie8 hack */

.royalSlider .grabbing-cursor{cursor:move;}
.royalSlider .grabbing-cursor{cursor:url("http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/grabbing.png") 8 8,-moz-grabbing;}
.royalSlider .grabbing-cursor{*cursor:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/grabbing.cur);}

/* Cursor used if mouse dragging is disabled */
.royalSlider .auto-cursor{cursor:auto;}

.royalSlider .royalHtmlContent {
	position: absolute;
	top: 0;
	left: 0; }
	
.royalSlider .non-draggable { cursor: auto; }
.royalSlider .fade-container .royalSlide {
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 10; }
	
.royalSlider .royalImage {
	max-width:none;
	margin:0;
	padding: 0 !important;
	border: 0 !important; }

a.test-link {
	 width:100px;
	 height:100px; 
	 background:red; 
	 position:absolute; 
	 top:100px; 
	 left:200px; 
	 z-index:9;  
	 display:none; }
	 
a.test-link:hover { background:blue; }
.royalSlide:hover a.test-link { display:block; }


/* ======================== Sliders ===================== */

#image-gallery-fixed {	
	width: 100%;
	height: 100%;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.30);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.30);box-shadow:0 1px 3px rgba(0,0,0,0.30);
	background:#F5F5F5;	
	width: 900px;
	height: 450px;
}
	

/* ======================== Sliders END ===================== */


#navigation {
	 width:15%;
	 background:#222;
	 height:100%;
	 display:block; 
	 float:left; 
	 color:#fff; }

/*-----MEDIA QUERIES UNDER 481px-----*/
@media only screen and (max-width:1023px) and (min-width:5px) {	
	
#navigation {
	 width:20%; 
	 background:red; }
	 
/* RoyalSlider */
.royalSlider {	
	width:100%; }