/* CSS - editable areas marked are more or less required; everything else is optional */

body
{background: #fbfaf7 url(../i/str/bdbg2.jpg) top center repeat-x;} /* edit MAIN BACKGROUND image and color ~ main image sometimes used for shadow etc beneath banner navigation splash image */
#preloadedImages
{width: 0px; height: 0px; display: inline; background-image: url(../i/str/bar2.jpg);	background-image: url(../i/str/on.jpg);	background-image: url();} /* substitute relevant images here */
body#catalogue #roam li
{color: #F5F1E9;}
body#catalogue
{background-image: none;}
#header
{background: url(../i/str/bar2.jpg) top center no-repeat;} /* edit bar image */

#intro p a,
a:link
a:visited
a:active
{color: #675353; text-decoration: none;	border-bottom: 1px solid #CFBCBC;}
#intro p a:hover
{color: #9B5858; border-bottom: 1px solid #9b5858;}

ul#navigation li
{display: block; height: 19px; line-height: 19px; margin: 0px;}
ul#navigation li a,
a:link
a:visited
a:active
{display: block; width: 214px; text-decoration: none; color: #fff;}
ul#navigation li a:hover
{background-repeat: no-repeat;}
ul#navigation li.gallery a:hover
{background-image: url(../i/str/on2.jpg); background-position: -1px -11px;}
ul#navigation li.archive a:hover
{background-image: url(../i/str/on2.jpg); background-position: -1px -30px;}
ul#navigation li.contact a:hover
{background-image: url(../i/str/on2.jpg); background-position: -1px -49px;}



ul#navigation li a:hover
{color: #fff;}
.column
{color: #666;}
.column a,
a:link
a:visited
a:active
{color: #675353;}
.column a:hover
{color: #9B5858;}

h2{color: #1d1c1a;}

.HS
{background: url(../i/str/HSbg.gif) 0px 0px no-repeat;} /* edit SIDEBAR DESCRIPTION PANEL BACKGROUND image */
h3
{color: #817575;}
body#catalogue h3
{color: #640000;}
.brk
{color: #C6C7BF;}

body#catalogue #roam li.next,
body#catalogue #roam li.gallery
{background-image: url(../i/str/catroamlibg2.jpg);} /* edit ROAMING LI CIRCLE image ~ needs to match MAIN BG color */
ul#otherimages li a IMG
{border: 1px solid #857B7B;}

ul#otherimages li IMG
{border: 1px solid #ccc; padding: 1px;}
.wrp
{background-image: url(../i/str/wrpbg.jpg);} /* these should be bespoke, to match the gallery MAIN BACKGROUND color */
.wrp IMG
{border: 1px solid #A9A299;}
.catnum
{color: #817575; background: url(../i/str/catnumbg.gif) 0px 0px no-repeat;} /* for image numbers on gallery page DOESN'T NEED EDITING */


/* Special text color for Philip Cardeiro introduction */
p.philip{color: #513223;}

#footer /* edit bg colors and borders */
{color: #999; background-color: #E1DDD6; border-top: 1px solid #CEC8BC;	border-top: 1px solid #A9A299;}
body#catalogue #footer
{background: none; border: none;}
#footer a,
#upper a,
a:link
a:visited
a:active
{color: #666; text-decoration: none;}
#footer a:hover,
#upper a:hover
{color: #a60000;}


