@charset "UTF-8";
/* CSS Document */


a, :focus
{
  outline: none;
}


html, body {
background-color:#FFFFFF;
width:100%;
height:100%;
margin:0px;
padding:0px;
text-align:center;
color:#666666;
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
font-weight:normal;
 } 
 
img {border:none;}
 
 a {
 color:#666666;
 text-decoration:none;
 }
 
 a:hover {
 color:#000000;
 text-decoration:underline;
 }
 
 h3 {
 margin: 45px 0 10px 0;
 
 }
 
 div#container {
 width:955px;
 height:575px;
 margin:-297px auto 0 auto;
 padding:0px;
 position:relative;
 clear:both;
 }
 
 div#spacer {
 width:1px;
 height:50%;

 }
 
 
 div.main div a, div.main div a img{
 margin:0px;
 padding:0px;
 border:none;
 
 }
 
div.main {
width:955px;
height:557px;
background-position:50% 50%;
position:absolute;
top:0px;
left:0px;
background-repeat:no-repeat;
 }

body#home div div.main {
background-image: url('images/bg-home.png');
}


body#paintings div div.main {
background-image: url('images/bg-paintingwall.png');
}

body#drawings div div.main {
background-image: url('images/bg-drawings.png');
}

body#paintingrack1 div div.main {
background-image: url('images/bg-paintingrack1.png');
}

body#paintingrack2 div div.main {
background-image: url('images/bg-paintingrack2.png');
}

body#paintingrack3 div div.main {
background-image: url('images/bg-paintingrack3.png');
}

body#links div div.main, body#resume div div.main, body#bio div div.main {
background-image:none;
background-color:#ffffff;
border-style:solid;
border-width:2px;
border-color:#D3D1D2;
padding:40px;
width:871px;
height:auto;
min-height:470px;
float:left;
position:relative;
}

div#innercontainer {
padding: 30px 120px 0 120px;
text-align:justify;
float:left;

}

body#video div div.main {
background-color:#eeeeee;
border-style:solid;
border-width:2px;
border-color:#D3D1D2;
width:768px;
height:462px;
padding:47px 93px 46px 94px;
}

h1 {
width:200px;
padding:3px 0px 0px 3px;
margin:0px;
font-size:11px;
font-weight:normal;
font-family:Geneva, Arial, Helvetica, sans-serif;
position:absolute;
top:557px;
left:0px;
text-align:left;
text-transform:uppercase;
letter-spacing:1px;
}

h1 a {
color:#666666;
}
h1 a:hover {
text-decoration:none;
color:#000000;
}

body#links h1, body#resume h1, body#bio h1 {
position: relative;
top:0px;
margin-left: -3px;
clear:left;
float:left;
}/**/


/* ################################################# main nav styles ######################################################### */

ul#mainnav {
display:inline;
background-color:#efefef;
border-style:solid;
border-color:#d6d6d6;
border-width:1px;
margin:0 auto 0 auto;
position:relative;
top:520px;
padding:4px 0px 5px 0px;

}

body#bio ul#mainnav, body#links ul#mainnav, body#resume ul#mainnav, body#bio ul#mainnav {
top:0px;

}

body#home ul#mainnav {
background-color:#dfdfdf;
border-color:#b6b6b6;

}

ul#mainnav li{
display:inline;
padding:0px;
margin:0px;
display:inline;
}

ul#mainnav li a {
height:25px;
margin:0px;
padding:5px 13px 5px 13px;
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
color:#bbbbbb;
}

body#home ul#mainnav li a {
color:#999999;
}

ul#mainnav li a:hover {
background-color:#cccccc;
color:#ffffff;
text-decoration:none;
}

body#home ul#mainnav li a:hover {
background-color:#b6b6b6;
color:#dfdfdf;
}


/* ################################################# end main nav styles ######################################################### */



div#homepagepainting {
position:absolute;
top:160px;
left:586px;
width:365px;
height:202px;

}

div#homepagephoto {

position:absolute;
top:105px;
left:-2px;

width:241px;
height:292px;


}

body#home h3#forwardtovideo{
width:150px;
height:250px;
position:absolute;
top:160px;
left:355px;
margin:0px;
padding:0px;
}

body#home h3#forwardtovideo a{
display:block;
margin:0px;
width:150px;
height:0px;
overflow:hidden;
padding:250px 0 0 0;

}

div#rack1 {
position:absolute;
top:406px;
left:834px;
width:119px;
height:148px;
}

body#paintingrack1 div.paintingrack {
width:393px;
height:304px;
position:absolute;
top:88px;
left:327px;
}

body#paintingrack2 div.paintingrack {
width:393px;
height:304px;
position:absolute;
top:65px;
left:458px;
}


body#paintingrack3 div.paintingrack {
width:120px;
height:509px;
position:absolute;
top:15px;
left:2px;
}

body#paintingrack1 h3#forwardto2{
width:50px;
height:400px;
position:absolute;
top:60px;
left:900px;
margin:0px;
padding:0px;
}

body#paintingrack1 h3#forwardto2 a{
display:block;
margin:0px;
width:50px;
height:0px;
overflow:hidden;
padding:400px 0 0 0;

}

body#paintingrack1 h3#backtopaintingwall{
width:270px;
height:250px;
position:absolute;
top:150px;
left:2px;
margin:0px;
padding:0px;
}

body#paintingrack1 h3#backtopaintingwall a{
display:block;
margin:0px;
width:270px;
height:0px;
overflow:hidden;
padding:250px 0 0 0;

}

body#paintingrack2 h3#backto1{
width:16px;
height:464px;
position:absolute;
top:17px;
left:2px;
margin:0px;
padding:0px;
}

body#paintingrack2 h3#backto1 a{
display:block;
margin:0px;
width:16px;
height:0px;
overflow:hidden;
padding:464px 0 0 0;

}

body#paintingrack2 h3#forwardto3{
width:86px;
height:90px;
position:absolute;
top:205px;
left:865px;
margin:0px;
padding:0px;
}

body#paintingrack2 h3#forwardto3 a{
background-image:url(images/paintingrack2_01.png);
display:block;
margin:0px;
width:86px;
height:0px;
overflow:hidden;
padding:90px 0 0 0;

}

body#paintingrack3 h3 a{
display:block;
margin:0px;
width:50px;
height:0px;
overflow:hidden;
padding:400px 0 0 0;

}

span.year {

display:block;
width:100px;


}

li#resumevideo ul li span.year {
float:left;
height:100px;
width:20px;
margin-right:20px;
}

li#resumeawards ul li span.year {
display:inline;
padding-right:8px;
}

body#resume ul#resumelist {
list-style-type:none;
font-size:12px;
position:relative;

}

body#resume ul#resumelist li {
list-style-type:none;
position:relative;
float:none;
display:block;
margin:15px 0 15px 0;
}

body#resume ul#resumelist li ul{
list-style-type:none;
padding:10px 0 0 0;
margin:0px;
}

body#resume ul#resumelist li ul li{
list-style-type:none;
margin:5px;
padding:3px;

}

body#resume ul#resumelist li ul li ul{
list-style-type:none;
left:40px;
top:-18px;
width:470px;
position:relative;
padding:0px;
margin:2px;
}

body#resume ul#resumelist li ul li ul li{
font-size:12px;
list-style-type:none;
margin:4px 0 0 0;
padding:0px;

}

div.paintrack1-swapper {

position:absolute;
left:725px; top:155px;
 width:190px; 
 height:225px;
  z-index:1; 
 display:none;
 overflow:hidden;
 }
 
 div.paintrack2-swapper {

position:absolute;
left:28px; top:155px;
 width:376px; 
 height:274px;
  z-index:1; 
 display:none;
 overflow:hidden;
 padding:0px;
 margin:0px;
 }
 
 
 /* ############################################# popup styles ####################################################### */
 
body#popup-h ul.art-info{
font-size:11px;
list-style-type:none;
margin:50px 0 0 0px;
padding:20px 35px 15px 25px;
width:150px;
text-align:left;
float:right;
clear:both;
background-color:#f9f6f6;
border-style:solid;
border-color:#989696;
border-width:1px;

}


body#popup-v ul.art-info  {
font-size:11px;
list-style-type:none;
margin:0px 0 0 0px;
padding:20px 35px 15px 25px;
width:150px;
text-align:left;
float:right;
background-color:#f9f6f6;
border-style:solid;
border-color:#989696;
border-width:1px;

}

ul.art-info li {
list-style-type:none;
margin:5px 0 0 0px;
padding:0px;

}

ul.art-info li.prevnext  {

margin:20px 0 0 0px;
padding:0px;
height:25px;
width:25px;
}

ul.art-info li.prevnext a {
display:block;
margin:0px;
padding:25px 0 0 0px;
height:0px;
width:25px;
overflow:hidden;
background-image:url(images/prevnext.png);
}

ul.art-info li#next a {
background-position:0 0;
}

ul.art-info li#next a:hover {
background-position: -25px 0;
}

ul.art-info li#previous a {
background-position:0 -25px;
}

ul.art-info li#previous a:hover {
background-position:-25px -25px;
}


ul.art-info li#next {
clear:right;
float:right;
}

ul.art-info li#previous {
clear:left;
float:left;
}

 body#popup-h div#container, body#popup-v div#container  {
 width:600px;
 height:550px;
 margin:-225px auto 0 auto;
 padding:0px;
 position:relative;
 clear:both;
 text-align:center;
 }
 
 
 
 body#popup-h div#container div.innercontainer {
 height:auto;
 width:556px;
 padding:25px 0 0 0px;
 margin:0px auto 0 auto;
position:relative;
 }
 
 
body#popup-v div#container div.innercontainer {
 height: auto;
 width:556px;
 padding:15px 0 0 0px;
 margin:0px auto 0 auto;
position:relative;
 }
 
 body#popup-h div#spacer, body#popup-v div#spacer {
 width:1px;
 height:50%;
 clear:both;

 }
 
 body#popup-h div#header, body#popup-v div#header  {
 margin:0px;
 padding:0px;
 width:100%;
 height:25px;
 background-color:#e6e4e4;
 border-bottom-width:2px;
 border-bottom-style:solid;
 border-bottom-color:#989696;
 position:relative;
 z-index:50;
 
 }
 
 body#popup-h div#footer,  body#popup-v div#footer {
 position:absolute;
 left:0;
 bottom:0;
 margin:0;
 padding:0px;
 width:100%;
 height:45px;
 background-color:#e6e4e4;
 /* real color is this background-color:#e6e4e4; */
 border-top-width:2px;
 border-top-style:solid;
 border-top-color:#989696;
 z-index:50;
 
 }
 
 body#popup-v div.image {
 width:310px;
 float:left;
 margin:0px;
 padding:0px;
 height:auto;
 
 }
 
 /* ##################################################### painting room ############################################################# */
 
 #paintingroom_01, #paintingroom_02{
 
 margin:0px;
padding:0px;
position:absolute;
top:270px;

 }
 
 
#paintingroom_01 {

width:80px;
height:67px;
left:50px;

}

#paintingroom_02 {

width:80px;
height:67px;
left:200px;

}


#paintingroom_03 {
 
 margin:0px;
padding:0px;
position:absolute;
top:265px;
width:342px;
height:86px;
left:370px;

}


 /* ##################################################### painting rack3 ############################################################# */


#paintingrack3_01 {

 margin:0px;
padding:0px;
position:absolute;
top:234px;
width:81px;
height:80px;
left:170px;


}

#paintingrack3_02 {

 margin:0px;
padding:0px;
position:absolute;
top:241px;
width:67px;
height:69px;
left:290px;


}

#paintingrack3_03 {

 margin:0px;
padding:0px;
position:absolute;
top:230px;
width:470px;
height:95px;
left:482px;


}