html, body { background:black; margin:0; padding:0; font-family:Verdana; font-size:8pt; color:#ddd; }
#container { width:95%; margin:0 auto; min-width:900px; }

h1 { color:#bbb; font-family:Georgia; font-size:10pt; font-weight:normal; font-style:normal; letter-spacing:0; margin:5px 0 0 0; padding:0; line-height:20px;  }
#galleries { background:#000; overflow:hidden; border:0; margin:0px 0px 0 0px; position:absolute; top:1px; left:1px; z-index:10;  }
#galleries ul { display:block; list-style-type:none; margin:0; padding:1px 0 0 0; text-align:center; width:150px; border:1px solid #919191; background:#000; }
#galleries li { line-height:24px; margin:0 1px; padding:0; display:block; }
#galleries a { text-decoration:none; color:#ddd; font-size:10pt; border-top:1px solid #bbb; border-bottom:1px solid #333; display:block; background:#919191; }
#galleries a:hover { color:white; }
#galleries li.selected { }
#galleries li.selected a { color:black; background:#ebebeb; }

#content { margin-left:0px; }
#image { margin:0 auto; width:900px; height:520px; position:relative; background:url('load.gif') center center no-repeat; padding:0; }
#image img { border:1px solid gray; padding:5px; left:50%; top:50%; position:absolute; display:none; margin:0; cursor:pointer; }
#image p { display:block; margin:0em auto 0 auto; text-align:center; width:450px; }
#images { /*text-align:center;*/ border:1px solid #919191; overflow:hidden; position:relative; height:52px; margin:0 11px; }
#images div { position:absolute; left:1px; top:1px; }
#images .item { display:inline-block; text-decoration:none; color:white; margin:0 0 0 0; width:50px; height:50px; cursor:pointer; background-repeat:no-repeat; background-position:center center; opacity:0.6; background-color:gray; border-left:1px solid #bbb; border-right:1px solid #333; }
#images .selected { opacity:1; border-left-color:#aaa; }

#triangle { position:absolute; bottom:1px; left:50%; margin-left:-10px; height:0; width:0; border-left:10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #919191; border-top: 0; }
#next { margin:0 auto 0 auto; height:0; width:0; border-left:10px solid #919191; border-right:0; border-bottom: 10px solid transparent; border-top:10px solid transparent; float:right; margin-top:16px; margin-right:0px; cursor:pointer; }
#prev { margin:0 auto 0 auto; height:0; width:0; border-left:0; border-right:10px solid #919191; border-bottom: 10px solid transparent; border-top:10px solid transparent; float:left; margin-top:16px; margin-left:0px; cursor:pointer; }

#slideshow { width:80px; margin:5px auto; color:#ddd; text-decoration:none; display:block; text-align:center; }
#slideshow:hover { text-decoration:underline; }


#mail_form { width:400px; margin:1em auto; padding:3em 0 0 0; }
#mail_form * { display:block; }
#mail_form textarea, #mail_form input { padding:2px; border:1px solid silver; margin:0 auto 1em auto; width:394px; font-size:1.1em; }
#mail_form #submit { width:160px; margin:0 auto; }
#mail_form #l_secret { float:left; line-height:20px; }

p.error { font-weight:bold; color:red; text-align:center; }
