@charset "UTF-8";

/**
 * KrisKras website
 *
 * Contains all homepage specific style declarations.
 *
 * @author 			Gerrit Bertier <gerrit@marlon.be>
 * @copyright		Marlon bvba <http://www.marlon.be>
 * @date 			2009-11-23
 * @lastmodified	2009-11-30
 */

/* Main
---------------------------------------------------------- */

.homepage #content { position: relative; }

.homepage #footer { background-position: -960px 0; }

.homepage #content h3 {
	margin: 0 0 13px 0;
	font-size: 1.3846em;
	line-height: 1.0556em;
	color: #00afef;
}

/* Slideshow
---------------------------------------------------------- */

#slideshow {
	height: 300px;
	left: -2px;
	position: relative;
	overflow: hidden;
	width: 560px;
}

#slideshow-inner {
	position: relative;
	width: 999999px;
}

.slide {
	clear: none;
	display: inline;
	float: left;
	height: 300px;
	position: relative;
	overflow: hidden;
	width: 280px;
}

.slide .slide-img {
	position: absolute;
}

.slide .overlay {
	background: transparent url(/img/slideshow-frames.png) no-repeat 0 0;
	cursor: pointer;
	height: 300px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -9999em;
	top: 0;
	width: 280px;
}

.slide .infotext {
	background: transparent url(/img/slideshow-bg-text.png) no-repeat 0 0;
	bottom: 39px;
	left: 0;
	padding: 10px 0 0;
	position: absolute;
	width: 166px;
}

.slide .info-wrapper {
	background: transparent url(/img/slideshow-bg-text.png) no-repeat -166px 100%;
	float: left;
	padding: 0 10px 10px 22px;
	width: 134px;
}

.infotext h3 {
	font-size: 1.6923em;
	font-weight: bold;
	line-height: .9091em;
	margin: 0;
}

.infotext a {
	text-decoration: none;
}

.odd .overlay {	background-position: 0 0; }
.even .overlay { background-position: -280px 0; }

#slide-controls {
	clear: none;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
}

#slide-controls a {
	height: 55px;
	margin: 0;
	overflow: hidden;
	position: absolute;	
	text-indent: -9999em;
	width: 48px;
}
#slide-controls a:hover { background-position: -48px 0; }

#slide-controls .prev {
	background: transparent url(/img/button-slideshow-prev.png) no-repeat 0 0;
	left: -15px;
	top: 109px;
}

 #slide-controls .next {
 	background: transparent url(/img/button-slideshow-next.png) no-repeat 0 0;
	left: 521px;
	top: 109px;
}

/* News excerpts
---------------------------------------------------------- */

#news-excerpts {
	clear: both;
	float: left;
	margin: 45px 0 0;
}

.excerpt {
	padding: 155px 0 0 22px;
	position: relative;
	width: 251px;
}

.excerpt .news-img {
	height: 132px;
	left: 17px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 252px;
}

.excerpt a.img-link {
	background: transparent url(/img/frame-newsexcerpt.png) no-repeat 0 0;
	height: 132px;
	left: 17px;
	position: absolute;
	text-indent: -9999em;
	top: 0;
	width: 252px;
}

.excerpt h3 a { text-decoration: none; }
.excerpt h3 a:hover { text-decoration: underline; }

/* Newsletter
---------------------------------------------------------- */

#newsletter {
	background: transparent url(/img/bg-homepage-newsletter.png) no-repeat 0 0;
	height: 286px;
	left: -2px;
	margin: 60px 0 0;
	position: relative;
}

#newsletter #screenshot {
	position: relative;
	width: 278px;
}

#newsletter #screenshot img {
	display: inline;
	float: left;
	margin: 9px 0 0 10px;
}

#newsletter #subscription {
	width: 268px;
}

#newsletter p {
	clear: both;
	color: #fff;
	display: inline;
	float: left;
	margin: 0 0 0 17px;
	text-shadow: 1px 1px 0 #007bbf;
	width: 220px;
}

#newsletter p.call-to-action {
	margin-bottom: 13px;
	margin-top: 35px;
	font-size: 1.3846em;
	font-weight: bold;
	line-height: 1.0556em;
}

#newsletter dl {
	clear: both;
	display: inline;
	float: left;
	margin: 25px 0 0 7px;
}

#newsletter dd {
	clear: both;
	float: left;
}

#newsletter a.unsubscribe {
	clear: both;
	color: #e6f7ff;
	display: inline;
	float: left;
	margin: 15px 0 0 17px;
}
#newsletter a.unsubscribe:hover { color: #fff; }

/* Sidebar
---------------------------------------------------------- */

.homepage #sidebar {
	position: relative;
}

/* About us
---------------------------------------------------------- */

#aboutus-wrapper {
	background: transparent url(/img/bg-homepage-aboutus.png) no-repeat 0 0;
}

#aboutus-box {
	background: transparent url(/img/frame-homepage-aboutus.png) no-repeat -273px 100%;
	padding: 0 0 10px;
	width: 263px;
}

#aboutus {
	background: transparent url(/img/frame-homepage-aboutus.png) no-repeat 0 0;
	color: #fff;
	padding: 25px 40px 50px 40px;
	text-shadow: 0 1px 0 #0087de;
	width: 193px;
}

#aboutus h2 {
	color:#fff;
	z-index: 50;
	position: relative;
}
#aboutus p {
	margin: 0;
	z-index: 50;
	position: relative;
}

/* 15 Reasons
---------------------------------------------------------- */

#reasons {
	background: transparent url(/img/bg-homepage-reasons.png) no-repeat 0 0;
	height: 306px;
	left: 10px;
	margin-top: -149px;
	padding: 125px 20px 33px 0px;
	position: absolute;	
	width: 292px;
}

#reasons h2 {
	clear: both;
	color: #fff;
	float: left;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.4615em;
}

#reasons a {
	clear: both;
	color: #fff;
	display: inline;
	float: left;
	height: 50px;
	margin: 45px 0 0;
	padding: 45px 95px 8px 30px;
	text-decoration: none;
	text-shadow: 1px 1px 0 #676044;
	width: 120px;
}
#reasons a:hover { text-decoration: underline; }

/* Travellist homepage
---------------------------------------------------------- */
.homepage #travellist {
    margin: 18px 0 0;
}

.homepage #travellist #list-wrapper {
	background: #a09b7b url(/img/frame-travellist.png) no-repeat -843px 100%;
	padding-right: 1px;
}

/* Extra info
---------------------------------------------------------- */

.homepage #extra-info {
    margin-top: 20px;
}

.homepage #facebook-fan-widget  {
    float: left;	
    margin: 142px 0 0 12px;
    padding: 21px 9px 25px 8px;
	background: #cad4e7 url(/img/frame-facebook.png) no-repeat 0 0;
}

.homepage #facebook-fan-widget .fb-like-box  {
	background-color: #fff;
}

.extra-info-block h3,
.extra-info-block p,
.extra-info-block a {
	z-index: 50;
	position: relative;
}