/*
Name: Intro Style Sheet
Author: Ludek Cernocky; ludek@faceit.cz, www.faceit.cz
Date: 10.1.2009
Note: Don´t steal, just watch and learn. This CSS is copyrighted like all other stuff on this domain ;)
*/

* {margin: 0; padding: 0;}

body.intro {background-image: url('../img/intro/bg-fluid.jpg');}

#all {background-image: url('../img/intro/bg.jpg');}

#main {background: url('../img/intro/bg-intro.jpg') no-repeat 0 0; padding: 0; position: relative;}

#content, #footer {background: none;}

#content {min-height: 725px;}

.intro #header h1 {display: block;}
.intro #header a, .intro #header a span {display: block; left: 208px; top: 24px; position: absolute; height: 145px; width: 564px; z-index: 900;}
.intro #header a span {background: url('../img/intro/logo.jpg') no-repeat 0 0; top: 0; left: 0;}

.intro strong.big {text-transform: uppercase;}
.intro #content {color: #FEE8A3;}
.intro #content .content {margin: 0; padding: 180px 0 0 625px; width: auto;}
.intro #content p {line-height: 19px; margin: 0 0 1em 0; padding: 0; position: relative; z-index: 1000; text-align: left;}

.books {position: absolute; left: 0; top: 182px; height: 656px; width: 980px;}
.books blockquote {margin: 0; padding: 0; position: absolute;}
.books a, .books span {color: #FEE8A3; cursor: pointer; display: block; position: relative; height: 456px; width: 393px;}
.books span {position: absolute; left: 0; top:0;}

.books .one {left: 0; top: 114px; z-index: 500;}
.books .one span {background: url('../img/intro/book1.jpg') no-repeat 0 0;}
.books .one a:hover span {background-position: 0 -456px;}

.books .two {left: 275px; z-index: 600;}
.books .two a, .books .two span {height: 445px; width: 365px;}
.books .two span {background: url('../img/intro/book2.jpg') no-repeat 0 0;}
.books .two a:hover span {background-position: 0 -445px;}

.books .three {left: 563px; top:188px; z-index: 400;}
.books .three a, .books .three span {height: 468px; width: 385px;}
.books .three span {background: url('../img/intro/book3.jpg') no-repeat 0 0;}
.books .three a:hover span {background-position: 0 -468px;}

.books .book-hover {z-index: 900;}

.books #book-title {background: rgba(15, 11, 8, 0.75); border-radius: 0.7em; -moz-border-radius: 0.7em; -webkit-border-radius: 0.7em; padding: 1.25em 1.5em; position: absolute; top: -80px; left: 50px; text-align: center; text-shadow: 1px 1px 0 Black; width: 260px; z-index: 1000; }