@font-face {font-family:"olney";src:url("font/olney.eot?") format("eot"),url("font/olney.woff") format("woff"),url("font/olney.ttf") format("truetype"),url("font/olney.svg#olney") format("svg");
            font-weight:normal;
            font-style:normal;}

@font-face {font-family:"Kelson";src:url("font/Kelson.eot?") format("eot"),url("font/Kelson.woff") format("woff"),url("font/Kelson.ttf") format("truetype"),url("font/Kelson.svg#Kelson") format("svg");
            font-weight:normal;
            font-style:normal;}


body{
    background: #7181a7 url("gfx/bg.png") repeat-x;
    font-family:tahoma;
}

a{
    color:#1d2435;
    text-decoration:none;
}

a:hover{
    color:white;
    text-shadow:0px 0px 1px #1d2435;
}

.section{
    text-align: center;
    text-shadow: 0px 0px 2px gray;
    box-shadow: 0px 0px 5px black;
    background: url("gfx/bgwrapper.png") repeat-x;
    padding: 3px 10px;
    width: 140px;
    height:90px;
    border-radius: 7px;
    margin:5px 10px;
    border-right:2px solid white;
    border-left:2px solid white;
    font-family:"Kelson";
    font-size:14px;
    color:white;
    display:inline-block;
    text-decoration:none;
}

.section:hover{
    background: url("gfx/bgwrapper-hover.png") repeat-x;
}

.shadow{
    box-shadow: 1px 1px 1px black;
    width:100%;
    border-radius:10px;
    background: #717378 url("gfx/table.png") repeat-x;
    padding:1px 5px;
}

.sign{
    text-align: center;
    text-shadow: 0px 0px 2px gray;
    box-shadow: 0px 0px 5px black;
    background: url("gfx/bgwrapper.png") repeat-x;
    padding: 3px 10px;
    width: 100px;
    height:100px;
    border-radius: 7px;
    margin:5px 10px;
    border-right:2px solid white;
    border-left:2px solid white;
    font-family:"Kelson";
    font-size:14px;
    color:white;
    display:inline-block;
    text-decoration:none;
}

.table{
    border-collapse: separate;
    border-spacing: 15px;

}

.title {
    text-align: center;
    text-shadow: 0px 0px 2px gray;
    color:white;
    box-shadow: 0px 0px 5px black;
    background: url("gfx/bgwrapper.png") repeat-x;
    padding: 3px 10px;
    width: 200px;
    border-radius: 10px;
    border-right:2px solid white;
    border-left:2px solid white;
    font-family:"Kelson";
    font-size:14px;
    display:inline;
}

#title {
    text-align: center;
    text-shadow: 0px 0px 2px gray;
    position: absolute;
    bottom:-30px;
    right:10px;
    box-shadow: 0px 0px 5px black;
    background: url("gfx/bgwrapper.png") repeat-x;
    padding: 3px 10px;
    min-width: 150px;
    border-radius: 10px;
    border-right:2px solid white;
    border-left:2px solid white;
    font-family:"Kelson";
    font-size:14px;
    color:white;
}

#images_full img,
#images_thumbnails img {
    padding:3px;
    border-right:1px solid white;
    border-left:1px solid white;
    border-radius:10px;
    box-shadow: 0px 0px 5px black;
    background: #2d3549 url("gfx/content-bg.png") repeat-x;
    margin:2px;
}

.single-image  img {
    padding:3px;
    border-right:1px solid white;
    border-left:1px solid white;
    border-radius:10px;
    box-shadow: 0px 0px 5px black;
    background: #2d3549 url("gfx/content-bg.png") repeat-x;
    margin:2px;
}

#images_thumbnails{
    margin:0 auto;
    width:700px;
    height:auto;
    text-align:center;
}

#images_thumbnails a{
    display:inline-block;
    cursor:pointer;
}

#images_full {
    position:relative;

    width: 480px;
    height: 360px;
    margin:0 auto;
    margin-bottom:30px;
}

#images_full img{
    position:absolute;
    top:0px;
    left:0px;

}

#image2, #image3, #image4, #image5, #image6, #image7, #image8, #image9, #image10, #image11, #image12, #image13, #image14, #image15, #image16, #image17, #image18, #image19, #image20, #image21{ 
    display:none;
}

#header{
    background: url("gfx/bgwrapper.png") repeat-x;
    width:950px;
    margin: 0 auto;
    min-height:120px;
    border-right:1px solid gray;
    border-left:1px solid gray;
    margin-top:15px;
    box-shadow: 0px 0px 10px black;
    border-radius:10px;
    padding-bottom:15px;
}

#inner{
    background: url("gfx/header.png") no-repeat;
    background-position:bottom;
    margin: 0 auto;
    width:624px;
    height:123px;
    position:relative;
    bottom:-11px;
}

#wrapper{
    background: url("gfx/bgwrapper.png") repeat-x;
    width:950px;
    margin: 0 auto;
    min-height:500px;
    border-right:1px solid gray;
    border-left:1px solid gray;
    margin-top:10px;
    box-shadow: 0px 0px 10px black;
    border-radius:10px;
    padding-bottom:15px;
}

#nav{
    background: url("gfx/bgnav.png") repeat-x;
    width:600px;
    margin: 0 auto;
    min-height:50px;
    border-right:1px solid gray;
    border-left:1px solid gray;
    border-bottom:1px solid gray;
    position:relative;
    top:-25px;
    box-shadow: 0px 0px 10px black;
    border-radius:10px;
    text-align:center;
}

#menu{
    margin:0 auto;
    width:auto;
    padding:0;
    display:inline-block;
}
#menu li {
    margin-top:15px;
    display:inline-block;
    list-style: none;
    float:left;
    border:1px solid gray;
    box-shadow:  0px 0px 2px darkgray;
    margin-right:5px;
    border-radius: 4px;
}

#menu li:hover {
    box-shadow:  0px 0px 5px white;
}

#menu li a{
    font-size:14px;
    padding:10px;
    color:white;
    text-decoration:none;
    text-shadow:0px 0px 2px black;
    font-family:"olney";
}

#content{
    clear:both;
    background: #2d3549 url("gfx/content-bg.png") repeat-x;
    color:white;
    width:900px;
    margin: 0 auto;
    min-height:400px;
    border-right:2px solid gray;
    border-left:2px solid gray;
    margin-top:10px;
    box-shadow: 0px 0px 10px black;
    border-radius:6px;
    padding-top:10px;
}

.but{
    box-shadow: 1px 1px 5px black;
    background: #2d3549 url("gfx/content-bg.png") repeat-x;
    padding:5px;
    margin:3px;
    border-radius:3px;
}

.news{
    margin: 0 auto;
    width:750px;
    padding:0px 0px 20px;
}

.header{
    background: url("gfx/bgnav.png") repeat-x;
    width:650px;
    box-shadow: 2px 2px 3px black;
    min-height:30px;
    padding-left:40px;
    font-size:14px;
    font-weight:normal;
    line-height:30px;
    color:white;
    text-decoration:none;
    text-shadow:0px 0px 1px white;
    font-family:"olney";
    position:relative;
    top:10px;

}

.tekst{
    font-family:"Kelson";
    background: #a9a9a9 url("gfx/news-bg.png") repeat-x;
    color:black;
    width:750px;
    font-size:13px;
    min-height:90px;
    line-height:24px;
    border-right:2px solid silver;
    border-left:2px solid silver;
    margin-top:5px;
    padding:15px 10px 10px 10px;

}

#gallery{
    margin:0 auto;
    width:auto;
    padding-bottom:30px;
}

#footer{
    margin:0 auto;
    font-size:13px;
    color:white;
    width:900px;
    font-family:verdana;
    text-align:center;
    font-weight:normal;
    margin-top:5px;
    text-shadow:1px 1px 1px black;
    font-family:"Kelson";
}

#error-g{
    background: url("gfx/brokenglass.png") no-repeat;
    position:absolute;
    top: 0px;
    left:30px;
    width:513px;
    height:545px;
    z-index:9;
}

#error-g2{
    background: url("gfx/brokenglass2.png") no-repeat;
    position:absolute;
    top: 0px;
    right:130px;
    width:513px;
    height:545px;
    z-index:9;
}

#error{
    padding:10px;
    margin:0 auto;
    margin-top:20px;
    color:white;
    font-size:12px;
    font-family:"Kelson";
    text-align:center;
}

#error a{
    padding:10px;
    margin:0 auto;
    margin-top:20px;
    color:gray;
    font-size:13px;
    font-family:"Kelson";
    text-align:center;
}

#error a:hover{
    color:white;
    text-shadow:0px 0px 1px #1d2435;
}

#error h3{
    font-family:"olney";
    font-size:80px;
    text-shadow:5px 0px 10px gray;
    text-align:center;
}