/* CSS Document */

body {text-align:center; background: #fff; font-family:  helvetica, arial, verdana;}
body, div, h1, h2, h3, img, ul, li {padding: 0; margin: 0;}
#clearb{clear: both;}
#container {width: 950px; margin: 0 auto; position: relative; text-align:left; border-bottom: 1px solid #996; overflow: hidden;
}
h1 {font-size: 1em; color: #996;  margin: 10px 0; letter-spacing: 1px; }
h2 {font-size: .8em; color: #996; font-weight: bold; margin-bottom: 5px; }

#header {border-bottom: 1px solid #996; padding: 10px 0; overflow: hidden; width: 100%;}
#header img {float: left;}
#header #contact {float: right; text-align:right; margin-top: 5px; color: #999; font-size: .9em;}
#header #contact strong {color: #666;}
#header #contact span {margin-top: .5em; display: block;}
#header #contact a, #leftcol a {color: #999;}
#header #contact a:hover, #leftcol a:hover {color: #996;}


#leftcol { color: #666; float: left; width: 520px;}
#leftcol p {font-size: .8em; margin: 0 0 15px 0; line-height: 1.3em;}
#leftcol li {font-size: .8em; margin: 0 0 2px 0; padding-left: 13px;line-height: 1.3em; background: url(../images/bullet.gif) no-repeat left 6px;}
#leftcol ul {margin: 0 0 15px 17px; list-style:none; }


#rightcol {float:right; width: 410px; }
#mainimage {float:right; width: 410px; height: 385px; background: #996; text-align: center; }
#mainimage img {margin: 14px auto 10px auto; border: 1px solid #fff;}
#imgdescription {margin: 0; font-size: .8em; color:#fff; background:#996; padding: 0 0 10px 0px; clear: both; text-align: center; }

#thumbnails {float: left; background: #fff; padding-top: 5px;}
#imagegallery {list-style: none;}
#imagegallery li {float: left;}
#imagegallery a img {border: 1px solid #999; padding: 1px; margin: 0 10px 5px 0;}
#imagegallery a:hover img{border-color: #666;  background: #fff;}
#imagegallery a img.nor {margin-right: 0;}

#copyright, .note {text-align: center; font-size: .7em; color: #996; margin: 0 0 2px 0;}
.note {margin-top: 15px; color: #999;}
/* main images not to exceed 390w x 360h */