body {margin: 0px; font-family: Trebuchet MS; font-size: 14px; line-height: 24px; background-color: #e6e6e6;}
.clear { clear: both; }
a { color: white; cursor: pointer; }
h2 {margin: 0px;}

#maindiv { width: 1015px; display: block; float: left; position: absolute; z-index: 1;}
#greenoutline {height: 15px; background-color: #67a781; position:absolute; width: 100%; z-index: 0;}
#yellowoutline {height: 86px; background-color: #f9eb67; position:absolute; width: 100%; z-index: 0; margin-top: 15px;}
#blueoutline {height: 48px; background-color: #667db8; position:absolute; width: 100%; z-index: 0; margin-top: 101px;}
#blueoutline2 { height: 48px; background-color: #667db8; position:absolute; width: 100%; z-index: 0; margin-top:650px; height:40px; }

#green {height: 15px; background-color: #016d2d; width: 960px; float: left;}
#yellow {height: 86px; background-color: #f5dd01; width: 960px; float: left;}
#blue {border-bottom: 1px solid white; height: 48px; background-color: #002689; width: 960px; float: left;}

#lightblue {height: 48px; background-color: #0037c8; width: 960px; float: left;}
#periwinkle { font-size:13px; height: 500px; width: 290px; float: left;}
#periwinkle.welcome { background-color: black; color: white; }
#periwinkle a {color:blue;}
#aboutTheWork, #ceilingInstallation { margin: 20px; }

#maintext { margin-left: 20px; }
#maintext.ceilingInstallation { padding: 20px; }

#drawing {width: 630px; background-image: url(images/coverart.jpg); float: left; padding: 20px;}
#drawing2 {width: 670px; height: 540px; background-image: url(images/coverart.jpg); float: left;}
#drawing2.welcome { background-image:url(images/coverart2.jpg); }

#beamitchellgraphic {margin-top:16px; margin-left: 20px;}
#officialwebsite {margin-left: 384px;}

.links {font-size: 12px; font-weight: bold; margin: 14px 0 0 30px; float: left; color: white; font-family: Trebuchet MS; }
.links a { text-decoration: none; }
.links a:hover { text-decoration: underline; }
.highlighted { border: 1px solid white; background-color: #016d2d; margin-top: 8px; font-family: Verdana; padding: 5px; }

#whitebox { margin: 20px 0 0 20px; opacity: 0.9; filter: alpha(opacity=90); width: 240px; height: 464px; }
#textbox { margin: 5px; opacity: 0.9; filter: alpha(opacity=90); width: 600px; background-color: #ffe1ae; padding: 10px; }
#textbox i { display: block; }
#textbox.priceListTextBox { height: 160px; }
#textbox.pianoRevival, #textbox.ceilingInstallation { height: 600px; }
#textbox.bronzeFiber, #textbox.paintings { height: 550px; padding: 20px; }
#textbox.contact { height: 240px; }

#texbox { margin: 20px 0 0 40px; opacity: 0.9; filter: alpha(opacity=90); width: 800px; height: 1030px; background-color: #ffe1ae; padding: 20px; }
#openingbox { padding: 40px; font-size: 14px; }
#textbox a, #texbox a {color: green;}
#titlegraphic { margin: 20px 0 0 20px; }

.text { margin: 0 30px; }
.text a, .text a:hover { color: #016d2d; }
#artworktypes { margin: 20px 0 0 20px; font-size: 18px; line-height: 34px; }
.theheadline { font-size: 20px; margin: 30px 0 0 30px; }

.thumbs {float: left; margin-right: 10px; margin-bottom: 5px;}
.thumbdiv {width: 70px; font-size:10px; line-height:14px; float: left; margin: 10px 10px 10px 0; font-family: Verdana; }
.lastthumb { margin-right: 0; }
.bold {font-weight:bold;}

#aboutTheArtist, #priceList, #mainGraphic { margin: 20px; border: 1px #016d2d solid; }
#exhibitionsAndCollections A { font-size: 12px; }

/* Other Pages */
#whimseyPage { padding: 20px; width:1000px; font-family: Verdana; font-size: 12px; }
#whimseyPage a, #pianoPress a, #pianoArtistStatement a, #pianoAbout { color: blue; }
#pianoArtistStatement, #pianoPress, #pianoAbout { width: 800px; padding: 20px; }
#pianoPress H1 { line-height: 32px; }
