.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

body{
    margin-top: 25px ;
    background: #fff ;
    font-family: "Helvetica Neue",Helvetica,Arial,san-serif ;
    color: #000 ;
}

a{ color: #000 ; }
a:hover{ color: #333 ; }

h1 a{
    font-size: 17px ;
    letter-spacing: 1 ;
    text-transform: uppercase ;
}

    h1 a span{
        display: block ;
        line-height: 0 ;
        font-size: 20px ;
        color: #fb0189 ;
    }

.fr{float:right}
.fl{float:left}
.r{text-align: right}

.clear{
    clear:both;
    display: block;
    height: 0;
    overflow: hidden;
    width: 0;
}

.hideme{display: none;}

#splash .outer-container{ padding: 245px 0 ; }

#splash h1 a{
    display: block ;
    width: 722px ;
    height: 153px ;
    text-indent: -9000px ;
    overflow: hidden ;
    margin: 0 auto 0 ;
    background: transparent url(/images/opening.jpg) no-repeat scroll 0 0 ;

}

#splash h4{
    margin: 0 auto ;
    text-align: center ;
    font-size: 14px ;
    font-weight: normal ;
    letter-spacing: 5px ;
}

#splash hr{
    margin: 10px auto 0 ;
    width: 677px ;
    border-top-width: 10px ;
    border-color: #fb0189 ;
}

#splash img.preload{display: none;}

#portfolio .portfolio_container{
    position: relative ;
    width: 911px ;
    height: 598px ;
    overflow: hidden ;
    margin: 29px auto ;
}

    #portfolio .portfolio_back{
      position: absolute ;
      top: 0 ;
      left: 0 ;
    }


        #portfolio .portfolio_back img{
            width:911px;
            height:598px;
            overflow: hidden ;
            margin-bottom: -5px;
        }

    #portfolio .portfolio_nav{
        position: absolute ;
        top: 239px ;
        left: -5px ;
    }

        #portfolio .portfolio_nav a{
            line-height: 0.56 ;
            font-size: 72px ;
            font-weight: bold ;
            text-transform: uppercase ;
            letter-spacing: 0.9px ;
            color: #fff ;
        }

        #portfolio .portfolio_nav a.smalledge{padding-left:5px;}
        #portfolio .portfolio_nav a.curveedge{padding-left:2px;}

        #portfolio .portfolio_nav a:hover{ color: #fb0189 ; }

.page_info{
  width: 911px ;
  margin: 20px auto 0 ;
}

.page_info h1,
.page_info h1 a{
    float: left ;
    width: 163px ;
    margin-top: 3px ;
}

.page_info h1 a{
    display: block ;
    height: 30px ;
    text-indent: -9000px ;
    overflow: hidden ;
    background: transparent url(/images/michelle_holden_photographer.png) no-repeat left top ;
}

.page_info h1 a:hover{background-position: 0 -30px}

#book .page_info h1,
#copy .page_info h1{margin-top:15px}

#portfolio .page_info h6{margin-top: 24px}

.page_info .navandcopy{width:335px}

.page_info h6{
    text-align: right ;
    font-weight: normal ;
    font-size: 10px ;
    letter-spacing: 1px ;
}
.page_info h6,
.page_info h6 a{color:#666}
.page_info h6 a:hover{color:#fb0189}

    .page_info h2 a{
        font-weight: bold ;
        font-size: 1.55em ;
        text-transform: uppercase ;
        line-height: 0;
        color: #fb0189 ;
    }

    .page_info h2 a:hover,
    .page_info h1 a:hover span{ color: #fc34a1 ; }

#book .book_contain{
  width:911px;
  margin: 50px auto 0 ;
}

#book .maincanvas{
    width: 765px ;
    height: 495px ;
    position: relative ;
}

    #book .maincanvas a.book-prev,
    #book .maincanvas a.book-next{
        display: block ;
        width:402.5px ;
        height:495px ;
        position: absolute ;
        top: 0 ;
        text-indent: -9000px ;
        overflow: hidden ;
    }

    #book .maincanvas a.book-prev{left:-20px}
    #book .maincanvas a.book-next{left:382.5px}

    #book .maincanvas a.book-prev{background: transparent url(../images/prev.gif) no-repeat 0 238px}
    #book .maincanvas a.book-next{background: transparent url(../images/next.gif) no-repeat 388px 238px}

    #book #thumb-container{
        float: right ;
        width: 108px ;
        position: relative ;
        background:#fff none repeat scroll 0 0;
    }

    #book #thumb-container .thumb_tray{
        width: 108px ;
        height: 495px ;
        position: absolute ;
        overflow: hidden ;
    }

    #book #thumb-container a.hidden_nav{
        position: absolute ;
        left: 0 ;
        width: 108px ;
        height: 25px ;
        text-indent: -9000px ;
        overflow: hidden ;
        cursor: pointer ;
        z-index: 2;
    }

    /*#book #thumb-container a:hover.hidden_nav{background-color: #eee}*/

    #book #thumb-container a.thumb_up{top:-12px;}
    #book #thumb-container a.thumb_down{top:465px;}

        #book #thumbs{
          position: absolute ;
          top: 0 ;
          left: 0 ;
          width: 108px ;
          height: auto ;
        }

            #book #thumbs li{
                width:108px !important;
                height:70px !important;
            }

#book .page_info{margin-top: 99px}

#copy .maincanvas,
#contact .maincanvas{
    width: 911px ;
    height: 495px ;
    position: relative ;
    margin: 50px auto ;
}

    #contact .maincanvas .contact{
        width: 30% ;
        float: left ;
        margin: 60px 3% 0 0 ;
        font-size: 10px ;
        letter-spacing: 1px ;
    }

    #contact .maincanvas .clients{
        width: 45% ;
        float: right ;
        margin-top: 60px;
    }

        #contact .maincanvas .clients ul{
            font-size: 10px ;
            letter-spacing: 1px ;
            overflow: hidden;
        }

        #contact .maincanvas .clients ul li {
            float: left;
            width: 47%;
            margin-right: 3%;
        }

    #contact h2{font-size:16px;}
    #contact h2.notfirst{margin-top:24px;}
    #contact .contact a{color:#666}
    #contact .contact  a:hover{color:#fb0189}

    #copy .maincanvas p{
      position: absolute ;
      top: 200px ;
      left: 100px ;
      text-align: center ;
      font-weight: normal ;
      font-size: 12px ;
      letter-spacing: 1px ;
      color:#666;
    }