@charset "UTF-8";
/* CSS Document */


.captionholder 
{
    position: absolute;
	max-width: 50%;
	color: #FFF;
	display: block;
	font-family: 'Questrial', Arial, sans-serif;
	font-weight: 400;
	padding: 2%;
	background-image: url(/images/sliderimages/transbgblue.png);
	background-repeat: repeat;
	float:left;
	bottom: 0;
}

.captionholder p {
    color:White;
}

.sliderlink {
	float:left;
	color: #000;
	font-family: 'Francois One', sans-serif;
	font-weight: 400;
	background-color: #BED72D;
	font-size:14px;
	text-align:right;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	border-top-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-right-radius: 12px;
	border-bottom-right-radius: 12px;
	background-image: url(/images/sliderimages/go-arrow-lrg.png);
	background-position: right center;
	background-repeat: no-repeat;
	text-decoration:none;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 30px;
	margin-top:5px;
	}

.sliderlink:hover {
    color: #ffffff;
}

#slider {
    width: 1024px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin-left:auto;
	margin-right: auto;
	background-color:#E0FCFF;
}

#slider p{
color:#fff;
font-size:13px;}

.sliderhead {
	font-family: 'Francois One', sans-serif;
	font-size: 24px;
	font-weight: 400;
	color:#fff;
	margin-bottom:8px;
	margin-top:0px;
}

#sliderContent {
    width: 100%; /* important to be same as image width or wider */
    position: absolute;
	padding: 0px;
	margin:0px;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
	position: absolute;
	max-width: 500px;
	color: #FFF;
	display: none;
	font-family: 'Questrial', Arial, sans-serif;
	font-weight: 400;
	padding-top: 20px;
	padding-right: 13px;
	padding-bottom: 15px;
	padding-left: 13px;
	background-image: url(/images/sliderimages/transbgblue.png);
	background-repeat: repeat;
	}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 20px;
}
.top {
		color: #FFF !important;
top: 0;
	left: 0;
}
.bottom {
	color: #FFF !important;
	bottom: 0;
    left: 0;
}
.sliderImage p a {
	width:300px;
	color: #000;
		font-family: 'Francois One', sans-serif;
	font-weight: 400;
	background-color: #BED72D;
	display:block;
	font-size:14px;
	text-align:right;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	border-top-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-right-radius: 12px;
	border-bottom-right-radius: 12px;
	background-image: url(/images/sliderimages/go-arrow-lrg.png);
	background-position: right center;
	background-repeat: no-repeat;
	text-decoration:none;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 30px;
}

.sliderImage p a:hover {
	background-image: url(/images/sliderimages/go-arrow-lrg.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-color:#5FC8D9;
	color:#fff;
	text-decoration:none;
}

.right-slide {
	color: #FFF !important;
	bottom: 0;
	left: 498px;
/*	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
 	border-top-left-radius: 12px;
*/
}

.left-slide {
	color: #FFF !important;
	bottom: 0;
    right: 600px;
/*	-moz-border-radius-topright: 12px;
-webkit-border-top-right-radius: 12px;
 border-top-right-radius: 12px;
*/}

ul {
	list-style-type: none;
}

.blutxt {
	color: #008BD2;
}

.class_box_shadow{
    width: 1014px;
    min-width: 300px;
    min-height: 280px;
    margin: 20px auto;
    background: #ccc;
    border: 5px solid white;
    position:relative;
    box-shadow: 0 0 1px rgba(37, 62, 81, 0.8);
    -moz-box-shadow: 0 0 1px rgba(37, 62, 81, 0.8);
    -webkit-box-shadow: 0 0 1px rgba(37, 62, 81, 0.8);
}



.sh_bottom{
	width: 100%;
	height: 45%;
	position:absolute;
	z-index: -2;
	bottom: 0px;
	right: 0px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-box-shadow: 0px 10px 2px rgba(37, 62, 81, 0.2);
	-moz-box-shadow: 0px 10px 2px rgba(37, 62, 81, 0.2);
	box-shadow: 0px 10px 2px rgba(37, 62, 81, 0.2);
	visibility: visible;
}
.sh_bottom:after{
    content: "";
    position:absolute;
    right: 0px; bottom:0px;
    width:150px; height: 100px;
    z-index: -1;
    background: rgba(37, 62, 81, 0.2);
    -moz-box-shadow: 20px 30px 12px rgba(37, 62, 81, 0.16);
    -webkit-box-shadow: 20px 30px 12px rgba(37, 62, 81, 0.16);
    box-shadow: 20px 30px 12px rgba(37, 62, 81, 0.16);
    -moz-transform:skew(10deg,10deg) translate(-40px,-15px);
    -webkit-transform:skew(10deg,10deg) translate(-40px,-15px);
    transform:skew(10deg,10deg) translate(-40px,-15px);
}
.sh_bottom:before{
    content: "";
    position:absolute;
    left: 0; bottom:0;
    width:150px; height: 100px;
    z-index: -1;
    background: rgba(37, 62, 81, 0.2);
    -moz-box-shadow: -20px 30px 12px rgba(37, 62, 81, 0.16);
    -webkit-box-shadow: -20px 30px 12px rgba(37, 62, 81, 0.16);
    box-shadow: -20px 30px 12px rgba(37, 62, 81, 0.16);
    -webkit-transform:skew(-10deg,-10deg) translate(40px,-15px);
    -moz-transform:skew(-10deg,-10deg) translate(40px,-15px);
    transform:skew(-10deg,-10deg) translate(40px,-15px);
}

/*Styles for screen 667px and lower*/
@media only screen and (max-width : 667px) {
	/*Home Page Tiled Area*/
.captionholder {display:none}
.sliderhead {
	font-size:14px;
	margin-bottom:3px;
	}
	.centered-btns_nav {display:none;}
.sliderlink {
   padding: 3px 30px 3px 5px;
   font-size: 12px;	
}

}