@charset "utf-8";


/* Gloval */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:;}
section, article, aside, hgroup, header, footer, nav, figure, figcaption, summary {display: block;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
a {color: #666666; margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
a:hover {color: #00a3ff;}
li {list-style:none; }
p {line-height: 1.8em;}
.clear {clear: both;}

/* OutStand */

html {overflow: hidden; height: 100%;}
body {height: 100%; fff: 100%; background-color: fff; color: #666666; font-family: "Lucida Grande", Verdana, Arial, sans-serif; margin: 0; padding: 0; overflow:hidden; background-image : url('../img/bg_ie.jpg');}
#wrapper {height: 100%;}

/* Header */

#header {width: 100%; min-width: 900px; position: fixed; left: 0px; top: 0px; z-index: 10;}

#header h1 { margin-top: 5%; margin-left: 5%; height: 70px; width: 340px; text-indent: -9999px;}
#header h1 a {height: 70px; width: 340px; display: block; background-image: url(../img/logo_ie.png);}
#header h2 { margin-left: 5%; background-image: url('../img/title.png'); background-repeat: no-repeat; height: 100px; width: 500px; text-indent: -9999px;}
#header h2 a {height: 100px; width: 500px; display: block;}
#header .subtitle {margin-left: 16%;}

/* recommend */

#recommend {position: absolute; right: 0px; top: 5%; height: 30px; width: 300px; z-index: 13;}
#twitter {top: 0; left: 0; position: relative; display: inline; margin-right: 2px;}
#facebook {top: 1px; left: 0; position: relative; display: inline;}

/* content */

h2 {font-family: monospace; font-size: 18px; font-weight: 100px; padding: 10px 0;}
h3 {color: #fff; font-size: 16px; padding-bottom: 16px;}

#content {width: 80%; height: 40%; min-height: 300px; position: fixed; top: 26%; left: 10%; z-index: 10; /*lightbox= 100*/}
#content-blk {width: 680px; min-height: 300px; padding: 20px; position: fixed; top: 30%; left: 20%; background-image: url(../img/bg_blk.png); z-index: 10; /*lightbox= 100*/}
#content-blk p {line-height: 1.8em; color: #fff; font-size: 14px;}
#content-blk p.small {font-size: 10px; padding: 20px 0;}

#content ul {font-size: 12px;}
#content ul li {width: 150px; margin: 0px 20px; padding: 4px; display: block;}
#content ul li a {text-decoration: none; width: 150px; display: block;}
#content ul li a:hover {}

/* footer */

#footer {position: fixed; bottom: 0px; left: 0px; width: 100%; height: 36px; text-align: center;
/* IE6 */
 _position: absolute;
 _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-36)+'px');}
#footer p {color: #647890; font-size: 10px;}

/*  images  */

img {display: none;}
a img {text-decoration: none;}
img.left {float: left; padding-right: 20px;}

/* slideshow */
img.slideimage {display: inline; filter: Alpha(opacity=0); opacity:0;}
img.loader {position: absolute; left: 50%; top: 50%; margin: -12px 0 0 -12px;}