/*
Company:
File:           main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere
*/

* {margin: 0; padding: 0;}

/* @group HTML, Body */
body {
        background: #9ba082 url(http://www.artnouveau-jewelry.com/dev/images/bg.gif) repeat 0 0;
        color: #364c1d;
        font-family: Arial, Helvetica, sans-serif;
        font-size: .75em;
        line-height: 1.2em;
        text-align: center;
}
/* @end */

/* @group Layout */
#wrap {
        margin: auto;
        text-align: left;
        width: 930px;
        position: relative;
}

#header {
        background: url(http://www.artnouveau-jewelry.com/dev/images/bg_header.gif) no-repeat 0 0;
        display: inline;
        height: 140px; width: 930px;
        margin-top: 21px;
        position: relative;
}

#menu {
        height: 30px;
        position: absolute;
        left: 73px; top: 111px;
}

#body {
        background: #c9c5a8 url(http://www.artnouveau-jewelry.com/dev/images/bg_body.gif) repeat-y 0 0;
        font-size: .92em;
        padding: 4px 0 0 0;
        width: 930px;
}
        #bg-rust {
                background: transparent url(http://www.artnouveau-jewelry.com/dev/images/bg_rust.gif) repeat-y 0 0;
                width: 930px;
        }

        #col-l {
                display: inline;
                margin: 0 11px 0 32px;
                width: 270px;
        }
                ul#artists-list {
                        float: left;
                        width: 270px;
                }
                        ul#artists-list li {
                                float: left;
                                display: inline;
                                margin-bottom: 12px;
                        }
                        .artist-data {
                                float: left;
                                display: inline;
                                background: #d3d0b9;
                                margin-left: 12px;
                                padding: 10px;
                                width: 116px;
height:75px;
                        }
                        .artist-data h3 {
                                border-bottom: 1px solid #9e986a;
                                margin-bottom: 4px;
                                text-transform: uppercase;
                        }
                        .artist-years {
                                display: block;
                                float: left;
                                font: 1.5em Georgia, "Times New Roman", Times, serif;
                                width: 48px;
                                overflow: hidden;
                        }
                        .artist-desc {
                                float: left;
                                border-left: 1px solid #9BA082;
                                padding-left: 7px;
                                width: 140px;
                        }
                        div.artist-desc p {
                                margin-bottom: 1em;
                        }
        #col-r {
                background: #d3d0b9 url(http://www.artnouveau-jewelry.com/dev/images/bg_col-r-b.gif) no-repeat right bottom;
                width: 580px;
        }
                #col-r .artist-data-r {
                        margin: 0;
                        width: 540px;
                }
                #col-r #main-content.artist-data-r {
                        background: transparent url(http://www.artnouveau-jewelry.com/dev/images/bg_col-r-t.gif) no-repeat right top;
                }

 .artist-data-r {
                                float: left;
                                display: inline;
                                background: #d3d0b9;
                                margin-left: 12px;
                                padding: 10px 20px ;
                                width: 520px;


min-height:535px;}

.artist-desc-r {
                                float: left;
                                border-left: 1px solid #9BA082;
                                padding-left: 7px;
                                width: 520px;
text-align:justify;
                        }

.artist-data-r h3 {
                                border-bottom: 1px solid #9e986a;
                                margin-bottom: 4px;
                                text-transform: uppercase;
                        }
.artist-data-r img {
                   float:left;
margin:10px;
                        }



#footer {
        background: transparent url(http://www.artnouveau-jewelry.com/dev/images/bg_footer.gif) no-repeat 0 0;
        height: 265px; width: 930px;
        position: relative;
}
        .box-art-nouveau {
                position: absolute;
                left: 39px; top: 62px;
        }
        .box-art-architecture {
                position: absolute;
                left: 215px; top: 0;
        }
        .box-murals-mosaics {
                position: absolute;
                left: 454px; top: 32px;
        }
        .box-glass-ware {
                position: absolute;
                left: 684px; top: 34px;
        }
        .box-fine-arts {
                position: absolute;
                left: 230px; top: 100px;
        }
        .box-furniture {
                position: absolute;
                left: 467px; top: 134px;
        }
#footer p.footer-text {
        text-align: right;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: .8em;
        margin-top: 245px;
        color: #C9C5A8;
        margin-right: 20px;
}
#footer p.footer-text a:link, #footer p.footer-text a:visited {
        color: #C9C5A8;
        text-decoration:none;
}
#footer p.footer-text a:hover {
        color: #666;
}
/* @end */

/* @group Nav */
#menu ul, #menu ul li, #menu ul li a {float: left;}
#menu ul li a {
        background: transparent no-repeat 0 0;
        height: 28px;
        display: inline;
}

#menu ul li a#menu-01, #menu ul li a#menu-01:link, #menu ul li a#menu-01:visited {background-image: url(http://www.artnouveau-jewelry.com/dev/images/bt_home.gif); width: 53px;}
#menu ul li a#menu-01:hover, #menu ul li a#menu-01:active, #menu ul li a#menu-01.active {background-position: 0 -28px;}

#menu ul li a#menu-02, #menu ul li a#menu-02:link, #menu ul li a#menu-02:visited {background-image: url(http://www.artnouveau-jewelry.com/dev/images/bt_about.gif); width: 72px;}
#menu ul li a#menu-02:hover, #menu ul li a#menu-02:active, #menu ul li a#menu-02.active {background-position: 0 -28px;}

#menu ul li a#menu-03, #menu ul li a#menu-03:link, #menu ul li a#menu-03:visited {background-image: url(http://www.artnouveau-jewelry.com/dev/images/bt_styles.gif); width: 63px;}
#menu ul li a#menu-03:hover, #menu ul li a#menu-03:active, #menu ul li a#menu-03.active {background-position: 0 -28px;}

#menu ul li a#menu-04, #menu ul li a#menu-04:link, #menu ul li a#menu-04:visited {background-image: url(http://www.artnouveau-jewelry.com/dev/images/bt_subscribe.gif); width: 92px;}
#menu ul li a#menu-04:hover, #menu ul li a#menu-04:active, #menu ul li a#menu-04.active {background-position: 0 -28px;}

#menu ul li a#menu-05, #menu ul li a#menu-05:link, #menu ul li a#menu-05:visited {background-image: url(http://www.artnouveau-jewelry.com/dev/images/bt_sitemap.gif); width: 62px; margin-left: 205px;}
#menu ul li a#menu-05:hover, #menu ul li a#menu-05:active, #menu ul li a#menu-05.active {background-position: 0 -28px;}

#menu ul li a#menu-06, #menu ul li a#menu-06:link, #menu ul li a#menu-06:visited {background-image: url(http://www.artnouveau-jewelry.com/dev/images/bt_testimonials.gif); width: 91px;}
#menu ul li a#menu-06:hover, #menu ul li a#menu-06:active, #menu ul li a#menu-06.active {background-position: 0 -28px;}

#menu ul li a#menu-07, #menu ul li a#menu-07:link, #menu ul li a#menu-07:visited {background-image: url(http://www.artnouveau-jewelry.com/dev/images/bt_blog.gif); width: 59px;}
#menu ul li a#menu-07:hover, #menu ul li a#menu-07:active, #menu ul li a#menu-07.active {background-position: 0 -28px;}

#menu ul li a#menu-08, #menu ul li a#menu-08:link, #menu ul li a#menu-08:visited {background-image: url(http://www.artnouveau-jewelry.com/dev/images/bt_contact.gif); width:85px;}
#menu ul li a#menu-08:hover, #menu ul li a#menu-08:active, #menu ul li a#menu-08.active {background-position: 0 -28px;}
/* @end */

/* @group Headings */
#col-r h2{
margin-top:0.7em;
margin-bottom:0.1em;}

h1, h2, h3, h4, h5, h6 {line-height: 1.3em; font-family: Georgia, "Times New Roman", Times, serif;}
h1 {font-size: 1.7em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}
/* @end */

/* @group Text Styles */
#col-r p {
padding:0.5em;}

/* @end */

/* @group Lists */

/* @end */

/* @group Forms */

/* @end */

/* @group Links - link visited hover active */
a:link{
color: #364c1d;
text-decoration: none;

}
a:visited{color: #364c1d;
text-decoration: none;

}
a:hover{ }
a:active{ }
/* @end */

/* @group Misc */
.clear {
        clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.roundcont {
        width: 100px;
height:100px;
background: url(http://www.adinimages.com/web/antique_jewelry_art_nouveau_01.jpg) no-repeat top right;
        border-color: red;
float:left;

}

.roundcont p {
        margin: 0 10px;


}

.roundtop {
        background: url(http://www.artnouveau-jewelry.com/dev/images/tr.gif) no-repeat top right;
padding-bottom:70px;
}

.roundbottom {
        background: url(http://www.artnouveau-jewelry.com/dev/images/br.gif) no-repeat top right;
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;}




.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* COMMON CLASSES */

.hidden {display: none;}
.replace {display: block; text-indent: -10000px; line-height: 0;}

.col-l, .float {float: left;}
.col-r {float: right;}

.center {text-align: center;}
.right {text-align: right;}

.hr-ornament {
        background: url(http://www.artnouveau-jewelry.com/dev/images/ornament.gif) no-repeat center 0;
        clear: both;
        height: 42px; width: 100%;
}

/* --- period table (tabeloverzicht stylen e.d.) ---------------------------- */

#col-r .periodtable {
   border-collapse:collapse;
   border:1px solid #b6a568;
   width:500px;
}
.periodtable .altcolor {
   background-color:#ffffe6;
}
#col-r .periodtable td , #col-r .periodtable th {
   width:78px;
   font-size:11px !important;
   border:1px solid #b6a568;
   text-align:center;
   vertical-align:middle;
   padding:3px 6px;
}
#col-r .periodtable td em {
   color:#bcad76;
   display:block;
}
#col-r .periodtable th {
   background-color:#A0B6AA;
   color:white;
}
#col-r .periodtable .empty {
   background-color:#dce4e0;
   color:white;
}

/* *** websubfooter *************************** */

#websubfooter{
    color: #b0A766;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    text-align: center;
    margin:10px 0 10px 0;
    clear:both;
}
#websubfooter h2{
    color: #808040;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
    margin:10px 0 10px 0;
}

#websubfooter a         {color:#808040;}
#websubfooter a:link    {text-decoration: none; }
#websubfooter a:visited {text-decoration: none; }
#websubfooter a:hover   {text-decoration: none;
                              color: #445330; }


#websubfooter table {
   width:100%;
   border:none;
}
#websubfooter td {
   text-align:center;
   border:none;
}

#scrollbar {
height:380px;
overflow:auto;
}

#scrollbar_sitemap {
height:490px;
overflow:auto;
}

#scrollbar_glos {
height:280px;
overflow:auto;
}



img.headerimg{
width:490px;
}



#hall-of-fame p {
   border-top:1px solid #A0B6AA !important;
   padding:10px 0;
}
#hall-of-fame img {
   width:150px;
}

.totop {
   text-align:left;
   font-size:10px;
   line-height: 16px;
   margin:15px 0 15px 0;
   display:block;
}
/* @end */