body {
   /*background:white url("../images/backframe.png") repeat-y fixed center ;*/
/* if only firefox didn't display backfrome.png one px too far to the right */
   background:white;
   color:#333;
   font-family:arial,helvetica,sans-serif;
   text-align:left;
   padding:10px 0;
   margin:0;
}

#cow {
   float:right;
   margin:0;
}

#content_wrapper {
   position:relative;
   width:985px;
   margin:0 auto;
   padding:10px;
}

#content_wrapper, div.frame {
   border:solid silver 1px;
}

div.frame {
   margin:0;
}

#frame_top {
   position:absolute;
   top:0;
   left:0;
   height:10px;
   width:100%;
   border-top:none;
   border-right:none;
   border-left:none;
   line-height:0;
}

#frame_bottom {
   border-right:none;
   border-bottom:none;
   border-left:none;
   margin-top:-1px;
}


h1, h5 {
   margin:0;
}

a {
   text-decoration:none;
   color:#333;
}

#header {
   border:none;
   border-bottom:solid silver 1px;
   text-align:left;
}

#nav_section {
   float:left;
   width:125px;
   text-align:left;
   padding:10px 0;
}

#nav_section dl, #nav_section dd {
   padding:0;
   margin:0;
}

#nav_section dt {
   border:none;
   border-bottom:solid silver 1px;
   font-weight:bold;
}

#nav_section ul {
   padding:0;
   list-style:none;
}

#nav_section a {
   display:block;
   width:100%;
}

#ul_collections {
   margin:0 0 1em;
}

#ul_collections li {
   margin-left:0.5em;
}

#nav_section li {
   border:none;
   border-bottom:solid silver 1px;
   border-left:solid transparent 4px;
}

#ul_other {
   border-top:solid silver 1px;
}

#nav_section li:hover {
   background:#ccb2df;
}

#nav_section li.current {
   border-color:#ccb2df;
   background:none;
}

#nav_section li.current > a {
   cursor:default;
}

#main_content, #header, #footer, #nav_section {
   margin:0;
}

#main_content {
   position:relative;
   border:none;
   border-left:solid silver 1px;
   width:860px;
   margin:0 0 0 125px;
   padding:33px 10px 10px;
   min-height:20em;
}



#thumbs {
   position:absolute;
   top:33px;
   right:10px;
   overflow:auto;
   height:500px;
   width:130px;
   line-height:0px;
   padding:0;
   margin:0 10px 10px 10px; 
}

#thumbtop {
   width:0;
   height:0;
   margin:0;
}

img.thumb {
   height:71px;
   width:107px;
   margin:0;
   padding:0;
   border:none;
}

img.thumb.current {
   height:65px;
   width:101px;
   padding:1px;
   border:solid #333 1px; /*At one point I wanted to use transparent as the color  but IE's deficient CSS support doesn't include the concept */
}

#photocontain {
   height:466px;
   width:698px;
   border:solid #333 2px;
   overflow:hidden;
   position:relative;
   text-align:center; 
   background-position:center center;
   background-repeat:no-repeat;
   background-color:white;
   z-index:10;
}

#photocontain.photocontain_portrait {
   width:466px;
   height:698px;
}

img.photo, div.filter, div.map {
   position:absolute;
   top:3px;
   left:3px;
}

img.photo {
   position:absolute;
   top:0px;
   left:0px;
   border:solid white 3px;
}

img.photo, div.filter {
   width:692px;
   height:460px;
}

img.photo_portrait, div.filter_portrait {
   height:692px;
   width:460px;
}

#photowait {
   z-index:5;
   font-size:50px;
   font-weight:bold;
   position:absolute;
   top:50%;
   left:50%;
   width:80px;
   text-align:center;
   margin-top:-40px;
   margin-left:-40px;
   opacity:0.75;
   visibility:hidden;
}

#effectstoggle, #maptoggle {
   clear:left;
}

#effectstoggle span, #maptoggle span {
   cursor:pointer;
}


div.slider_track {
   font-size:25px;
   width:200px;
   height:30px;
   background-color:silver;
   border:solid #333 1px;
   position:relative;
   text-align:center;
   overflow:hidden;
}

div.slider_handle {
   opacity:0.8;
   position:absolute;
   top:0px;
   left:0px;
   width:10px;
   height:10px;
   cursor:ew-resize;
   overflow:hidden; /* needed for IE */
   padding:0;
}

div.slider_handle_red, #redfilter {
   background-color:#f00;
}

div.slider_handle_green, #greenfilter {
   background-color:#0f0;
}

div.slider_handle_green {
    top:10px; 
}

div.slider_handle_blue, #bluefilter {
   background-color:#00f;

}

div.slider_handle_blue {
   top:20px; 
}

div.slidewrap {
   text-align:center;
   float:left;
}

input.red {
   color:red;
}

input.green {
   color:green;
}

input.blue {
   color:blue;
}


div.filter {
   opacity:0;
}

#coloursetting {
   margin:0 20px 0 0;
   float:left;
}

#controls {
   font-size:30px;
   font-weight:bold;
   width:150px;
   height:21px;
   text-align:center;
   overflow:hidden;
   line-height:22px;
   vertical-align:baseline; 
   padding:0 5px;
   white-space:nowrap;
   position:absolute;
   top:31px;
   left:10px;
}

#controls span {
   margin-right:7px;
}

#controls span:hover {
   cursor:pointer;
   color:silver;
   /*
   color:rgb(204,178,223);
   #CCB2DF
   */
}

#controls select {
   border:solid silver 1px;
   vertical-align:top;

}

#controls div {
   padding:0;
   margin:0;
}

#photodescholder {
   margin:0;
}

#photodesc {
   width:250px;
}

#photodesc, #xofy {
   border:solid #333 2px;
   margin:0;
   margin-bottom:0.5em; /* fixes issue of bottom border disapearing in some browsers when affect applied*/
   border-top:none;
   padding:0 5px;
   text-align:center;
}

#photodesc, #xofy, div.tab {
   font-size:15px;
}

#xofy {
    float:left; 
}

div.tab {
   text-align:center;
   cursor:pointer;
   position:absolute;
   top:31px;
   height:21px;
}

fieldset {
  border:none;
}

#captcha {
   float:right;
   margin-right:10px;
}

#contactform input, #contactform textarea {
   border:solid silver 2px;
/*    display:block; */
}

#contactform textarea {
   width:500px;
   font-family:inherit; /* huh? why is this needed? */
}

#captchaconfirm {
   font-weight:bold
}

span.checking {
   color:orange;
}

span.ok {
   color:green;
}

span.error {
   color:red;
}

#footer, #mapnb {
   font-size:0.75em;
}

#footer {
   border:none;
   border-top:solid silver 1px;
   text-align:center;
}