/*  global css  */

* {
    margin: 0;
    padding: 0;
    }

html, body {
    height: 100%;
    }

body {
    background-color: #333;
    color: #AD9BAA;
    font-family: Georgia, "Palatino Linotype", Palatino, "Times New Roman", Times, serif;
    text-align: center;
    min-width: 992px;
    min-height: 634px;
    }

img {
    border: 0;
    }

hr {
    display: none;
    }

p {
    margin-bottom: 1em;
    }




/*  headers  */

h3 {
    font-size: 16px;
    color: #FFF;
    margin-bottom: 1em;
    }




/*  form  */

form {
    margin: 6px 0 0 0;
    padding: 0;
    }

label {
    padding-right: 6px;
    font-size: 11px;
    font-weight: bold;
    }

input {
    font-family: Georgia, "Palatino Linotype", Palatino, "Times New Roman", Times, serif;
    padding: 2px;
    font-size: 14px;
    margin-top: 3px;
    width: 180px;
    }

input.button {
    padding: 2px 5px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 6px;
    width: 70px;
    }

input.unSubButton {
    padding: 3px 6px;
    font-size: 14px;
    margin-top: 10px;
    width: 120px;
    }



/*  vertical centering  */

#distance {
    width: 1px;
    height: 50%;
    margin-bottom: -317px; /* half of container's height */
    float: left;
    }

#container {
    margin: 0 auto;
    position: relative; /* puts container in front of distance */
    text-align: left;
    height: 634px;
    width: 962px;
    clear: left;
    }



/*  layout  */

div#mainLogo {
    position: absolute;
    top: 3px;
    left: 0px;
    }

div#mainMenu {
    position: absolute;
    top: 18px;
    left: 200px;
    width: 760px;
    text-align: right;
    font-size: 15px;
    }

div#tv2010 {
  position: absolute;
  top: 18px;
  left: 880px;
  }

div.pinkBg {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 962px;
    height: 546px;
    background-color: #857682;
    }

div#blackBg {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 962px;
    height: 546px;
    background-color: #1B181A;
    }

div#splashBg {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 962px;
    height: 546px;
    background-color: #222;
    text-align: center;
    }

div#photoTracker {
    position: absolute;
    top: 558px;
    left: 833px;
    width: 92px;
    color: #897D88;
    font-size: 13px;
    text-align: center;
    }

div#arrowLeft {
    position: absolute;
    top: 555px;
    left: 810px;
    }

div#arrowRight {
    position: absolute;
    top: 555px;
    left: 924px;
    }

img.arrow {
    padding: 10px;
    }

div#caption {
    position: absolute;
    top: 610px;
    left: 23px;
    width: 700px;
    color: #897D88;
    font-size: 15px;
    }

    div#caption1 {
        position: absolute;
        top: 0px;
        left: 30px;
        }

    div#caption2 {
        position: absolute;
        top: 0px;
        left: 388px;
        }

div.photoBox {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 796px;
    height: 546px;
    background-color: #857682;
    text-align: center;
    }

div#realPhotoBox {
    position: absolute;
    top: 0px;
    left: 0px;
    }



/*  portfolio page  */

div#sliderButton {
    position: relative;
    top: 0px;
    left: 0px;
    width: 16px;
    height: 70px;
    background-color: #766973;
    background-image: url(/img/scrollbar.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    }



/*  biography page  */

div#bioPhoto {
    position: absolute;
    top: 50px;
    left: 0px;
    background-color: #857682;
    }

div#bioText {
    position: absolute;
    top: 50px;
    left: 387px;
    width: 575px;
    height: 546px;
    background-color: #1B181A;
    background-image: url(/img/header_biography.gif);
    background-repeat: no-repeat;
    background-position: 40px 40px;
    }

div#bioTextInner {
    padding: 78px 40px 0 40px;
    }



/*  client list page  */

div#cvBorder {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 962px;
    height: 546px;
    background-color: #857682;
    }

div#cvBorderInner {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 922px;
    height: 506px;
    background-color: #1B181A;
    }

div#cvExhibitions {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 280px;
    background-image: url(/img/header_exhibitions.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    }

div#cvPublications {
    position: absolute;
    top: 0px;
    left: 344px;
    width: 140px;
    background-image: url(/img/header_publications.gif);
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    }

div#cvAwards {
    position: absolute;
    top: 0px;
    left: 548px;
    width: 280px;
    background-image: url(/img/header_awards.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    }

.cv {
    padding-top: 36px;
    color: #FFFFFF;
    font-size: 11px;
    line-height: 13px;
    }

.cvhr {
    position: absolute;
    top: 10px;
    width: 3px;
    height: 486px;
    background-color: #857682;
    }



/*  press page  */

div#pressArticle {
    position: absolute;
    top: 0px;
    left: 0px;
    }

.pressText {
    color: #C2B2BF;
    font-size: 13px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    }

    .pressText strong {
        color: #FFF;
        }

.pressLink {
    padding-bottom: 5px;
    font-size: 10px;
    line-height: 15px;
    }

.pressLink a:link, .pressLink a:visited, .pressLink a:active, .pressLink a:hover {
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    }

    .pressLink a.active:link, .pressLink a.active:link, .pressLink a.active:link, .pressLink a.active:link {
        font-weight: bold;
        }

.videoPressLink {
    padding-left: 22px;
    background: transparent url(img/icon_video.gif) scroll no-repeat 0px 0px;
    }




/*  contact page  */

div#contactText {
    position: absolute;
    top: 50px;
    left: 387px;
    width: 575px;
    height: 546px;
    background-color: #1B181A;
    }

.contactHeader {
    position: absolute;
    left: 22px;
    width: 130px;
    text-align: right;
    }

.contactBox {
    position: absolute;
    left: 180px;
    width: 358px;
    }

.contacthr {
    position: absolute;
    left: 10px;
    width: 555px;
    height: 3px;
    background-color: #857682;
    }



/*  unsubscribe  */

div#unSub {
    position: absolute;
    top: 190px;
    left: 330px;
    width: 300px;
    text-align: center;
    }



/*  loading  */

div#loadingBox {
    position: absolute;
    top: 493px;
    left: 23px;
    }

div#loadingAnimation {
    position: absolute;
    top: 8px;
    left: 5px;
    }






/*  presentation  */

div.photoBorder {
    margin: 20px;
    border: 3px solid #000;
    background-color: #000;
    }

div.realPhotoBorder {
    position: absolute;
    top: 23px;
    left: 23px;
    }

div#photoBar a img {
    margin-bottom: 5px;
    opacity: .75;
    -moz-opacity: .75;
    -khtml-opacity: .75;
    filter: alpha(opacity=75);
    }

    div#photoBar a:hover img {
        opacity: .99;
        -moz-opacity: .99;
        -khtml-opacity: .99;
        filter: alpha(opacity=99);
        }

div#photoBar a.last img {
    margin-bottom: 0px;
    }

.transparent {
    opacity: .25;
    -moz-opacity: .25;
    -khtml-opacity: .25;
    filter: alpha(opacity=25);
    }

.photoFade {
    opacity: .50;
    -moz-opacity: .50;
    -khtml-opacity: .50;
    filter: alpha(opacity=50);
    }



/*  type styles  */

.bigText {
    color: #E6D8E4;
    font-size: 12px;
    line-height: 17px;
    font-family: Arial, Helvetica, sans-serif;
    }



/*  links  */

a {
    color: #F4E7F2;
    text-decoration: underline;
    }

    a:hover {
        color: #FFFFFF;
        text-decoration: underline;
        }

#mainMenu a {
    color: #AD9BAA;
    text-decoration: none;
    margin: 0 12px;
    }

    #mainMenu a:hover, #mainMenu a#activeMenu {
        color: #FFFFFF;
        text-decoration: none;
        }

#mainMenu a.first {
    margin: 0 40px 0 0;
    }

#mainMenu a.last {
    margin: 0 0 0 12px;
    }

a.splash {
    color: #AD9BAA;
    text-decoration: none;
    margin: 0 12px;
    }

    a.splash:hover {
        color: #FFFFFF;
        text-decoration: none;
        }

a.splashSmall {
    color: #887C86;
    text-decoration: none;
    margin: 0 9px;
    }

    a.splashSmall:hover {
        color: #FFFFFF;
        text-decoration: none;
        }

.dropdown a, .dropdown a:visited, .dropdown a:active, .dropdown a:hover {
    text-decoration: none;
    }



/* copyright  */

#copyright {
    position: absolute;
    top: 610px;
    left: 712px;
    width: 250px;
    text-align: right;
    font-size: 10px;
    color: #887C86;
    }

    #copyright a {
        font-size: 10px;
        color: #887C86;
        text-decoration: none;
        }

        #copyright a:hover {
            font-size: 10px;
            color: #AD9BAA;
            text-decoration: none;
            }
            


#facebook, #fb-root {
    position: relative;
    left: -8px;
    }