/* CSS Document */
/* gallery and shop styles  */
* { border: none; padding: 0; margin: 0; } 
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ol, dl, fieldset, address { margin: 1em 1%; }
fieldset { padding: 0.5em; }
img { border: 0; }
html>body { font-size: 80%; line-height: 1.3em; }

body { padding: 6px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000; overflow-x: scroll; }

.menu {width: 180px; position: fixed; top: 6px; left:6px; }
* html .menu { width: 180px; position: absolute; top: 6px; left: 6px; }

div#cont { width: 800px; float: left; margin-left: 190px; }
* html div#cont { position: absolute; top: 6px; left: 4px; width: 800px;}

/*
div.logo { width: 800px; height: 72px; position: fixed; top: 570px; left: 0px; background: #C9C url(../images/logo_gallery.gif) left no-repeat; }
* html div.logo {float: left; margin: 10px 0 0 190px;}
*/

div.logo_top { width: 800px; height: 72px; background: #C9C url(../images/logo.gif) left no-repeat; }
* html div.logo_top {float: left; margin: 10px 0 0 190px;}

#gallery {  margin-left: 190px;  }

div.gallery { float: left; margin: 4px 8px 0 2px; font: normal 12px 'Courier New', Courier, mono; color: #000; }
div.gallery h2 a {color: #000; text-decoration: none;}
div.gallery h2 a:hover {color: #000; text-decoration: none;}

div.gallery h1 { font-size: 16px; font-weight: bold; text-align: center; margin-top: 2px; text-decoration: underline; }
div.gallery h2 { font-size: 16px; font-weight: bold; text-align: center; margin-top: 2px; }
div.gallery h3 { font: normal 12px 'Courier New', Courier, mono; text-align: center; padding: 4px; }
div.gallery p { text-align:center; padding: 3px; margin-top: -6px; }

div.pic {
display:block;
width:310px;
height:100%;
line-height:0;
margin: 0 10px;
}

div.pic img {
border-left:5px solid #000;
border-right:5px solid #000;
}

div.left { height: 20px; padding: 5px; text-align: right; line-height: 20px; }
div.leftbold {  height: 20px; padding: 5px; text-align: right; 
				font-weight: bold; font-size: 18px; }
div.right { height: 20px; padding: 5px; text-align: left; line-height: 20px; }
div.rightbold {  height: 20px; padding: 5px; text-align: left; 
				font-weight: bold; font-size: 18px; text-align: right; }
				
.r {margin-left: 100px; padding: 5px; font-weight: bold; font-size: 18px; }				

div.galmid { margin: 20px auto; }

#endmenu {float: left; width: 110px; height: 400px; margin: 100px 20px; }
#endpad {  padding: 12px 0; }

.shop-top { width: 800px; background: url(../images/txt_shop_2.gif) top left no-repeat; }

.left { float: left; margin: 8px 0; width: 60%; }
.right { float: right; margin: 8px 0; width: 60%; }

.text { font: normal 1em Arial, Helvetica, sans-serif; margin: 4px; text-align: justify; }
.sig { font-style: italic; float: right; padding: 8px 20px 4px 0; }

div.cl { clear: both; }
div.infomenu { width: 800px; height: 48px; padding: 20px 0 0; }
/* small button divs */
div.b7 { float: left; width: 84px; height: 28px; background: url(../txt_index_over.gif) 0 0 no-repeat; }
div.b7 a { display: block; width: 100%; height: 100%; background: url(../txt_index.gif) top left no-repeat; }
div.b7 span { display: block; }
div.b7 a:hover { background-image: none; }
div.b14 { width: 115px; height: 28px; background: url(../txt_design_over.gif) 0 0 no-repeat; margin: 10px 20px; }
div.b14 a { display: block; width: 100%; height: 100%; background: url(../txt_design.gif) top left no-repeat; }
div.b14 span { display: block; }
div.b14 a:hover { background-image: none; }
div.b15 {  float: right; width: 110px; height: 28px; background: url(../txt_next_over.gif) 0 0 no-repeat; }
div.b15 a { display: block; width: 100%; height: 100%; background: url(../txt_next.gif) top left no-repeat; }
div.b15 span { display: block; }
div.b15 a:hover { background-image: none; }
div.b16 { float: right; width: 116px; height: 28px; background: url(../txt_prev_over.gif) 0 0 no-repeat; }
div.b16 a { display: block; width: 100%; height: 100%; background: url(../txt_prev.gif) top left no-repeat; }
div.b16 span { display: block; }
div.b16 a:hover { background-image: none; }
div.b17 { float: left; width: 102px; height: 28px; background: url(../txt_clo_menu_over.gif) 0 0 no-repeat; }
div.b17 a { display: block; width: 100%; height: 100%; background: url(../txt_clo_menu.gif) top left no-repeat; }
div.b17 span { display: block; }
div.b17 a:hover { background-image: none; }
a:link { color: #CC99CC; text-decoration: underline; }
a:hover { color: #FF0099; text-decoration: underline;}