body { 
background-color: #000000;
color:White;
font-family:Trebuchet MS,Arial, Verdana;

}

a:link {
    color:#626467;
    text-decoration:none;
    font-weight:normal;
}

a:hover {
    color:#ffffff ! important;
    text-decoration:none;
    font-weight:normal;
}

a:visited {
    color:#626467;
    text-decoration:none;
    font-weight:normal;
}

a:active {
    color:#626467;
    text-decoration:none;
    font-weight:normal;
}



#outer{
	position:absolute;
	top: 50%;
	left: 50%;
	width:970px;
	height:540px;
	margin-top: -270px; /*set to a negative number 1/2 of your height*/
	margin-left: -485px; /*set to a negative number 1/2 of your width*/
}

#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 540px;
}

#inner {
width: 970px;
height: 540px;
text-align: center;
margin-left:auto;
margin-right:auto;
}
 
#inner1 {
width: 888px;
height: 438px;
float:left;
padding:40px;
border:1px solid #cccccc;
background-color:#ffffff;
}

#portraitmain
{
    width:888px;
    float:left;
    height:437px;
    border-bottom:1px solid #cccccc;
}

#portraitleft 
{
    float:left;
    width:200px;
    height:437px;
    border-bottom:1px solid #cccccc;
}

#portraitlefta 
{
    float:left;
    width:215px;
    height:437px;
    border-bottom:1px solid #cccccc;
}

#portraitleftnav 
{   
    float:left;
    width:200px;
    height:30px;
}

#portraitleftnava 
{   
    float:left;
    width:215px;
    height:30px;
}

#portraitphoto 
{
    float:left;
    padding:0px 111px 0px 110px;
    width:278px;
    height:437px;
    border-bottom:1px solid #cccccc;
}

#landscapephoto 
{
    float:left;
    padding:87px 0px 0px 17px;
    width:482px;
    height:350px;
    border-bottom:1px solid #cccccc;
}

#portraitphotoa 
{
    float:left;
    padding:0px 103px 0px 103px;
    width:278px;
    height:437px;
    border-bottom:1px solid #cccccc;
}

#landscapephotoa 
{
    float:left;
    padding:87px 0px 0px 2px;
    width:482px;
    height:350px;
    border-bottom:1px solid #cccccc;
}

#portraitright 
{
    float:left;
    width:186px;
    height:437px;  
    border-bottom:1px solid #cccccc; 
}

#portraitphoto img 
{
    border:1px solid #cccccc;
}

#landscapephoto img 
{
    border:1px solid #cccccc;
}

#portraitphotoa img 
{
    border:1px solid #cccccc;
}

#landscapephotoa img 
{
    border:1px solid #cccccc;
}


#portraitnotation 
{
    float:left;
    width:195px;
    text-align:left;
    font-size:8pt;
    font-weight:normal;
    color:#cccccc;
    padding-top:340px;
    height:17px;
}

    #brochurecon 
    {
        float:left;
        width:1010px;
        height:710px;
    }

#openebook 
{
    float:left;
    width:409px;
    padding:29px 239px 0px 230px;
}

.openebook a 
{
    float:left;
    width:399px;
    height:300px;
    background-image:url(../images/openebook.jpg);
}

.openebook a:hover
{
    background-position:0px -300px;
}

 
#note {
width: 968px;
height: 18px;
padding-top:2px;
}

#note1 
{
height:18px;
text-align:left;
width:968px;
color:#cccccc;
font-size:8pt;   
}

#note1 a 
{
    color:#cccccc;
    text-decoration:none;
    padding:0;
    margin:0;
}

#note1 a:hover 
{
    text-decoration:underline;
}

.float-right 
{
    float:right;
}

.float-left 
{
    float:left;
}

#top-nav 
{
    margin:0;
    padding:15px 0 0 0;
    list-style-type:none;
}

#top-nav li 
{
    float:left;
    padding:0 33px 0 33px;
}

#top-nav li a 
{
    height:20px;
    float:left;
    padding:0;
    overflow:hidden;
}

#top-nav li a:hover 
{
    background-position:0px -20px;
}

#top-nav li.work-gallery-link a 
{
    background-image:url(../images/links/work-gallery-link.gif);
    width:120px;
}

#top-nav li.work-gallery-link 
{
    padding-left:0px ! important;
}

#top-nav li.music-gallery-link a 
{
    background-image:url(../images/links/music-gallery-link.gif);
    width:125px;
}

#top-nav li.portrait-gallery-link a 
{
    background-image:url(../images/links/portrait-gallery-link.gif);
    width:150px;
}

#top-nav li.contact-link a 
{
    background-image:url(../images/links/contact-link.gif);
    width:70px;
}

#top-nav li.contact-link 
{
    padding-right:0px ! important;
}


#banner 
{   
    float:left;
    width:888px;
    height:80px;
}

#homebanner 
{
    float:left;
    width:888px;
    height:87px;
    border-bottom:1px solid #cccccc;
}

#indexcentre img 
{
    float:left;
}

.homeimg 
{
    float:left;
    width:200px;
}

.homeimg1 
{
    padding-right:71px;
}

.homeimg2 
{
    padding-left:71px;
    padding-right:71px;
}

.homeimg2 img 
{
    border:1px solid #cccccc;
}

.homeimg3 
{
    padding-left:71px;
}

#banner1 
{
    float:left;
    width:699px;
    height:80px;
}

#photonavigation1 
{
    float:Left;
    width:699px;
    height:30px;   
}

#photonavigation1a 
{
    float:Left;
    width:320px;
    height:30px;   
}

#photonavigation2 
{
    float:Left;
    width:699px;
    height:50px;
    text-align:left;   
}

#photonavigation2a 
{
    float:Left;
    width:195px;
    height:50px;
    text-align:left;   
}

#photonavigation2 a:link 
{
    color:#cccccc;
    font-size:10pt;
    font-weight:bold;
    text-decoration:none;
}

#photonavigation2 a:active 
{
    color:#cccccc;
    font-size:10pt;
    font-weight:bold;
    text-decoration:none;
}

#photonavigation2 a:visited 
{
    color:#cccccc;
    font-size:10pt;
    font-weight:bold;
    text-decoration:none;
}

#photonavigation2 a:hover 
{
    color:#000000 ! important;
    font-size:10pt;
    font-weight:bold;
    text-decoration:none;
}

#photonavigation2a a:link 
{
    color:#cccccc;
    font-size:10pt;
    font-weight:bold;
    text-decoration:none;
}

#photonavigation2a a:active 
{
    color:#cccccc;
    font-size:10pt;
    font-weight:bold;
    text-decoration:none;
}

#photonavigation2a a:visited 
{
    color:#cccccc;
    font-size:10pt;
    font-weight:bold;
    text-decoration:none;
}

#photonavigation2a a:hover 
{
    color:#000000 ! important;
    font-size:10pt;
    font-weight:bold;
    text-decoration:none;
}


#homelink 
{
    float:left;
    width:30px;
    height:30px;   
}

#homelink1 
{
    float:left;
    width:30px;
    height:30px;  
}

#homelink2 
{
    float:left;
    width:30px;
    height:30px;  
}

#gallerylink
{
    float:left;
    width:30px;
    height:30px;   
}

div.dash 
{
    float:left;
    height:30px;
    width:20px;
    text-align:center;
    color:#cccccc;
    font-weight:bold;
}


#gallerytitle 
{
    float:left;
    height:30px;
    width:659px; 
    font-size:10pt;
    color:#cccccc;
    padding-left:10px; 
    font-weight:bold;
    text-align:left;
}

#gallerytitle1 
{
    float:left;
    height:27px;
    width:590px; 
    padding-top:3px;
    font-size:10pt;
    color:#cccccc;
    font-weight:bold;
    text-align:left;
}

#navfix 
{
    float:left;
    width:130px;
    height:30px;   
}

#gallerytitle1a 
{
    float:left;
    height:27px;
    width:95px;
    font-size:10pt;
    padding-top:3px;
    padding-left:5px;
    color:#cccccc;
    font-weight:bold;
    text-align:left;
}

#gallerytitle1b 
{
    float:left;
    height:27px;
    width:110px;
    font-size:10pt;
    padding-top:3px;
    padding-left:5px;
    color:#cccccc;
    font-weight:bold;
    text-align:left;
}



#banner2 
{
    float:left;
    width:189px;
    height:80px;
}

#indexcentre 
{
    float:left;
    width:888px;   
    margin-top:20px;
    padding-bottom:20px;
    border-bottom:1px solid #ccc;
}

#indexcentre1 
{
    float:left;
    height:219px;
    width:888px;   
    margin-top:40px;
    color:#000000;
    text-align:left;
    font-size:9pt;
}


#indexcentre1 a:link {
    color:#626467;
    text-decoration:none;
    font-weight:normal;
}

#indexcentre1 a:hover {
    color:#000000 ! important;
    text-decoration:none;
    font-weight:normal;
}

#indexcentre1 a:visited {
    color:#626467;
    text-decoration:none;
    font-weight:normal;
}

#indexcentre1 a:active {
    color:#626467;
    text-decoration:none;
    font-weight:normal;
}



#indexnav1 
{
    float:left;
    width:125px;
    height:200px;   
    margin-right:249px;
}

#indexnav2 
{
    float:left;
    width:135px;
    height:200px;   
    margin-right:219px;
}

#indexnav3 
{
    float:left;
    width:150px;
    height:200px;   
}

.workgallery a 
{
    float:left;
    width:120px;
    height:190px;
    background-image:url(../images/work-gallery-nav.jpg);   
}

.workgallery a:hover 
{
    background-position:0px -190px;
}

.musicgallery a 
{
    float:left;
    width:130px;
    height:190px;
    background-image:url(../images/music-gallery-nav.jpg);   
}

.musicgallery a:hover 
{
    background-position:0px -190px;
}

.portraitgallery a 
{
    float:left;
    width:150px;
    height:190px;
    background-image:url(../images/portrait-gallery-nav.jpg);   
}

.portraitgallery a:hover 
{
    background-position:0px -190px;
}

.contactbutton a 
{
    float:left;
    width:75px;
    height:20px;
    background-image:url(../images/contactbutton.gif);   
}

.contactbutton a:hover 
{
    background-position:0px -20px;
}

.homebutton a 
{
    float:left;
    width:22px;
    height:22px;
    background-image:url(../images/homebutton.gif);   
}

.homebutton a:hover 
{
    
    background-position:0px -22px;
}

.gallerythumb a 
{
    float:left;
    width:22px;
    height:22px;
    background-image:url(../images/gallery-thumb.gif);   
}

.gallerythumb a:hover 
{
    background-position:0px -22px;
}

#indexbottom 
{
    float:left;
    width:482px;
    height:45px;
    margin-top:10px;
    border-bottom:1px solid #cccccc;   
    padding-top:43px;
    padding-left:406px;
    text-align:center;
}

#thumbgallery
{
    float:left;
    height:317px;
    width:888px; 
    border-bottom:1px solid #cccccc;  
    margin-top:40px;
}

#gallerycon
{
    float:left;
    height:347px;
    width:888px; 
    border-bottom:1px solid #cccccc;  
    margin-top:10px;
}

#thumbgalleryframe 
{
    float:left;
    height:275px;
    width:886px;
    border:1px solid #cccccc; 
    color:#000000;
    text-align:left;  
}

#galleryframelandscape
{
    float:left;
    height:317px;
    width:475px;
    color:#000000;
    text-align:left; 
    padding-left:205px;
    padding-right:206px;
}

#galleryframelandscape img 
{
    border:1px solid #cccccc;
}

#photonotation 
{
    float:left;
    width:888px;
    height:15px;
    padding-top:15px;
    color:#cccccc;
    font-size:8pt;
    text-align:left;
}


div.thumbcon 
{
    float:left;
    width:132px;
    height:102px;
    margin-right:36px;  
    margin-bottom:36px;
}

.thumbcon img 
{
    border:1px solid #cccccc;
}

div.thumbcon1
{
    float:left;
    width:102px;
    height:152px;
    margin-right:39px;  
    margin-bottom:36px;
}

.thumbcon1 img 
{
    border:1px solid #cccccc;
}