html { min-height: 100%; margin-bottom: 1px; }
body { background:  url('imgs/probert_logo.gif') top  no-repeat #000; margin: 0px auto; font: 12px Arial,Tahoma; color: #FFF; line-height:22px;}
img { border: 0px; display: block; }
table { border: 0px; border-collapse: collapse }
table td { padding: 0px; vertical-align:top;}

:focus
{-moz-outline-style:none;}

h1,h2,h3,h4{
 margin-top:0px ;
 text-transform:uppercase ;
 }
h1{ font-size: 24px ; }
h2{ font-size: 18px ; }
h3{ font-size: 14px ; }

#layout { position: relative; margin: 0px auto; width: 1000px; height: auto; text-align: left; padding-top:100px;}

#content {
 border-left:1px solid #FFF ;
 padding: 0px 0px 15px 14px ;
 }

#logo { width: 700px; height: 400px; }
.title {font: bold 16px Arial,Tahoma; color: #FFF; }


#contact td {padding:4px;}

.nav {
 width:200px ;
 text-align:right;
 padding-right:15px;
 }
.nav a { text-transform:uppercase; font: 14px arial; color: #FFF; margin-bottom:2px; text-decoration:none; line-height: 24px; display:block; }
.nav a:hover { color:#BABABA; text-decoration:underline;  }
.sub{ margin-bottom: 6px ; }
.sub a {
 color:#C1C1C1;
 font: normal 12px arial;
 text-decoration: none;
 display:block ;
 margin-bottom:1px ;
 }
.sub a:hover {color:#BABABA; text-decoration: underline; }

.gen td { padding:8px;vertical-align:top; }

a { font: 12px Arial,Tahoma; color: #F9A51B;text-decoration:none; }
a:hover { color:#666; text-decoration:underline;  }

.textareabox { background-color:#ddd; font: 11px Arial,Verdana; border: 1px solid black; }
.selectbox { font: 11px Arial,Verdana; border: 1px solid black; }
.inputbox { background-color:#6f6f6f; font: 11px Arial,Verdana; border: 1px solid #6f6f6f; }
.inputbutton { font: 11px Arial,Verdana; border: 1px solid #6f6f6f; background-color: #6f6f6f; }

/* page specific ****************************/

/* art index ***************/
#artlist .art{
	padding: 0px 15px 15px 0px ;
} 
a.artthumb img{
	border:#F9A51B solid 2px;
}
a:hover.artthumb img{
	border:#666666 solid 2px;
}