/* Art-Sublime CSS Document */

html,body,table#full-height
{
	margin: 0px;
    padding: 0px;
    height: 100%;
    border: none;
}

body,th,td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}


/* Ids */
#top
{
	background: url(../images/layout/top.gif) no-repeat top;
	height: 25px;
}

#bottom
{
	background: url(../images/layout/bottom.gif) no-repeat top;
	height: 25px;
}

#art td
{  
    width: 20%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

a:link
{
	text-decoration: none;
	color: #990000;
}

a:visited
{
	text-decoration: none;
	color: #990000;
}

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

a:active
{
	text-decoration: none;
	color: #990000;
}


/* Classes */
.full-height
{
	height: 100%;
}

.top-back
{
	background: url(../images/layout/top-back.jpg);
	max-height: 71px;
}

.top-banner
{
	width: 750px; 
	background: url(../images/layout/ban-back.jpg);
	text-align: right;
	max-height: 71px;
}

.back
{
	background: url(../images/layout/back.jpg) #333333;
}

.mid-back
{
	background: url(../images/layout/mid-back.jpg) top repeat-x #111111;
	padding: 21px 21px 21px 21px;
	vertical-align: top;
	text-align: center;
}

.bottom
{
	height: 30px; 
	background-color: #FFFFFF;
}

.main
{
	height: 219px;
	background: url(../images/layout/home2.gif) center no-repeat;
}

.content
{
	background-color: #FFFFFF;
	vertical-align: top;
	text-align: left;
	color: #000000;
	padding-left: 20px;
	padding-right: 20px;
}

.copyright
{
	font-size: 9px;
	vertical-align: middle;
	text-align: center;
}

.title
{
	border-bottom: solid thin #000000;
}

.error
{
	border: dashed thin #FF0000;
	padding: 10px 10px 10px 10px;
}

.success
{
	border: dashed thin #006600;
	padding: 10px 10px 10px 10px;
}

/* Rollover Navigation */
a#art-roll
{
  display: block;
  width: 84px;
  height: 71px;
}

.art-roll
{
	background: url(../images/layout/art-roll.png) no-repeat;
}

a#photo-roll
{
  display: block;
  width: 125px;
  height: 71px;
}

.photo-roll
{
	background: url(../images/layout/photo-roll.png) no-repeat;
}

a#glass-roll
{
  display: block;
  width: 113px;
  height: 71px;
}

.glass-roll
{
	background: url(../images/layout/glass-roll.png) no-repeat;
}

a#event-roll
{
  display: block;
  width: 72px;
  height: 71px;
}

.event-roll
{
	background: url(../images/layout/events-roll.png) no-repeat;
}

a#con-roll
{
  display: block;
  width: 84px;
  height: 71px;
}

.con-roll
{
	background: url(../images/layout/contact-roll.png) no-repeat;
}

.rollover a:hover img, .rollover a:focus img
{ 
  display: none;
  width: 85px;
  height: 71px;
}
.rollover a:hover
{
  line-height: 1;
}