@import url('css_reset.css');
@import url('navigator.css');
@import url('slider.css');
@import url('decoration.css');

html {
    font-size: 100%;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font: normal 13px Arial, Helvetica, Sans-serif;
    line-height: 1.75;
    color: #666666;
    text-align: center;
    background-color: #373737;
}

div#window {
    position: relative;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    overflow: visible;
    text-align: left;
    background-color: #FFFFFF;
}

div#visual {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: url('../media/images/visuals/agenda.png') center 100px no-repeat;
}

div#window_top {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 100%;
    height: 80px;
    overflow: hidden;
    text-align: left;
    background: url('../media/images/layout/bg_window_top.png') top left repeat-x;
}

div#window_shadow {
    position: absolute;
    bottom: 500px;
    left: 0;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 100%;
    height: 50px;
    overflow: hidden;
    text-align: left;
    background: url('../media/images/layout/bg_window_shadow.png') top center no-repeat;
}

div#window_bottom {
    position: absolute;
    bottom: 250px;
    left: 0;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 100%;
    height: 300px;
    overflow: hidden;
    text-align: left;
    background: url('../media/images/layout/bg_window_bottom.png') top left repeat-x;
}

div#container {
    position: relative;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 940px;
    height: auto;
    overflow: hidden;
    text-align: left;
}

div#header{
    position: relative;
    margin: 0px auto 0 auto;
    padding: 0;
    width: 100%;
    height: 80px;
    overflow: hidden;
    text-align: left;
}

div#navigator {
    z-index: 100;
    position: absolute;
    top: 35px;
    left: 0;
    margin: 0;
    padding: 5px 0 0 10px;
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: url('../media/images/layout/bg_navigator.png') no-repeat;
}

div#content {
    position: relative;
    margin: 0;
    padding: 400px 0 0 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: left;
}

div#slider{
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 200px;
    background: url('../media/images/layout/bg_slider.png') center top no-repeat;
}

div#footer {
    position: relative;
    margin: 0;
    padding: 15px 0 0 0;
    width: 100%;
    height: 150px;
    overflow: hidden;
    text-align: left;
}

div#sitemap {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 300px;
    overflow: hidden;
    text-align: left;
    background: url('../media/images/layout/bg_sitemap.png') repeat-x top left #373737;
}