body {
    background: #939362 url("./images/back8.jpg") no-repeat;
    background-position: center top;
	font: normal 10pt sans-serif;
	margin: 0;
	text-align: center;
}

a {
    background-color: Transparent;
    color: #333300;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    color: #800000;
    text-decoration: none;
}

big {
    font-size: 2em;
}

h4 {
    color: #555555;
    font: bold 8pt sans-serif;
    font-variant: small-caps;
    left: -188px;
    letter-spacing: 0.3em;
    position: absolute;
    top: -28px;
}

h4.collection {
    left: -3px;
    position: absolute;
    top: -145px;
}

img {
    border: solid 8px #D0D0B9;
}

img.view {
    border: solid 3px #993300;
    margin: 1.25em 0 0.25em 0;
    padding: 1em;
    width: 1024px;
}

img.artist {
    float: left;
    margin: 0 1.5em 0.75em 0;
}

img.sample {
    float: left;
    margin: 0 1.5em 3em 0;
}

img.loading {
    height: 16px;
    width: 16px;
}

sub.sample {    
    float: right;
}

select {
    font-size: 8pt;
}

div.sample ul {
    padding-left: 8em;
}

div.beforeafter {
    display: inline-block;
    text-align: center;
}

div.main {
    background-color: #B9B995;
    margin: 10px auto;
    height: 1900px;
    width: 800px;
}

div.title h1 {
    color: #444444;
    font: italic 32pt serif;
    letter-spacing: 0.025em;
    margin: 0 20px 0 0;
    padding: 0.2em 0 0 0;
    text-align: right;
}

div.subtitle {
    border-bottom: solid 14px #eeeeee;
}

div.subtitle h3 {   
    color: #ffeac6;    
    font: italic 16pt serif;
    letter-spacing: 0.1em;
    margin: 0 20px 0 0;
    padding: 0 1em 0.25em 0;
    text-align: right;
}

span.note {
    color: #565656;
    font: italic 9pt sans-serif;
}

p.asterisk {
    margin-right: 2em;
    text-align: right;
}

span.asterisk, span.reminder {
    color: #ff0000;
    font-weight: bold;
}

/* vertical menu */
div.menu {
    border: solid 1px #333333;
    height: 355px;
    margin: 1.5em 3em 3em 2em;
    position: absolute;
    text-align: right;
    width: 200px;
}

div.menu div {
    background-color: #9f9f6f;
    border: solid 1px #bbbb99;
    height: 325px;
    margin: 0.25em;
}

div.menu ul {
    letter-spacing: 0.25em;
    line-height: 2.5em;
    list-style-type: none;
    padding: 2em 1em 0 0;
    text-align: right;
}

div.menu ul li form input {
    padding: 2em 1.5em 0 0;
    margin-bottom: -2em;
}

div.menu a {
    color: #ffeac6;
    font-size: 11pt;
    font-weight: bold;
    text-transform: lowercase;
    font-variant: small-caps;
}

div.menu a:hover {
    color: #800000;
}

div.menu a.terms {
    font-size: 8pt;
    font-weight: normal;
    margin-right: 1em;
}

/* vertical admin menu */
div.admin_menu {
    border: solid 1px #333333;
    height: 405px;
    margin: 1.5em 3em 3em 2em;
    position: absolute;
    text-align: right;
    width: 200px;
}

div.admin_menu div {
    background-color: #9f9f6f;
    border: solid 1px #bbbb99;
    height: 375px;
    margin: 0.25em;
}

div.admin_menu ul {
    letter-spacing: 0.15em;
    line-height: 2.5em;
    list-style-type: none;
    padding: 2em 1em 0 0;
    text-align: right;
}

div.admin_menu a {
    color: #ffeac6;
    font-size: 10pt;
    font-weight: bold;
    text-transform: lowercase;
    font-variant: small-caps;
}

div.admin_menu a:hover {
    color: #800000;
}

div.admin_menu a.terms {
    font-size: 8pt;
    font-weight: normal;
    margin-right: 1em;
}

/* horizontal menu */
div.hmenu {
    border: solid 1px #333333;
    margin: 1em;
    padding-bottom: 0.25em;
    text-align: right;
}

div.hmenu div {
    background-color: #9f9f6f;
    border: solid 1px #bbbb99;
    margin: 0.25em;
    text-align: left;
}

div.hmenu ul {
    letter-spacing: 0.25em;
    list-style-type: none;
}

div.hmenu ul li {
    display: inline;
    letter-spacing: 0.15em;
    list-style-type: none;
}

div.hmenu a {
    color: #ffeac6;
    font-size: 10pt;
    font-weight: bold;
    text-transform: lowercase;
    font-variant: small-caps;
}

div.hmenu a:hover {
    color: #800000;
}

div.hmenu a.terms {
    font-size: 8pt;
    font-weight: normal;
    margin: 0 2em;
}

/* content */
div.content {
    margin: 0 0 0 225px;
    padding: 0 1em 4em 2em;
    position: absolute;
    text-align: justify;
    width: 525px;
}

div.content img.index {
    float: left;
    margin: 2em 1.5em 0.4em 0;
    width: 300px;
}

div.content img.restoration {
    float: left;
    margin: 2em 1.5em 0.4em 0;
    width: 200px;
}

div.content p {
    font: normal 9pt sans-serif;
    letter-spacing: 0.05em;
    line-height: 1.75em;
    margin-top: 2.5em;
}

div.content p.index {
    color: #000000;
    margin-top: 2.5em;
}

div.content p.index a {
    color: #333300;
    font-weight: bold;
    letter-spacing: 0.1em;
}

div.content p.index a:hover {
    color: #800000;
}

div.content p.index b {
    font-weight: bold;
}

div.content a:hover {
    color: #800000;
    text-decoration: none;
}

div.content a.contact {
    color: #800000;
    font-weight: bold;
}

div.content a.contact:hover {
    color: #333300;
    font-weight: bold;
}

div.content a.guestbook {
    color: #800000;
    font-weight: bold;
    margin-left: 1em;
}

div.content a.guestbook:hover {
    color: #333300;
    font-weight: bold;
}

div.content table.guestbook {
    border: none;
    margin: 20px 0 0 0;
    width: 100%;
}

div.content table.guestbook .gbheader {
    display: none;
}

div.content table.guestbook .gbitem {    
    border-bottom: solid 1px #555555;
}

div.content table.guestbook .gbname {  
    color: #476578;
    font: bold 11pt serif;
}

div.content table.guestbook .gbcomment {
    color: #555555;
    font: italic bold 11pt serif;
}

div.content table.guestbook td {
    padding: 1em 0.5em;
    vertical-align: top;
}

div.content table.admin {
    border: none;
    margin: 0 0 0 0;
    width: 100%;
}

div.content table.admin .dgheader { 
    background-color: #e8cf58;
    font: bold 9pt sans-serif;
}

div.content table.admin .dgitem {    
    background-color: #eeeeee;
    border-bottom: solid 2px #f1dd82;
    cursor: pointer;
    font: normal 8pt sans-serif;
}

div.content table.admin .dgaitem {     
    background-color: #ffffff; 
    border-bottom: solid 2px #f1dd82;
    cursor: pointer;
    font: normal 8pt sans-serif;
}

div.content table.admin td {
    padding: 0.25em;
    vertical-align: top;
}

/* collections */
div.content ul.collections {
    line-height: 2em;
    list-style-type: square;
    margin-top: 2.5em;
}

div.content ul.collections li {
    color: #778899;
}

div.content ul.collections li a.collection {
    color: #476578;
    font: italic bold 12pt serif;
    letter-spacing: 0.1em;
}

div.content ul.collections li a.collection:hover {
    color: #800000;
    text-decoration: underline;
}

/* collection */
div.content2 {
    margin: 0 20px 0 25px;
    position: absolute;
    top: 230px;
    width: 748px;
}

div.content2 div.collection {
    height: 1650px;
    overflow: scroll;
    text-align: center;
}

div.content2 div.collection img {
    cursor: pointer;
}

div.content2 div.collection div.dropshadow {
    background-color: #555555;
    float: left;
    height: 90px;
    margin: 1em;
    padding: 1em;
    text-align: left;
    width: 90px;
}

div.content2 div.collection div.thumbnail {
    background-color: #ffffff;
    border: solid 1px #939362;
    height: 90px;
    margin: -1.33em;
    padding: 1em;
    text-align: center;
    width: 90px;
}

div.content2 div.modalimage {
    background-color: #ffffff;    
    border: solid 1px #939362;
    padding: 2.1em 4px 4px 4px;
}

div.content2 div.modalimage div.imageinformationtop {
    left: 8px;
    position: absolute;
    top: 5px;
}

div.content2 div.modalimage div.imageinformationbottom {
    padding: 0.25em 0 0 0;
    text-align: center;
}

div.content2 div.modalimage img.fullsizelandscape {
    /*border: solid 2px #800000;*/
    border: none;
    cursor: default;
    height: 480px;
    margin: 0;
    padding: 0.5em;
}

div.content2 div.modalimage img.fullsizeportrait {
    border: solid 2px #800000;
    cursor: default;
    height: 480px;
    margin: 0;
    padding: 0.5em;
}

div.content2 div.modalimage input.expand {
    background-color: #999999;
    border: solid 1px #000000;
    cursor: pointer;
	filter: alpha(opacity=70);
    right: 38px;
	opacity: 0.7;
    padding: 0.25em 0.75em;
    position: absolute;
    top: 2px;
}

div.content2 div.modalimage input.close {
    background-color: #999999;
    border: solid 1px #000000;
    cursor: pointer;
	filter: alpha(opacity=70);
    right: 2px;
	opacity: 0.7;
    padding: 0.25em 0.75em;
    position: absolute;
    top: 2px;
}

div.content2 .modalbackground {
    background-color: #000000;
	filter: alpha(opacity=80);
	opacity: 0.7;
}

div.scroll {
    height: 360px;
    margin: 40px 0 0 0;
    overflow: auto;
}

/* image viewer */
div.content3 {
    text-align: center;
}

/* input controls */
div.headercheckbox {
    font: normal 8pt sans-serif;
    margin: 370px 0 0 3px;
    position: absolute;
}

div.input  {
    margin-top: 0.25em;
}

div.input label {
    float: left;
    font: bold 9pt sans-serif;
    margin-bottom: 0.25em;
}

div.input .label1 {
    width: 10em;
}

div.input .label2 {
    width: 14em;
}

div.input input {
    color: #808080;
    font: bold 8pt sans-serif;
}

div.input .input1 {
    width: 6em;
}

div.input .input2 {
    width: 12em;
}

div.input .input3 {
    width: 20em;
}

div.input textarea {
    color: #808080;
    font: bold 8pt sans-serif;
    height: 10em;
    margin-bottom: 0.25em;
    width: 31em;
}

div.input select {
    color: #808080;
    font: bold 8pt sans-serif;
}

div.buttons {
    margin-right: 2em;
    text-align: right;
}

div.buttons input {
    color: #565656;
    font: bold 8pt sans-serif;
}

/* footer */
div.footer {
    font-size: 8pt;
    position: absolute;
    margin-left: 6em;
    text-align: center;
    top: 495px;
}

div.footer2 {
    font-size: 8pt;
    margin: 1em 3em 0 0;
    text-align: right;
}

div.footer_admin {
    font-size: 8pt;
    position: absolute;
    margin-left: 6em;
    text-align: center;
    top: 545px;
}

div.footer_viewer {
    font-size: 8pt;
    margin: 1em 0 0 4em;
    text-align: center;
}

/* shopping cart */
div.cartview {
    margin: 23.5em 0 0 11em;
    position: absolute;
}

div.cartviewh {
    margin: -4.5em 0 0 44.25em;
    position: absolute;
}