/**
*
* FSS - Full Screen Sliding Website Plugin
* URL: http://www.codecanyon.net/user/lydian
* Version: 1.0
* Author: Lydian
* Author URL: http://www.codecanyon.net/user/lydian
*
*
* ATTENTION:
*
* This styles file include the styles for the sample content. You can completely
* ignore this file.
*
*/

body {
	background: #fff;
	font: 14px Georgia, Cambria, "Times New Roman", Times, serif;
}
.outer-wrapper {
	border-top: 4px solid #000;
	min-width: 1024px;
}
.inner-wrapper {
	width: 960px;
	margin: 15px auto 10px auto;
	overflow: hidden;
}
/**
* Styles for the top logo.
*/
.logo {
	font-family: "Century Gothic", AppleGothic, Arial, sans-serif;
	font-size:1.75em;
	font-weight: 400;
	color:#000;
	float: left;
	height: 0;
	outline: 0;
	padding-top:2px;
	margin-top: 10px;
}
a.logo {
	text-decoration:none;
}
/**
* Styles for the preloader.
*/
.slider .loading {
	background: url(../images/preloader.gif) no-repeat center center;
}
/**
* Styles for the header menu.
*/
.header .top-menu {
	position: relative;
	list-style: none;
	float: right;
	font: 14px "Century Gothic", AppleGothic, Arial, sans-serif;
	margin: 6px 0 0 0;
	z-index: 1;
}
.header .top-menu li {
	position: relative;
	float: left;
}
.header .top-menu li a {
	display: block;
	padding: 10px;
	text-decoration: none;
	text-transform:uppercase;
	color: #ccc;
	outline: 0;
}
.header .top-menu li a:hover {
	color: #000;
}
.header .top-menu li.selected a {
	font-weight: bold;
	text-transform:uppercase;
	color: #000;
	margin-top: 1px;
}
/**
* Styles for the navigation.
*/
.header .nav {
	position: relative;
	clear: both;
	padding-top: 80px;
	width: 192px;
	height: 54px;
	margin: auto;
}
.header .nav a {
	float: left;
	width: 54px;
	height: 0;
	padding-top: 54px;
	margin-left: 10px;
	overflow: hidden;
	outline: 0;
}
.header .nav a.home-button {
	background: url(../images/home-button-off.png) no-repeat;
}
.header .nav a.home-button:hover {
	background: url(../images/home-button-on.png) no-repeat;
}
.header .nav a.prev-button {
	background: url(../images/prev-button-off.png) no-repeat;
}
.header .nav a.prev-button:hover {
	background: url(../images/prev-button-on.png) no-repeat;
}
.header .nav a.next-button {
	background: url(../images/next-button-off.png) no-repeat;
}
.header .nav a.next-button:hover {
	background: url(../images/next-button-on.png) no-repeat;
}
/**
* Styles for the content.
*/
.content {
	float: left;
}
.content h1 {
	font: 96px Georgia, Cambria, "Times New Roman", Times, serif;
	letter-spacing: -1.5px;
	text-align: center;
	margin: 62px 0 0 0;
	line-height: 102px;
}
.content h2 {
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	line-height: 30px;
	margin: 37px 0 0 0;
	text-align: justify;
}
.content h2 a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	outline: 0;
}
.content h2 a:hover {
	text-decoration: underline;
}
.content p {
	line-height: 22px;
	margin-top: 48px;
}
.content p img {
	display: block;
	margin: 20px 0 40px 0;
}
.content .column {
	float: left;
	width: 460px;
}
.content .column.left-column {
	margin-right: 20px;
}
.content .column.right-column {
	margin-left: 20px;
}
/**
* Styles for the footer.
*/
.footer {
	float: left;
	margin: 40px 0 0 0;
	overflow: hidden;
}
.footer p {
	color: #ccc;
	font-size: 11px;
}
.page {
	margin:150px 0 0 0;
}
.box1 {
	background-color:#cf0021;
	height:400px;
	margin-bottom:15px;
	float:left;
	position:relative;
	z-index:2;
}
.box2 {
	background-color:#0FF;
	height:200px;
	margin-bottom:15px;
}
.box3 {
	background-color:#0FF;
	height:300px;
	margin-bottom:15px;
}
.box4 {
	background-color:#0FF;
	height:220px;
	margin-bottom:15px;
}
.overview {
	font-size:24px;
	margin:10px;
}

/*Captions*/
 
	.demo {
	float:left;
	margin:0 20px 20px 0;
	background:#000;
	text-decoration:none;
}
/* Content */
	.demo p {
	margin:0;
}
.demo img {
	display:block; /* <- to avoid some whitespace at the bottom of the image */
}
/* Caption styles */
	.caption {
	padding:20px;
	background:#000;
	color:#ccc;
	z-index:2;
	position:relative;
	top:-72px;
}
.caption strong {
	color:#fff;
}
.caption em {
	font-style:italic;
	font-family:Georgia, serif;
}
.caption a {
	color:inherit;
}
.caption a:hover {
	text-decoration:none;
}
.caption.alpha {
	background-color:rgb(0,0,0);/* <- fallback */
	background-color:rgba(0,0,0,0.7);
}
.caption.icon {
	padding-left:88px;
	background-image:url(images/camera.png);
	background-repeat:no-repeat;
	background-position:20px 20px;
}
.caption.copyright {
	padding:5px 10px;
	background:transparent;
	text-align:right;
	color:#fff;
	text-shadow:0 1px 0 rgba(0,0,0,0.5);
}
.caption.copyright span {
	padding:2px 8px 4px;
	background:rgba(0,0,0,0.3);
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.caption.widescreen {
	padding:10px 20px;
}
/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: -150px;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}