/*Layout*/


body {
  margin : 0px 0px 0px 0px;
  background-color: black
}



#top {
  position: absolute;
  height: 50px;
  width: 100%;
  top:26px;
   left: 160px;
}

#logo {
  position: absolute;
  height: 50px;
  width: 50;
  top:10px;
   left: 15px;
  border:0px none;
}

#left {
  position: absolute;
  height:100%;
  width:90px;
  top: 106px;
  left: 14px;
}

#left_pm {
  position: absolute;
  height:100%;
  width:80px;
  top: 106px;
  left: 5px;
}

#left_jo {
  position: absolute;
  height:100%;
  width:90px;
  top: 125px;
  left: 14px;
}

#main {
  position: absolute;
  width: 100%;
  top: 71px;
  left: 173px;
}


.image1
 {width: 14em;
 padding-bottom: 1em;
 margin:0;           } 


.image2
 {width: 3em;
position: absolute;
top: 70px;
left: 380px;
margin:0;  
}


.image3
 {border-width: medium;
 border-color: white;
 border-style: solid;
}



ul.one
{
float:left;
width:100%;
padding:0;
margin:0;
word-wrap: normal;
display: block;
}

ul.two
{
list-style-type: none;
text-align: left;
float:left;
padding:0;
margin:0;
 }



/*Typography*/

h1
{font: light Times New Roman;
width: 500px;
font-weight: normal;
text-transform: uppercase;
color: red; 
font-size: 24px}
 
 h2
{font: 19px Times New Roman;
width: 400px;
text-transform: uppercase;
color: red;
margin-top: 0em;
padding-bottom: 0em;
  }

 h3
{font: 15px Times New Roman;
width: 400px;
text-transform: uppercase;
color: white;
margin-top: 0;
padding-bottom: 0;
  }

h4
{font: 19px Times New Roman;
width: 400px;
color: red;
margin-top: 0em;
padding-bottom: 0em;
  }

p.bodytxt {font-family: Times New Roman;
font-size: 16px;
color: white;
width: 400px;
white-space: none;
line-height: 0.6cm}

p.bodytxt1 {font-family: Times New Roman;
font-size: 16px;
color: white;
width: 600px;
white-space: none;
line-height: 0.6cm}

p.bodytxt2 {font-family: Times New Roman;
font-size: 18px;
color: white;
width: 430px;
white-space: none;
line-height: 0.6cm}
 

p.captiontxt {font-family: LucidaGrande, Geneva, Arial, sans-serif;
font-size: 13px;
width: 400px;
color: white;
padding-top: 0em;
margin-top: -.2em;
}


p.captiontxt2 {font-family: LucidaGrande, Geneva, Arial, sans-serif;
font-size: 12px;
width: 310px;
color: white;
line-height: 0.4cm;
}


p.captiontxt3 {font-family: LucidaGrande, Geneva, Arial, sans-serif;
font-size: 13px;
width: 400px;
color: #FFFFFF;
padding-top: 0em;
margin-top: 1.2em;
line-height: 0.5cm;
}



p.bodytxt3 {font-family: Times New Roman;
font-size: 17px;
position: absolute;
width: 360px;
top: 45px;
left: 0px;
color: white;
white-space: none;
line-height: 0.6cm}





/*Links*/

a.one:link
{
font-family: LucidaGrande, Geneva, Arial, sans-serif;
color: white; font-size: 14px; font-weight: bold;
float:left;
text-decoration:none;
color:white;
padding:0.2em .8em;
border-right:1px solid white;
}

a.one:visited
{
font-family: LucidaGrande, Geneva, Arial, sans-serif;
color: white; font-size: 14px; font-weight: bold;
float:left;
text-decoration:none;
color:white;
padding:0.2em .8em;
border-right:1px solid white;
}

a.one:hover {
text-decoration:none;
color:red;}
li {display:inline;}



a.two:link
{
font-family: LucidaGrande, Geneva, Arial, sans-serif;
color: white; font-size: 11px; font-weight: bold;
text-transform: uppercase;
float:left;
text-decoration:none;
color:white;
padding-top: 2em;
margin-left: 10px;
}

a.two:visited
{
font-family: LucidaGrande, Geneva, Arial, sans-serif;
color: white; font-size: 11px; font-weight: bold;
text-transform: uppercase;
float:left;
text-decoration:none;
color:white;
padding-top: 2em;
margin-left: 10px;
}

a.two:hover {
text-decoration:none;
color:red;}
li {display:inline;}



a.three:link
{
font-family: Times New Roman; color: white; font-size: 16px; font-weight: bold;
text-decoration:none;
color:red;
}

a.three:visited
{
font-family: Times New Roman; color: white; font-size: 16px; font-weight: bold;
text-decoration:none;
color:red;
}

a.three:hover {
font-family: Times New Roman; color: white; font-size: 16px; font-weight: bold;
text-decoration:none;
color: #666;

height: 30px;}
li {display:inline;}






a.four:link
{
font: italic 11px LucidaGrande, Geneva, Arial, sans-serif;
color: white; font-weight: bold;
width: 140px;
text-transform: uppercase;
float:left;
text-decoration:none;
color:white;
padding-top: 2em;
margin-left: 10px;
}

a.four:visited
{
font: italic 11px LucidaGrande, Geneva, Arial, sans-serif;
color: white; font-weight: bold;
width: 140px;
text-transform: uppercase;
float:left;
text-decoration:none;
color:white;
padding-top: 2em;
margin-left: 10px;
}

a.four:hover {
text-decoration:none;
color:red;}





a.five:link
{
font: italic 20px LucidaGrande, Geneva, Arial, sans-serif;
color: white;
text-transform: uppercase;
text-decoration:none;
color:white;
padding-top: .3em;
}

a.five:visited
{
font: italic 20px LucidaGrande, Geneva, Arial, sans-serif;
color: white;
text-transform: uppercase;
text-decoration:none;
color:white;
padding-top: .3em;
}

a.five:hover {
text-decoration:none;
color:red;}





a.six:link
{
position: absolute;
font: italic 20px LucidaGrande, Geneva, Arial, sans-serif;
top: -20px;
left: 506px;
}

a.six:visited
{
position: absolute;
font: italic 20px LucidaGrande, Geneva, Arial, sans-serif;
top: -20px;
left: 506px;
}

a.six:hover {
position: absolute;
font: italic 20px LucidaGrande, Geneva, Arial, sans-serif;
top: -20px;
left: 506px;
}




/*CSS art menu grid: Artist page - all artisit blocks are separately placed blocks*/
 
 /*Mainblock*/

.artmenu {
height: 535px;
width: 735px;
 }
 
   .cssnava
 {
position: relative;
float: left;
margin: 0; 
padding: 0;
font-family: arial, helvetica, sans-serif;
background: url(img/grid/artNm.jpg) no-repeat;
width: 225px;
height: 225px;
overflow:hidden;}
 
  .cssnav
 {
position: relative;
float: left;
margin: 0; 
padding: 0;
font-family: arial, helvetica, sans-serif;
background: url(img/grid/jgrNm_1.jpg) no-repeat;
width: 225px;
height: 225px;
overflow:hidden;}
.cssnav a {
display: block;
width: 225px;
height: 225px;
display: block;
float: left;
color: black; 
text-decoration: none;
overflow:hidden;
			}
.cssnav img {width:225px; height: 225px; border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}
.cssnav span {
position: absolute;
left: 30px;top: 15px;
text-align: center;
width: 225px;
cursor: pointer;   }
  
 .cssnavBlank
 {
position: relative;
float: left;
margin: 0; 
padding: 0;
font-family: arial, helvetica, sans-serif;
background-color:#000;
width: 225px;
height: 225px;
overflow:hidden;}  
  
  
  
 /*begin CSS art menu block1(Joe Grant)*/
 .cssnav1
 {
position: relative;
float: left;
margin: 0; 
padding: 0;
font-family: arial, helvetica, sans-serif;
background: url(img/grid/jgNm_1.jpg) no-repeat;
width: 225px;
height: 225px;
overflow:hidden;}
.cssnav1 a {
display: block;
width: 225px;
height: 225px;
display: block;
float: left;
color: black; 
text-decoration: none;
overflow:hidden;
			}
.cssnav1 img {width:225px; height: 225px; border: 0; }
* html a:hover {visibility:visible}
.cssnav1 a:hover img{visibility:hidden}
.cssnav1 span {
position: absolute;
left: 30px;top: 15px;
text-align: center;
width: 225px;
cursor: pointer;   }


 /*begin CSS art menu block2 (Tania Jovanovic)*/
 .cssnav2
 {
position: relative;
float: left;
margin: 0; 
padding: 0;
font-family: arial, helvetica, sans-serif;
background: url(img/grid/tjNm_1.jpg) no-repeat;
width: 225px;
height: 225px;
overflow:hidden;}
.cssnav2 a {
display: block;
width: 225px;
height: 225px;
display: block;
float: left;
color: black; 
text-decoration: none;
overflow:hidden;
			}
.cssnav2 img {width:225px; height: 225px; border: 0; }
* html a:hover {visibility:visible}
.cssnav2 a:hover img{visibility:hidden}
.cssnav2 span {
position: absolute;
left: 30px;top: 15px;
text-align: center;
width: 225px;
cursor: pointer;   }

 /*begin CSS art menu block3 (Chris Koller)*/
  .cssnav3
 {
position: relative;
float: left;
margin: 0; 
padding: 0;
font-family: arial, helvetica, sans-serif;
background: url(img/grid/ckNm_1.jpg) no-repeat;
width: 225px;
height: 225px;
overflow:hidden;}
.cssnav3 a {
display: block;
width: 225px;
height: 225px;
display: block;
float: left;
color: black; 
text-decoration: none;
overflow:hidden;
			}
.cssnav3 img {width:225px; height: 225px; border: 0; }
* html a:hover {visibility:visible}
.cssnav3 a:hover img{visibility:hidden}
.cssnav3 span {
position: absolute;
left: 30px;top: 15px;
text-align: center;
width: 225px;
cursor: pointer;   }


 /*begin CSS art menu block4 (Peter Milne)*/
 
   .cssnav4
 {
position: relative;
float: left;
margin: 0; 
padding: 0;
font-family: arial, helvetica, sans-serif;
background: url(img/grid/pmNm_1.jpg) no-repeat;
width: 225px;
height: 225px;
overflow:hidden;}
.cssnav4 a {
display: block;
width: 225px;
height: 225px;
display: block;
float: left;
color: black; 
text-decoration: none;
overflow:hidden;
			}
.cssnav4 img {width:225px; height: 225px; border: 0; }
* html a:hover {visibility:visible}
.cssnav4 a:hover img{visibility:hidden}
.cssnav4 span {
position: absolute;
left: 30px;top: 15px;
text-align: center;
width: 225px;
cursor: pointer;   }

   .cssnav5
 {
position: relative;
float: left;
margin: 0; 
padding: 0;
font-family: arial, helvetica, sans-serif;
background: url(img/grid/thNm_1.jpg) no-repeat;
width: 225px;
height: 225px;
overflow:hidden;}
.cssnav5 a {
display: block;
width: 225px;
height: 225px;
display: block;
float: left;
color: black; 
text-decoration: none;
overflow:hidden;
			}
.cssnav5 img {width:225px; height: 225px; border: 0; }
* html a:hover {visibility:visible}
.cssnav5 a:hover img{visibility:hidden}
.cssnav5 span {
position: absolute;
left: 30px;top: 15px;
text-align: center;
width: 225px;
cursor: pointer;   }