#body
{
    background-color: #1f1f1f;
}

#websiteContainer
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 830px;
}

#popupContainer
{
    text-align: center;
    width: 830px;
}

#headerHome
{
    background-image: url('images/websiteHeaderHome.png');
    width: 830px;
    height: 380px;
}

#headerServices
{
    background-image: url('images/websiteHeaderServices.png');
    width: 830px;
    height: 380px;
}

#headerFraming
{
    background-image: url('images/websiteHeaderFraming.png');
    width: 830px;
    height: 380px;
}

#headerImageryPrint
{
    background-image: url('images/websiteHeaderImageryPrint.png');
    width: 830px;
    height: 380px;
}

#headerPortfolio
{
    background-image: url('images/websiteHeaderPortfolio.png');
    width: 830px;
    height: 380px;
}

#headerContact
{
    background-image: url('images/websiteHeaderContact.png');
    width: 830px;
    height: 380px;
}

#headerSpace
{
    background-image: url('images/websiteHeaderSpace.png');
    width: 830px;
    height: 380px;
}

#headerLimitedEditions
{
    background-image: url('images/websiteHeaderLimitedEdition.png');
    width: 830px;
    height: 380px;
}

#headerPhotographers
{
    background-image: url('images/websiteHeaderPhotographers.png');
    width: 830px;
    height: 380px;
}

#headerSpecials
{
    background-image: url('images/websiteHeaderSpecials.png');
    width: 830px;
    height: 380px;
}

#headerMedia
{
    background-image: url('images/websiteHeaderMedia.png');
    width: 830px;
    height: 380px;
}

#headerLinks
{
    background-image: url('images/websiteHeaderLinks.png');
    width: 830px;
    height: 380px;
}

#headerPrivacy
{
    background-image: url('images/websiteHeaderPrivacy.png');
    width: 830px;
    height: 380px;
}
#headerTop
{
    width: 830px;
    height: 250px;
}

#headerNavigationBar
{
    margin-left: auto;
    margin-right: auto;
    width: 780px;
    height: 100%;
}

#popupHeader
{
    background-image: url('images/websitePopupFramingHeader.png');
    width: 830px;
    height: 78px;
}

#popupMiddle
{
    background-image: url('images/websitePopupFramingMiddle.png');
    width: 830px;
    background-repeat: repeat-y;
}

#popupFooter
{
    background-image: url('images/websitePopupFramingFooter.png');
    width: 830px;
    height: 28px;
}

#popupHeading
{
    font-family: Papyrus;
    font-size: 20pt;
    letter-spacing: -1px;
    color: white;
}

#popupText
{
    font-family: Arial Regular;
    font-size: 15pt;
    letter-spacing: 0px;
    color: #a9a69d;
    line-height: 20px;
}

#navigationBarButton
{
    width: 130px;
    height: 65px;
    float: left;
}
#navigationBarButton a
{
    border-style: none;
    border:none;
    display:block;
    width:130px;
    height:65px;
    
}
#navigationBarButton a img
{
    border-style: none;
    border:none;
}
#navigationBarButton a:hover img
{
    border-style: none;
    border:none;
    position:absolute; left:-999em; top:-999em;
}
/* ie6 needs his fix*/
#navigationBarButton a:hover
{
    zoom: 1;
}

#middleTop
{
    width: 830px;
    height: 20px;
    background-image: url('images/websiteMiddleTop.png');
}

#middleCenter
{
    width: 830px;
    height: 100%;
    background-image: url('images/websiteMiddleCenter.png');
}

#middleBottom
{
    width: 830px;
    height: 80px;
    background-image: url('images/websiteMiddleBottom.png');
}

#clearIt
{
    clear: both;
}

/* Homepage */
#homepageFace
{
    width: 305px;
    height: 400px;
    background-image: url('images/homepageFace.png');
    float: right;
    margin-right: 25px;
}

#homepageFramingButton
{
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    height: 40px;
    background-image: url('images/buttons/homepage_framing.png');
}

#homepageImagesPrintsButton
{
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    height: 40px;
    background-image: url('images/buttons/homepage_imagesprints.png');
}

#homepageContentHeading
{
    font-family: Papyrus;
    font-size: 20pt;
    letter-spacing: -1px;
    color: white;
}

#homepageContentText
{
    font-family: Papyrus;
    font-size: 15pt;
    letter-spacing: 0px;
    color: #a9a69d;
    line-height: 20px;
}

#homepageContentTextSmall
{
    font-family: Arial Regular;
    font-size: 11pt;
    letter-spacing: 0px;
    color: #464646;
    line-height: 14px;
}

/* Services page */
#servicesContentHeading
{
    font-family: Papyrus;
    font-size: 20pt;
    letter-spacing: -1px;
    color: white;
}

#servicesContentText
{
    font-family: Papyrus;
    font-size: 14pt;
    letter-spacing: -1px;
    color: #8999b0;
    line-height: 20px;
    text-align: left;
}

#servicesContentTextLinks
{
    font-family: Papyrus;
    font-size: 14pt;
    letter-spacing: 1px;
    color: #a9a69d;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
}

#servicesContentTextSmall
{
    font-family: Papyrus;
    font-size: 11pt;
    letter-spacing: -1px;
    color: #464646;
    line-height: 15px;
}

/* Framing page */
#framingContentHeading
{
    font-family: Papyrus;
    font-size: 20pt;
    letter-spacing: -1px;
    color: white;
}

#framingContentText
{
    font-family: Papyrus;
    font-size: 14pt;
    letter-spacing: -1px;
    color: #8c89b0;;
    line-height: 20px;
    text-align: left;
}

#framingContentTextSmall
{
    font-family: Arial Regular;
    font-size: 10pt;
    letter-spacing: 0px;
    color: #cbcbcb;
    line-height: 15px;
}

#framingContentTextLinks
{
    color: #a9a69d;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
}


#framingContent_WoodImage
{
    width: 92px;
    height: 82px;
    background-image: url("images/framing_wood.png");
    float:left;
}

#framingContent_CanvasImage
{
    width: 106px;
    height: 71px;
    background-image: url("images/framing_canvas.png");
    float:right;
}

#framingContent_MirrorImage
{
    width: 69px;
    height: 93px;
    background-image: url("images/framing_mirror.png");
    float:left;
}

#framingContent_MountsImage
{
    width: 140px;
    height: 114px;
    background-image: url("images/framing_mounts.png");
    float:right;
}

/* Imagery and Print page */
#imageryPrintContentHeading
{
    font-family: Papyrus;
    font-size: 20pt;
    letter-spacing: -1px;
    color: white;
}

#imageryPrintContentText
{
    font-family: Papyrus;
    font-size: 14pt;
    letter-spacing: -1px;
    color: #a089b0;
    line-height: 20px;
    text-align: left;
}

#imageryPrintContentTextSmall
{
    font-family: Arial Regular;
    font-size: 10pt;
    letter-spacing: 0px;
    color: #cbcbcb;
    line-height: 13px;
}

#imageryPrintContentTextLinks
{
    color: #a9a69d;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
}

/* Portfolio page */
#portfolioContentHeading
{
    font-family: Papyrus;
    font-size: 20pt;
    letter-spacing: -1px;
    color: white;
}

#portfolioContentText
{
    font-family: Papyrus;
    font-size: 14pt;
    letter-spacing: -1px;
    color: #b089ad;
    line-height: 20px;
    text-align: left;
}

#portfolioContentTextSmall
{
    font-family: Papyrus;
    font-size: 12pt;
    letter-spacing: 0px;
    color: #b089ad;
    line-height: 20px;
}

#portfolioContentTextLinks
{
    color: #a9a69d;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
}

#portfolioContentImageSlot
{
    background-image: url('images/portfolio_imageSlot.png');
    width: 123px;
    height: 94px;
    float: left;
}

/* Media page */
#portfolioContentHeading
{
    font-family: Papyrus;
    font-size: 20pt;
    letter-spacing: -1px;
    color: white;
}

#portfolioContentText
{
    font-family: Papyrus;
    font-size: 14pt;
    letter-spacing: -1px;
    color: #4a6446;
    line-height: 20px;
    text-align: left;
}

#portfolioContentTextSmall
{
    font-family: Papyrus;
    font-size: 12pt;
    letter-spacing: 0px;
    color: #707070;
    line-height: 20px;
}

/*Media*/
#mediaBackdrop
{
    background-image: url(images/media_backdrop.png);
    width: 780px;
    height: 587px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#mediaShowsButton
{
    background-image: url(images/media_shows_normal.png);
    width: 167px;
    height: 71px;
    position: absolute;
    top: 130px;
    left: 40px;
}

#mediaVideosButton
{
    background-image: url(images/media_videos_normal.png);
    width: 103px;
    height: 31px;
    position: absolute;
    top: 260px;
    left: 50px;
}

#mediaBooksButton
{
    background-image: url(images/media_books_normal.png);
    width: 104px;
    height: 32px;
    position: absolute;
    top: 335px;
    left: 123px;
}

#mediaArticlesButton
{
    background-image: url(images/media_articles_normal.png);
    width: 134px;
    height: 32px;
    position: absolute;
    top: 440px;
    left: 122px;
    z-index: 5;
}

#mediaAdvertsButton
{
    background-image: url(images/media_adverts_normal.png);
    width: 129px;
    height: 32px;
    position: absolute;
    top: 427px;
    right: 15px;
}

#mediaLeaves
{
    background-image: url(images/media_leaves.png);
    width: 473px;
    height: 164px;
    position: absolute;
    bottom: -25px;
    left: 30px;
}

#mediaContentText
{
    padding: 30px;
    font-family: Papyrus;
    font-size: 13pt;
    letter-spacing: -1px;
    color: #fefeff;
    line-height: 20px;
    text-align: center;
}

/* Space */
#spaceBackdrop
{
    background-image: url(images/space_backdrop.png);
    width: 782px;
    height: 580px;
    margin-left: auto;
    margin-right: auto;
    position: relative;   
}

#spaceButton
{
    background-image: url(images/space_button_normal.png);
    width: 228px;
    height: 100px;
    position: absolute;
    top: 380px;
    left: 150px;
}

#spaceText
{
    width: 460px;
    margin-right: 20px;
    margin-top: 20px;
    float: right;
    font-family: Papyrus;
    font-size: 14pt;
    letter-spacing: -1px;
    color: #ffffff;
    line-height: 20px;
    text-align: center;
}


/* Limited Edition */
#limitedEditionsBackdrop
{
    background-image: url(images/limitededition_backdrop.png);
    width: 697px;
    height: 522px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#limitedEditionsButton
{
    background-image: url(images/limitededition_button.png);
    width: 99px;
    height: 92px;
    position: absolute;
    top: 230px;
    left: 70px;
}

#limitedEditionsContentText
{
    font-family: Papyrus;
    font-size: 14pt;
    letter-spacing: -1px;
    color: #b08c89;
    line-height: 30px;
    text-align: left;
}

#limitedEditionsMainHeading
{
    font-family: Papyrus;
    font-size: 20pt;
    letter-spacing: -1px;
    color: #fff;
    line-height: 23px;
    text-align: left;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#limitedEditionsMainText
{
    position: absolute;
    top: 220px;
    right: 10px;
    width: 240px;
    font-family: Papyrus;
    font-size: 14pt;
    letter-spacing: -1px;
    color: #b08c89;
    line-height: 21px;
    text-align: left;
}

/* Links page */
#linksContentText
{
    font-family: Papyrus;
    font-size: 14pt;
    letter-spacing: -1px;
    color: #89b08c;
    line-height: 30px;    
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

#linksLinkLayer1
{
    width: 187px;
    float: left;
    margin-bottom: 10px;
}

#linksLinkLayer2
{
    width: 182px;
    float: left;
    margin-bottom: 10px;
}

#linksLinkLayer3
{
    width: 250px;
    float: left;
    margin-bottom: 10px;
}

#linksLinkInner
{
    margin-left: auto;
    margin-right: auto;
}

/* Photographers page */
#photographersContentText
{
    font-family: Papyrus;
    font-size: 14pt;
    letter-spacing: -1px;
    color: #b0a089;
    line-height: 20px;
    text-align: center;
}

#photographersPersonContainer
{
    margin-top: 20px;
    width: 360px;
}

#photographerPersonLeft
{
    width: 170px;
    float: left;
}

#photographerPersonRight
{
    width: 190px;
    float: right;
}

#photographerPersonTitle
{
    font-family: Papyrus;
    font-size: 20pt;
    letter-spacing: -1px;
    color: #fff;
    line-height: 23px;
    text-align: left;
}

#photographersPersonText
{
    margin-top: 5px;
    font-family: Arial Regular;
    font-size: 11pt;
    letter-spacing: 0px;
    color: #707070;
    line-height: 14px;
    text-align: left;
}

#photographersPeteImage
{
    background-image: url(images/photographers_pete.png);
    width: 180px;
    height: 125px;
    margin-left: -20px;
}

#photographersPeteButton
{
    background-image: url(images/photographers_pete_button.png);
    width: 82px;
    height: 18px;
    margin-left: 30px;
    margin-top: 20px;
}

#photographersKayImage
{
    background-image: url(images/photographers_kay.png);
    width: 150px;
    height: 184px;
    margin-left: 00px;
}

#photographersKayButton
{
    background-image: url(images/photographers_kay_button.png);
    width: 112px;
    height: 22px;
    margin-left: 20px;
    margin-top: 0px;
}

#photographersMarkImage
{
    background-image: url(images/photographers_mark.png);
    width: 150px;
    height: 126px;
    margin-left: 00px;
}

#photographersMarkButton
{
    background-image: url(images/photographers_mark_button.png);
    width: 72px;
    height: 12px;
    margin-left: 40px;
    margin-top: 20px;
}

#photographersCalumImage
{
    background-image: url(images/photographers_calum.png);
    width: 174px;
    height: 124px;
    margin-left: 00px;
}

#photographersCalumButton
{
    background-image: url(images/photographers_calum_button.png);
    width: 72px;
    height: 12px;
    margin-left: 40px;
    margin-top: 20px;
}

/* Contact page */
#contactContentHeading
{
    font-family: Papyrus;
    font-size: 20pt;
    letter-spacing: -1px;
    color: white;
}

#contactContentText
{
    font-family: Papyrus;
    font-size: 14pt;
    letter-spacing: -1px;
    color: #99b089;
    line-height: 20px;
    text-align: left;
}

#contactContentTextDetails
{
    font-family: Arial Regular;
    font-size: 17pt;
    letter-spacing: 0px;
    color: #717171;
    line-height: 20px;
    text-align: center;
}

#contactContentTextSmall
{
    font-family: Arial Regular;
    font-size: 11pt;
    letter-spacing: 0px;
    color: #707070;
    line-height: 14px;
}

#contactContentTextLinks
{
    color: #a9a69d;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
}

#contactFbLink
{
    margin-top: 50px;
    width: 150px;
    height: 45px;
    padding-left: -10px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/facebook.jpg);
}

/* Privacy page */
#privacyContentHeading
{
    font-family: Papyrus;
    font-size: 20pt;
    letter-spacing: -1px;
    color: #ac7039;
}

#privacyContentText
{
    font-family: Papyrus;
    font-size: 14pt;
    letter-spacing: -1px;
    color: #909467;
    line-height: 20px;
    text-align: left;
}

#privacyContentTextDetails
{
    font-family: Arial Regular;
    font-size: 17pt;
    letter-spacing: 0px;
    color: #717171;
    line-height: 20px;
    text-align: center;
}

#privacyContentTextSmall
{
    font-family: Arial Regular;
    font-size: 11pt;
    letter-spacing: 0px;
    color: #707070;
    line-height: 14px;
}

#privacyContentTextLinks
{
    color: #a9a69d;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
}

#privacyFootnote
{
    text-align: left;
    font-family: Papyrus;
    font-size: 12pt;
    letter-spacing: -1px;
    color: #5c5c5c;
    line-height: 20px;
    text-align: left;
}
#privacyFootnote a
{
    text-decoration: none;
    color: #5c5c5c;
}

#footerFb
{
    margin-top: -6px;
    margin-left: 32px;
    margin-right: 2px;
    width: 32px;
    height: 32px;
    background-image: url(images/facebooksmall.png);
    float: left;
}
