/********************************
GLOBALS & GENERAL CASES
********************************/
body { padding: 0; margin: 0 0 0 1px; font-size: 11px; font-family: Arial; color: #695230; }
img { border: 0; }
img.float-right { float: right; margin: 0 0 8px 24px; }
img.float-left { float: left; margin: 0 24px 8px 0px; }
a { outline: none; color: #695230; }
p { margin-top: 0; }
h2 { font-size: 13px; margin-top: 0px; }
img#logo { margin-top: 16px;}
img#view { max-height: 500px; }
#notice { margin-bottom: 18px;}
#notice p { color: brown; display: inline; background-color: yellow; padding: 4px;}
.about { line-height: 15px;}

/********************************
LAYOUT
********************************/
#container { width: 1024px; margin: 0 auto; position: relative; }
#main { float: left; margin: 108px 0 0 68px; padding: 0; font-size: 11px; width: 400px; }
#side { float: left; padding: 40px 28px 1px 20px;}
#side_buttons { margin-top: 18px; padding-left: 34px; width: 100px; }
#side_buttons #spacer_nav_bottom { height: 4px; }

/********************************
HOME PAGE
********************************/
#homelogo { position: absolute; top: 200px; left: 400px; z-index: 3;}
#homeviewer { position: absolute; left: 164px; top: 28px;}

/********************************
LOGIN / LOGOUT
********************************/
.form input {width: 125px; font-size: 11px; padding: 3px;}
.form input.button {width: 75px; float: right;}

/********************************
PHOTO PAGES
********************************/
#photo-viewer, #photo-shell { position: absolute; top: 28px; left: 206px; width: 642px; text-align: center; }
#photo-viewer {height: 506px;}
#photo-shell { width: 780px; z-index: 2;}
#carousel { position: absolute; top: 564px; left: 208px;}
#loading { position: absolute; top: 264px; left: 468px; }

/********************************
IMAGE NAVIGATOR
********************************/
#html-carousel { background: #FFF; position: relative; left: -18px; width: 648px; float: left; }
#html-carousel .carousel-list li { margin: 0px 15px 0px 0px; padding: 4px; }
#html-carousel .carousel-list li img {display:block;}
#prev-arrow-container, #next-arrow-container { float:left; margin: 12px 0 0 0; padding: 0; position: relative; left: -29px; }
#next-arrow-container { position: relative; left: -5px; }
#next-arrow, #prev-arrow, .thumb1, .thumb2, .thumb3 { cursor:pointer; }
li.thumb1 img, li.thumb2 img, li.thumb3 img { width: 32px; height: 32px; }
li.thumb1 { background-image: url(../images/thumbborder1.gif); }
li.thumb2 { background-image: url(../images/thumbborder2.gif); }
li.thumb3 { background-image: url(../images/thumbborder3.gif); }
#copyright { margin-top: 20px; position: relative; left: -2px; clear: both;}

/********************************
ABOUT PAGES
********************************/
#about { float: left; margin: 88px 0 0 18px; padding: 0; width: 680px; }
#about-text { font-size: 11px; width: 348px; line-height: 24px; position: relative; top: 40px; }
#about_menu { list-style: none; margin: 0; padding: 0; }
#about_menu li { float: left; padding: 3px; }
#about_menu li a { color: #B3A997; text-decoration: none; padding: 10px; }
#about_menu li a:hover, #about_menu li a.current { color: #695230; font-weight: bold; background-image: url(../images/subnav_background.gif); background-repeat: no-repeat; background-position: 3px 5px; }
.sidebar-image {float: right; position: relative; top: 40px; left: 20px;}

/********************************
CONTACT FORM
********************************/
#contact-form { margin-top: 18px; width: 450px;}
#contact-form label { float: left; }
#contact-form input.text, #contact-form textarea {  background-color: #fafafa; border: 1px solid #ccc; font-size: 11px; padding: 4px; }
#contact-form textarea { width: 95%; }