body { font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; background-color: #fff; margin-top: 0; margin-right: auto; margin-left: auto } h1 { color: #036; font-size: 22px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 120%; margin: 0; padding: 0 } h2 { color: #036; font-size: 20px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 130%; margin: 0 } h3 { color: #036; font-size: 18px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 130%; margin: 0 } h4 { color: #036; font-size: 16px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 120%; margin: 0 } h5 { color: #036; font-size: 14px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 130%; margin: 0 } h6 { color: #036; font-size: 12px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 130%; margin: 0 } /*BELOW IS FRAME AND WRAPPER w/o HACK*/ #frame { background-repeat: no-repeat; background-attachment: scroll; background-position: left top; text-align: left; visibility: visible; margin-right: auto; margin-bottom: auto; margin-left: auto; position: relative; width: 901px; height: 675px; float: none; border-style: solid; border-width: 0 3px 3px; border-color: #ccc } #wrapper { background-color: #fff; background-image: url("../i/bgFlameLogo1.jpg"); background-repeat: no-repeat; background-position: left top; visibility: visible; margin: 0 0 auto; position: absolute; width: 900px; height: 100%; float: none; border-style: none solid solid; border-width: 0 1px 1px; border-color: #036 } #headBanner { background-image: url("../i/bgoverlay5x20.png"); visibility: visible; padding-top: 3px; position: absolute; width: 100%; height: 10px } #footer { color: #633; font-size: 8px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; background-color: #ccc; text-align: center; visibility: visible; display: block; padding-top: 3px; position: absolute; bottom: 0; width: 100%; height: 16px; border-top: 1px solid #036 } #uaLogo1 { visibility: visible; position: absolute; top: 50px; left: 50px } #bg { background-image: url(../i/bgFlameLogo1.jpg); background-repeat: no-repeat; background-position: left top; visibility: visible; position: absolute; top: 0; left: 0 } #contact { font-size: 10px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 4px; visibility: visible; margin-top: 12px; position: absolute; top: 24px; left: 640px; width: 225px } #ruleh { visibility: visible; padding: 0; position: absolute; top: 100px; bottom: 100px; left: 0; width: 100%; height: 1px; border-top: 1px solid #99f } /* -- #rulev { background-color: #99f; visibility: visible; padding: 0; position: absolute; top: 100px; left: 200px; width: 1px; height: 100% } --*/ #centerContent { background-position: center; visibility: visible; position: absolute; top: 120px; left: 250px; width: 350px; height: 400px } #centerText1 { font-size: 9px; line-height: 150%; visibility: visible; position: absolute; top: 100px; left: 240px; width: 300px; height: auto } #centerText2 { font-size: 9px; line-height: 150%; visibility: visible; position: absolute; top: 100px; left: 560px; width: 300px; height: auto } #portfolio { background-color: #fff; visibility: visible; position: absolute; top: 120px; left: 250px; width: 350px; height: 400px; outline: solid 4px #036 } #back_next { color: #036; font-size: 10px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #ccf; text-align: center; padding: 6px } /*NOTE: 1) comma between "h2" and "a" makes a big difference on display- see #navLeft h2 a:hover. 2) display: block; is necessary for hover to display bkg image and use block properties. */ #navLeft { color: #666; font-size: 10px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; text-align: right; visibility: visible; padding-top: 0; padding-right: 10px; position: absolute; top: 100px; bottom: 0; left: 0; width: 200px; height: auto; border-right: 1px solid #9a99ff } #navLeft h2 { color: #600; font-size: 12px; font-weight: bold; line-height: 100%; background-image: url("../i/bgoverlay200x5g.png"); background-repeat: repeat-y; background-position: left 0; visibility: visible; margin: 0; padding-top: 5px; position: relative; right: -10px; height: auto } #navLeft p a { position: relative; width: 200px } #navLeft a:link, a:visited { color: #036; text-decoration: none; width: 200px; height: auto } #navLeft a:hover { color: #f33; background-position: right 0; margin-right: 0; margin-left: 0; padding-top: 0; padding-bottom: 0 } #NavRt { font-size: 10px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 150%; visibility: visible; padding: 0 12px 12px; position: absolute; top: 100px; left: 640px; width: 235px; height: auto; border-left: 1px solid #ccc } #NavRtScroll { font-size: 10px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 150%; visibility: visible; margin-right: 5px; padding: 0 12px 12px; position: absolute; top: 100px; left: 640px; width: 235px; height: 465px; overflow: scroll; border-left: 1px solid #ccc } /*SKETCH BOOK*/ #sb01 { background-color: #fff; background-image: url(../i/sb/01.jpg); background-repeat: no-repeat; background-position: center; visibility: visible; padding: 12px; position: absolute; top: 130px; left: 220px; width: 350px; height: 350px; outline: solid 3px #666 } #sb02 { background-color: #fff; background-image: url(../i/sb/02.jpg); background-repeat: no-repeat; background-position: center; visibility: visible; padding: 12px; position: absolute; top: 130px; left: 220px; width: 350px; height: 350px } #sb03 { background-color: #fff; background-image: url(../i/sb/03.jpg); background-repeat: no-repeat; background-position: center; visibility: visible; padding: 12px; position: absolute; top: 130px; left: 220px; width: 350px; height: 350px; outline: solid 12px #630 } #sb04 { background-color: #fff; background-image: url(../i/sb/04.jpg); background-repeat: no-repeat; background-position: center; visibility: visible; padding: 12px; position: absolute; top: 130px; left: 220px; width: 350px; height: 350px } #sb05 { background-color: #fff; background-image: url(../i/sb/05.jpg); background-repeat: no-repeat; background-position: center; visibility: visible; padding: 12px; position: absolute; top: 130px; left: 220px; width: 350px; height: 350px } #sb06 { background-color: #fff; background-image: url(../i/sb/06.jpg); background-repeat: no-repeat; background-position: center; visibility: visible; padding: 12px; position: absolute; top: 130px; left: 220px; width: 350px; height: 350px } #sb07 { background-color: #fff; background-image: url(../i/sb/08.jpg); background-repeat: no-repeat; background-position: center; visibility: visible; padding: 12px; position: absolute; top: 130px; left: 220px; width: 350px; height: 350px } #sb08 { background-color: #fff; background-image: url(../i/sb/08.jpg); background-repeat: no-repeat; background-position: center; visibility: visible; padding: 12px; position: absolute; top: 130px; left: 220px; width: 350px; height: 350px } #sb09 { background-color: #fff; background-image: url(../i/sb/09.jpg); background-repeat: no-repeat; background-position: center; visibility: visible; padding: 12px; position: absolute; top: 130px; left: 220px; width: 350px; height: 350px; outline: solid 12px #603 }