html { margin:0; padding:0; }
body {  margin:0; padding:0; font-size:12px; font-family:"Gill Sans MT", "TW Cen MT", Helvetica, Arial,  sans-serif; background:#fff; color: #434343; }
noscript div { position:absolute;top:0;left:0;right:0;z-index:9999;margin:0;padding:15px;
			   color:black;background:#fff;border:1px solid #df0000;text-align:center; }
#topbg { position: absolute; top:0px; left:0; right:0; width:100%; height: 9px; background-color: red; overflow:visible; text-align:center; }
#shadowbg { position: absolute; bottom: 10px; left: 0; right:0; z-index:-1px; }
#lowcontainer { position:absolute; left:0; top: 242px; margin: 0; width: 100%; min-height:300px; padding-bottom: 70px; }

#navi { position:absolute; right: 10%; bottom:0; white-space:nowrap; }
#navi li { float:left; margin:0; color: #808080; font-variant: small-caps; }
#navi li a { text-decoration:none; display:block; color: #808080; border-bottom:none; }
/* OVERVIEW */
#overview { position:relative; left:50%; top: 0; margin-left: -490px; width: 980px; }
img.thumb { float: left; margin: 0 8px 8px 0; }
/* GALLERY */
#gallery_canvas, #gallery_mousein, #gallery_loading, #gallery_mousein_r, #gallery_mousein_l { position:absolute; top: 120px; left:0; width: 100%; }
#gallery_canvas { height: 440px; overflow:hidden; z-index:10; }
#gallery_mousein, #gallery_mousein_r, #gallery_mousein_l { height: 365px; z-index:100; } /* only canvas doesn't work in IE, while jumping over li-edges (see conditional comment) */
#gallery_loading { position: fixed; z-index: 11; height: 365px; background: url('../img/loading.gif') center no-repeat #fff; opacity: 0.4; filter: alpha(opacity=40); }
ul#gallery { position:absolute; top: 0; left:0; width: 999999em; visibility: hidden; } /* greatest width in FF 2.0.2 ; hidden for fading in */

#gallery > li { float: left; margin-right: 17px; position:relative; }
#gallery > li.first { margin-left:5px; }
#gallery > li ul { float:left; margin-right:25px; }
#gallery p { font-family:"Arial Narrow", Helvetica, Arial, sans-serif; white-space:nowrap; display:inline-block; margin:0; line-height: 16px; }
#gallery a { text-decoration:none; border-bottom:1px dotted; }
#gallery a:hover { border-bottom:1px solid; }

#gallery_mousein_r, #gallery_mousein_l { width: 20%; }
#gallery_mousein_l { display:none; } /*start on left, so dont display*/
#gallery_mousein_r { left:auto; right:0; }
img.video { position:absolute;top:135px;left:50%;margin-left:-42px; opacity:0.9; }
a.video:hover img.video { opacity:1; }
#gallery a.video { display:block; border-bottom:none; background-repeat: no-repeat; background-color:black; }

#gallery li iframe { display: block; } /* for description going down under */

#content { margin: -80px 0 80px -485px; position:relative; left:50%; top:0; width: 970px; }
#content p { margin-bottom:5px; }
#content p.english { font-size:11px; color:#666; line-height: 18px; }
#content ul li { float:left; width: 300px; margin-right: 23px; }
#content a { color: #808080; text-decoration:none; border-bottom:1px dotted; }
#content a:hover { border-bottom:1px solid; }
#content a:visited { color: #888; }
/* TEXT STYLES & MODIFIERS */
p { margin:5px 0; line-height: 18px; }
.emph { color:#999999; font-weight:bold; }
.green { color:#669933; }
.red { color: red !important; }
.small, .helptext { font-size:11px; }
.helptext { color: #aaa; }
.tiny { font-size:10px; }
p.tiny { margin-top:-2px; }
.mini { font-size:9px !important; }
.big { font-size: 13px; }
p.mini { margin-top:-3px; }
.help, p.help { font-size:10px !important; color:#999; }
p img, h1 img, h2 img, h3 img, h4 img, td img { vertical-align:middle; }
.quiet, a.quiet:link, a.quiet:visited { color:#aaa !important; font-weight:normal !important; 
	letter-spacing:100%; text-transform:none; font-variant: normal; }
.strong { font-weight:bold !important; }
.float-right { float:right; }
.float-left { float:left; }
.clear { clear:both; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.example { margin:10px 0; padding:5px 10px; background:#efefef; }
.nowrap { white-space:nowrap; }
.bold { font-weight:bold; }
.light { font-weight:light; }

/* GLOBAL DEFAULTS */
a, body a { color: #434343; }
ul { margin:0; padding:0; list-style-type:none; }
ul li { margin: 0; padding:0; }
h1,h2,h3,h4,h5 { font-weight:normal; margin:0; }
h1 { font-size: 22px; }
h1, h2 { color: #808080; }
h2 { margin: 14px 0; font-size: 16px; }
dt, dd { font-size:11px; line-height:14px; }
dt { font-weight:bold; margin-top:4px; }
dd { margin-left:0; }
.bottom-rounded { -moz-border-radius:0 0 5px 5px !important; -khtml-border-radius:0 0 5px 5px !important; }
:link:focus, :visited:focus { -moz-outline: 0px dotted; }
.hidden { display:none; }

form { margin:0; padding:0; }
fieldset { margin:0; padding:0; }
img { border:none; }
a img { text-decoration:none !important; }

blockquote { font-size:11px; color:#666; margin-left:1px; padding-left:9px; border-left:4px solid #ddd; line-height: 18px; }
code, pre { font-family:"Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; }
pre.literal-block { margin:10px; background:#eee; padding:6px 8px; }
code strong { color:#930; }
hr { background-color:#888; border:none; height:1px; margin:5px; }