<!-- 
/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please leave this text & links intact for a next user +
*/

Body { font: normal 1.2em Tahoma, Arial, Helvetica, sans-serif;
     }


.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('Images/BlackBorder2.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 2px solid #000; /* YCC: color & properties of the left-borderline */
	border-right: 2px solid #000;/* YCC: color & properties of the right-borderline */
	background: #fff;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */

#contentBox { 
             width: 90%; margin:auto; 
            }

#contentBox {
              text-align: left;
              font-size: medium;
		  font-weight: bold;
              margin-top: 30px;
            }

#contentBox p { 
                margin-left: 60px;
                margin-top: 10px;
              }

.contentRight {
              float: right;
              margin-right: 30px;
              margin-top: 30px;
              }

#header h1 { 
   background-image: url('Images/leopold-logo2.jpg');
   background-repeat: no-repeat; 
   background-color: left; 
   background-attachment: scroll; 
   position:absolute;
   width: 275px; 
   height: 50px; 
   margin-top: -10px; 
   margin-left: 27px;
   margin-bottom: 0px; 
   background-position: top } 

#header h1 span { 
   display: none } 

#slideImage{
   filter:progid:DXImageTransform.Microsoft.Fade(Duration=3);
   width:300px;
   height;270px;
}

#plainText {
   width: 90%;
           }

ol {
   margin-left: 80px;
   }

#plainText li {
   margin-top: 10px;
}

#clientsLeft {
   width: 50%;
   float: left;
}

#clientsLeft p {
   text-align: right;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 15px;
}

#clientsRight {
   width: 50%;
   float: right;
}

#clientsRight p {
   text-align: left;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 15px;
}

#commissionsMenu {
   width: 48%;
   float: left;
}

#consultsMenu {
   width: 48%;
   float: right;
}

#commissionsMenu div, #consultsMenu div {
   padding-left: 20px;
   margin-bottom: 20px;
}

#paintersMenu {
   width: 60%;
   float: left;
}

#paintersMenu div, #sculptorsMenu div {
   padding-left: 40px;
}

#sculptorsMenu {
width: 40%;
float: right;
}

#thumbsMenu {
width: 40%;
float: left;
}

#caption {
text-align: center;
font-style: italic;
}

#caption span {
font-size: 0.85em;
font-style: normal;
}

#thumbCell {
  width: 100px;
  height: 150px;
  float: left;
  text-align: center;
  vertical-align:text-bottom;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
  } 
#thumbCell2 {
  width: 100px;
  height: 150px;
  float: left;
  text-align: center;
  vertical-align:text-bottom;
  margin-top: 5px;
  margin-bottom: 7px;
  margin-left: 1px;
  } 

#dynloadarea2 {
  width: 500px;
  height:400px;
  float:right;
  }

#dynloadarea {
  width: 500px;
  height:450px;
  float:right;
        }

#footer {
     float: right;
     margin: 10px 40px 0 0;
     font: bold 0.8em Arial, Helvetica, sans-serif;
        }

#artistsNav {
     position: absolute;
     top: 15px;
     right: 60px;
     clear: both;
     font: bold 0.8em Arial, Helvetica, sans-serif;
        }

#artistsNav a:link { 
     margin: 0px 20px 0px 20px; 
        } 
#artistsNav a:visited { 
     margin: 0px 20px 0px 20px; 
        } 

#spacer {
  clear: both;
        }

h2 { 
  font: normal 1.3em Tahoma, Arial, Helvetica, sans-serif; 
  margin-top: 25px; 
  margin-left: 35px;
   }
h3 { 
  font: normal 1.0em Tahoma, Arial, Helvetica, sans-serif;
  margin-bottom: 10px; 
  margin-left: 50px;
   }
h4 { 
  font: normal 1.0em Tahoma, Arial, Helvetica, sans-serif;
  margin-bottom: 10px; 
  margin-left: 50px;
   }

a { text-decoration: none; color: #900B09; }
a:hover { text-decoration: none; background-color: #FFFFCC; }

ul.none {list-style-type: none;}
li { 
  margin-left: 60px;
  margin-top: 30px;             
   }
