@charset "UTF-8";
/* CSS Document */
*{font-family:Arial, Helvetica, sans-serif;margin:0;padding:0}

a {outline: 0;}

a img{margin:0;padding:0}

ul{list-style:none}

li a img{display:block;}

ul a{text-decoration:none}

div#head{width:950px;border-bottom:1px #BABABA solid;margin:35px 0 0 130px;position:relative}

h1{padding:0 0 0 0; font-weight:normal}

h1 a img{opacity:1;transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}

h1 a img:hover{opacity: .3}

a img{border:none;}

div#side{width:210px;float:left;margin:28px 0 0 130px}

ul#topNav{width:300px;position:absolute;top:12px;right:60px}

ul#topNav li{float:left}

ul#topNav li img.grey{opacity:.5}
   
ul#topNav li a img.grey:hover{opacity:1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}

ul#thumbs{position:absolute;top:220px;left:128px;width:211px}

ul#thumbs img{width:85px; height:85px;}

ul#thumbs li{float:left;padding:1.5px;display:block}

ul#thumbs li a img, a img{ opacity:1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out}
   
ul#thumbs li.current img{border:#DFDFDF 1px solid}
   
ul#thumbs li a img{border:#F4F4F4 1px solid}

ul#thumbs li a img:hover, a img:hover{opacity: .5}

ul#subNav{font-size:13px;line-height:1.5em;clear:both}

ul#subNav li{color:#000}

ul#subNav li a{color:#B1ABB7}

ul#subNav li a:hover{color:#000}

ol{list-style:none;position:absolute;top:600px;left:127px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:15px;color:#000}

ol li{float:left;padding:0 4px}

ol li a{color:#B1ABB7;text-decoration:none}

ol li a:hover{color:#666}

div#main{position:absolute;top:101px;left:450px}

cite{position:absolute;top:500px;left:0; font-style:italic;font-size:12px;color:#7B7B7B;}

cite.about{position:absolute;top:500px;left:129px; font-style:italic;font-size:12px;color:#7B7B7B;}

#main img{margin-bottom:2px;border:#EFEFEF 1px solid}

#main p{width:400px;padding:10px 0 0 0;font-size:13px;color:#909090;line-height:1.3em}

#main p.mail{margin:100px 0 0 50px}

#main p.mail a img{border:none}

img.about{margin-top:37px}

#main img.poodle{border:none}

p.copy{color:#CFCFCF;font-size:11px;position:absolute;top:660px;left:130px;}

p.awb{color:#CFCFCF;font-size:11px;position:absolute;top:660px;right:170px}

p.awb a{color:#B9B9B9;text-decoration:none}

p.awb a:hover{color:#7B7B7B}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  ol{font-size:30px}

	  
	  

}


body:after
{content: 
url(botanical-paintings/images/trachystemon-orientalis.jpg)
url(botanical-paintings/images/drimys.jpg)
url(botanical-paintings/images/rosa-moyesii.jpg)
url(botanical-paintings/images/iris.jpg)
url(botanical-paintings/images/liliam-nepalense.jpg)
url(botanical-paintings/images/artichoke-seedheads.jpg)
url(botanical-paintings/images/sunderlandia-frutescens.jpg)
url(botanical-paintings/images/liquidamber-styraciflua.jpg)
url(botanical-paintings/images/rosa-stylosa.jpg)
url(botanical-paintings/images/horned-tulip.jpg)
url(botanical-paintings/images/eryngium-maritimum.jpg)
url(botanical-paintings/images/peonia.jpg)
url(botanical-paintings/images/rosa-glauca.jpg)
url(botanical-paintings/images/rosa-spinosissima.jpg)
url(botanical-paintings/images/hazel.jpg)
url(botanical-paintings/images/ash.jpg)
url(paintings/images/henry-VIII.jpg)
url(paintings/images/midsummer-nights-dream.jpg)
url(paintings/images/as-you-like-it.jpg)
url(paintings/images/henry-VIII.jpg)
url(paintings/images/hans-place.jpg)
url(paintings/images/twelfth-night.jpg)
url(paintings/images/henry-v.jpg)
url(paintings/images/dennis-rolland.jpg)
url(paintings/images/genealogy-rolls.jpg)
url(portraits/images/moreton-terrace.jpg)
url(portraits/images/greek-scholar.jpg)
url(portraits/images/self-portrait.jpg)
url(portraits/images/tea-in-lewes.jpg)
url(portraits/images/hassan.jpg)
url(portraits/images/recital.jpg)
url(portraits/images/yavar-family.jpg)
url(portraits/images/genealogy-rolls.jpg)
url(portraits/images/portrait.jpg); 
display:none;}