/* container for slides */
.images {
	background-color:#cccccc;
	position:relative;	
	height:549px;
	width:100%;
	cursor:pointer;
}

#home_slide_shadow	{
	position:absolute;
	bottom:0;
	z-index:-500;
	left:-1%;
	max-width:102%;
}
/* single slide */
.images .slide {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	height:100%;
}

.images .slide div	{
	position:absolute;
	bottom:0;
	color:white;
}
.slide h2, .slide h3	{
	font-family:'MuseoSans500', Verdana, Geneva, sans-serif;
	text-shadow:0 0 0.2em black;
	font-weight:normal;
	margin:0 0 0 25px;
	width:750px;
	line-height:1.1em;
	border-bottom:none;
	padding-bottom:0;
}
.slide h2	{
	font-size:40px;
}
.slide h3	{
	font-size:20px;
	margin-bottom:18px;
}

/* header */

/* tabs (those little circles below slides) */
.slidetabs {
    float: right;
    position: absolute;
	text-align:right;
    width:calc(100% - 10px);
    z-index: 9000;
	margin-top: -27px;
}

/* single tab */
.slidetabs a {
	width:12px;
	height:12px;
	margin:3px 3px 3px 3px;
	background:white;
	display:inline-block;
	font-size:1px;	
	opacity:0.5; Moz-opacity:0.5; Khtml-opacity:0.5; object.filter:(alpha=50); filter:alpha(opacity=50);
	outline:none;
}

/* mouseover state */
.slidetabs a:hover {
	opacity:0.9; Moz-opacity:0.9; Khtml-opacity:0.9; object.filter:(alpha=90); filter:alpha(opacity=90);
}

/* active state (current page state) */
.slidetabs a.current {
	opacity:0.9; Moz-opacity:0.9; Khtml-opacity:0.9; object.filter:(alpha=90); filter:alpha(opacity=90);
} 	


@media screen and ( max-width: 800px ) {	
	.images { width:calc(100% + 20px); margin-left:-10px; }
	.slide h2, .slide h3 { width:calc(100% - 20px); margin-left:10px; }
	.slide h2 { font-size:22px; line-height:26px; }
	.slide h3 { font-size:19px; line-height:22px; }
	.images .slide div { bottom:12px; }
	.slidetabs { width:100%; text-align:center; margin-top:-24px; }
}