html>body { height: 800px; }
body { margin: 0; padding: 0; text-align: center; color: #000; background-color: #d1c8c3; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; }
h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.5; color: #003300; margin: 0; padding: 30px 0 0 45px; text-align: left; }
h2 { font-size: 23px; padding: 30px 0 0 45px; }
h3 { font-size: 20px; padding: 9px 0 0 45px; }
h4 { font-size: 16px; padding: 12px 0 0 45px; }
strong { font-weight: bold; }
em { font-style: italic; }
a:link, a:visited, a:hover, a:active { font-size: 12px; }
a:link, a:visited, a:hover, a:active { color: #000; background-color: #fff; text-decoration: underline; }
a:hover { color: #0000cc; }
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { font-size: 9px; }
#contact table.contact a:link, #contact table.contact a:visited, #contact table.contact a:hover, #contact table.contact a:active { font-size: 16px; background: none; }
#container { width: 780px; margin: 0 auto; padding: 3px 0; text-align: left; background: none; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #446342; border-bottom-color: #446342; border-left-color: #446342; }

/* ----- Container Backgrounds ----- */

#home #container { background-color: #fff; }

/* ----- Header ----- */

#home #header { width: 100%; height: 135px; background-color: #f1e7e1; background-image: url(../images/bkg_header-home.gif); background-repeat: repeat-x; background-position: left top; }
#header { width: 100%; height: 100px; background-color: #f1e7e1; margin: 0; padding: 0; background-image: url(../images/bkg_header.gif); background-repeat: repeat-x; background-position: left top; }
#header img { margin: 0; border: 0; }
#header h1 { margin: 0; padding: 0; overflow: hidden; font-size: 1px; line-height: 0 !important; text-indent: -9999px; }
#header a, #galleries a { border: 0; background: none; }

/* ----- Content ----- */

#content { width: 770px; margin: 0; padding: 0 0 12px 0; background: none; }
#content p { font-size: 13px; line-height: 1.4; padding: 0 45px 0 45px; }

/* ----- Footer ----- */

#footer { clear: both; font-size: 9px; line-height: 0.8; text-align: center; margin: 0; padding: 0 0 3px 0; background: none; border-top-width: 1px; border-top-style: solid; border-top-color: #7b7958; }
#galleries #footer, #contact #footer { margin: 200px 0 0 0; }
#about #footer { margin: 150px 0 0 0; }
#worksforsale #footer { margin: 110px 0 0 0; }

/* ----- Navigation ----- */

#nav { width: 100%; height: 40px; margin: 0; padding: 3px 0 0 0; background-color: #009a49; background-image: url(../images/bkg_nav.gif); background-repeat: repeat-y; background-position: center top; }
ul#cssmw { cursor: default; list-style-type: none; margin: 5px auto 0 auto; padding: 0 0 0 0; width: 49em; }
ul#cssmw ul { cursor: default; font-size: 0; list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; }
ul#cssmw ul li { background-image: none; float: none; }
ul#cssmw li { background-image: none; float: left; padding: 0 0 0 0; position: relative; white-space: nowrap; z-index: 100; }
ul#cssmw li ul { display: none; top: 0; }
ul#cssmw li:hover > ul { display: block; position: absolute; }
ul#cssmw li.hover > ul { display: block; position: absolute; }
ul#cssmw li.current > ul { position: absolute; }
ul#cssmw > li { background-image: none; }
ul#cssmw > li > a { background-color: #d1c8c3; background-image: none; border-bottom: solid 1px #343446; border-left: solid 1px #fff; border-right: solid 1px #343446; border-top: solid 1px #fff; color: #000000; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin: 0 0 0 0; padding: 6px 8px; text-align: center; text-decoration: none; text-transform: uppercase; }
ul#cssmw > li > a:active { background-color: #fff; border-bottom: solid 1px #50516b; border-left: solid 1px #fff; border-right: solid 1px #50516b; border-top: solid 1px #fff; color: #fff; text-decoration: none; }
ul#cssmw > li:hover > a { background-color: #000000; border-bottom: solid 1px #50516b; border-left: solid 1px #fff; border-right: solid 1px #50516b; border-top: solid 1px #fff; color: #fff; text-decoration: none; text-transform: uppercase; }
ul#cssmw > li.current > a.current { background-color: #000000; border-bottom: solid 1px #50516b; border-left: solid 1px #fff; border-right: solid 1px #50516b; border-top: solid 1px #fff; color: #fff; text-decoration: none; text-transform: uppercase; cursor: default; }
ul#cssmw ul.level-1 { left: 0px; top: 100%; }
ul#cssmw ul.level-1 > li { background-image: none; }
ul#cssmw ul.level-1 > li > a { background-color: #d1c8c3; background-image: none; border-bottom: solid 1px #50516b; border-left: solid 1px #fff; border-right: solid 1px #50516b; border-top: solid 1px #fff; color: #000000; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 0 0 0 0; padding: 6px 9px; text-align: left; text-decoration: none; text-transform: uppercase; width: 90px; }
ul#cssmw ul.level-1 > li > a:active { background-color: #777890; border-bottom: solid 1px #50516b; border-left: solid 1px #fff; border-right: solid 1px #50516b; border-top: solid 1px #fff; color: #2D2B2E; text-decoration: none; }
ul#cssmw ul.level-1 > li:hover > a { background-color: #000000; border-bottom: solid 1px #50516b; border-left: solid 1px #fff; border-right: solid 1px #50516b; border-top: solid 1px #fff; color: #fff; text-decoration: none; text-transform: uppercase; }
ul#cssmw ul.level-1 > li.hover > a { background-color: #000000; border-bottom: solid 1px #50516b; border-left: solid 1px #fff; border-right: solid 1px #50516b; border-top: solid 1px #fff; color: #fff; text-decoration: none; text-transform: uppercase; }
ul#cssmw ul.level-1 > li.current > a.current { background-color: #000000; border-bottom: solid 1px #50516b; border-left: solid 1px #fff; border-right: solid 1px #50516b; border-top: solid 1px #fff; color: #fff; text-decoration: none; text-transform: uppercase; cursor: default; }

/* ----- Home Page ----- */

body#home { background-image: url(../images/bkg_body.01.gif); background-repeat: no-repeat; background-position: center top; }
#home #feature1, #home #feature2 { height: 250px; padding: 0; position: relative; background-color: #e9e1da; -moz-border-radius: 10px; }
#home #feature1 { width: 720px; height: 250px; margin: 0 auto; padding: 0; }
#home #feature2 { width: 520px; height: 220px; margin: 30px auto 12px auto; }
#home #content { width: 780px; margin: 0; background: none; }
#content p.welcome { font-size: 23px; font-weight: bold; font-style: italic; margin: 0; padding: 24px 6px 15px 30px; color: #003300; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; background-image: url(../images/bkg_rule.gif); background-repeat: no-repeat; background-position: center 60px; }
#home #feature1 img.image_one { position: absolute; left: 24px; top: 12px; }
#home #feature1 img.image_two { position: absolute; left: 277px; top: 14px; }
#home #feature1 img.image_three { position: absolute; right: 24px; top: 14px; }
#home #feature2 img.image_four { position: absolute; left: 24px; top: 18px; }
#home #feature2 img.image_five { position: absolute; right: 24px; top: 12px; }

/* ----- Individual Pages ----- */

#about #content img { float: right; padding: 0 12px 24px 18px; }
#ballet #content p.slideshow, #portraits #content p.slideshow, #commissions #content p.slideshow { margin: 12px 0 12px 135px; padding: 0 0 24px 0; }
#worksforsale table.wfs { font-size: 13px; margin: 18px 45px 12px 45px; }
#worksforsale table.wfs tr td.description { padding: 9px 0; }
#worksforsale table.wfs tr td.price { padding: 0 12px 6px 3px; font-size: 13px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #000; text-align: right; }
#worksforsale table.wfs tr td.price span { font-size: 11px; }
#galleries table.galleries { width: 550px; margin: 18px 0 70px 115px; padding: 0; }
#galleries table.galleries tr td a { font-size: 14px; }
#stories iframe { margin: 12px 0 30px 45px; }
#stories ul.videos { font-size: 13px; line-height: 1.2; margin: 6px 0 9px 42px; }
#stories ul.videos li { padding: 3px 0 0 0; }
#contact table.contact { width: 300px; margin: 30px 0 90px 235px; padding: 0; }
#contact table.contact tr th { margin: 0; padding: 9px 0; font-size: 20px; line-height: 1; }
#contact table.contact tr td { padding: 12px 3px 0 0; font-size: 16px; line-height: 1.4; }

/* ----- Page Backgrounds ----- */

body#about, body#worksforsale, body#commissions, body#stories { background-image: url(../images/bkg_body01.gif); background-repeat: no-repeat; background-position: center top; }
body#galleries { background-image: url(../images/bkg_body02.gif); background-repeat: no-repeat; background-position: center top; }
body#contact { background-image: url(../images/bkg_body03.gif); background-repeat: no-repeat; background-position: center top; }
body#ballet { background-image: url(../images/bkg_body04.gif); background-repeat: no-repeat; background-position: center top; }
body#portraits { background-image: url(../images/bkg_body05.gif); background-repeat: no-repeat; background-position: center top; }
body#home { background-image: url(../images/bkg_body06.gif); background-repeat: no-repeat; background-position: center top; }
body#stories { background-image: url(../images/bkg_body07.gif); background-repeat: no-repeat; background-position: center top; }