html  { height: 100%; width: 100%; margin: 0px; overflow: hidden;}
form { width:100%; height: 100%; overflow: hidden; }
body
{
    margin:0px;
    width: 100%;
    min-height: 580px;
    height: 100%;    
}

body.galleryBody
{
    background-image: url('background.jpg');
    background-repeat:repeat-x;
    background-position:0px center;    
    overflow: hidden;
    background-color:#796c63;
}

body.itemBody
{
    background-color:#978e89;
    background-image: url('backgrounditem.jpg');
    background-repeat:repeat-x;
    background-position:0px center;   
    overflow:hidden; 
}


* { font-family: Trebuchet MS; }

#contentContainer { margin: auto;height: 100%; position:relative; }
#contentContainerInner { height: 500px; width:100%; position:absolute; top:50%; }
#contentContainerInner2 { height: 500px; width:100%; position:absolute; top:-60%; }
#contentBody { height:415px; }
#logoContainer { position: relative; left: 10%; }
.headerMenuItem { cursor: pointer; }
#galleryMenuButton { position: absolute; z-index: 100; top: 50px; }
#galleryMenu { position: absolute; z-index: 100; top:-2000px; }
#galleryMenu tr td img { left:0px; }
#galleryMenu tr td table tr td { border-left: solid 3px #eee; padding-left: 5px; }
.galleryMenuHeader { font-size: 20px; font-weight:bold; color: #aaa; padding-bottom: 5px; margin-bottom: 5px; }
.galleryMenuTitle { font-size: 15px; font-weight:bold; color: #666; width: 120px; margin-bottom: 15px; }
.galleryMenuItem { font-size: 13px; font-weight:bold; line-height: 20px; }
.galleryMenuItem a, .galleryMenuItem a:link, .galleryMenuItem a:visited, .galleryMenuItem a:active { color: #999; text-decoration: none; vertical-align:middle; }
.galleryMenuItem a:hover { color: #000; text-decoration: underline; }
.galleryMenuItem img { vertical-align:middle; margin-right: 4px; }

.artItemInfoSmall tr td div a, .artItemInfoSmall tr td div a:hover, .artItemInfoSmall tr td div a:link,.artItemInfoSmall tr td div a:visited,.artItemInfoSmall tr td div a:active { font-size: 10px; text-align: center;  color: #333; text-shadow: 0px 1px 0px #fff; font-weight:bold; text-decoration:none; line-height: 10px; }
#galleryScrollLeft, #galleryScrollRight { display: none; position: absolute; top:30px; cursor: pointer; }
#galleryScrollLeft, #galleryScrollRight  div { font-size: 12px; text-shadow: 0px 1px 0px #fff; font-weight:bold; color: #666; }
#galleryScrollRight div { left: 10px; top: 3px; }
#galleryScrollLeft div { left: 20px; top: 3px; }

.galleryMasterTitle { font-size: 18px; color: #fff; font-weight:bold; text-shadow: 1px 1px 0px #000; line-height: 20px; text-indent: 20px; position: relative; top: 38px; float:left; }
.galleryMasterSubTitle { font-size: 13px; color: #473f38; text-shadow: 1px 1px 0px #d9d9d9;  font-weight:bold; float: left; position:relative; top: 42px; left:10px; }

.masterItemHeaderTitle { font-size: 20px; color: #fff; font-weight:bold; text-shadow: 1px 1px 0px #7b7068; }
.masterItemInfoTitle { font-size: 13px; color: #473f38; text-shadow: 1px 1px 0px #7b7068;}

.artItemViewTitle { font-size: 16px; text-align: center;  color: #333; text-shadow: 0px 1px 0px #fff; font-weight:bold; line-height: 16px; padding:0px; margin:0px; }
.artItemViewInfo { font-size: 11px; text-align: center;  color: #666; text-shadow: 0px 1px 0px #fff; font-weight:bold; }

.buttonChooseGallery { font-size: 14px; font-weight:bold; color: #333; text-shadow: 0px 1px 0px #fff; width: 200px; text-align: center; cursor: pointer; }
#mainMenuTable { position: relative; top: -16px; left: 12px; }
#mainMenuTable tr td.mainMenuTableCell { position: relative; }
#mainMenuTable tr td.mainMenuTableCell { position: relative; }
#mainMenuTable tr td.mainMenuTableCell a.mainMenuElement { position: relative; }
#mainMenuTable tr td.mainMenuTableCell img.mainMenuElement { margin-left: 10px; margin-right: 2px; position: relative; top: 1px; }
#mainMenuTable tr td.mainMenuTableCell a.mainMenuElement { font-weight: bold;}
#mainMenuTable tr td.mainMenuTableCell a.mainMenuElement,.mainMenuTable tr td.mainMenuTableCell a.mainMenuElement:hover,.mainMenuTable tr td.mainMenuTableCell a.mainMenuElement:visited,.mainMenuTable tr td.mainMenuTableCell a.mainMenuElement:link,.mainMenuTable tr td.mainMenuTableCell a.mainMenuElement:active { font-size: 14px; text-transform:uppercase; font-family: Arial; text-shadow: 0px 1px 0px #000; }
#mainMenuTable tr td.mainMenuTableCell a.mainMenuElement, .mainMenuTable tr td.mainMenuTableCell a.mainMenuElement:visited,.mainMenuTable tr td.mainMenuTableCell a.mainMenuElement:link,.mainMenuTable tr td.mainMenuTableCell a.mainMenuElement:active { color:#dfdfdf; text-decoration: none; outline: none; }
#mainMenuTable tr td.mainMenuTableCell a.mainMenuElement:hover { color:#fff; text-decoration: underline; }

.infoTitle { margin-bottom: 20px; font-size: 18px; font-weight:bold; color: #666; }
.infoText { font-size: 12px; text-align:justify; color: #333; }
.infoText a, .infoText a:hover, .infoText a:link, .infoText a:visited { color: #000; }
.copyrightText { position: absolute; bottom:5px; font-size: 11px; color: #61584f; text-align: center; right:5px; font-weight:bold;}

.itemHighlighted div, .itemNormal div { border:solid 2px #fff; }
.itemHighlighted div { display: block; }
.itemNormal div { display: none; }


.contactsForm table tr td { font-size: 13px; color: #666; font-weight:bold; }
.contactsForm table tr input { font-size: 12px; color: #000; font-weight:bold; width:180px; border: solid 2px #aaa; cursor:pointer; }
.contactsForm table tr textarea { font-size: 12px; color: #000; font-weight:bold; width:441px; border: solid 2px #aaa;  cursor:pointer; height:80px;}