/*----------------------------layout styles---------------------------*/

body {
margin: 10px; 
padding: 10px;
background-color: #000000;
}

.mainbox {
background-color: #282828;
border: 1px solid #555555;
}

.menubar {
border-top: 1px solid #555555;
border-bottom: 1px solid #555555;
}

.imagebox {
background-color: #000000;
border: 1px solid #555555;
}

.thumbbox {
background-color: #000000;
border: 1px solid #555555;
}

/*----------------------------universal text styles---------------------------*/

.title {
font-size: 28px;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
color: #006699;
}

.menu {
font-size: 12px;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
color: #888888;
}

.menuhi {
font-size: 12px;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
color: #006699;
}

.pagenumber {
font-size: 12px;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
color: #888888;
}

.copy {
font-size: 12px;
font-family: arial, helvetica, sans-serif;
line-height: 16px;
color: #888888;
}

.copybold {
font-size: 12px;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
line-height: 16px;
color: #888888;
}

a {
text-decoration: none;
}

a:link {
color: #888888;
}

a:visited {
color: #888888;
}

a:active {
color: #006699;
}

a:hover {
color: #006699;
}

/*----------------------------index page text styles---------------------------*/

.index {
font-size: 12px;
font-family: arial, helvetica, sans-serif;
line-height: 16px;
color: #888888;
}

.indexbold {
font-size: 12px;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
line-height: 16px;
color: #888888;
}

/*----------------------------work page text styles---------------------------*/

.thumbtitle {
font-size: 12px;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
line-height: 24px;
color: #888888;
}

.thumbsubtitle {
font-size: 11px;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
line-height: 14px;
color: #888888;
}

/*----------------------------image page text styles---------------------------*/

.workname {
font-size: 12px;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
line-height: 16px;
color: #888888;
}

.workdate {
font-size: 12px;
font-family: arial, helvetica, sans-serif;
line-height: 16px;
color: #888888;
}

.dimensions {
font-size: 12px;
font-family: arial, helvetica, sans-serif;
line-height: 16px;
color: #888888;
}

.materials {
font-size: 12px;
font-family: arial, helvetica, sans-serif;
line-height: 16px;
color: #888888;
}

.media {
font-size: 12px;
font-family: arial, helvetica, sans-serif;
line-height: 16px;
color: #888888;
}

.info {
font-size: 12px;
font-family: arial, helvetica, sans-serif;
line-height: 16px;
color: #888888;
}

.description {
font-size: 12px;
font-family: arial, helvetica, sans-serif;
line-height: 16px;
color: #888888;
}

.footer {
font-size: 10px;
font-family: arial, helvetica, sans-serif;
line-height: 13px;
color: #888888;
}

/*----------------------------ref page text styles---------------------------*/

.ref {
font-size: 12px;
font-family: arial, helvetica, sans-serif;
line-height: 16px;
color: #888888;
}

.refitalic {
font-style: italic;
}

.date {
font-size: 12px;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
line-height: 16px;
color: #888888;
}