* {margin: 0; padding: 0;}

body {font: 11px/14px Georgia, "Times New Roman", serif; text-align: center; background: #c0c0c0; color: #000;}
body#drawingsPage, body#paintingsPage, body#wallPage {background: #fff;}

img {border: none; }

a {color: #000; text-decoration: none; outline: none;}
a:hover {color: #000; text-decoration: underline;}

#container {position: relative; width: 990px; height: 686px; margin: 0 auto; text-align: left; background: white url(../images/welcome_bg.jpg) left top no-repeat; }

#contactPage #container {background-image: url(../images/contact_bg.jpg); }
#emailPage #container {background-image: url(../images/email_bg.jpg); }
#paintingsPage #container {background-image: url(../images/paintings_bg.jpg); }
#drawingsPage #container {background: url(../images/drawings_bg.jpg); }
#wallPage #container {background-image: url(../images/wall_bg.jpg); }

form {position: absolute; bottom: 20px; left: 50px; z-index: 100;}
form label {display: block;}
form input.formbox {border: 1px solid #c0c0c0; width: 200px; height: 20px; }
form textarea {border: 1px solid #c0c0c0; width: 300px; height: 140px;}

#MainContent {position: relative; width: 500px; height: 686px;}
#MainContent p {margin-bottom: 11px;}

a#emailsteven {display: block; position: absolute; width: 990px; height: 434px; text-indent: -9999em; top: 111px; left: 0; background: transparent; z-index: 10;}

#thumbnails {width: 990px; height: 275px; position: absolute; left: 0; top: 0; background: transparent;}
#thumbnails div {position: absolute; width: auto; height: auto; }

/* ------- Thumbnails positions for Drawings page --------- */
#drawingsPage #thumbnails div#flood {top: 37px; left: 488px;}
#drawingsPage #thumbnails div#roots {top: 37px; left: 711px;}
#drawingsPage #thumbnails div#genergrade {top: 37px; left: 761px;}
#drawingsPage #thumbnails div#dry {top: 37px; left: 811px;}
#drawingsPage #thumbnails div#mold {top: 85px; left: 372px;}
#drawingsPage #thumbnails div#neighboring {top: 85px; left: 428px;}
#drawingsPage #thumbnails div#late_april {top: 85px; left: 488px;}
#drawingsPage #thumbnails div#panara {top: 85px; left: 711px;}
#drawingsPage #thumbnails div#deliverance {top: 85px; left: 780px;}
#drawingsPage #thumbnails div#shantonky {top: 85px; left: 863px;}

/* ------- Thumbnails positions for Paintings page --------- */
#paintingsPage #thumbnails div {top: 143px;}
#paintingsPage #thumbnails div#self_infl {top: 84px; left: 278px;}
#paintingsPage #thumbnails div#ghost {top: 84px; left: 387px;}
#paintingsPage #thumbnails div#flow {top: 84px; left: 445px;}
#paintingsPage #thumbnails div#vicinity {left: 15px;}
#paintingsPage #thumbnails div#climate {left: 69px;}
#paintingsPage #thumbnails div#roaring {left: 127px;}
#paintingsPage #thumbnails div#trans {left: 179px;}
#paintingsPage #thumbnails div#boot_memo {left: 266px;}
#paintingsPage #thumbnails div#flag {left: 327px;}
#paintingsPage #thumbnails div#moving_mass {left: 387px;}
#paintingsPage #thumbnails div#covered {left: 445px;}
#paintingsPage #thumbnails div#indy {left: 528px;}
#paintingsPage #thumbnails div#inner {left: 580px;}
#paintingsPage #thumbnails div#culprit {left: 633px;}
#paintingsPage #thumbnails div#plane {left: 684px;}
#paintingsPage #thumbnails div#dominos {left: 755px;}
#paintingsPage #thumbnails div#out_old {left: 815px;}
#paintingsPage #thumbnails div#refinery {left: 875px;}
#paintingsPage #thumbnails div#wash {left: 932px;}

/* ------- Thumbnails positions for Wall page --------- */
#wallPage #thumbnails div {top: 122px;}
#wallPage #thumbnails div#thumb01 {top: 49px; left: 273px;}
#wallPage #thumbnails div#thumb02 {left: 112px;}
#wallPage #thumbnails div#thumb03 {left: 167px;}
#wallPage #thumbnails div#thumb04 {left: 222px;}
#wallPage #thumbnails div#thumb05 {left: 277px;}
#wallPage #thumbnails div#thumb06 {left: 332px;}
#wallPage #thumbnails div#thumb07 {left: 387px;}
#wallPage #thumbnails div#thumb08 {left: 442px;}

/* ------- Navigation Styles --------- */
#navigation {width: 990px; height: 180px; position: absolute; bottom: 0; left: 0; }

/* ------- Navigation Styles PER PAGE --------- */
#emailPage #navigation {width: 990px; height: 190px; position: absolute; bottom: 186px; left: 0; }

#navigation ul {list-style: none;}
#navigation ul li {}
#navigation ul li a {display: block; position: absolute; text-indent: -9999em; background: yellow; background-position: left bottom; width: 45px; height: 45px;}
#navigation ul li a:hover {background: purple; background-position: left top;}
#navigation ul li a.current {background-position: left top; cursor: default;}

#navigation ul li a#drawings {bottom: 15px; left: 532px; background-image: url(../images/drawingsNavButton.jpg);}
#navigation ul li a#paintings {top: 93px; left: 708px; background-image: url(../images/paintingsNavButton.jpg);}
#navigation ul li a#wall {top: 76px; left: 794px; background-image: url(../images/wallNavButton.jpg);}
#navigation ul li a#contact {top: 14px; left: 888px; background-image: url(../images/contactNavButton.jpg);}

#contactPage #navigation ul li a#drawings {bottom: 15px; left: 359px;}
#contactPage #navigation ul li a#paintings {bottom: 34px; left: 591px;}
#contactPage #navigation ul li a#wall {top: 49px; right: 146px;}
#contactPage #navigation ul li a#contact {top: 64px; left: 268px;}

#emailPage #navigation ul li a#drawings {bottom: 0; left: 460px;}
#emailPage #navigation ul li a#paintings {bottom: 17px; left: 544px;}
#emailPage #navigation ul li a#wall {top: 22px; right: 122px;}
#emailPage #navigation ul li a#contact {top: 0; left: 209px;}

#drawingsPage #navigation ul li a#drawings {bottom: 37px; left: 225px;}
#drawingsPage #navigation ul li a#paintings {top: 122px; left: 361px;}
#drawingsPage #navigation ul li a#wall {top: 114px; left: 704px;}
#drawingsPage #navigation ul li a#contact {top: 53px; left: 932px;}

#paintingsPage #navigation ul li a#drawings {bottom: 15px; left: 532px;}
#paintingsPage #navigation ul li a#paintings {top: 65px; left: 303px;}
#paintingsPage #navigation ul li a#wall {top: 93px; left: 795px;}
#paintingsPage #navigation ul li a#contact {top: 93px; left: 882px;}

#wallPage #navigation ul li a#drawings {bottom: 15px; left: 455px;}
#wallPage #navigation ul li a#paintings {top: 85px; left: 290px;}
#wallPage #navigation ul li a#wall {top: 74px; left: 107px;}
#wallPage #navigation ul li a#contact {top: 106px; left: 723px;}