body 
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.7em;
   color: #381B19;
   background-color: #927667;
   border: 0px;
   padding: 0px;
   margin: 0px;
}

p, a
{
   color: #381B19;
}

#container 
{
   width: 798px;
   border: 0;
   margin-right: auto;
   margin-left: auto;
   padding-top: 15px;
}

#header {
   background-color: #FFFFFF;
   width: 788px;
   float: left;
   padding: 5px;
}

#banner
{
   float: left;
   background-color: #381B19;
   width: 788px;
   margin-bottom: 2px;
}

#banner h1
{
   font-size: 200%;
   color: #896f52;
   float: left;
   clear: left;
   margin: 0px;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 10px;
   padding-left: 10px;
   
}

#logo 
{
   width: 252px;
   float: left;
   height: 95px;
}

#bark 
{
   float: right;
   border-left: 2px solid white;
}

#nav 
{
   float: left;
   width: 788px;
   background-color: #5E1A23;
//   margin-bottom: 30px;
   margin-bottom: 15px;
}

#nav ul 
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   float: left;
}

#nav li 
{
   float: left;
}

#nav li a {
   float: left; 
   color: #FFFFFF;
   text-decoration: none;
   margin-left: 10px;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #FFFFFF;
   padding-top: 5px;
   padding-right: 18px;
   padding-bottom: 5px;
   padding-left: 5px;
   height: 2.5em;
}

#nav #ulright
{
   float: right;
}

#nav #ulright li a {
   color: #FFFFFF;
   text-decoration: none;
   margin-right: 10px;
   border:0;
   border-right: 1px solid #FFFFFF;
   padding-top: 5px;
   padding-right: 5px;
   padding-bottom: 5px;
   padding-left: 0;
}

#nav a:hover , #nav #ulright li a:hover
{
   color:white;
      text-decoration: underline;
}

#mobile
{
   cursor:default;
}


#phouter
{
   float:left;
   width: 788px;
   margin-bottom: 5px;
   border-bottom: 1px solid #927667;
//   padding-bottom: 15px;
   padding-bottom: 10px;
}

#phouterhome
{
   float:left;
   width: 788px;
// margin-top: 30px;
  margin-top: 0px; 
   margin-bottom: 5px;
// border: 1px solid red;
   border-bottom: 1px solid #927667;
   
//   padding-bottom: 15px;
   padding-bottom: 10px;
}

.hometext
{
	font-size:1.5em;
	margin-top:2px;
	margin-left: 25px;
	margin-right:25px;
	margin-bottom:5px;
}


#pgleft
{
   float:left;
   width: 16px;
   height: 65px;
   background-color:#5E1A23;
   border: 0;
   margin-bottom: 4px;
}

#pageheading
{
   float: left;
   width: 600px;
   height: 65px;
   background: white;
   border: 0;
   margin-top: 10px;
   margin-left: 15px;
}

.pagetitle
{
   font-size: 200%;
   color: #896f52;
   margin: 0;
   border: 0;
}

.pagesubtitle
{
   font-size: 150%;
   color: #5E1A23;
   margin: 0;
   margin-top: 5px;
   border: 0;
}

#gallery
{
   float:left;
   background: #F7F8F8;
   padding-top: 30px;
   padding-right: 30px;
   padding-bottom: 30px;
   padding-left: 25px;
   width: 733px;
}

#thumbgrid
{
   float: left;
   width: 350px;
   padding-bottom: 50px;
}

.thumbnail
{
   float: left;
   height: 100px;
   width: 100px;
   background-image: url(../resources/apTHUMBNAIL.jpg);
   background-repeat: no-repeat;
   background-position: left bottom;
   margin: 0 15px 15px 0;
   padding:0;
}

.thumbnail img
{
   margin-top: 16px;
   margin-left: 16px;
   border: 0;
   padding: 0;
   cursor:pointer;
}

#maingrid
{
   float: right;
   width: 380px;
}

#maintop 
{
   height: 20px;
   background-image: url(../resources/apIMAGEBACK_TOP.jpg);
   background-position: left top;
   background-repeat: no-repeat;
   width: 380px;
   float: left;
}

#mainbottom
{
   height: 35px;
   background-image: url(../resources/apIMAGEBACK_BOTT.jpg);
   background-position: left top;
   background-repeat: no-repeat;
   float: left;
   width: 380px;
}

#maintext
{
   text-align:center;
}


#mainpic 
{
   background-image: url(../resources/apIMAGEBACK_MIDD.jpg);
   background-position: left top;
   background-repeat: repeat-y;
   float: left;
   width: 380px;
}

#mainpic img
{
   margin-top: 40px;
   margin-left: 40px;
   margin-top: 0;
   margin-bottom: 0;
   border: 0;
   padding: 0;
}
  
#footer
{
   float: left;
   width: 380px;
   height: 20px;
   font-size: .8 em;
   color: #999;
   background-color: white;
   margin-top: 10px;
}

#builtby
{
   float: right;
   width: 320px;
   height: 20px;
   font-size: .5 em;
   color: #999;
   text-align:right;
   background-color: white;
   margin-top: 10px;
}

#builtby a
{
   color: #999;
   text-decoration: none;
}


#homegallery
{
   float: left;
   width: 770px;
   background: #F7F8F8;
//   padding-top: 50px;
   padding-top: 30px;   
   padding-bottom: 30px;
   padding-left: 18px;
}

#homegallery a
{
   float: left;
   text-decoration: none;
}

.homepic
{
   float: left;
   width: 249px;
}

.hometop
{
   float: left;
   width: 209px;
   height: 80px;
   background-image: url(../resources/apHOMEBACK_TOP.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   padding-top: 20px;
   padding-left: 40px;
}

.homemiddle
{
   float: left;
   width: 249px;
   background-image: url(../resources/apHOMEBACK_MIDDLE.jpg);
   background-repeat: repeat-y;
   background-position: left top;

}

.homemiddle a
{
   cursor:pointer;
   text-decoration: none;
   border: 0px none #FFFFFF;
}

.homemiddle img
{
   width: 200px;
   height: 135px;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 28px;
   color: #FFFFFF;
   text-decoration: none;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-color: #FFFFFF;
   border-right-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
   border-left-color: #FFFFFF;
}

.homebottom
{
   float: left;
   width: 249px;
   height:25px;
   background-image: url(../resources/apHOMEBACK_BOTTOM.jpg);
   background-repeat: no-repeat;
   background-position: left top;
}


.hometitle
{
   float: left;
}

.hometop h1
{
   font-size: 180%;
}

.hometop h2
{
   font-size: 135%;
   margin-top: 5px;
}

.homemiddle .hometext
{
   width: 200px;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 28px;
   cursor: pointer;
}

.hometext p
{
/* color:#000000; */
   font-size: 120%;
}

.httitle1
{
   color:  #381B19;
   font-size: 125%;
   font-weight: bold;
   display: block;
}
.httitle2
{
   color: #5E1A23;
   font-size: 125%;
   display: block;
   
}
.httitle3
{
   color: #927667;
   font-size: 125%;
}

#exhibitgallery
{
   float:left;
   background: #F7F8F8;
   padding-top: 30px;
   padding-right: 30px;
   padding-bottom: 30px;
   padding-left: 0px;
   width: 758px;
}
#exhibitmain
{
   float: right;
   width: 380px;
}

#exhibitmain li
{
   list-style-position: outside;
   margin-left: -27px;

}

#exhibitmaintop
{
   float: left;
   width: 305px;
   background-image: url(../resources/apEXHIBITBACK_TOP.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   height: 107px;
   padding-top: 15px;
   padding-right: 25px;
   padding-left: 50px;
}

#annaportrait
{
   float: right;
   height: 102px;
   width: 86px;
}

#annaportrait img
{
   border: 1px solid #896f52;

}

.exhibittitle
{
   float: left;
}

.exhibittitle h1
{
   font-size: 160%;
   margin: 0px;
}

.exhibittitle h2
{
   font-size: 128%;
   margin-top: 5px;
}


#exhibitcentre 
{
   background-image: url(../resources/apIMAGEBACK_MIDD.jpg);
   background-position: left top;
   background-repeat: repeat-y;
   float: left;
   width: 310px;
   padding-top: 20px;
   padding-right: 30px;
   padding-left: 40px;
}


#annatext
{
   font-size: 120%;
}

.profilelogos
{
/*   height: 63px;
   width: 88px;
*/
   clear: left;
   background-image: none;
   border: 0px none white;
   cursor:pointer;
}

.profilelogos2
{
   height: 63px;
   width: 212px;
   clear: left;
   background-image: none;
   border: 0px none white;
   cursor:pointer;
}

.profilelogos3
{
   height: 90px;
   width: 90px;
   clear: left;
   background-image: none;
   border: 0px none white;
   cursor:pointer;
}

.profilelink
{
   text-decoration: none;
}


.profilelogos a
{
   text-decoration: none;
}

.profilelogos2 a
{
   text-decoration: none;
}


#exhibitgrid
{
   float: left;
   width: 350px;
}

#exhibitgrid h2
{
   font-size: 150%;
   color: #5E1A23;
   margin: 0;
   margin-top: 5px;
   margin-bottom: 25px;
   margin-left: 40px;
   border: 0;
}

#exhibitgrid h3
{
   color:  #381B19;
   font-size: 115%;
   font-weight: bold;
   display: block;
   margin: 0;
   margin-top:25px;
   padding:0;
}

#WorkUndertaken
{
   margin-top:50px;
}


#exhibitgrid p
{
   font-size: 115%;
   margin: 0;
   padding:0;
}


#exhibitgrid ul
{
   list-style-type: none;
}



.exhibitlistmain 
{
   list-style-image: none;
   list-style-type: none;
   margin-top: -10px;
}

.exhibitlisttitle
{
   font-size: 115%;
   color:  #381B19;
   margin-top: 25px;
   margin-left: 40px;
   font-weight: bold;
}


.exhibitlistmain li
{
   list-style-type: none;
   margin-top: 8px;
   
}

.exhibitlistmain li p
{
   font-size: 120%;
   
}

.exhibitlistminor
{
   margin-top: -5px;
}

.exhibitlistminor li
{
   margin-top: 5px;
}

.shttitle1
{
   color:  #381B19;
   font-size: 115%;
   font-weight: bold;
   display: block;
}
.shttitle2
{
   color: #5E1A23;
   font-size: 115%;
   display: block;
   
}
.shttitle3
{
   color: #927667;
   font-size: 115%;
}

.workundertaken
{
    list-style-type:circle;
}


.cardportrait
{
   float:left;
   width:32%;
   height:60mm;
   text-align:center; 
   margin: 0;
   padding-top: 1mm;
   padding-bottom:0;
}

.cardportrait img
{
   width: 35mm;
   height: 50mm;
   border: 1px solid black;
   margin: 0;
   
}

.cardportrait p
{
   font-size: 1.1em;
}

.cardlandscape
{
   float:left;
   width:32%;
   height:52mm;
   text-align:center;  
   margin: 0;
   padding-top: 8.5mm;
   padding-bottom:0;
}

.cardlandscape img
{
   width: 50mm;
   height: 35mm;
   border: 1px solid black;
   margin: 0;
}

.cardlandscape p
{
   font-size: 1.1em;
}