body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, address, form, fieldset, select, textarea, input, button, hr, blockquote, img {margin:0;padding:0;} img {vertical-align:bottom;border:0;} fieldset {border:0;} iframe {width:0;height:0;position:absolute;left:-999em;top:-999em;} body, input, select, textarea, button {font:normal normal 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#333;} body {min-width:980px;overflow:auto;background:#FFF;} object, embed {outline:none;} a {color:#F60;text-decoration:none;} a:visited {color:#fbb07e;} a:hover, a:focus, a:active {color:#092D77;text-decoration:underline;} .container {margin:0 auto;width:980px;position:relative;} .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;} /* MAIN */ #wrapper {background:url(../uploadimages/bg.png) repeat-x;} #main {width:100%;min-width:980px;background:url(../uploadimages/motif.png) 50% 0 no-repeat;} #main .container {padding-top:30px;z-index:20;} #main h1 {float:left;margin:0 0 15px 0;padding:1px;width:528px;height:40px;background:url(../uploadimages/eskk.png) 0 -781px no-repeat;font-size:0;text-indent:-999em;overflow:hidden;margin:0 0 0 45px;} #main h1 a {display:block;height:37px;} #gg-header-button {position:absolute;top:18px;left:617px;height:122px;width:361px;background:url(../uploadimages/gg-header-button.png) no-repeat;display:inline;zoom:1;} #gg-header-button a {text-indent:-999em;display:block;height:100%;overflow:hidden;} #main-nav {float:left;list-style:none;margin:25px 0 0;padding:1px 0;overflow:hidden;width:100%;} #main-nav li {float:left;margin-right:14px;} #main-nav li a {display:block;height:43px;background:url(../uploadimages/eskk.png) no-repeat;text-indent:-999em;overflow:hidden;} #main-nav .it-1 a {width:129px;background-position:0 -30px;} #main-nav .it-1 a:hover, #main-nav .it-1 a:focus, #main-nav .it-1 a:active, #main-nav .it-1 a.active {background-position:-129px -30px;} #main-nav .it-2 a {width:180px;background-position:0 -73px;} #main-nav .it-2 a:hover, #main-nav .it-2 a:focus, #main-nav .it-2 a:active, #main-nav .it-2 a.active {background-position:-180px -73px;} #main-nav .it-3 a {width:134px;background-position:0 -116px;} #main-nav .it-3 a:hover, #main-nav .it-3 a:focus, #main-nav .it-3 a:active, #main-nav .it-3 a.active {background-position:-136px -116px;} #main-nav .it-4 a {width:137px;background-position:0 -159px;} #main-nav .it-4 a:hover, #main-nav .it-4 a:focus, #main-nav .it-4 a:active, #main-nav .it-4 a.active {background-position:-137px -159px;} /* BREADCRUMBS */ #breadcrumbs {float:left;margin:5px 0 0;padding:8px 24px;font-size:0.63em;color:#999;width:932px;} #index #breadcrumbs {background:url(../uploadimages/main-content-bg.png) no-repeat;padding-right:0;margin-top:8px;width:954px;} #breadcrumbs a {color:#999;} /* SIDEBAR */ #sidebar {float:left;clear:left;width:288px;} #actions {margin:0 0 20px;width:289px;height:126px;background:url(../uploadimages/eskk.png) 0 -202px no-repeat;} #actions ul {list-style:none;padding:14px 0 0;} #actions li {padding:0 24px 8px 20px;} #actions li a {display:block;height:40px;text-indent:-999em;overflow:hidden;} #actions .it-1 a:hover, #actions .it-1 a:focus, #actions .it-1 a:active {background:url(../uploadimages/eskk.png) -399px -111px no-repeat;} #actions .it-2 a {height:48px;} #actions .it-2 a:hover, #actions .it-2 a:focus, #actions .it-2 a:active {background:url(../uploadimages/eskk.png) -399px -58px no-repeat;} #movie {padding:20px 0 0;margin:0 0 40px;width:289px;height:247px;background:url(../uploadimages/eskk.png) 0 -823px no-repeat;} #movie a#movie-player {float:left;margin:0 22px 6px;} #movie h2 {margin:0 25px 15px;color:#092D77;font:bold 0.92em Arial, Helvetica;} #movie .more {margin:0 25px 6px 0;overflow:hidden;padding:1px;clear:left;} #movie .more a {float:right;display:block;width:64px;height:21px;background:url(../uploadimages/eskk.png) -258px -30px no-repeat;text-indent:-999em;overflow:hidden;} #courses {clear:left;margin:0 0 16px;padding:21px 25px 5px;width:239px;height:189px;background:url(../uploadimages/eskk.png) 0 -328px no-repeat;} #courses h2 {margin:0 0 12px;font:bold 0.92em Arial, Helvetica;color:#092D77;} #courses ul {list-style:none;margin:0 0 0 -9px;padding:1px 0 0;overflow:hidden;} #courses li {float:left;padding:0 0 11px 11px;} #courses li a {display:block;width:50px;height:50px;background:url(../uploadimages/flags.png) no-repeat;text-indent:-999em;overflow:hidden;} #courses #lng-en a {background-position:0 0;} #courses #lng-de a {background-position:-50px 0;} #courses #lng-it a {background-position:-100px 0;} #courses #lng-fr a {background-position:-150px 0;} #courses #lng-es a {background-position:0 -50px;} #courses #lng-jp a {background-position:-50px -50px;} #courses #lng-no a {background-position:-100px -50px;} #tooltip {position:absolute;z-index:3000;border:1px solid #021D67;background:#092D77;padding:3px 7px;font-size:0.69em;color:#C6D4F1;} #courses .more {margin:0 0 6px;clear:left;} #courses .more a {float:right;padding:2px;display:block;background:url(../uploadimages/eskk.png) -324px -30px no-repeat;text-indent:-999em;overflow:hidden;width:130px;height:18px;} /* CONTENT */ #content {float:right;margin:0 0 40px;width:672px;position:relative;background:url(../uploadimages/content-bg.png) no-repeat;} #index #content {float:left;width:978px;height:292px;overflow:visible;background:url(../uploadimages/main-content-bg.png) -978px 0 no-repeat;margin-bottom:0;} #content h2 {margin:30px 0 0 35px;font:bold 1.18em Arial, Helvetica;color:#092D77;} #article {min-height:120px;position:relative;bottom:-10px;padding:5px 60px 30px 35px;background:url(../uploadimages/content-bg.png) -672px 100% no-repeat;font-size:0.75em;line-height:1.4em;color:#092D77;} #article:after {content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;} #article a {text-decoration:underline;} #article h3 {clear:left;font:bold 1.18em Arial, Helvetica;margin:0 0 12px;color:#555;} #article h4 {font-weight:bold;font-size:1.09em;margin:0 0 8px;} #article h5 {font-weight:bold;font-size:1em;margin:0 0 8px;} #article h6 {font-weight:normal;font-size:1em;margin:0 0 8px;} #article p {margin:0 0 12px;} #article p.play {} #article p.play a {overflow:hidden;display:block;width:151px;height:26px;float:right;} #article p.error {color:red;font-weight:bold;} #article p.info {color:#FF712A;font-weight:bold;margin-bottom:30px;} #article p.example a {display:block;background:url(../uploadimages/eskk.png) -308px -1011px no-repeat;width:170px;height:29px;text-indent:-999em;overflow:hidden;} #article ul {list-style:square outside;margin:0 0 12px 35px;} #article ol {list-style:decimal outside;margin:0 0 12px 35px;} #noscript {font-weight:bold;color:#555;padding:10px 15px;border:2px solid #DDD;} #article form {clear:left;} #step1 form {visibility:hidden;} #article form fieldset {} #article form div {padding:5px 0;overflow:hidden;clear:left;} #article form label {float:left;clear:left;display:block;margin:0 0 4px;font-weight:bold;} #article #text-2 {display:none;} #article form .warning label {color:#E30;} #article form input {float:left;clear:left;width:200px;padding:2px;} #article form input#show-contest-details {width:auto;margin:2px 10px 0 0;} #article form input#movie-link {width:540px;} #article form select {float:left;clear:left;padding:2px;} #article form .warning input, #article form .warning select {border-color:#E30;} #article form div p {margin:0 0 10px;float:left;clear:left;font-size:0.87em;color:#666;width:100%;} #article form button {display:block;margin:10px 0 0 255px;text-indent:-999em;cursor:pointer;width:79px;height:26px;border:none;background:url(../uploadimages/next-button.png) no-repeat;} #article form button#crop-submit {visibility:hidden;} #article form button.send {background:url(../uploadimages/send.png) no-repeat;width:88px;height:26px;} #article form p strong {color:#092D77;} #article form#step3 {} #article form#step3 label {clear:none;} #article form#step3 strong {color:#FF712A;} #article form#step3 #contest-details {} #article form#step3 #contest-details label {} #article form#step3 #contest-details input {} #article form#step3 #captcha-input-box {float:left;margin-right:30px;} #article form#step3 #captcha-img {float:left;clear:none;width:220px;} #article .lng {list-style:none;margin:0 0 12px;padding:0 0 8px;overflow:hidden;} #article .lng li {padding:5px 0;float:left;clear:none;width:115px;padding-left:1px;} #article .lng li.extended {float:left;clear:left;border-bottom:1px solid #EEE;margin-bottom:20px;width:100%;} #article .lng li.extended .thumb {float:left;margin-bottom:5px;} #article .lng li.extended .thumb img {float:left;} #article .lng li.extended .content {float:left;width:490px;margin-left:30px;} #article .lng li.extended .content h3 {font-size:1.17em;margin:0;} #article .lng li.extended .content ul {list-style:none;overflow:hidden;margin:10px 0 20px 0;overflow:hidden;clear:left;padding-left:1px;} #article .lng li.extended .content ul li {float:left;margin-right:15px;width:180px;} #article .lng li.extended .content ul li a {text-decoration:underline;font-weight:bold;} #article .lng li h3 {font-family:Verdana, Tahoma, sans-serif;margin-bottom:4px;font-weight:bold;font-size:1.09em;} #article .lng li h3 a {text-decoration:underline;} #article .lng li h3 a.active {color:#092D77;} #article img.game-screen {float:left;margin:5px 20px 5px 0;} #article img.prog-img-button {float:left;margin:0 20px 20px 0;} #article strong {font-weight:bold;color:#ff712a;} #article em {font-weight:bold;font-style:normal;} #article p img.gg-screen {margin:15px 0 0;clear:left;} #article .gg-start-talk {overflow:hidden;width:100%;} #article .gg-start-talk p {float:left;font-size:1.25em;font-weight:bold;padding:13px 10px 0 30px;} #article .gg-start-talk a {overflow:hidden;display:block;width:199px;height:53px;float:left;margin:2px 0;} #article .gg-start-talk img {float:left;} #article #crop #cropWrap {width:380px;float:left;} #article #crop #instructions {width:180px;float:right;margin:60px 0 0;text-align:center;} #article #crop #instructions img {margin-bottom:10px;} #article #for-beginners {float:left;margin-right:40px;} #article #for-beginners a {background:url(../uploadimages/eskk.png) -696px 0 no-repeat;width:244px;height:61px;display:block;overflow:hidden;text-indent:-999em;} #article #for-advanced {float:left;} #article #for-advanced a {background:url(../uploadimages/eskk.png) -696px -64px no-repeat;width:244px;height:61px;display:block;overflow:hidden;text-indent:-999em;} #article #instructions-for-beg, #article #instructions-for-adv {clear:left;float:left;margin-top:20px;width:100%;} #movie-embed {height:400px;margin-bottom:10px;} #play-in-movie {float:left;margin:60px 0 0 10px;} #play-in-movie a {width:310px;height:218px;background:url(../uploadimages/main-content-boxes.jpg) no-repeat;display:block;text-indent:-999em;overflow:hidden;} #play-game {float:left;margin:60px 0 0 12px;} #play-game a {width:310px;height:218px;background:url(../uploadimages/main-content-boxes.jpg) -312px 0 no-repeat;display:block;text-indent:-999em;overflow:hidden;} #dwn-extra-lessons {width:312px;float:left;margin:85px 0 0 12px;} #dwn-extra-lessons ul {list-style:none;overflow:hidden;width:280px;margin:0 auto 10px;padding-top:1px;} #dwn-extra-lessons ul li {float:left;padding:0 10px 15px;} #dwn-extra-lessons ul li a {display:block;width:50px;height:50px;background:url(../uploadimages/flags.png) no-repeat;text-indent:-999em;overflow:hidden;} #dwn-extra-lessons ul #lng-en a {background-position:0 0;} #dwn-extra-lessons ul #lng-de a {background-position:-50px 0;} #dwn-extra-lessons ul #lng-it a {background-position:-100px 0;} #dwn-extra-lessons ul #lng-fr a {background-position:-150px 0;} #dwn-extra-lessons ul #lng-es a {background-position:0 -50px;} #dwn-extra-lessons ul #lng-jp a {background-position:-50px -50px;} #dwn-extra-lessons ul #lng-no a {background-position:-100px -50px;} #dwn-extra-lessons ul #lng-other a {background-position:-150px -50px;} #dwn-extra-lessons p {color:#7b7d80;font-size:0.69em;margin:0 28px;} #main-ani {width:978px;height:190px;background:url(../uploadimages/woman-bg.png) 43% 0 no-repeat;float:left;position:relative;top:-17px;margin-bottom:-17px;} #promo-box {list-style:none;} #promo-box li {float:left;} #promo-box li.sign-in {width:298px;height:69px;background:url(../uploadimages/eskk.png) -308px -922px no-repeat;margin:52px 0 0 28px;} #promo-box li.download {width:421px;height:69px;background:url(../uploadimages/eskk.png) -308px -833px no-repeat;margin:50px 0 0 195px;} #promo-box li a {display:block;text-indent:-999em;overflow:hidden;height:100%;} #created {color:#999;font-size:0.63em;position:absolute;right:0;bottom:15px;} #created a {color:#999;} /* LIGHTBOX GALLERY */ #jquery-overlay {position:absolute;top:0;left:0;z-index:80;width:100%;height:500px;} #jquery-lightbox {position:absolute;top:0;left:0;width:100%;z-index:90;text-align:center;line-height:0;} #jquery-lightbox a img {border:none;} #lightbox-container-image-box {position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;padding-top:10px;} #lightbox-container-image-box h3 {margin:8px 0 0;line-height:1.4em;} #lightbox-container-image {} #lightbox-loading {position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;} #lightbox-nav {float:right;width:26%;height:20px;z-index:10;padding-bottom:10px;} #lightbox-container-image-box > #lightbox-nav {right:0;} #lightbox-nav a {outline:none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext {width:24px;height:20px;display:block;} #lightbox-nav-btnPrev {float:right;} #lightbox-nav-btnNext {float:right;margin-left:10px;} #lightbox-container-image-data-box {font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;} #lightbox-container-image-data {padding:0 10px;color:#666;} #lightbox-container-image-data #lightbox-image-details {width:70%;float:left;text-align:left;} #lightbox-image-details-caption {font-weight:bold;} #lightbox-image-details-currentNumber {display:block;clear:left;padding-bottom:1em;margin-top:2px;} #lightbox-secNav-btnClose {position:absolute;top:-30px;right:0;width:30px;float:right;padding-bottom:0.7em;outline:none;} /* FOOTER */ #footer {float:left;clear:left;width:100%;background:#FFF url(../uploadimages/footer-bg.gif) repeat-x;padding:50px 0;color:#d1d1d1;} #index #footer {position:relative;top:-48px;z-index:10;float:left;} #footer ul {padding:0 15px 0 0;float:right;list-style:none;font-size:0.69em;} #footer #footer-nav {float:left;padding:0 0 0 15px;} #footer li {float:left;padding:0 0 0 27px;} #footer #footer-nav li {padding:0 30px 0 0;} #footer li.created-by {background:url(../uploadimages/main-content-bg.png) 0 -269px no-repeat;width:109px;height:23px;padding:4px 0 0 7px;margin-left:10px;position:relative;top:-5px;color:#FFF;} #footer li.created-by a {color:#FFF;overflow:hidden;} #footer li a {color:#d1d1d1;} #footer #footer-nav li a {padding:2px;} #footer li a.active {font-weight:bold;color:#c8c8c8;}