*
{
    padding: 0;
    margin: 0;
}

img, a img
{
    border-style: none;
}

body
{
    background: #dbdcd0;
    text-align: center;
    padding-bottom: 4em;
}

#main
{
    position: relative;
    top: 0;
    left: 0;
    background: #fff url(/projectstatic/images/bgMain.png) repeat-y top;
    width: 802px;
    text-align: left;
    padding: 0 3px;
    margin: 0 auto;
}

#header
{
    float: left;
    width: 306px;
    height: 160px;
    background: #fff url(/projectstatic/images/bgHeader.png) no-repeat 100% 0;
}

#header *
{
    display: none;
}

#header .logo
{
    display: block;
    position: absolute;
    top: 81px;
    left: 30px;
    width: 251px;
    height: 28px;
    overflow: hidden;
}

#header .logo *
{
    display: block;
}


/* MANU MAIN */

#menuMain
{
    float: left;
    background: #fff none;
    min-height: 160px;
    height: auto !important;
    height: 160px;
    width: 496px;
}

#level2
{
    list-style: none none outside;
    width: 100%;
    min-height: 50px;
    height: auto !important;
    height: 50px;
}

#level2 li
{
    float: left;
    padding-top: 18px;
}

#level3
{
    list-style: none none outside;
    width: 100%;
    min-height: 60px;
    height: auto !important;
    height: 60px;
}

#level3 li
{
    clear: right;
    display: block;
    float: right;
    padding-top: 5px;
}

#menuMain dl,
#menuMain ul,
#menuMain ol
{
    margin-left: 0;
}

#menuMain li
{
    line-height: normal;
}

#level2 li.active a
{
   border-bottom: 1px solid #f2b130;
}

#level3 li.active
{
   border-bottom: 1px solid #f2b130;
}

/* CONTENTMAIN */

#contentMain
{
    float: right;
    padding-bottom: 14px;
    width: 454px;
    overflow: hidden;
    padding: 0 28px 0 14px;
    margin-bottom: 14px;
}

#sidebar
{
    clear: both;
    float: left;
    background: #e5e0c3 url(/projectstatic/images/bgSidebar.png) repeat-x 100% 100%;
    width: 306px;
    overflow: hidden;
}

#contentRelated, #contentGlobal
{
    border-left: 1px solid #d7d4c5;
}


#footer
{
    clear: both;
    padding: 2em 0 2em 320px;
    background: #fff url(/projectstatic/images/bgFooter.png) repeat-x 0 100%;
    border-bottom: 1px solid #c4c2b4;
}

* html #footer
{
    /* s(t)imulating ~2em in IE6 */
    padding-top: 0.8em;
}

/* ==========================================================
 * content styles
 * ========================================================== */

/* BASIC SETTINGS */

#main
{
    font-family: arial, helvetica, verdana, sans-serif;
    font-size: 12px;
    color: #333;
}

a:link, a:visited
{
    color: #61613b;
    text-decoration: underline;
}

a:hover, a:active
{
    color: #31310b;
    text-decoration: underline;
}

#menuMain a:link, #menuMain a:visited
{
    display: block;
    font-family: arial, helvetica, verdana, sans-serif;
    font-weight: bold;
    color: #61613b;
    text-decoration: none;
}

#menuMain a:hover, #menuMain a:active, #menuMain a.open:link, #menuMain a.open:visited, #menuMain a.open:hover, #menuMain a.open:active
{
    color: #000;
}

#level2 a:link, #level2 a:visited, #level2 a:hover, #level2 a:active, #level2 a.open:link, #level2 a.open:visited, #level2 a.open:hover, #level2 a.open:active
{
    margin: 0 4px 0 10px;
}

#level3 a:link, #level3 a:visited, #level3 a:hover, #level3 a:active, #level3 a.open:link, #level3 a.open:visited, #level3 a.open:hover, #level3 a.open:active
{
    margin: 0 28px 0 0;
}

#sidebar
{
    font-size: 12px;
}

#footer
{
    font-size: 11px;
}

/* BLOCK ELEMENTS */

#contentMain h1,
#contentMain h2,
#contentMain h3,
#contentMain h4,
#contentMain h5,
#contentMain h6,
#contentMain table,
#contentMain ol,
#contentMain ul,
#contentMain dl,
#contentMain code,
#contentMain pre,
#contentMain blockquote,
#contentMain p,
#contentMain samp,
#contentMain tt
{
    display: block;
    padding-top: 14px;
    /*
    padding: 14px 28px 0 14px;
    */
}

#sidebar div h1,
#sidebar div h2,
#sidebar div h3,
#sidebar div h4,
#sidebar div h5,
#sidebar div h6,
#sidebar div table,
#sidebar div ol,
#sidebar div ul,
#sidebar div dl,
#sidebar div code,
#sidebar div pre,
#sidebar div blockquote,
#sidebar div p,
#sidebar div samp,
#sidebar div tt
{
    display: block;
    padding: 14px 14px 14px 29px;
}

.navigation
{
    text-align: right;
}

/* ... reset margin/Padding in block-elements in the .images */

#content .image *
{
    margin: 0;
    padding: 0;
}

/* HEADERS */

h1, h2, h3, h4, h5, h6
{
    font-family: 'trebuchet ms', arial, helvetica, verdana, sans-serif;
    font-weight: bold;
}

#contentMain h1, #sidebarH1
{
    background: #f2b130;
    color: #333;
    border-right: 1px solid #f5c25e;
    font-size: 18px;
    line-height: 1.6em;
    padding: 0 14px;
}

#contentMain h1
{
    clear: both;
    position: relative;
    left: -16px;
    width: 494px;
    *width: 469px;
}

/* blind-header for exact height of sidebar's "top-margin" */

#sidebarH1
{
    background: #fff url(/projectstatic/images/bgSidebar.png) repeat-x 100% 100%;
}

#sidebarH1 *
{
    visibility: hidden;
}

h2 
{
    font-size: 16px;
}

h3
{
    font-size: 14px;
}

h4, h5, h6
{
    font-size: 11px;
}

#sidebar h2
{
    font-size: 15px;
}

#sidebar h3
{
    font-size: 13px;
}

#sidebar h4, #sidebar h5, #sidebar h6
{
    font-size: 11px;
}

#sidebar div h1,
#sidebar div h2,
#sidebar div h3,
#sidebar div h4,
#sidebar div h5,
#sidebar div h6
{
    /* reset padding-bottom for headers. Don't use them at the end of the sidebar(!)  */
    padding-bottom: 0;
    color: #000;
}

/* INLINE ELEMENTS */

abbr {}

acronym {}

b {}

cite
{
    display: block;
    text-indent: 2em;
    color: #51512b;
}

big {}

del {}

em {}

i {}

q {}

small
{
    font-size: 0.9em;
}

strike {}

strong
{
    color: #000;
}

#sidebar strong
{
    color: #51512b;
}

sub
{
    font-size: 0.8em;
}

sup
{
    font-size: 0.8em;
}

/* TABLES */

table
{
    clear:both;
    width: 100%;
}

caption
{}

thead
{}

tbody
{}

tfoot
{}

th
{
    font-size: 1em;
}

col
{}

colgroup
{}

tr
{}

td
{
    font-size: 1em; 
    vertical-align:top;
    padding: 2px;
}

/* LISTS */

dl, ul, ol
{
    clear: both;
    list-style-position: outside;
    margin-left: 1.5em;
}

dd
{}

dt
{}


li
{
    line-height: 1.3em;
}



/* IMAGES */

    /*
        .large:  width: 444px;
        .medium: width: 217px;
        .small:  width: 141px;
        .sidebar: width: 263px
    */

a img
{
    border-style: none;
}
/*
span.image.large
{
    display: block;
    clear: both;
    width: 454px;
    margin-bottom: 10px;
}

img.large
{
    width: 454px;
}

span.image.medium
{
    display: block;
    float: left;
    width: 227px;
    margin-right: 10px;
    margin-bottom: 10px;
}

img.medium
{
    width: 217px;
}
*/

.image.small
{
    display: block;
    float: left;
    padding-right: 10px;
    margin-bottom: 10px;
    width: 141px;
}

img.small
{
    display: block;
    float: left;
    width: 141px;
}

.image .description
{
    display: block;
    clear: both;
    float: left;
    font-size: 11px;
}

/* LIGHTBOX  GALLERY */

.image.gallery
{
    display: block;
    float: left;
    border-right: 10px solid #e5e0c3;
    border-bottom: 10px solid #e5e0c3;
    width: 141px;
    height: 141px;
}

.image.gallery a {
    display: block;
    width: 141px;
    height: 141px;
    overflow: hidden;
}

img.gallery
{
}



/*
span.image.sidebar
{
    display: block;
    clear: both;
    width: 263px;
    margin-bottom: 10px;
}

img.sidebar
{
    width: 263px;
}

span.image.original
{
    margin: 0;
}
*/

/* GALLERY */
.galleryOverview
{
    list-style: none outside;
    margin: 0.7em 0;
}

.galleryOverview li
{
    display: inline;
    float: left;
    margin: 0;
    padding: 0 0 6px 6px;
    border: 1px solid #000;
    width: 150px;
    height: 150px;
    overflow: hidden;
}

.galleryOverview li a
{
    display: block; 
    text-align: center;
    background-color: #444;
    width: 150px;
    height: 150px;
}

#gallery
{
    width: 100%;
    overflow: hidden;
    background-color: transparent;
}

.galleryNavigation
{
    float: left;
    background-color: transparent;
    padding-bottom: 0.3em;
    width: 100%;
}

.galleryPreviousPicture
{
    clear: both;
    float: left;
    width: 50px;
    height: 50px;
    text-align: left;
}

.galleryNextPicture
{
    float: right;
    text-align: right;
    width: 50px;
    height: 50px;
}

.galleryPicture
{
    clear: both;
    background-color: #181818;
    text-align: center;
    padding: 0 0 0 0;
}

.galleryPicture .description
{
    background-color: #232323;
    text-align: center;
    padding: 0.1em 0.1em 0 0.1em;
}

.galleryPicture .description, .galleryPicture .description *
{
    color: #a3a3a3;
}


/* MISC */

.newline, .line
{
    display: block;
    clear: both;
    width: 100%;
}

/* kill br for cleaner floatings */

br
{
    display: block;
    position: relative;
    width: 1px;
    height: 1px;
}

* html br
{
    /* add zero line-height for IE6 */
    line-height: 0em;
}