@charset "utf-8";
/* 
	CSS Document
	Copyright (c) 2011 Spotnil (http://www.li-slider.com)
	Version: 2.0 (06/20/2011)
*/
	
/* =========================== */	
/*        Caption Rules        */	
/* =========================== */

/* General caption settings */
.li-banner .caption_Bottom, .li-banner .caption_Top, .li-banner .caption_Left, .li-banner .caption_Right, .li-banner .caption_Custom {
	position: absolute;
	display:block;
	z-index: 105;
	margin: 0px;
	padding: 0px;
	border: none;
}

.li-banner .caption_Bottom {
	bottom: 0px;
	left: 0px;
	width: 100%;
}

.li-banner .caption_Top {
	top: 0px;
	left: 0px;
	width: 100%;
}

.li-banner .caption_Left {
	top: 0px;
	left: 0px;
	
}

.li-banner .caption_Right {
	top: 0px;
	right: 0px;
	height: 100%;
}

.li-banner .caption_Custom {
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

/* =========================== 
 	Left, Top, Right, Bottom
  default colors and settings.
	.caption_Left .caption_Top, .caption_Right, .caption_Bottom - are used for the background the background (default - black)
	.caption_content - is used for the inside content (font color, size etc.)
 =========================== */
.li-banner .caption_content {  
	padding:25px;
	display: block;
	z-index: 2;
	color: #fff;
	position: absolute;
	font-size:60px;
	line-height:1.2em;
	font-family: 'Herr Von Muellerhoff', cursive;
}

.li-banner .caption_content a.caption-button {
	font-size:14px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	background:#000;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	font-family:Lucida grande,sans-serif;
	line-height:normal;
	padding:12px 25px;
	float:left;
	text-transform:uppercase;
	margin-top:30px;
	border:1px solid #3b3b3b;
}

.li-banner .caption_content a.caption-button:hover {
	background:#6fc0e4;
	color:#000;
	transition: background 400ms ease-in-out 0s, color 400ms ease-in-out 0s;
	-webkit-transition: background 400ms ease-in-out 0s, color 400ms ease-in-out 0s;
	-moz-transition: background 400ms ease-in-out 0s, color 400ms ease-in-out 0s;
	-ms-transition: background 400ms ease-in-out 0s, color 400ms ease-in-out 0s;
	-o-transition: background 400ms ease-in-out 0s, color 400ms ease-in-out 0s;
}

/*  Main background for each slide */
.li-banner .caption_Top .caption_background, .li-banner .caption_Bottom .caption_background {
	width: 100%;
	height: 40px;
	
}

.li-banner .caption_Left .caption_background, .li-banner .caption_Right .caption_background {
	padding:30px;
	line-height:1.8em;
}

/* Text formatting inside the slides */
.li-banner .caption_Bottom .caption_content, .li-banner .caption_Top .caption_content, .li-banner .caption_Left .caption_content, .li-banner .caption_Right .caption_content {
	padding:40px;
}

.li-banner .caption_Bottom .caption_content a, .li-banner .caption_Top .caption_content a, .li-banner .caption_Left .caption_content a, .li-banner .caption_Right .caption_content a {
}

/* =========================== 
 	Custom
  When Custom is set for the caption, the background has no settings and with its absolut position will not be visible.
	Here we reset the settings for the content so it is always alignet to the top left, width/height 100% and default color white.
 =========================== */
.li-banner .caption_Custom .caption_content {
	padding: 0px;
	display: block;
	z-index: 2;
	color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	
}