
a:hover { text-decoration: underline }
a { color: black; font-weight: bold; text-decoration: none }
body         { color: #282828; font-size: 11px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #282828; text-align: center; margin: 0px; padding: 0px }
h1 { color: black; font-weight: bold; font-size: 18px; text-decoration: none; text-align: left; text-transform: uppercase; letter-spacing: 0.2em; margin: 10px 0px 5px; padding-bottom: 0.2em; border-bottom: 1px solid gray }
h2 { color: black; font-weight: bold; font-size: 14px; text-decoration: none; text-align: left; text-transform: uppercase; letter-spacing: 0.2em; margin: 10px 0px 0px; padding-bottom: 0.2em; border-bottom: 1px solid gray }
h3 { color: black; font-weight: bold; font-size: 14px; text-decoration: none; text-align: left; text-transform: uppercase; letter-spacing: 0.2em; margin: 10px 0px 0px; padding-bottom: 0.2em }
html { margin: 0px; padding: 0px }
li { text-align: left }
p    { color: #282828; text-align: left }
.imgcenter { text-align: center; margin: 10px auto 10px 100px; padding: 5px; border: solid 1px gray }
.imgleft { float: left; margin: 10px }
.imgright { float: right; margin: 10px }
.offline { color: #9a322e }
#art { text-align: center; margin-right: auto; margin-left: auto }
#artnav { margin-top: 15px; width: 100%; height: 140px; overflow: auto }
#artnav img { margin: 5px }
#clientsleft { float: left; width: 220px }
#clientsright { float: right; width: 220px }
#contentleft  { float: left; clear: none; margin-top: 10px; margin-bottom: 10px; margin-left: 30px; width: 470px }
#contentleft p { text-align: justify; margin: 5px 0px 0px }
#contentleft ul { line-height: 1.2em; list-style-type: none; margin: 0px; padding: 0px }
#contentright  { float: right; margin-top: 10px; margin-right: 30px; margin-bottom: 10px; width: 200px }
#contentright p { margin: 5px 0px 0px }
#description { font-size: 12px; text-align: center; letter-spacing: 0.1em; clear: both; margin: 20px auto; padding-bottom: 5px; border-bottom: 1px dashed gray; width: 100% }
#footer   { clear: both; width: 100% }
#footer a { color: silver; text-decoration: none }
#footer p { color: silver; font-size: 9px; text-align: center; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 10px }
#headerart { padding-top: 5px; padding-bottom: 5px }
#headerart a { color: silver; font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; padding: 5px }
#headerart a:hover { color: white }
#headerart h1 { color: #b8d1eb; font-weight: bold; font-size: 28px; background-color: gray; text-transform: none; letter-spacing: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-bottom: 1px solid silver }
#headerart p { text-align: right; margin-top: 5px; padding-right: 10px }
#navbar { background-color: black; text-align: right; padding-top: 10px; padding-bottom: 10px; width: 100% }
#navbar a { color: silver; text-decoration: none; margin-right: 10px }
#navbar a:hover { color: white; text-decoration: none }
#placeholder { text-align: center; width: auto }
#portfolionav { text-align: right; float: right; margin-top: 3px; margin-bottom: 0px }
#portfolionav li { float: left; padding-right: 0.5em; padding-left: 0.5em }
#slideshow   { background-color: #282828; margin-bottom: 20px; margin-left: 360px; padding: 5px; border: solid 1px #7b0000; width: 54px; height: 54px }
#splashcontent  { text-align: right; margin-left: 300px; width: 250px; height: 120px }
#splashcontent h1  { font-weight: normal; font-size: 14px; text-align: right; text-transform: uppercase; letter-spacing: 0px; margin-top: 10px; margin-right: 10px; border: none }
#splashlink   { font-size: 54px; text-decoration: none; text-align: center; margin-top: 30px; margin-left: 525px; padding-top: 15px; padding-left: 10px; width: 60px; height: 40px }
#splashlink a { font-weight: normal; text-decoration: none }
#splashlink a:hover { font-weight: bold; text-decoration: none }
#splashlogo { float: left; margin-left: 100px; padding-top: 100px; border-style: solid; border-width: 0px 1px 1px 0px; border-color: #7b0000; width: 200px; height: 100px }
#wrapperart { margin-right: auto; margin-left: auto }
#wrapperclients    { background: url(clients/art/clients.jpg) no-repeat; margin: 20px auto 10px; padding: 0px; border: solid 1px gray; width: 800px; height: 600px }
#wrappercontact { background: url(../../bauwau.com%20%c6%92/bauwau.com/art/backgrounds/contact.JPG) no-repeat; margin: 20px auto 10px; padding: 0px; border: solid 1px gray; width: 800px; height: 600px }
#wrappercontents    { background: url(contents/art/contents.jpg) no-repeat; margin: 20px auto 10px; padding: 0px; border: solid 1px gray; width: 800px; height: 600px }
#wrapperinfo    { background: url(info/art/info.jpg) no-repeat; margin: 20px auto 10px; padding: 0px; border: solid 1px gray; width: 800px; height: 600px }
#wrapperlinks   { background: white url(../../bauwau.com%20%c6%92/bauwau.com/links/art/links.jpg) no-repeat; margin: 20px auto 10px; padding: 0px; border: solid 1px gray; width: 800px; height: 600px }
#wrapperportfolio    { background: white url(portfolio/art/portfolio.jpg) no-repeat; margin: 20px auto 10px; padding: 0px; border: solid 1px gray; width: 800px; height: 600px }
#wrappersarah  { background: white no-repeat; margin: 20px auto 10px; padding-top: 10px; padding-bottom: 10px; border: solid 1px gray; width: 420px }
#wrappersarah p { text-align: justify; margin: 5px 10px 0px }
#wrappersplash     { background: url(art/backgrounds/splash.JPG) no-repeat; text-align: left; margin: 20px auto 10px; border: solid 1px gray; width: 800px; height: 600px }
