@import url('css_reset.css');
@import url('decoration.css');
@import url('defaults.css');
@import url('navigator.css');
@import url('subnavigator.css');
@import url('breadcrumbs.css');
@import url('lightbox.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: #EEF6FE;
}

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: 550px;
    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: 300px;
    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: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: left;
    background: url('../media/images/layout/bg_content.png') repeat-y top left;
}

div#breadcrumbs {
    position: relative;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 938px;
    height: 70px;
    overflow: hidden;
    text-align: left;
    background-color: #FFFFFF;
}

div#attention {
    position: relative;
    margin: 0 auto 0 auto;
    padding: 0;
    border-top: 1px solid #F8E1CC;
    border-bottom: 1px solid #F8E1CC;
    width: 938px;
    height: 113px;
    overflow: hidden;
    text-align: left;
    background-color: #FBF1E8;
}

div#sidebar {
    float: left;
    clear: left;
    position: relative;
    margin: 0;
    padding: 0;
    width: 250px;
    height: auto;
    overflow: hidden;
    text-align: left;
}

div#subnavigator {
    margin: 0;
    padding: 0;
    width: 250px;
    height: auto;
    overflow: hidden;
}

div#mainbar {
    float: left;
    clear: right;
    position: relative;
    margin: 0;
    padding: 40px 0 0 0;
    width: 670px;
    height: auto;
    overflow: hidden;
    text-align: left;
}

div#footer {
    position: relative;
    margin: 0;
    padding: 50px 0 50px 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;
}

div#logo {
    position: absolute;
    top: 100px;
    right: 25px;
    margin: 0;
    padding: 0;
    width: 100px;
    height: 28px;
    overflow: hidden;
    text-align: left;
    background: url('../media/images/layout/logo.png') top left no-repeat;
}