/* CSS Document */
body {
  font-family: Optima, Helvetica, sans-serif;
  color: white;
  background-color:#000000;
  text-align:center }
a:link {
  color: white }
a:visited {
  color: purple }
#mainpic {
  z-index:0;
  margin: auto auto }
#container {
  background:url(http://www.mediabytiffany.com/images/progress.gif) center center no-repeat ;
  margin: 0 auto;
  width: 811px;
  height:700px;
  text-align: left }
.backgroundpic {
  width:724px;
  height:578px;
  float:left }
.coverelements {
  width:450px;
  float:left;
  padding-top:9px }
.coververtical {
  float:right }
#name {
  width:276px;
  float:right;
  padding-right:99px;
  padding-top:164px }
a.namerollover {
  display: block;
  width: 281px;
  height: 21px;
  background: url("http://www.mediabytiffany.com/1024x768/images/name.gif") 0 0 no-repeat;
  text-decoration: none }
a:hover.namerollover {
  background-position: -281px 0 }
#rollover {
  position: relative;
  z-index:2;
  text-align:left;
  top:-592px;
  left:415px;
  width:34px }
a.photorollover {
    display: block;
    width: 34px;
    height: 241px;
    background: url("http://www.mediabytiffany.com/1024x768/images/photography.gif") 0 0 no-repeat;
    text-decoration: none }
a:hover.photorollover {
    background-position: -34px 0 } 
a.graphicsrollover {
    display: block;
    width: 34px;
    height: 160px;
    background: url("http://www.mediabytiffany.com/1024x768/images/graphics.gif") 0 0 no-repeat;
    text-decoration: none; }
a:hover.graphicsrollover {
    background-position: -34px 0; } 
a.videorollover {
    display: block;
    width: 34px;
    height: 161px;
    background: url("http://www.mediabytiffany.com/1024x768/images/video_coming.gif") 0 0 no-repeat;
    text-decoration: none; }
a:hover.videorollover {
    background-position: -34px 0; } 
.spacercontrols {
  float:left;
  width:44px }
.controls {
	float:left;
	width: 45px }
#previous {
  padding-top:2px }
a.previous {
    display: block;
    width: 23px;
    height: 16px;
    background: url("http://www.mediabytiffany.com/1024x768/images/l_arrow.gif") 0 0 no-repeat;
    text-decoration: none }
a:hover.previous {
    background-position: -23px 0; } 
a.play {
    display: block;
    width: 32px;
    height: 20px;
    background: url("http://www.mediabytiffany.com/1024x768/images/play.gif") 0 0 no-repeat;
    text-decoration: none; }
a:hover.play {
    background-position: -32px 0; } 
#next {
  padding-top:2px }
a.next {
    display: block;
    width: 23px;
    height: 16px;
    background: url("http://www.mediabytiffany.com/1024x768/images/r_arrow.gif") 0 0 no-repeat;
    text-decoration: none }
a:hover.next {
    background-position: -23px 0; } 
#home {
  position:relative;
  z-index:3;
  text-align:left }
a.homerollover {
  display: block;
  width: 120px;
  height: 17px;
  background: url("http://www.mediabytiffany.com/1024x768/images/home.gif") 0 0 no-repeat;
  text-decoration:none }
a:hover.homerollover {
  background-position:-120px }
a.mediabytiffany {
  display: block;
  width: 44px;
  height: 382px;
  background: url("http://www.mediabytiffany.com/1024x768/images/mediabytiffany.gif") 0 0 no-repeat;
  text-decoration:none;
  float:left }
a:hover.mediabytiffany {
  background-position:-44px }
a.contactrollover {
  display: block;
  width: 66px;
  height: 10px;
  background: url("http://www.mediabytiffany.com/1024x768/images/contact.gif") 0 0 no-repeat;
  text-decoration:none;
  float:right }
a:hover.contactrollover {
  background-position:-67px }
.footer {
  clear:both;
  text-align:center;
  font-size:small;
  font-family:Optima, Arial, Helvetica, sans-serif;
  font-style:italic;
  color:#777777;
}
a.footerlinks {
  font-size:small;
  font-family:Optima, Arial, Helvetica, sans-serif;
  font-style:italic;
  color:#D9D9D9;
  text-decoration:none }
a:hover.footerlinks {
  color:#70A4F8;
  }
.contactelements {
  width:425px;
  float:right }
#resume {
  padding-left:118px }
a.resumerollover {
  display: block;
  width: 95px;
  height: 19px;
  background: url("http://www.mediabytiffany.com/1024x768/images/resume.gif") 0 0 no-repeat;
  text-decoration: none }
a:hover.resumerollover {
  background-position: -95px 0 }
#coordinate {
  position: relative;
  z-index:2;
  text-align:left;
  width:295px;
  left: 295px;
  top: -164px}
a.coordinaterollover {
  display: block;
  width: 213px;
  height: 19px;
  background: url("http://www.mediabytiffany.com/1024x768/images/artist.gif") 0 0 no-repeat;
  text-decoration: none }
a:hover.coordinaterollover {
  background-position: -213px 0 }
#cover {
  background:url("http://www.mediabytiffany.com/1024x768/images/cover.jpg") 0 0 no-repeat }
#graphics01 {
  background:url("http://www.mediabytiffany.com/1024x768/images/graphics01.jpg") 0 0 no-repeat }
#graphics02 {
  background:url("http://www.mediabytiffany.com/1024x768/images/graphics02.jpg") 0 0 no-repeat }
#graphics03 {
  background:url("http://www.mediabytiffany.com/1024x768/images/graphics03.jpg") 0 0 no-repeat }
#graphics04 {
  background:url("http://www.mediabytiffany.com/1024x768/images/graphics04.jpg") 0 0 no-repeat }
#graphics05 {
  background:url("http://www.mediabytiffany.com/1024x768/images/graphics05.jpg") 0 0 no-repeat }
#graphics06 {
  background:url("http://www.mediabytiffany.com/1024x768/images/graphics06.jpg") 0 0 no-repeat }
#graphics07 {
  background:url("http://www.mediabytiffany.com/1024x768/images/graphics07.jpg") 0 0 no-repeat }
#graphics08 {
  background:url("http://www.mediabytiffany.com/1024x768/images/graphics08.jpg") 0 0 no-repeat }
#graphics09 {
  background:url("http://www.mediabytiffany.com/1024x768/images/graphics09.jpg") 0 0 no-repeat }
#graphics10 {
  background:url("http://www.mediabytiffany.com/1024x768/images/graphics10.jpg") 0 0 no-repeat }
#graphics11 {
  background:url("http://www.mediabytiffany.com/1024x768/images/graphics11.jpg") 0 0 no-repeat }
#graphics12 {
  background:url("http://www.mediabytiffany.com/1024x768/images/graphics12.jpg") 0 0 no-repeat }
#graphics13 {
  background:url("http://www.mediabytiffany.com/1024x768/images/graphics13.jpg") 0 0 no-repeat }
#photo01 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo01.jpg") 0 0 no-repeat }
#photo02 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo02.jpg") 0 0 no-repeat }
#photo03 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo03.jpg") 0 0 no-repeat }
#photo04 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo04.jpg") 0 0 no-repeat }
#photo05 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo05.jpg") 0 0 no-repeat }
#photo06 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo06.jpg") 0 0 no-repeat }
#photo07 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo07.jpg") 0 0 no-repeat }
#photo08 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo08.jpg") 0 0 no-repeat }
#photo09 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo09.jpg") 0 0 no-repeat }
#photo10 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo10.jpg") 0 0 no-repeat }
#photo11 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo11.jpg") 0 0 no-repeat }
#photo12 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo12.jpg") 0 0 no-repeat }
#photo13 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo13.jpg") 0 0 no-repeat }
#photo14 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo14.jpg") 0 0 no-repeat }
#photo15 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo15.jpg") 0 0 no-repeat }
#photo16 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo16.jpg") 0 0 no-repeat }
#photo17 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo17.jpg") 0 0 no-repeat }
#photo18 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo18.jpg") 0 0 no-repeat }
#photo19 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo19.jpg") 0 0 no-repeat }
#photo20 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo20.jpg") 0 0 no-repeat }
#photo21 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo21.jpg") 0 0 no-repeat }
#photo22 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo22.jpg") 0 0 no-repeat }
#photo23 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo23.jpg") 0 0 no-repeat }
#photo24 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo24.jpg") 0 0 no-repeat }
#photo25 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo25.jpg") 0 0 no-repeat }
#photo26 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo26.jpg") 0 0 no-repeat }
#photo27 {
  background:url("http://www.mediabytiffany.com/1024x768/images/photo27.jpg") 0 0 no-repeat }
#contact {
  background:url("http://www.mediabytiffany.com/1024x768/images/contact.jpg") 0 0 no-repeat;
  padding-top:397px }
