body {margin: 0px; padding: 0px; background: #000 url(images/bw.jpg) top left repeat-x; font-family: verdana, helvetica, arial, sans-serif; text-align: center;
scrollbar-face-color: #333333; 
scrollbar-highlight-color: #666666; 
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #000000; 
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #000000}
a {text-decoration: none; color: #fff}
a:hover {color: #960}
.right {float: right}
.left {float: left}
.main {position: relative; width: 760px; height: 450px; margin: 0 auto} 
.mainbabes {background: url(images/imagesback.jpg) bottom center no-repeat}
.photography {position: absolute; bottom: 10px; right: 5px; text-align: right; width: 260px; color: #fff; font-size: 60%} 
.lola {font-size: 320%; letter-spacing: 2px}
.nav {position: absolute; bottom: 50px; left: 10px; text-align: left; height: 55px}
.nav a, .nav a:link, .nav a:active, .nav a:visited {font-size: 10px; font-weight: bold; line-height: 20px} 
.surinfo {font-size: 10px; text-align: left; width: 250px; float: left}


.mainpics1 {position: absolute; top: 70px; left: 0px; width: auto}
.mainpics2 {position: absolute; top: 70px; right: 0px; width: auto}
.mainpics1 img, .mainpics2 img {margin: 0px 20px}
.gall1 {position: absolute; top: 60px; left: 0px; width: 280px; text-align: right}
.gall2 {position: absolute; top: 60px; right: 0px; width: 280px; text-align: left}
.bold {font-weight: bold; letter-spacing: 2px; font-family: arial, helvetica verdana, sans-serif}
.white {color: #fff}
.smallfont {font-size: 90%}
.quote {font: bold 80% arial, helvetica, verdana, sans-serif ; color: #999}
.gall1 a, .gall2 a {font-weight: normal; font-size: 70%; line-height: 18px}
.gall {position: absolute; top: 14px; left: 0px; width: 100%; background: url(images/imageback.jpg) bottom center no-repeat; height: 416px}
.arch {position: absolute; top: 14px; left: 0px; width: 100%; background: url(images/archback.jpg) bottom center no-repeat; height: 416px}
.galla2z {background-image: url(images/a2zback.jpg)}
.gallsur1 {background-image: url(images/surlondon.jpg)}
.surny {background-image: url(images/surnyback.jpg)}
.sursa {background-image: url(images/sursaback.jpg)}
.surmisc {background-image: url(images/surmiscback.jpg)}
.pace {background-image: url(images/paceback.jpg)}
.babes {background-image: url(images/babesback.jpg)}
.fire {background-image: url(images/fireback.jpg)}
.epicene {background-image: url(images/epiceneback.jpg)}
.epicene2 {background-image: url(images/epiceneback2.jpg)}
.autumn {background-image: url(images/autumnback.jpg)}
.scene {background-image: url(images/queensback.jpg)}
.warriors {background-image: url(images/warriorsback.jpg)}
.misc1 {background-image: url(images/misc1back.jpg)}
.misc2 {background-image: url(images/misc2back.jpg)}
.misc3 {background-image: url(images/misc3back.jpg)}
.gallinfo {background-image: url(images/infoback.jpg)}
.gallbook {background-image: url(images/bookback.jpg)}
.gallpubl {background-image: url(images/pubback.jpg)}
.exhib {background-image: url(images/exhiback.jpg)}
.submit {background-image: url(images/submitback.jpg)}
.four {background-image: url(images/4back.jpg)}
.ctc {background-image: url(images/contactback.jpg)}
.galla2z, .gallsur1, .surny, .sursa, .surmisc, .babes, .pace, .fire, .scene, .warriors, .misc1, .misc3, .misc2, .gallinfo, .gallbook, .gallpubl, .exhib, .submit, .ctc, .epicene, .epicene2, .autumn, .four, .mainbabes {position: absolute; top: 30px; left: 0px; width: 100%; height: 400px;  background-position: bottom center; background-repeat: no-repeat}
.thumbs {margin: 80px 0px 0px 0px}
.thumbs2 {margin: 50px 0px 0px 0px}
.thumbs img, .surny img, .scene img, .fire img,  .epicene2 img, .epicene img, .warriors img, .gallsur1 img, .misc3 img, .autumn img, .four img {border: 0; margin: 0 10px}

.ml {margin-left: 20px}
.mr {margin-right: 20px}
.ml2 {margin-left: 55px}
.mr2 {margin-right: 55px}
.mr3 {margin-right: 155px}
.ml4 {margin-left: 42px}
.mr4 {margin-right: 42px}
.ctcdetails {position: absolute; top: 260px; left: 0px; width: 100%; font-size: 90%;  color: #fff; margin: 0px 10px; font-weight: bold}
.submit input, .submit textarea {border: solid 1px #000; font-family: arial, helvetica, verdana, sans-serif; font-size: 70%}
.txtrea {position: absolute; top: 0px; left: 250px; text-align: left}
.submit p {position: absolute; top: 0px; right: 0px; width: 230px; font-size: 60%; font-weight: bold; color: #666; text-align: right}
.buttons {position: absolute; top: 280px; left: 0px; width: 760px}
.buttons input {border: solid 1px #fff; color: #fff}
.yourtext {position: absolute; top: 170px; left: 0px; width: 210px; font-size: 60%; text-align: left; font-weight: bold}
.biog {position: absolute; top: 50px; left: 0px; width: 100%; background: url(images/biogback.jpg) bottom center no-repeat; height: 382px}
.biog p {text-align: left; font-size: 70%}
.biog img {margin: 0px 10px 0px 5px; border: solid 1px #000}
.rubber {position: absolute; top: 245px; right: 0px; font-size: 70%; text-align: right}
.rubber img {border: 0}
.galla2z a, .gallsur1 a {width: 80px; color: #000}
.gall img {margin: 0px 10px 0px 0px}
.galltitle {font-size: 200%; margin-bottom: 10px}
.titles {position: absolute; bottom: 120px; left: 0px; width: 100%}
.titles input {background-color: transparent; color: #fff;  border: solid 0px #000; text-align: center; font-size: 100%; letter-spacing: 5px}
.fullsize img {margin-top: 20px; border: solid 1px #fff}
.fulltitle {position: absolute; bottom: 185px; left: 10px; color: #000; text-align: left}
.copy {font-size: 70%}
textarea {border: solid 1px #000; background-color: transparent; overflow: auto}
input {background-color: transparent;}
.book {width: auto; height: 230px; overflow: auto; position: relative; border: 0; color: #000; font-size: 11px; text-align: left; margin: 0px 60px; padding: 0px 10px; }
.quote a {font: bold 100% arial, helvetica, verdana, sans-serif; margin-top: 40px; display: block}
.info1, .info2 {font: bold 70% arial, helvetica, verdana, sans-serif; color: #666; text-align: left}
.info1 {width: 355px; position: absolute; top: 0px; left: 10px}
.info2 {width: 300px; position: absolute; top: 125px; left: 10px}
.info3 {width: 550px; position: relative}
.info4 {width: 200px}
.info4, .info3 {position: absolute; top: 250px; left: 10px; font: normal 70% arial, helvetica, verdana, sans-serif; color: #fff; text-align: left}
.infonav {position: absolute; top: 260px; right: 10px; text-align: right; text-align: right}
.infonav a {font: bold 80% arial, helvetica, verdana, sans-serif; margin-bottom: 10px; display: block; letter-spacing: 2px} 
.solo {position: absolute; top: 0px; left: 0px; width: 360px; text-align: left}
.group {position: absolute; top: 0px; right: 0px; width: 360px; text-align: right}
.solo, .group {font-size: 60%}
h3 {letter-spacing: 3px}
.newexhib {position: absolute; top: 320px; left: 0px; width: 100%; color: #fff; font-size: 70%}
.orange {color: #f60}
.grey {color: #ccc}
.jingo {position: absolute; top: 440px; right: 10px; font-size: 60%; color: #fff}
.man {position: absolute; top: 360px; left: 0px; width: 100%; color: #fff; font-size: 60%}
.frmtxt {font-size: 70%; font-weight: bold}
.frmleft {float: left; text-align: left}
.essaybox, .cvbox {margin: 10px auto; overflow: auto;  background-attachment: scroll;  text-align: justify; width: 500px; height: 385px; border: solid 2px #000; padding: 0px 15px; font-size: 80%}
.essaybox {background:#fff url(images/twirlback.jpg) top center no-repeat;}
.essaybox .images img{margin: 10px auto 0px auto; border: solid 2px #666}
.essaybox .images {width: 100%; text-align: center}
.cvbox {background:#fff url(images/cvback.jpg) center center  no-repeat fixed; text-align: center; font-size: 70%; height: 385px}
.cvbox p.left {text-align: left; width: 50%; float: left}
.cvbox p.right {text-align: left; width: 50%; float: right}
.smalltext {font-size: 80%; margin: 0px} 
.essaytitle1, .essaytitle2, .essaytitle3 { font-weight: bold;}
.essaytitle1 {color: #960; letter-spacing: 8px; font-size: 180%; width: 100%; text-align: center; margin: 10px 0px}
.essaytitle2 {color: #999; letter-spacing: 5px; font-size: 130%; border-bottom: solid 1px #000; width: 100%; margin-bottom: 3px}
.essaytitle3 {letter-spacing: 7px; font-size: 90%; width: 100%; border-bottom: solid 1px #000; width: 100%; margin-bottom: 3px}
.fig {text-align: center; width: 100%}
.info3 a {font: bold 100% arial, helvetica, verdana, sans-serif; margin-bottom: 10px; letter-spacing: 2px;}
.links {position: absolute; top: 20px; right: 10px; font-size: 80%; text-align: right; z-index: 3}
.links a {color: #000; font-weight: bold}
.links a:hover {color: #960}
.cvbox a, .cvbox a:link, .cvbox a:visited, .cvbox a:active {color: #960; font-weight: bold}
.cvbox a:hover {text-decoration: underline}
.announcement {font-size: 100%; font-weight: bold; text-align: right}
.Archive {width: 190px; position: absolute; right: 0px; bottom: 50px; background:url(images/archivePic2.jpg) top left no-repeat; height: 125px; font-size: 11px; text-align: left; color: #fff}
.NewImages {width: 190px; position: absolute; right: 0px; bottom: 50px; background:url(images/newback.jpg) top left no-repeat; height: 125px; font-size: 11px; text-align: left; color: #fff}
.Archive p {margin: 80px 0px 0px 110px} 
.NewImages p {margin: 80px 0px 0px 100px}
.gall1 a, .gall1 a:link, .gall1 a:visited, .gall1 a:active, .gall2 a, .gall2 a:link, .gall2 a:visited, .gall2 a:active {color: #960; }
.gall1 a:hover, .gall2 a:hover {color: #369}
.surpassing {font-size: 10px;}
.justBold {font-weight: bold}
.gall1 br, .gall2 br {line-height: 8px}
.Archive a, .Archive a:link, .Archive a:active, .Archive a:visited, .NewImages a, .NewImages a:link, .NewImages a:active, .NewImages a:visited{font-size: 13px; font-weight: bold}

.browse {position: absolute; right: 10px; top: 280px; font-size: 11px; color: #fff; height: 180px}
.browse a {padding: 4px 10px 4px 10px; background-color: #000; border: solid 1px #fff; height: 22px}
.browse a:hover {background-color: #fff; border: solid 1px #333; color: #000}
.browse p {position: absolute; top: 40px; right: 0px; padding: 0px; margin: 0px}
.browse p a {border: 0px; padding: 0px}
.browse p a:hover {border: 0px; background: #000; color: #960}

.twirl a {color: #000; font-weight: bold}
.twirl a:hover {color: #960}

.movie {margin-top: 80px; margin-bottom: 40px}