/* ------ tankedup-imaging ------ */
* {
margin:0;
border:0;
padding:0;
}
html, body {
background:#036;
color:#333;
font:normal 12px verdana,arial,helvetica,sans-serif;
}
/* ----- layout ----- */
#wrap {
width:auto;
min-width:870px;
max-width:1024px;
margin: .5em auto;
}
#header {
height:8.6em;
}
.logo {
float:left;
margin: 1em;
}
.logo img {
margin-right: 8em;
}
#left {
float:left;
width:19%;
margin:1em 0;
padding:4em 0;
text-align:center;
}
#right {
float:right;
width:14%;
height:20em;
margin:1em 0;
text-align:center;
}
#content {
width:66%;
margin-left:19%;
margin-right:14%;
margin-top:1em;
margin-bottom:1em;
border: 1px solid #000;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding: 10px;
background: #9ff;
}
#footer {
clear:both;
height: 2.6em;
padding: .2em;
font:italic normal 1.2em/2.6em verdana, helvetica, tahoma, sans-serif;
text-align:right;
background:url(../images/bg/footer.gif) 0 0 repeat;
color:#fff;
}
/* ----- google ads ----- */
#google-right {
float:right;
width:14%;
margin:1em 0;
text-align:center;
}
.google-content {
width:500px;
height:70px;
margin: .5em auto;
}
.link-center {
width:500px;
height:20px;
margin:1em auto 0;
text-align:center;
}
/* ----- nav ----- */
#nav {width:126px; margin:0 auto; font:normal 11px/16px verdana,arial,helvetica,sans-serif;}
#nav ul {display:block; width:126px; list-style:none; text-align:center;}
#nav li {display:block; position:relative; padding:0; z-index:20;}
#nav a {display:block; width:124px; height:36px; background:url(../images/bg/248.gif) 0 0 no-repeat; color:#fff; text-decoration:none;}
#nav a:hover {width:124px; height:36px; background:url(../images/bg/248.gif) -124px 0 no-repeat; color:#fff;}
#nav ul ul, #nav li:hover ul ul {display:none;}
#nav li:hover ul, #nav li:hover li:hover ul {display:block;}
#nav li.sub1 {padding:0;}/* 1px in ie.css */
#nav li.sub1 ul {position:absolute; top:3px; left:123px;}/* IE offset */
#nav li.sub1>ul {left:124px;}/* Proper browser offset */
#nav li.sub1 a:hover {width:124px; height:36px; background:url(../images/bg/248.gif) -124px 0 no-repeat;}
#nav li.sub1:hover {z-index:30;}
#nav li a.sub2 {width:124px; height:36px; background:url(../images/bg/248-sub.gif) 0 0 no-repeat; cursor:default;}
#nav li.sub1 a:hover.sub2 {width:124px; height:36px; background:url(../images/bg/248-sub.gif) -124px 0 no-repeat;}
/* ----- google refer & sitemap ----- */
.refer {margin:2em auto 0; text-align:center;}
.sitemap {width:90px; margin:2em auto 0; text-align:center;}
.sitemap a, .sitemap a:visited {display:block; height:26px; background:url(../images/bg/sitemap.gif) 0 0 no-repeat; color:#fff; font:bold 12px/26px verdana,arial,helvetica,sans-serif; text-decoration:none;}
.sitemap a:hover, .sitemap a:active, .sitemap a:focus {background:url(../images/bg/sitemap.gif) -90px 0 no-repeat;}
/* ----- links ----- */
#content a {
color:#444;
text-decoration:underline;
}
#content a:visited {
color:#777;
text-decoration:underline;
}
#content a:hover, #content a:active, #content a:focus {
color:#222;
text-decoration:none;
}
a:active {outline:none;}
/* ----- align/floats ----- */
.center {margin:1em auto; text-align:center;}
.center img {padding:0 0 0 3px;}
.clear {height:0; line-height:0px; font-size:0; clear:both;}
.f-left {float:left; margin: .5em 1em;}
.f-right {float:right; margin: .5em 1em;}
/* ----- font/image ----- */
p, .copy {font-weight:normal; margin: .4em;}
h1, h2, h3 {font-weight:600; margin: .4em;}
h1 {font-size:1.4em;}
h2 {font-size:1.2em;}
h3 {font-size:1em;}
.copy {margin:2em auto; font-size: .9em;}
img {border:none;}
abbr[title]{border-bottom:1px dotted #f00; cursor:help;}
.gimp {margin:1em;}
code {color: #f90; padding: 1px; color: #f70; background: #333; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius: 4px;}
pre {width:80%; margin:1em auto; border: 1px solid #000; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius: 10px; padding:5px; background: #bbb; color:#000; font:normal 11px georgia; box-shadow: 6px 6px 5px #444; -moz-box-shadow: 6px 6px 5px #444; -webkit-box-shadow: 6px 6px 5px #444;}
.comment {color:#0b1;}
.hi-lite {color:#f00;}
/* ----- photos ----- */
.photo, .photo68, .photomap {text-align:center;}
.photo img, .photo68 img, .photomap img {border:1px solid #000; box-shadow: 6px 6px 5px #444; -moz-box-shadow: 6px 6px 5px #444; -webkit-box-shadow: 6px 6px 5px #444;}
.photo img {width:524px; height:393px;}
.photo68 img {width:393px; height:524px;}
.photomap img {width:407px; height:593px;}
/* ----- flash-nav ----- */
#flash-nav {width:393px; margin: .6em auto;}
#flash-nav li {float:left; list-style:none; text-align:center;}
#content #flash-nav li.bkfwd a, #content #flash-nav li.return a {
display:block;
height:21px;
margin:2em .6em;
color:#fff;
font:bold 11px/21px verdana;
text-decoration:none;
}
#flash-nav li.bkfwd a, #flash-nav li.bkfwd a:visited {width:84px; background: url(../images/bg/flash84.gif) 0 0 no-repeat;}
#flash-nav li.bkfwd a:hover {background-position:-84px 0;}
#flash-nav li.return a, #flash-nav li.return a:visited {width:180px; background: url(../images/bg/flash180.gif) 0 0 no-repeat;}
#flash-nav li.return a:hover {background-position: -180px 0;}
/* ----- video gallery ----- */
.video {width:302px;height:241px;margin:2em auto; box-shadow: 6px 6px 5px #444; -moz-box-shadow: 6px 6px 5px #444; -webkit-box-shadow: 6px 6px 5px #444;}
.view {width:470px; margin:1em auto; font:normal 1em/1.6em verdana,arial,helvetica,sans-serif;}
.prevideo {
float:left;
width:149px;
height:150px;
margin: .2em;
border:1px solid #333;
text-align:center;
}
/* ----- divs ----- */
.lists, .gaussian, .form1, .form2, .form5 {float:left;}
.lists {list-style:none; margin:1em .5em;}
.lists li {font:normal 1em/2.2em verdana,arial,helvetica,sans-serif;}
.gaussian input {width:4em; border:1px solid #036; text-align:center;}
.form1 {margin:0 .5em; text-align:right;}
.form1 input {margin:5em 4em 0 0; border:1px solid #036; padding: .1em; background:#fc2;}
.form2 input, .form2 select {width:20em; border:1px solid #036;}
.form2 textarea {border:1px solid #036;}
.form5 input {font:10px/11px verdana,arial,sans-serif; width:141px; height:18px; background: url(../images/bg/form5.gif) 0 0 no-repeat;}
.maps {text-align:center;}
.maps select {border:1px solid #000; background:#036; color:#fff; margin:10px;}
/* ----- menus ----- */
/*.topmenu {position:relative;}*/
.topmenu li {float: left; list-style:none; margin:0 -5px 0 0; text-align:center;}
#content .topmenu li.page a, #content .topmenu li.page a:visited {
display:block;
width:65px;
height:40px;
background: url(../images/bg/book-blue.gif) 0 0 no-repeat;
color:#fff;
font:bold 9px/12px verdana,arial,helvetica,sans-serif;
text-decoration:none;
padding:10px 0 0 0;
}
#content .topmenu li.page a:hover {background-position:-65px 0;}