@charset "utf-8";
/* style.css */

h1, h2, p { padding: 0; margin: 0; }
h1 { font-size: 18px; text-transform: uppercase; letter-spacing: -1px; }
body { background: #eee; color: #666; font-family: Georgia; font-size: 14px; }
a img { border: 0; }

#container { width: 779px; position: absolute; top: 0; left: 50%; margin-left: -400px;  background: #000 url('design/bg_body.jpg') repeat-x 0 328px; }
#head { height: 328px; position: relative; overflow: hidden; background: url('design/bg_head.jpg') no-repeat 0 0; }
#body { background: #fff; width: 759px; margin: 10px; }

#menu { height: 38px; position: absolute; top: 291px; left: 0; background: url('design/bg_menu.jpg') no-repeat 0 0; text-align: center; font-size: 17px; }
#menu a { display: block; height: 38px; overflow: hidden;  float: left; text-align: center; background-repeat: no-repeat; padding-top: 12px; color: #000; text-decoration: none; }
#menu a.menu-long { background-image: url('design/bg_button1.png'); width: 129px;  }
#menu a.menu-long-on { background-image: url('design/bg_button1_on.png'); color: #fff; width: 129px; }
#menu a.menu-short { background-image: url('design/bg_button2.png'); width: 99px;  }
#menu a.menu-short-on { background-image: url('design/bg_button2_on.png'); color: #fff; width: 99px; }
#menu a:hover { background-position: 0 0; color: #fff; }

#content { width: 549px; float: left; background: #fff; position: relative; margin: 10px 0 10px 10px; padding: 0; overflow: hidden; }
#content h1 { margin-bottom: 1em; }
#content p {  text-align: justify; margin-bottom: 10px;}

#content ul { margin: 20px 0 0 20px; padding: 0; }
#content li { padding: 0; margin-bottom: 10px; }

#content .item p { margin-top: 10px; margin-bottom: 30px; }

#right { width: 180px; float: right; text-align: center; overflow: hidden; }
#right img { margin-top: 10px; }
#right .logo { width: 105px; height: 80px; background: url('design/logo.jpg'); margin: 10px auto; }
#right .logo a { display: block; width: 105px; height: 80px; text-decoration: none; }

#bottom { clear: both;}

#foot { clear: both; background: #eee;  padding-top: 6px; }
#foot a { color: #999; padding: 6px; text-decoration: none;   }
#foot a:hover { color: #666; }

#gallery .pic { float: left; width: 137px; padding: 10px 0; }

#contact { margin: 10px 0; }
#contact h1 { margin-bottom: 2px; padding: 0; }
#contact a { color: #999; text-decoration: none; }
#contact a:hover { color: #666; }

.item { clear: both; padding: 10px 0; background: #f5f5f5; overflow: hidden; margin: 10px 0; padding: 10px; border-right: 2px solid #eee; border-bottom: 2px solid #eee; }
.item img { width: 300px; margin-right: 10px; }
.item a { float: left; }
.item b { display: block; }