/* BASIC
----------------------------------------------- */
body {font-size: 15px; line-height: 18px;}
body,
input,
button,
select,
textarea {font-family: Arial, Helvetica, sans-serif; color: #929292;}
a {color: #929292;}
a:hover {color: #000;}



/* FORMS
----------------------------------------------- */
form,
fieldset {margin: 0; padding: 0; border: 0; display: block;}
input,
button,
select,
textarea {font-size: 11px;}
select,
textarea,
input.text {background: #000;}
textarea,
input.text {margin: 0; padding: 8px 12px; border: 0;}
textarea {font-size: 12px; line-height: 16px; overflow: auto;}
button,
input.button {font-size: 9px; line-height: 12px; color: #6794b3; text-transform: uppercase; border: 0; background: #000; cursor: pointer;}
button:hover,
input.button:hover {color: #000; background: #6794b3;}
label,
input.placeholder,
button.placeholder,
select.placeholder,
textarea.placeholder {color: #999;}
label.placeholder {display: none;}
* html textarea,
* html input.text {margin: -1px 0;}
*+html textarea,
*+html input.text {margin: -1px 0;}



/* COMMON
----------------------------------------------- */
li,
img,
input.image {vertical-align: top;}
a {cursor: pointer;}
img {border: 0;}
a,
object {outline: 0;}

/* clear */
.clear {height: 0; overflow: hidden; clear: both; display: block;}

/* wrap */
.wrap {min-height: 1px;}
* html .wrap {height: 1px;}
.wrap:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}

/* nl */
.nl,
.nl ul,
.nl li {min-height: 1px;}
* html .nl,
* html .nl ul,
* html .nl li {height: 1px;}
.nl:after,
.nl ul:after,
.nl li:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.nl,
.nl ul,
.nl li {margin: 0; padding: 0; background: none;}



/* LAYOUT
----------------------------------------------- */
html,
body {height: 100%; min-width: 990px;}
body {background: #fff; margin: 0; padding: 0;}

#mainSWF {min-height: 100%; position: relative;}
#content {width: 900px; height: 580px; margin: 0 auto; position: relative; background: url(../img/content_bg.gif) no-repeat 50% 30px;}
#footer {width: 900px; position: absolute; right: 9px; bottom: 9px;}



/* NAVIGATION
----------------------------------------------- */



/* STATIC
----------------------------------------------- */
.word {font-style: italic; padding: 3px 0 0 15px; position: absolute; left: 408px; top: 166px; background: url(../img/ldquo.gif) no-repeat;}
.word em {color: #51b2c3;}
.word span {padding-left: 15px; background: url(../img/rdquo.gif) no-repeat 100% 0;}

.web {position: absolute; left: 311px; top: 165px;}
.web a {position: absolute;}
.web-skype {left: 0; top: 0;}
.web-gmail {left: 21px; top: 0;}
.web-facebook {left: 42px; top: 0;}
.web-twitter {left: 0; top: 21px;}
.web-lj {left: 42px; top: 21px;}
.web-youtube {left: 0; top: 42px;}
.web-flickr {left: 21px; top: 42px;}
.web-in {left: 42px; top: 42px;}

.gotflash {font-style: italic; position: absolute; right: 570px; top: 308px;}
.gotflash em {color: #fb3f27;}
.gotflash a {width: 60px; height: 50px; position: absolute; right: -80px; top: -15px; display: block;}

.credits {font-size: 10px; text-transform: uppercase; color: #acaaaa; text-align: right;}
.copy {display: inline;}
.nz {margin: 0 9px 0 18px; display: inline;}
.nz a {color: #acaaaa; text-decoration: none; padding-right: 15px; position: relative;}
.nz a:hover {color: #000;}
.nz span {width: 14px; height: 14px; position: absolute; right: 0; top: -4px; background: url(../img/nz.gif) no-repeat;}
.nz a:hover span {background-position: 0 -80px;}