/* CSS Document */

body, html { margin: 0; padding: 0; width: 100%; height: 100%; min-height: 100%; }
body { background: #000 url(../img/bg.png) repeat-x scroll left center; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px; color: #53b7e8; text-shadow: 0px -1px 0px #000; line-height: 1.5em; font-weight: 100;}
input, textarea { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px; color: #53b7e8; resize: none; text-shadow: 0px -1px 0px #000; }
input:focus, textarea:focus, input:active, textarea:active { outline: none; }
a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
form { margin: 0; }
h2 { margin: 2em 0 1em 0; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 18px; color: #fff; font-weight: normal; }
h3 { margin: 2em 0 1em 0; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 16px; color: #9fd3ed; font-weight: normal; }
strong { font-weight: normal; color: #9fd3ed; }

.pg { width: 100%; height: 100%; background: url(../img/bg2.jpg) no-repeat scroll center center; position: relative;}
.pg-in { position: absolute; top: 50%; left: 50%; }
.pg-in-in { position: absolute; top: -270px; left: -480px; width: 960px; height: 520px;}
.pg-head { width: 960px; height: 40px; overflow: hidden;}
.pg-head-title { height: 40px; float: left;}
.pg-head-title a { font-size: 32px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #53b7e8; text-decoration: none; letter-spacing: -1px;}
.pg-head-title a strong { fon-weight: normal; color: #fff; }
.pg-head-title h1 { display: inline; font-size: 32px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #53b7e8; text-decoration: none; font-weight: normal; margin: 0;}
.pg-head-subtitle { float: left; width: 300px; font-family: Arial, Helvetica, sans-serif; opacity: 0.4; padding-top: 0; line-height: 15px; margin: -1px 0 0 10px; text-transform: uppercase; font-weight: bold;}
.pg-head-subtitle p { margin: 0; }
.pg-head-subtitle-short {float: left; width: 30px; font-family: Arial, Helvetica, sans-serif; opacity: 0.4; padding-top: 0; line-height: 15px; margin: -1px 0 0 10px; text-transform: uppercase; font-weight: bold;}
.pg-head-subtitle-short p { margin: 0; }
.pg-head-lang { float: right; line-height: 15px; }
.pg-head-lang ul { margin: 0; padding: 0; list-style-type: none; }
.pg-head-lang ul li {}
.pg-head-lang ul li a { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
.pg-content { width: 960px; height: 440px; margin: 0; position: relative; padding: 0; overflow: hidden;}
.pg-menu { width: 960px; height: 40px; position: relative;}
.pg-menu ul { margin: 0; padding: 0; list-style-type: none;}
.pg-menu ul li { position: relative; width: 135px; height: 22px; padding: 18px 0 0 0; text-align: center; float: left; margin: 0 0 0 30px; }
.pg-menu ul li a, .pg-menu ul li span { display: block; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; color: #fff; }
.pg-menu ul li:first-child { margin-left: 0; }
.pg-menu ul li.menuactive { background: url(../img/bgmenu.png); }

.pg-menu ul ul { position: absolute; left: 0; bottom: -60px; background: lime; }
.pg-menu ul li li { background: none !important; }

.people { }
.people-img { float: left; width: 300px; height: 240px; margin-top: 50px; }
.people-img img {box-shadow: 0px 1px 10px #000; max-width: 300px; height: auto;}
.people-txt { float: right; width: 630px; height: 300px; overflow: hidden; margin-top: 50px; overflow: auto;}
.people-txt h2:first-child { margin-top: 0; }
.people-txt p:first-child {margin-top: 0;}

.cols { }
.cols-i { float: left; margin: 50px 0 0 30px; width: 300px; }
.cols-i:first-child { margin-left: 0 }
.cols-i h2:first-child,
.cols-i h3:first-child,
.cols-i p:first-child { margin-top: 0; }

.studio { }
.studio-img { float: left; width: 630px; height: 240px; background: url(../img/studio.jpg) no-repeat scroll left top; margin-top: 97px; box-shadow: 0px 1px 10px #000; }
.studio-txt { float: right; width: 300px; margin-top: 50px; }
.studio-txt h2:first-child { margin-top: 0; }

.detail { position: relative; z-index: 20;}
.detail-img { float: left; width: 630px; height: 390px; margin-top: 20px; box-shadow: 0px 1px 10px #000; position: relative; background: #000;}
.detail-img video {width: 630px; height: 390px;}
.detail-img audio {width: 550px; height: 32px; background: #000; margin: 175px 40px 0 40px;}
.detail-txt { float: right; width: 300px; margin-top: 20px;}
.detail-txt h2:first-child { margin-top: 0; }


.blog { }
.blog-imts { }
.blog-itms-i { width: 300px; float: left; margin: 0 0 0 30px; }
.blog-itms-i:first-child { margin: 0; }
.blog-imts-i-head { }
.blog-imts-i-head h2:first-child { margin-top: 0; }
.blog-itms-i-perex { }
.blog-itms-i-perex p { }

.contact { width: 960px; height: 440px; background: url(../img/contact.png) no-repeat scroll 280px bottom; }
.contact-content { float: left; width: 300px; margin-top: 50px; }
.contact-content h2:first-child { margin-top: 0; }
.contact-form { float: right; width: 300px; margin-top: 50px; }
.contact-form h2:first-child { margin-top: 0; }
.contact-form label.txt { position: relative; height: 30px; display: block; margin: 0 0 15px 0; }
.contact-form label.txt span { position: absolute; height: 30px; line-height: 30px; margin-left: 7px; z-index: 20; color: #2d6481; }
.contact-form label.txt input { position: relative; height: 30px; width: 286px; padding: 0 7px; border: none; background: #0c1b25; box-shadow: inset 0px 1px 3px #000; border-radius: 5px; line-height: 30px; }
.contact-form label.txta { position: relative; height: 120px; display: block; margin: 0 0 15px 0; }
.contact-form label.txta span { position: absolute; height: 30px; line-height: 30px; margin-left: 7px; z-index: 20; color: #2d6481;}
.contact-form label.txta textarea { position: relative; height: 106px; width: 286px; padding: 7px; border: none; background: #0c1b25; box-shadow: inset 0px 1px 3px #000; border-radius: 5px; }
.contact-form input[type=submit] { width: 140px; height: 30px; float: right; border: none; background: url(../img/bgsubmit.png) no-repeat scroll left top; border-radius: 5px; box-shadow: 0px 1px 5px #000; color: #fff; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; cursor: pointer; }

#formail {position: relative;}
#responsecover {position: absolute; display: none; z-index: 80; top: 0; left: 0; right: 0; bottom: 0; background: #000;}
#responsecoverin {padding: 20px;}

/* thickbox */
#TB_window { }
#TB_secondLine { }
#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus { color: #666666; }
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window { position: fixed; background: transparent; z-index: 102; display:none; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; }
#TB_caption { display: none; height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:15px 0 5px 0; margin-bottom:1px; text-align:right; float:right; font-size: 12px; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { height:27px; font-size: 24px; color: #fff; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }