/* LAYOUT */
html {
    background: #fff url( '../images/bg-circles.jpg' ) no-repeat top;
}

body {
    text-align: left;
    padding: 23px 41px;
}

.page {
    margin: 0 auto;
    width: 698px;
}

.logo {
    float: left;
    height: 134px;
    width: 134px;
    margin-bottom: 37px;
}

nav, section {
    float: left;
    width: 100%;
}

header, aside, article, footer {
    float: right;
    clear: right;
    width: 461px;
}

header {
    height: 33px;
    line-height: 13px;
    margin-bottom: 5px;
    font-size: 11px;
    text-align: right;
}

.header, .top-nav {
    overflow: hidden;
}

.header {
    height: 20px;
    line-height: 20px;
}

.top-nav {
    height: 13px;
}

aside {
    height: 96px;
    margin-bottom: 37px;
    overflow: hidden;
    background: transparent url( '../images/bg-related-content.png' ) no-repeat right;
}

.content-related {
    position: relative;
    z-index: 10;
    float: right;
    width: 309px;
    height: 96px;
    overflow: hidden;
}

.content-related .mask {
    *display: none;
    _display: none;
    position: absolute;
    right: 0;
    z-index: 20;
    height: 96px;
    width: 302px;
    background: transparent url( '../images/mask-related-content.png' ) no-repeat right;
}

.content-global {
    float: left;
    width: 146px;
    overflow: hidden;
}

article {
    min-height: 350px;
    margin-bottom: 37px;
}

nav {
    width: 137px;
    margin: 0 0 37px 67px;
}

.file {
    display: block;
    margin: 3px 0 0px;
}

/* TYPOGRAPHY */
/* basic margins */
blockquote, dd, dl, dt, h1, h2, h3, h4, h5, h6, hr, li, ol, p, pre, form, table, ul {
    margin: 0 0 19px;
    font-size: 12px;
}


/* headers */
h1 { font-size: 14px; font-weight: bold; color: rgb( 0, 0, 0 ); margin-bottom: 10px; }
h2 { font-size: 12px; font-weight: bold ; color: rgb( 0, 0, 0 ); }
h3 { font-weight: bold; color: rgb( 0, 0, 0 ); }
h4 { font-weight: bold; color: rgb( 0, 0, 0 ); }
h5 { font-weight: bold; color: rgb( 0, 0, 0 ); }
h6 { font-weight: bold; color: rgb( 0, 0, 0 ); }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { text-transform: uppercase; }
h1 big, h2 big, h3 big, h4 big, h5 big, h6 big { color: rgb( 15, 98, 140 ); }


/* block elements */
p {}
hr {}
br {}
pre {}
blockquote {}


/* lists */
nav ul { margin: 0; padding: 0; }
ol, ul { margin-left: 37px; }
ol li { list-style: decimal none outside; margin-bottom: 9px; }
ul li { list-style: disc none outside; margin-bottom: 9px; }
dl {}
dt {}
dd {}


/* links */
a:link, a:visited { color: rgb( 15, 98, 140 ); text-decoration: underline; }
a:hover { color: rgb( 0, 176, 216 ); }
a:active { color: rgb( 15, 98, 140 ); }
a:focus { outline: none; }
header a:link, header a:visited { color: rgb( 0, 0, 0 ); text-decoration: none; }
header a:hover { color: rgb( 0, 176, 216 ); }
header a:active { color: rgb( 15, 98, 140 ); }
nav li { margin-bottom: 6px; }
#level2 li { list-style: none none outside; }
#level2 li li { margin-left: 10px; }
#level2 ul {margin-top: 6px; }
#level2, #level1 * { font-size: 13px; }
#level2 { font-weight: bold; }
#level3 { margin-bottom: 11px; }
#level3 li { font-size: 13px; font-weight: normal; line-height: 13px; }
#level4 li { font-size: 11px; line-height: 10px; }
#level2 .level2.newsletter { display:block; margin-top: 27px; }
nav a:link, nav a:visited { color: rgb( 0, 0, 0 ); text-decoration: none; } 
nav a:hover { color: rgb( 0, 176, 216 ); } 
nav a:active, nav a:link.active, nav a:visited.active, nav a:hover.active, nav a:active.active, nav a:link.open, nav a:visited.open, nav a:hover.open, nav a:active.open { color: rgb( 15, 98, 140 ); }
.level2.service { position: relative; left: -1px; } /* typo-"bug" */

/* inline elements */
em { font-weight: bold; }
strong { font-weight: bold; }
small { font-size: 10px; }
cite {}
q {}
dfn {}
abbr {}
code {}
var {}
samp {}
kbd {}
sub { vertical-align: sub; }
sup { vertical-align: super; }
i { font-style: italic; }
b { font-weight: bold; }
span {}
ins {}
del {}


/* tables */
table {}
caption {}
colgroup {}
col {}
tbody {}
thead {}
tfoot {}
tr {}
td {}
th {}

/* forms */
form {}
fieldset {}
input {}
legend {}
label {}
select {}
optgroup {}
option {}
textarea {}

/* IMAGES */
img, a img {
    border-style: none;
}

.image.large, .image.medium, .image.small, .image.mini {
    margin: 0 7px 2px 0;
    display: block;
}

.image.large {
    margin-right: 0;
}

.image img {
    display: block;
    width: 100%;
}

.image.original img {
    display: inline;
    width: auto;
}

.image.original {
    padding: 0;
    margin: 0;
}

.image.large {
    clear: both;
    width: 461px;
    margin: 0;
}

.image.medium  {
    float: left;
    width: 249px;
}

.image.small {
    float: left;
    width: 146px;
}

.image.mini {
    float: left;
    width: 112px;
    margin: 0 3px 3px 0;
}

.image .description
{
    display: block;
    clear: both;
    color: #a6a6a6;
}

.XXXcontent-related .image img {
    display: block;
    float: left;
    margin-left: 7px;
    width: 96px;
}

/* GALLERY */
.image.gallery {
    display: block;
    float: left;
    width: 96px;
    height: 96px;
    overflow: hidden;
    margin: 0 0 0 7px;
    padding: 0;
    text-align: center;
}

.gallery a {
    display: block;
    float: left;
    width: 96px;
    height: 96px;
    overflow: hidden;
}

.gallery img {
    display: block;
    position: relative;
    left: -27px;
    width: auto;
}

.gallery .description {
    display: none;
}


/* FORMS */
form {
    width: 100%;
}

form .field input, form textarea {
    width: 50%;
    line-height: 20px;
    height: 20px;
    font-size: 14px;
    letter-spacing: 1px;
}

form textarea {
    height: 100px;
}

form .checkbox input {
    float: left;
    margin-right: 9px;
    width: auto;
}

form .checkbox input, form .checkbox label {
    line-height: 20px;
}

form .field {
    margin: 0 0 19px;
}

form label {
    font-size: 12px;
    font-weight: bold;
}

/* MISC */
.line {
    display: block;
    clear: both;
    height: 19px;
    width: 100%;
}

.smallline {
    display: block;
    clear: both;
    height: 1px;
    width: 100%;
    margin-top: -9px;
}