@charset "utf-8";
/* CSS Document */
a, a:active { outline:none }
:link:focus, :visited:focus {-moz-outline:0px;}
body { font-family:Verdana, Geneva, sans-serif; background: #ABABAB url(/img/background.png) center repeat-y; margin:0 }
div#body { position:relative; width:960px; margin:0px auto }
/*menu section*/
div#menu_base { position:absolute; left:203px; top:53px }
div#logo { position:absolute; left:100px; top:18px }
div#menu { position:relative; width:597px; height:156px; left:240px; top:58px }
div#menu div.b { position:absolute; top:3px; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:center }
div#menu div.b a:link, div#menu div.b a:visited  { line-height:20px; padding:4px; color:#000000; text-decoration:none }
div#menu div.b a:hover { color:#ffffff }
div#menu div.submenu { font-size:9px; font-family:Arial, Helvetica, sans-serif; text-align:center; padding-top:32px }
div#menu div.submenu a { display:block; padding-top:7px; background: url(/img/menu/dot.gif) center top no-repeat; color:#000000; text-decoration:none }
div#menu div.submenu a:first-child { background:none }
div#menu div.submenu a:hover { color:#FFFFFF }
div#menu div.submenu#b1_sub { position:absolute; left:0; top:0; width:134px; height:156px; background-image:url(/img/t.gif); display:none }
div#menu div.submenu#b2_sub { position:absolute; left:117px; top:0; width:120px; height:156px; background-image:url(/img/t.gif); display:none; padding-left:8px }
div#menu div.submenu#b4_sub { position:absolute; left:357px; top:0; width:170px; height:156px; background-image:url(/img/t.gif); display:none }
/*center section*/
img#center_image { display:block; position:absolute; left:203px; top:122px }
div#intro { position:absolute; left:0; top:89px/*111px*/ }
div#right_video { position:absolute; right:0; top:111px }
div.video_selector { display:block; position:absolute; width:163px; padding-top:5px; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#FFFFFF }
div.video_selector a:link, div.video_selector a:visited { color:#FDB415; text-decoration:none }
img.center_image_button { display:block; position:absolute }
img.center_image_button { display:block; position:absolute }
div#carousel { position:absolute; left:150px; top:513px }
div#carousel img { border:1px solid #000000 }
div#transit_false { position:absolute; left: 150px; top:522px; width: 102px; height: 79px; z-index:300; cursor:pointer }
div#transit_true { position:absolute; left: 382px; top:522px; width: 102px; height: 79px; z-index:300; cursor:pointer }
div#gallery { position:absolute; margin-left:63px; top:554px; width:846px; height:81px }
div#gallery div.scrollingHotSpotLeft { width:123px; height:100%; background-image:url(/img/t.gif); background-repeat:repeat; background-position: center; position:absolute; z-index:3; left:0; cursor:url(/img/cursor_arrow_left.cur), w-resize }
div#gallery div.scrollingHotSpotLeftVisible { background:url(/img/gallery_begin.png) left center no-repeat; height:81px; zoom:1 }
div#gallery div.scrollingHotSpotRight { width:123px; height:100%; background-image: url(/img/t.gif); background-repeat:repeat; background-position:center center; position:absolute; z-index:3; right:0; cursor:url(/img/cursor_arrow_right.cur), e-resize }
div#gallery div.scrollingHotSpotRightVisible { background:url(/img/gallery_end.png) right center no-repeat; height:81px; zoom:1 }
div#gallery div.scrollWrapper { position:relative; overflow:hidden; width:100%; height:100% }
div#gallery div.scrollableArea { position:relative; width:2821px; height:100% }
div#gallery div.scrollableArea div#avatar_hover { position:absolute;left:567px;top:0;background:url(/img/zootfly/avatar_hover_bg.png) center top no-repeat;color:#FDB415;font-size:10px;display:none }
div#gallery div.scrollableArea div#name { text-transform:uppercase; text-align:center;font-family:Arial, Helvetica, sans-serif; }
div#gallery div.scrollableArea div#post { font-size:8px; text-align:center }
div#gallery ul { list-style:none;margin:0px;padding:0px; width:2821px }
div#gallery ul li { display: block; float:left; margin:0px; padding:0px }
div#gallery ul li img { display:block; border-width:1px 1px 1px 0; border-color: #797877 }
div#game_info { position:relative; margin:0px auto; top: 18px; left: 0px; width: 819px; z-index: 100; display:none }
div#game_info img#game_info_close { display:block; position:absolute; top:20px; right:20px; cursor:hand }
div#game_info div { position:absolute; left:0; top:0; padding:44px }
div#zootfly { position:absolute; left:178px; top:280px; width: 560px; }
div#technology { position:absolute; left:150px; top:201px; width: 260px; }
img#avatar_info_background { position:absolute; margin:0px auto; top: 309px; right: 68px; width: 585px; z-index: 99; display:none }
div#avatar_info { position:relative; margin:0px auto; top: 153px; right: -119px; width: 585px; z-index: 100; display:none }
div#avatar_info table#avatar_image_placeholder { position:absolute; left:-367px; top:-59px }
div#avatar_info div#avatar_name { position:absolute; left:38px; top:17px; color:#FDB415;font-size:13px;text-transform:uppercase }
div#avatar_info img#avatar_info_close { display:block; position:absolute; top:12px; right:20px; cursor:hand }
div#avatar_info table.avatar_details th { font-family:Arial, Helvetica, sans-serif;color:#8e8d8d; font-weight:normal; width:80px; text-align:left; font-size:13px; padding-bottom:2px }
div#avatar_info table.avatar_details td { font-size:11px;padding:2px 10px 2px 0 }
div#career_placeholder { position:absolute; left:0; top:119px }
div#career_placeholder div#career_background { width:852px; background: url(/img/career/background_career.gif) repeat-y; }
div#career_placeholder div#career_background img#career_background_top { display:block }
div#career_placeholder div#career_background div#career { background:url(/img/career/background_career_bottom.gif) bottom no-repeat; font-size:11px }
div#career_placeholder div#career_background div#career div#left_column { float:left; width:160px; padding-left:108px }
div#career_placeholder div#career_background div#career div#left_column div#career_title { background-color:#FFFFFF; padding:31px 0 4px 24px }
div#career_placeholder div#career_background div#career div#left_column div#career_title h1 { margin:0 0 12px 0; padding-top:0; font-size:14px; font-family:Arial, Helvetica, sans-serif }
div#career_placeholder div#career_background div#career div#left_column ul { margin-top:25px }
div#career_placeholder div#career_background div#career div#left_column ul li { margin:6px 0 20px 0; line-height:1.5em }
div#career_placeholder div#career_background div#career div#left_column ul li .small { font-size:9px }
div#career_placeholder div#career_background div#career div#left_column ul li a:link, div#career_placeholder div#career_background div#career div#left_column ul li a:visited { color:#000000 }
div#career_placeholder div#career_background div#career div#right_column { margin-left:287px; margin-right:23px; padding:34px 0 }
div#career_placeholder div#career_background div#career div#right_column h1 { margin:0 0 12px 0; padding-top:0; font-size:14px; font-family:Arial, Helvetica, sans-serif }
div#career_placeholder div#career_background div#career div#right_column p { margin:12px 0 6px 0 }
div#career_placeholder div#career_background div#career div#right_column ul { margin-top:0 }
div#career_placeholder div#career_background div#career div#apply { background:url(/img/career/apply.gif) top left no-repeat; width:67px; height:22px; text-align:center; padding-top:4px }
div#career_placeholder div#career_background div#career div#apply a:link, div#career_placeholder div#career_background div#career div#apply a:visited { text-decoration:none; color:#000000 }
div#career_placeholder div#career_background div#career div#apply a:hover { color:#ffffff }
div#ljubljana { position:absolute; left:191px; top:234px; width: 555px; }
div#contact { position:absolute; left:191px; top:255px; width: 510px; text-align:right }
div#map { position:absolute; left:576px; top:129px; width:265px }
div#legal { position:absolute; left:132px; top:267px; width:414px }
div#legal_contact { position:absolute; left:588px; top:366px; width: 242px }
div.text { font-size:10px; color:#FFFFFF }
div.text h1 { margin:0 0 12px 0; padding-top:0; font-size:14px; font-family:Arial, Helvetica, sans-serif }
div.text p { margin:12px 0 }
div.text a:link, div.text a:visited { color:#FDB415; text-decoration:none }
/*footer section*/
div#footer { position:absolute; top:625px; left:0; background: #FFFFFF url(/img/background_footer.png) left top no-repeat; width:871px; height:48px; padding-top:23px; padding-left:89px; font-size:9px; color:#9c9b9b; }
div#footer a { color:#9c9b9b }
img#esrb { position:relative; left:-12px; top:-15px }