/* default for all pages */
body {
    background-color: #4C3D20;
}

a:link, a:visited,
a:hover, a:active {
    text-decoration: none;
}

img {
    border : none;
}

/* navigation */
.mainbuttonstop {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    letter-spacing: 3px;
    text-align: center;
    color: #C0BCA6;
}

.paintingname {
    font-family: Garamond, Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight : normal;
    color: #cdb690;
    text-align: center;
    vertical-align: top;
}

/* home page */
body#home {
    text-align : center;
}
div#indexsections {
    margin : 200px auto 0;
    text-align : center;
    width : 350px;
}
h1 {
    color : #140b00;
    font-size: 18px;
    font-weight : normal;
    letter-spacing: 2mm;
    margin-top : 0;
}
ul.mainbutton {
    padding : 0;
    margin : 0;
}
ul.mainbutton li {
    display : inline;
    float : left;
    list-style : none;
    width : 33%;
    height : 155px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 8px;
    letter-spacing: 3px;
}
ul.mainbutton a {
    color : #C0BCA6;
}
ul.mainbutton span {
    display : block;
    height : 4em;
    padding-top : 12px;
    visibility : hidden;
}
ul.mainbutton a:hover span {
    visibility : visible;
}
/* fix for showing the hover in IE 6 etc */
ul.mainbutton a:hover {
    text-indent : 0;
}

/* color consulting */
body#color {
    margin : 0;
    background-color : #d2d0c1; 
}

#color div#text {
    float : left;
    width : 250px;
    margin : 100px 60px 0 90px;
}
#color div#heading {
    height : 410px;
}
#color h1 {
    color : #111107;
    font-variant : small-caps;
    font-size : 26px;
    letter-spacing : .5mm;
    margin : 0 0 12px 0;
}
#color h2 {
    font-size : 14px;
    letter-spacing : .25mm;
    font-weight : normal;
    color : #262312;
    padding : 0;
    margin : 0;
}
#color div#text ul {
    color : #6a6746;
    font-size : 13px;
    margin : 38px 0 0 0;
    padding : 0 0 0 5px;
}
#color div#text li {
    line-height : 110%;
    padding : 0 0 8px 0;
}
#color div#footer {
    color : #605b45;
}
#color div#footer h3 {
    font-size : 13px;
    font-weight : normal;
    margin : 0;
}
#color div#colorsquares {
    float : left;
    width : 261px;
    height : 435px;
    margin : 100px 0 0 0;
}
#color div#colorsquares a {
    text-decoration : none;
    display : block;
    height : 100%;
    width : 100%;
    background : url(/images/colorsquares.gif) 0 0 no-repeat;
}
#color div#colorsquares a:hover {
    background-position : -261px 0;
}