body {
   margin: 0;
   font-family: Arial Narrow, Helvetica, Verdana, Arial;
   font-size: 13px;
   line-height: 17px;
   color: #CCCCCC;
   background: #f3ebc3 url("../img/background.jpg");
}

a, a:link, a:visited {
   color: #006688;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

.header, .content-wrapper, .footer {
   width: 1000px;
   margin: 0 auto;
}

.box {
   box-shadow: 0px 0px 20px 5px #AAA;
   width: 1000px;
   margin: 0 auto;
}

/*
 * HEADER
 */
.header {
   position: relative;
}

.header .info {
   width: 100%;
   height: 88px;
   line-height: 80px;
   background: #0091c9 url("../img/header-background.jpg") repeat-x;
   color: #FFFFFF;
   border-bottom: 1px solid #006688;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 11;
}

.header .info .title {
   line-height: 1em;
   font-family: Arial Narrow, Helvetica, Verdana, Arial;
   float: left;
   color: #f2eabc;
   z-index: 10000;
   text-shadow: 0px 1px 5px #000;
   position: relative;
   cursor: pointer;
}

.header .info .title .title-type {
   font-size: 25px;
   position: absolute;
   top: 10px;
   left: 14px;
   width: 300px;
}

.header .info .title .title-name {
   font-size: 60px;
   position: absolute;
   top: 50px;
   left: 10px;
   width: 300px;
}

.header .info .phone,
.header .info .email {
   float: right;
   margin-right: 10px;
}

.header .info .email a {
   color: #FFFFFF;
}

.header .image {
   clear: both;
   height: auto;
   width: 100%;
   background-color: #f3ebc3;
   position: relative;
   padding-top: 88px;
}

.header .image .shadow {
   position: absolute;
   left: 1px;
   top: -100px;
   width: 998px;
   height: 100px;
   box-shadow: 0px 8px 10px #223344;
   z-index: 10;
}

/*
 * MENU
 */
.header .menu {
   height: 50px;
   width: 100%;
   background: #6bb2d8 url("../img/button-background.jpg") repeat-x;
   box-shadow: 0px 5px 5px #CCC;
   background-repeat: repeat-x;   
   border-top: 1px solid #FFFFFF;
   border-bottom: 1px solid #BBB;
}

.header .menu .item {
   float: left;
}

.header .menu .item a {
   height: 48px;
   line-height: 50px;
   padding-left: 20px;
   padding-right: 20px;
   font-size: 18px;
   color: #FFF;
   cursor: pointer;
   border-right: 1px solid #6bb2d8;
   display: block;
}

.header .menu .item:hover, .header .menu .item.current {
   background-color: #FFFFFF;
   border-bottom: 1px solid #006688;
}

.header .menu .item:hover a {
   color: #000000;
}

.header .menu .item a:hover {
   text-decoration: none;
}


/*
 * CONTENT
 */
.content-wrapper {
   clear: both;
   background-color: #FFFFFF;
}

.content {
   margin: 0;
   color: #555555;
   padding: 10px;
   font-size: 16px;
   line-height: 1.5em;
   text-align: justify;
}

.page-image {
   width: 1000px;
}


/*
 * FOOTER
 */
.footer {
   border-top: 1px solid #F3F3F3;
   height: 50px;
   line-height: 50px;
   color: #FFFFFF;
   background-color: #198dca;
}

.footer .copyright {
   float: left;
   margin-right: 50px;
   margin-left: 10px;
}

.footer .menu,
.footer .menu .item {
   float: right;
   margin-left: 25px;
   font-weight: bold;
}

.footer .menu .scriptolia-subitems {
   display: block;
   position: static;
   margin-bottom: 20px;
}

.footer .menu .subitems .subitem {
   font-weight: normal;
}

.footer .contacts {
   float: left;
}

/*
 * HEADERS
 */
.index .header .image {
   /*background: url( "x../img/page-image-index.jpg" ) no-repeat;(*/
}