@import url(reset.css);

body, div, span, img {
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-size: 12px;
    vertical-align: baseline; 
    background: transparent;
    font-family: Arial, sans-serif;
}
ol, ul { 
    list-style: none; 
}

.nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; }
.nav li { float:left; position:relative; }
.nav a { display:block; float: left; }
.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:50px; }
.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
.nav li li:hover ul, ul.nav li li.sfHover ul { left:192px; top:0px; }
.nav li:hover ul, .nav li li:hover ul { top: -999em; }
.nav li li { display: block;	padding: 0px; float: left; height: auto !important; }
.nav li ul { width: 191px; z-index:1000; }
		        
.clearfix:after { 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: " "; 
    clear: both; 
    height: 0; 
}

p { 
    padding-bottom: 10px; 
    line-height: 24px; 
}
    
/*Верхняя строка*/
#top-header {
    outline:0px solid #cc0000;
    border-bottom: 2px solid #ffffff; 
    border-color: #dddddd;
    position: relative; 
    background: url(../images/header-bg.png);
    min-height: 46px;
    color: #48423f;
    width: 100%;
}

#top-shadow { 
    background: url(../images/top-shadow.png) repeat-x; 
    width: 100%; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    height: 7px; 
}

#bottom-shadow { 
    background: url(../images/bottom-shadow.png) repeat-x; 
    width: 100%; 
    position: absolute; 
    bottom: 0px; 
    left: 0px; 
    height: 4px;
}
/*Конец Верхняя строка*/

/*Основной блок серый*/

#content-area {
    background: #dddddd url(../images/areaBg.png) repeat;
    width: 100%;
}

#content-area .container {
    padding-top: 5px;
    padding-bottom: 39px;
}

.container {
    outline:0px solid #cc0000;
    text-align: left; 
    margin: 0 auto; 
    width: 1000px; /*Ширина центральной части*/
    position: relative;
    height: 100%;
}

/*Верхний банер*/
#logo-area { 
    text-align: center; 
    position: relative; 
    padding-bottom: 15px; 
}
/*Конец Верхний банер*/

/*Основной контейнер белый*/
#content { 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    border: 1px solid #e2e5e5;
}

#inner-border, #content-shadow, #content-top-shadow, #content-bottom-shadow { 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    height: 100%;
}

#inner-border { 
    border: 1px solid #ffffff; 
    background: #ffffff url(../images/content-bg.png); 
}

#content-shadow { 
    background: url(../images/content-main-shadow.png) repeat-y; 
}

#content-top-shadow { 
    background: url(../images/content-top-shadow.png) repeat-x 0 1px; 
}

#content-bottom-shadow { 
    background: url(../images/content-bottom-shadow.png) repeat-x bottom left; 
}

/*Начало слайдер*/
#featured { 
    height: 199px;
    position: relative; 
    margin-bottom: 20px; 
    margin-right: -1px; 
}

.featured-top-shadow { 
    background:url(../images/featured-top-shadow.png) repeat-x; 
    position: absolute; 
    top:0px; 
    left: 0px; 
    width: 998px; 
    height: 7px; 
}

.featured-bottom-shadow { 
    background:url(../images/featured-bottom-shadow.png) repeat-x; 
    position: absolute; 
    bottom:0; 
    left: 0; 
    width: 998px; 
    height: 8px; 
    z-index: 10;
}
/*Конец слайдер*/

/*Начало Главный контейнер*/
#main-content { 
   position: relative; 
}

#main-content h1 {
    font: small-caps bolder 50px Georgia, serif;
    letter-spacing: 10px;
    color: #2E0000;
    margin-bottom: 30px;
    text-align: center;
    text-shadow: 1px 1px 2px #5A1C1C;
}

#books {
    float: left;
    width: 430px;
    margin: 0 0 30px 50px;
    
}

#books ul.books li {
    border-radius:  9px;
    -moz-box-shadow: 3px 3px 9px rgba(140,156,168,0.3);
    -webkit-box-shadow: 3px 3px 9px rgba(140,156,168,0.3);
    box-shadow: 3px 3px 9px rgba(140,156,168,0.3);
}
#books ul.books li:hover {
    margin-left: 20px;
    margin-right: -20px;
}

#books ul.books li a {
    background:url(../images/more.png) no-repeat right bottom; 
    color:#8c9c9c; 
    display:block; 
    text-shadow: 1px 1px 1px #ffffff; 
    padding-right:10px; 
    text-decoration:none; 
    height: 50px; 
    line-height: 50px; 
    margin-bottom: 15px; 
    text-align: left;
}

#books ul.books li a:hover { 
    color:#9A2032; 
}

#books ul.books li a span {
    background:url(../images/more.png) no-repeat; 
    display:block; 
    font-size: 26px;
    height: 50px; 
    padding-left: 10px; 
}

#booksText {
    border:1px solid #E2E5E5;
    background-color: #fff8dd;
    float: right;
    /*height: 800px;*/
    margin-right: 50px;
    padding: 20px 10px;
    text-align: center;
    width: 394px;
    -moz-border-radius: 7px; 
    -webkit-border-radius: 7px; 
    border-radius: 7px;
}

#booksText h2 {
    font: 30px Georgia, serif;
    line-height: 37px;
    letter-spacing: 2px;
    color: #6c4c4c;
    text-shadow: 1px 1px 2px #2e0000;
}

#booksText p {
    font: 20px Georgia, serif;
    line-height: 1.5;
    color: #000000;
    padding-top: 5px;
    padding-bottom: 0;
    text-shadow: 1px 1px 2px #666666;
}

#booksText #booksMap {
    margin: 30px auto;
}

#booksText #booksMap a{
    text-decoration:none;
}

/*Конец Главный контейнер*/

/*Конец Основной контейнер белый*/
/*Конец Основной блок серый*/

/*Начало Footer*/
#footer { 
    background: url(../images/header-bg.png); 
}

#footer-top-shadow { 
    background: url(../images/footer-top-shadow.png) repeat-x; 
}

#footer-top-shadow .container {
    height: 50px;
}

#footer-bottom-shadow { 
    background: url(../images/footer-bottom-shadow.png) repeat-x; 
    height: 5px; 
}

#footer-bottom { 
    background: url(../images/footer-bottom-bg.png) repeat-x rgba(255, 255, 255, 0.3); 
    height: 10px;
}
p#copyright { 
    font-size: 11px; 
    float:right; 
    color:#afa59f; 
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4); 
    padding: 14px 0 10px; 
}	

p#copyright a { 
    color:#ffffff;
    text-decoration: none;
}

.footer-widget, p#copyright, .footer-widget a { 
    color: #b4b4b4; 
}
    
.footer-widget a:hover { 
    color: #fff; 
}


/*Конец Footer*/