/*
 * Copyright (c) 2005 George Stojanoff. All rights reserved.
 * Initially created created by George Stojanoff on Sep 29, 2005
 */ 
 
 /* hyperlink */
:link {
    color: white;
    text-decoration: none;
}

:visited {
    color: white;
    text-decoration: none;
}

:hover {
    color: white;
    text-decoration: underline;
}

:active {
    color: white;
    text-decoration: none;
}

/* breadcrumb div */
.breadcrumbs {
    color: white;
    text-align: left;
    font-family: arial, sans-serif;
    font-size: 9pt;
    position: absolute;
    top: 194px;
    left: 40px;
}

/* all design images link div */
.alldesignslink {
    color: white;
    text-align: left;
    font-family: arial, sans-serif;
    font-size: 9pt;
    position: absolute;
    top: 194px;
    left: 690px;
}

/* all illustrations images link div */
.allillustrationslink {
    color: white;
    text-align: left;
    font-family: arial, sans-serif;
    font-size: 9pt;
    position: absolute;
    top: 194px;
    left: 675px;    
}

/* thumbnail navigation div */
.thumbnailNavigation {
    text-align: center;
}

/* image navigation div */
.imageNavigation {
    text-align: center;
}

/* first, prev, next, last navigation buttons */
.navButton {
    vertical-align: middle;
}

.menuItem {
    position: absolute;
    top: 121px;
}

.logo {
    position: absolute;
    top: 9px;
    left: 70px;
    /* uncomment to see clickable area */
    /* border: 1px solid black; */
}

.email {
    position: absolute;
    top: 77px;
    left: 550px;
    /* uncomment to see clickable area */   
    /* border: 1px solid black; */
}

.viewport {
    position: absolute;
    top: 239px;
    left: 300px;
}

.viewport_home {
    position: absolute;
    top: 239px;
    left: 287px;
}

/* pages */
.page_more {
    position: absolute;
    top: 194px;
    left: 40px;
}

.page_more_artbio {
    position: absolute;
    top: 242px;
    left: 70px;
}

.page_more_services {
    position: absolute;
    top: 302px;
    left: 70px;
}

.page_more_tidbits {
    position: absolute;
    top: 375px;
    left: 70px;
}

.page_more_artshows {
    position: absolute;
    top: 432px;
    left: 70px;
}

.page_more_store {
    position: absolute;
    top: 492px;
    left: 70px;
}

.page_more_email {
    position: absolute;
    top: 273px;
    left: 462px;
}

.page_artbio {
    position: absolute;
    top: 194px;
    left: 40px;
}

.page_home {
    position: absolute;
    top: 204px;
    left: 40px;
}

.page_home_here {
    position: absolute;
    top: 531px;
    left: 151px;
}

.page_services {
    position: absolute;
    top: 194px;
    left: 40px;
}

.page_services_email {
    position: absolute;
    top: 539px;
    left: 102px;
}

.page_store_title {
    position: absolute;
    top: 205px;
    left: 380px;	
}

/* surrounding thumbnail a tag */
.thumbnailLink {
    border-width: 0;
    margin: 3px;
}

/* useful to set no border on img tags */
.noborder {
    border-width: 0;
}

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

.htext {
    display: none;    
}

/* thumbnail div, positions are relative to thumbsframe */
/* each thumb is 50x50 with 15 pixels between thumbs */
/* 5 rows with 3 columns */

.thumbsframe {
    position: absolute;
    top: 209px;
    left: 40px;
    height: 397px;
    width: 251px;
    /* background-image is set in htmlpage.vm via a style attribute cause we need to calucate
       the relative path of the common directory 
    background-image: url(/common/thumbsframe.jpg); */    
}

/* thumb row 0 */
.thumbnail0 {
    position: absolute;
    top: 40px;
    left: 30px;
}

.thumbnail1 {
    position: absolute;
    top: 40px;
    left: 95px;
}

.thumbnail2 {
    position: absolute;
    top: 40px;
    left: 160px;
}

/* thumb row 1 */
.thumbnail3 {
    position: absolute;
    top: 105px;
    left: 30px;
}

.thumbnail4 {
    position: absolute;
    top: 105px;
    left: 95px;
}

.thumbnail5 {
    position: absolute;
    top: 105px;
    left: 160px;
}

/* thumb row 2 */
.thumbnail6 {
    position: absolute;
    top: 170px;
    left: 30px;
}

.thumbnail7 {
    position: absolute;
    top: 170px;
    left: 95px;
}

.thumbnail8 {
    position: absolute;
    top: 170px;
    left: 160px;
}

/* thumb row 3 */
.thumbnail9 {
    position: absolute;
    top: 235px;
    left: 30px;
}

.thumbnail10 {
    position: absolute;
    top: 235px;
    left: 95px;
}

.thumbnail11 {
    position: absolute;
    top: 235px;
    left: 160px;
}

/* thumb row 4 */
.thumbnail12 {
    position: absolute;
    top: 300px;
    left: 30px;
}

.thumbnail13 {
    position: absolute;
    top: 300px;
    left: 95px;
}

.thumbnail14 {
    position: absolute;
    top: 300px;
    left: 160px;
}

/* gallery div, positions are relative to galleryframe */
/* each gallery thumb is 100px wide and 190px heigh */

/* note width here must be the same as HtmlPage.GalleryFrameWidth !!! */
.galleryframe {
    position: absolute;
    top: 209px;
    left: 40px;
    width: 710px;   
    height: 425px;
    /* border: 1px solid white; */
}

/* base style for gallery divs. Note that the "left" property is set in the style
   of the div tag programmetically */
.galleryDiv {
    position: absolute;
    top: 117px;
}