/*	CSS Document - Blizzard Entertainment 2008  */

* {margin:0; padding:0;}
html { background:black;  }
body { background:#000 50% 0 no-repeat; color:#a3a9ad; margin: 0; font:12px/24px Arial, Helvetica, sans-serif;;  }
a { color:#e43f19; text-decoration:none;  }
a:hover { color:#fff; }
a img { border:0; } 
a:active, a:focus  { -moz-outline:none }
p {margin:1.6em 0; }
.right {float:right;}
.left {float:left;}
.clear {clear:both;}
object { outline:none; }
/* <q></q> more */ q {display:block;} q:before, q:after {content:"";}
.h1 { color:#ff6600; font-size: 28px; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;  }
.h1n { color:#ff6600; font-size: 22px; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;   }
.h1m { color:#ff6600; font-size: 20px; font-weight:bold}
.h1s { color:#fcff00; font-size: 22px; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;   }
.h1_14 { color:#ff6600; font-size: 14px; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;   }
.h1_18 { color:#ff6600; font-size: 18px; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;   }
.h1_20 { color:#ff6600; font-size: 20px; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;   }
.h1_20orc { color:#ff0000; font-size: 20px; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;   }


.h2 { color:#0072ff; }	
.h2n { color:#0072ff; }	
.h3 { color:#0000ff; }
.h4 { color:#8A2BE2; }


.l_col { float:left; width:49%; }
.r_col { float:right; width:49%; }

.contents {  background:50% 0 no-repeat;   } 
.contents a { text-decoration:underline; } 

.nav { width:100%; overflow:hidden; height:354px; position: relative;}
.nav_holder { position:relative; left:50%; }
.nav_container { width:1115px; height:162px; position:absolute; left:-557px; background:url(../_images/layout/navigation_bg.png) 0 0 no-repeat; }
.nav_int {width:920px; margin:0 auto; }
.nav .logo {display:block; width:322px; height:151px; float:left;}
.nav .menu {padding:48px 0 0 63px; float:left;}
.nav .menu a {height:42px; background-repeat:no-repeat; display:block; float:left;}
.nav .menu a:hover {background-position: bottom;}


.content_ext {background:url(../_images/layout/content_bg_rpt.jpg) 50% bottom repeat-y; }
.contents_holder {width:700px; margin:0 auto;}
.contents_interior {padding:45px 26px 26px 11px; position:relative;}


.leadtext {font:18px/30px Cambria, Georgia, "Times New Roman", Times, serif; color:#fff; margin:0;}
.subtitlecontainer { padding-bottom:10px; position:relative; overflow:hidden }

.subnav {position:relative; margin:10px auto 1.6em; zoom:1;}
.subnav div {background:url(../_images/layout/subnav-left.gif) 0 0 no-repeat;}
.subnav div div {background:url(../_images/layout/subnav-right.gif) 100% 0 no-repeat;}
.subnav ul {list-style:none; /*background:url(../_images/layout/hr-classes-b.gif) 0 100% repeat-x; padding-top:1px;*/ height:23px;}
.subnav ul li {height:24px; float:left; position:relative !important;}
.subnav a {font:10px/23px 'Trebuchet MS', Arial, Helvetica, sans-serif; padding:0 0 0 32px; background:url(../_images/layout/relatednav-bullet.gif) 16px 50% no-repeat; text-decoration:none; display:block; position:relative; z-index:99;  }
.subnav a:hover {text-decoration:underline;}
.subnav span {display:block; text-transform:lowercase; padding:0 20px 0 5px; font:italic 10px/23px Georgia, "Times New Roman", Times, serif; color:#ffebc8; letter-spacing:6px;}
.subnav .returntoclasses {float:right; margin:0 10px 0 0;}
.subnav .returntoclasses a {color:#b93304; background:url(../_images/layout/relatednav-back.gif) 16px 50% no-repeat;}
.subnav .returntoclasses a:hover {color:#fff; background:url(../_images/layout/relatednav-backglow.gif) 16px 50% no-repeat;}


.smallcap {position:relative; z-index:1;}
.smallcap div {width:74px; height:66px; background-position:50% 50%; background-repeat:no-repeat; position:absolute; left:-43px; top:-21px;}
.d div {background-image:url(../_images/smallcaps/D.html);}
.r div {background-image:url(../_images/smallcaps/R.gif);}
.t div {background-image:url(../_images/smallcaps/T.html);}

.ssthumb {margin:0; padding:0; width:299px; height:228px; position:relative; z-index:3;}
.ssthumb2 {margin:0; padding:0; width:128px; height:128px; position:relative; z-index:3;}
.ssthumb div {height:100%;}
.ssthumb .ssframe1 {background:url(../_images/layout/ssframe1.png) 0 0 no-repeat;}
.ssthumb .ssframe2 {background:url(../_images/layout/ssframe2.png) 0 0 no-repeat;}
.ssthumb div a {display:block; height:100%;}
.ss-right {margin:0 0 35px 18px; float:right; clear:right;}
.ss-left {margin:0 18px 35px 0; float:left; clear:left;}
.ss-row {margin:35px 0 35px 20px; float:left;}

.ssthumb2 {top: 20px; margin:0; padding:0; width:170px; height:170px; position:relative; z-index:0;}
.ss-right3 {margin: 0 18px 5px; float:right; clear:right;}
.ss-left3 {margin:0 18px 5px 0; float:left; clear:left;}

.ss-right2 {margin:0 0 40px 340px;}

.contentvideo {background:url(../_images/layout/bg-video640x360.png) 0 0 no-repeat; width:660px; height:430px; margin:0 auto; position:relative; left:15px; }
.video_title_int h5, .contentvideo h5 {font:bold 10px/38px Georgia, "Times New Roman", Times, serif; letter-spacing:1px; text-transform:uppercase; padding:0 0 0 15px; display:block; height:39px; position:relative; top:7px; color:#fdca27;}
.contentvideo #video_targ {width:640px; height:360px; position:absolute; left:10px; top:46px;}

/* Page Specific Styles */
.worgen {background-image:url(../_images/bg/worgen_bg_t.jpg);} 
.worgen .contents {background-image: url(../_images/bg/worgen_bg_b.jpg);} 

.goblin {background-image:url(../_images/bg/goblin_bg_t.jpg);} 
.goblin .contents {background-image: url(../_images/bg/goblin_bg_b.jpg);} 

.lostisles {background-image: url(../_images/bg/lostisles_bg_t.jpg);} 
.lostisles .contents {background-image: url(../_images/bg/lostisles_bg_b.jpg);} 

.gilneas {background-image: url(../_images/bg/keel_bg_t.jpg);} 
.gilneas .contents {background-image: url(../_images/bg/keel_bg_b.jpg);} 

.lore {background-image:url(../_images/bg/deathwing_bg_t.jpg);} 
.lore .contents {background-image: url(../_images/bg/deathwing_bg_b.jpg);} 
.lore h3 {font:18px/1.4em Cambria, Georgia, "Times New Roman", Times, serif; color:#fff; margin:2em 0 1.067em; background: url(../_images/layout/endmark.gif) 0 6px no-repeat; padding:0 0 0 22px;}

.abyssalmaw {background-image:url(../_images/bg/amaw_bg_t.jpg);} 
.abyssalmaw .contents {background-image: url(../_images/bg/amaw_bg_b.jpg);} 

.features {background-image: url(../_images/bg/elemental_bg_t.jpg);} 
.features .contents { background-image: url(../_images/bg/elemental_bg_b.jpg);} 

.media {background-image: url(../_images/bg/mountgod_bg_t.jpg);} 
.media .contents { background-image: url(../_images/bg/mountgod_bg_b.jpg);} 

.screenshots {background-image: url(../_images/bg/keel_bg_t.jpg);} 
.screenshots .contents { background-image: url(../_images/bg/keel_bg_b.jpg);} 

.artwork {background-image: url(../_images/bg/keel_bg_t.jpg);} 
.artwork .contents { background-image: url(../_images/bg/keel_bg_b.jpg);} 

.faq {background-image: url(../_images/bg/underwater2_bg_t.jpg); color:#a3a9ad; position:relative;} 
.faq .contents { background-image:url(../_images/bg/underwater2_bg_b.jpg); zoom:1; } 
.faq blockquote {margin:50px 40px 0 50px;}
.faq ul {margin:1.6em 0 1.6em 35px; position:relative; list-style-type:square;}
.faq ul li {margin:1em 0; font-size:11px;}
.faq ul li strong {color:#fff; display:block;}
.faq h2 {color:#fff; font:18px/1.4em Cambria, Georgia, "Times New Roman", Times, serif; background: url(../_images/layout/endmark.gif) 0 6px no-repeat; padding:0 0 0 22px; margin: 0 0 0 -40px; position:relative;}
.features q, .faq q {position:relative; margin:0 0 50px 0;}
/*.faq .top {position:absolute; bottom:0; right:-50px; background:url(../_images/layout/top.gif) 0 50% no-repeat; padding-left:10px;}
.faq .top a {text-decoration:none; font-size:11px;}   ****conflicts with footer lang menu - deprecated? */
.faq .hr {height:1px; background:url(../_images/layout/hr-author.gif) 50% 0 repeat-x; margin:0; padding:0; font-size:1px; line-height:1px;}
.hr {height:1px; background:url(../_images/layout/hr-author.gif) 50% 0 repeat-x; margin:0; padding:0; font-size:1px; line-height:1px;}

.error { background-image: url(../_images/bg/worgenvision_bg_t.jpg) } 
.error .contents { background-image: url(../_images/bg/worgenvision_bg_b.jpg) } 

.sitemap { background-image: url(../_images/bg/skycastle_bg_t.jpg) } 
.sitemap .contents { background-image: url(../_images/bg/skycastle_bg_b.jpg) } 

/* Media */
.media a { text-decoration:none; }
.media .contents_holder { width:802px }  
.media .contents_interior { padding:21px 0 0 0; }  
.media .mediatitle { position:absolute; top:-40px; left:47px; width:100%;  }
.video_window { background:url(../_images/layout/media_movie_bg.jpg) no-repeat; width:802px; height:529px;  position:relative;
				margin-bottom:28px; font:11px Trebuchet MS;  }
.video_title { height:49px;   } 
.video_title_int { padding:5px 65px 0 0px; }
.mov_more { float:right; display:block; padding:10px; color:white; }
.video_desc { padding:4px 22px 0 14px; color:white; }
.mov_dl { float:right; }

.video_container { height:440px; width:779px; margin:6px 0 0 11px; }
#video_targ {   }

.screenshots_container { background:url(../_images/layout/media_images_bgSS.jpg); width:811px; height:272px; text-align:center; text-transform:uppercase; }
.screenshots_container div { float:left; margin-top:23px; }
.screenshots_container a { width:350px; height:230px; display:block; }
.screenshots_container a:hover { background-position:bottom; }
.screenshots_container .ss_link a { background-image:url(../_images/galerie/galerie.png); }
.screenshots_container .art_link a { background-image:url(../_images/galerie/videa.png); }
.ss_link { padding-left:5px; }
.art_link { margin-left:10px; }
.images_name { display:block; font:bold 24px Cambria, Georgia, "Times New Roman", Times, serif; color:white; padding-top:172px; letter-spacing:5px;  }
.images_enter { display:block; font:12px Cambria, Georgia, "Times New Roman", Times, serif; color:#efc972;  }


.wallpaper_container { overflow:hidden; margin-top:10px; zoom:1; }
.wallpaper_container .subtitlecontainer { padding:0 ;}

.wallpaper_i { background:5px no-repeat; float:left; margin-right:40px; margin-left:42px; margin-top:20px }
.wallpaper_i.colend { margin-right:0; }
.wallpaper_i .frame { width:266px; height:206px; background:url(../_images/layout/gallery_frame.png) no-repeat; position:relative; }

.wallpaper_i2 { background:10px no-repeat; float:left; margin-right:00px; margin-left:00px; margin-top:10px }
.wallpaper_i2.colend { margin-right:0; }
.wallpaper_i2 .frame { width:230px; height:178px; background:url(../_images/layout/gallery_frame2.png) no-repeat; position:relative; }

.frame_size { width:252px; height:192px; position:relative;}
.frame_interior {  padding:14px 0 0 14px; }
.wp_title { background:url(../_images/layout/black50.png); color:#ffa201;  } 
.wp_title_int { background:url(../_images/layout/media_goldknot.png) 10px 50% no-repeat; font-weight:bold; text-transform:uppercase; color:#ffa201; padding-left:25px;}
.wp_options {  background:url(../_images/layout/black70.png); bottom:0; position:absolute; width:238px; }
.wp_options a { font-size:10px; font-family:Trebuchet MS; }
.wp_options .sizes { background:url(../_images/layout/pixel_arrow.gif) right 50% no-repeat; padding:0 10px 0 10px ; display:block; float:left; }
.over .sizes { color:white; } 
.wp_options .preview { background:url(../_images/layout/zoom_icon.png) 0 50% no-repeat; padding:0 10px 0 18px; float:right; }

.wp_sizes { padding:10px 20px 10px 20px; overflow:auto; display:none;}
.over .wp_sizes { display:block; }
.wp_sizes ul { width:45%; float:left;  }
.wp_sizes li { list-style:circle; line-height:normal;  }

.wp_sizes2 { padding:0px 0px 0px 0px; overflow:auto; display:none;}
.over .wp_sizes2 { display:block; }
.wp_sizes2 ul { width:40%; float:left;  }
.wp_sizes2 li { list-style:circle; line-height:normal;  }

/* Features */

.features .contents_interior { padding-top:0; }
.features .recent {  padding-top:30px; line-height:normal }
.features .features_list { clear:both; padding-top:40px; font:12px/18px Arial, Helvetica, sans-serif;}
.features .l_col h2, .features .r_col h2  { width:90%; margin:0; background:none; padding:20px 0 0 0; color:white; font-size:12px; }
.features .l_col, .features .r_col { width:48%; }
.features .gamefeatures {width:272px;}
.recent a { background-repeat::no-repeat; position:relative; margin-top:10px; }
.recent a:hover { background-position:0 bottom; }

a .f_int { position:absolute; bottom:0; padding-bottom:10px;  }


.recent .l_col a { height:345px; width:264px; width:272px; height:49px; }
.recent .r_col a, .recent .l_col .big { width:272px; height:108px; }


.features .contents_interior { padding-left:30px; padding-right:50px;} 
.features .recent a, .features .recent a span { display:block; text-decoration:none; }
.features .s_title { background:url(../_images/layout/feature_sub_bg.png) no-repeat; padding:17px 0 13px 15px; margin-left:-12px; height: 20px;  }


/* Races */
.character_ani_block { float:right; height:256px; width:264px; }
#character_ani { position:absolute; right:63px; top:-98px;  z-index:4; }
.worgen .character_ani_block { height:345px; width:264px; }
.worgen #character_ani { right:-86px; top:-98px;}

/* Sitemap */
.sitemap .site_container { clear:both; overflow:hidden; padding:20px; padding-bottom:400px;   }
.sitemap ul { float:left; width:30%; padding-bottom:10px; font-size:120%; margin-left:20px;   }
.sitemap ul li { padding-left:10px; }
.sitemap ul ul { margin-left:20px; font-size:80%; width:100%; }

/* Gallery (from D3) */
.picturegallery { height:689px; margin:0; text-align:left; width:810px; position:relative; padding-top:10px; }
.picturegallery, .gallerynav { left:-60px; }
.picturegallery div {float:left; text-align:left; padding:0 0 7px 0;}
.picturegallery div img {border:0; padding:0; margin:0; cursor:pointer; width:240px; height:180px;}
.picturegallery div span {cursor:pointer; width:266px; height:206px; margin:0; display:block; background-position:5px; background-repeat:no-repeat;}
.picturegallery div span div {width:266px; height:206px; background:url(../_images/layout/gallery_frame.png) 0 0 no-repeat; margin:0; padding:0; position:relative;}
.picturegallery div span div a {background:none; height:100%; display:block;}
#lightboxStringHolderDiv { display:none; }

.gallerynav {font:bold italic 14px/31px Cambria; text-align:center; letter-spacing:-1px; color:#ffeabc; 
			 background:url(../_images/layout/gallery_nav.jpg);
			 width:793px; height:41px; clear:both; position:relative; top:-33px; margin:0 auto;  }
.gallerynav-top {top:70px;}
.gallerynav a {display:block; font:italic 16px/23px; height:27px; margin:0; color:#a29371; width:100px; text-decoration:none; line-height:25px;}
.gallerynav a:hover {color:#fff;}
.gallerynav a.prevgallery {float:left; text-align:left; background:url(../_images/layout/gallery-leftarrow.gif) no-repeat; padding-left:35px; margin:5px 0 0 7px; }
.gallerynav a.prevgallery:hover {background:url(../_images/layout/gallery-leftarrow.gif) 0 -27px no-repeat;}
.gallerynav a.prevgallery div {margin:5px 0 0 35px;}
.gallerynav a.nextgallery {float:right; text-align:right; background:url(../_images/layout/gallery-rightarrow.gif) 100% 0 no-repeat; padding-right:40px; margin:5px 
8px 0 0; }
.gallerynav a.nextgallery:hover {float:right; text-align:right; background:url(../_images/layout/gallery-rightarrow.gif) 100% -27px no-repeat;}
.gallerynav a.nextgallery div {margin:5px 35px 0 auto;}
.gallerynav .firstgallery a {display:inline; font:italic 11px/23px; letter-spacing:0; width:auto; margin:0; padding:0;}
.currentpage {font:bold italic 18px/23px;}


/* Footer (from blizz.com) */
.footercontainer { background:url(../_images/layout/footer_bg.jpg) 50% 0 no-repeat;  width: 100%; height: 190px; padding: 95px 0 0 0; color:#666; line-height:18px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}	
.footer { clear: both; margin: 0 auto; width: 980px;    }
.footer a {zoom:1;} 
.footer .logo-blizzard { width: 108px; height: 58px; width: 200px; height: 84px; background:url(../_images/layout/logo_zicherka.png) 50% 0 no-repeat; display: block; float: left;}
.footer .logo-battlenet { width: 157px; height: 84px; background:url(../_images/layout/logo-battlenet.gif) 50% 0 no-repeat; display: block; float: right}	
.footer .logo-rating { width: 156px; height:200px; display: block; float: right; background:url(../_images/layout/postavicka_zicherka.png) no-repeat; }	
.footer .logo-ratings { clear: both; width: 100%; text-align: center; height: 100px; margin: 50px 0 0 0;}	
.footer .logo-ratings .esrb-teentomature { width: 80px; height: 53px;  margin: 0 25px 0 0;}
.footer .logo-ratings .esrb-privacy { width: 144px; height: 53px;}		
.footer .footercontents { width: 100%; clear: none;  }
.footer .footercontents .footercontents_int {  font-size: 11px; text-align: center;	}
.footer .footercontents .languagetitle { line-height: 14px; padding: 0 12px 0 0;}
.footer .footercontents .spacer { color:#222; font-size: 13px; padding: 0 5px 0 5px; }
.footer .footercontents .links { line-height: 14px; display:inline;}	
.footer .footercontents .dark { color: #344956; line-height: 14px;}
.footer .footercontents .lang-select {  position:relative;  display:inline; padding: 0 5px 0 0; }

.footer .footercontents .language {cursor: pointer;}
.footer .footercontents .language .langarrow, .langbox .bottom .lang .currentlanguage .langarrow 			 { display: inline-block; width: 12px; height: 14px;  background:url(../_images/layout/arrow_blue.png) top left no-repeat; line-height: 14px; vertical-align:top; }
.footer .footercontents .language:hover .langarrow, .langbox .bottom .lang .currentlanguage:hover .langarrow { display: inline-block; width: 12px; height: 14px;  background:url(../_images/layout/arrow_white.png) top left no-repeat; line-height: 14px; vertical-align:top; }

.langbox .bottom .lang .currentlanguage {  width: 100px; height: 20px; display: block;  font-size: 11px; background: url(../_images/layout/langbox-current-box.gif) top left no-repeat; cursor: pointer; position: relative; margin: 10px 0 0 0;}
.langbox .bottom .lang .currentlanguage:hover { background-position: bottom left; color: #FFF; }

.footer .footercontents .language .languageitem { display: inline-block;}
.langbox .bottom .lang .currentlanguage .languageitem { display: inline-block; margin: 0 0 0 6px; padding: 2px 0 0 0; 	}
 .langbox .bottom .lang .currentlanguage .langarrow {margin: 2px 0 0 0;}

.langbox { width: 476px; position:absolute; bottom:-28px; left:-32px; display:none; z-index:120; text-align: left;}
.langbox .top { width: 476px; height: 23px; background: url(../_images/layout/langbox-top.png); }
.langbox .middle { height: 120px;  overflow: hidden;}
.langbox .middle .left { width: 13px; height: 100%; float: left; background: url(../_images/layout/langbox-shadow-left.png) top left repeat-y; }
.langbox .middle .content { background: url(../_images/layout/langbox-bg.jpg) top left no-repeat;  width: 450px; height: 100%; float: left;}
.langbox .middle .content .regions { }
.langbox .middle .content .regions .regionus { width: 180px; float: left;}
.langbox .middle .content .regions .regioneu { width: 140px; float: left;}
.langbox .middle .content .regions .regioncn { width: 130px; float: left;}
.langbox .middle .content .regions .regiontitle {  font-size: 11px; color: #FFF; margin: -2px 0 0 17px;}
.langbox .middle .content .regions .languages { font-size: 11px; margin: 20px 0 0 17px; line-height: 16px;}
.langbox .middle .content .regions .break { width: 100%; clear: both; height: 20px;}
.langbox .middle .right { width: 13px; height: 100%; float: right; background: url(../_images/layout/langbox-shadow-right.png) top left repeat-y; }
.langbox .bottom  { width: 476px; height: 55px; padding: 0px; margin: 0px;}
.langbox .bottom .left {width: 26px; height: 55px; background: url(../_images/layout/langbox-bottom-1.png) top left no-repeat; float: left; }
.langbox .bottom .right {width: 26px; height: 55px; background: url(../_images/layout/langbox-bottom-5.png) top left no-repeat; float: right;}
.langbox .bottom .lang { width: 100px; height: 55px; background: url(../_images/layout/langbox-bottom-2.png) top left repeat-x; float: left;}
.langbox .bottom .middle { width: 26px; height: 55px; background: url(../_images/layout/langbox-bottom-3.png) top left no-repeat; float: left;}
.langbox .bottom .stretch { width: 298px; height: 55px; background: url(../_images/layout/langbox-bottom-4.png) top left repeat-x; float: left; }

.backtowow { display:block; padding-top:5px ; font-weight:bold;  }
.legallinks { padding:5px 0 20px;  }
.copyright { width:500px; margin:0 auto; padding:20px 0; }

/* Flashtext */
.flashtextcontainer { display: block; height:25px; }
.flashtextcontainer h1 { height:auto; }

/* Homepage */
.reldiv {position: relative;}
.homepage {min-width: 980px;}
.homepage .container { width: 980px; margin: 0 auto; clear: both; position: relative;}
.homepage .container .deathwingflash {width: 900px;  height: 750px; position: absolute; margin: 0 0 0 -212px; z-index: 0;}
.homepage .container .deathwingflash .animation {width: 900px;  height: 750px; position: static; margin: 0; padding: 0;}



.homepage .container .screenshotflash {width: 414px;  height: 387px;  position: absolute; top: 812px; left: 565px; overflow: hidden; }
.homepage .container .screenshotflash .player { width: 414px;  height: 387px; position: absolute; top: -12px;}

.homepage .container .contents { width: 420px; padding: 760px 0 0 90px;}
.homepage .container .contents .head {font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #E43F19; }
.homepage .container .contents .copy {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #A3A9AD;}
.homepage .footer {clear: both; width: 980px;}
.homepage .nav {height: 160px; z-index: 10;}
.homepage .titleupdates {position: absolute; width: 180px; top: 175px; left: 710px;}

.homepage .titletrailer {position: absolute; width: 180px; top: 560px; left: 710px;}

.homepage .titleraces {position: absolute; width: 180px; top: 367px; left: 710px;}
.homepage .titlescfreens {position: absolute; width: 180px;top: 785px; left: 589px;}
.homepage .new_updates {position: absolute; top:196px; left: 700px; }
.homepage .new_updates a { display:block; width:243px; height:49px;  line-height:normal; margin-top:9px;  }
.homepage .new_updates a:hover { background-position:bottom; }
.homepage .new_updates a span { display:block; } 
.new_feature_title { padding:10px 0 0 10px; font-size:16px; font-weight:bold; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}
.new_feature_date { padding:2px 0 0 10px; font-size:11px; color:white; color: #FFFFFF; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}

.homepage .new_updates .feature_1:hover { background-position:0 -49px !important; }


.feature_2 { background-position:0 -98px;}
.homepage .footercontainer { background:none;  }



.homepage .container .racehuman { width: 258px; height: 80px; position: absolute; top: 365px; left: 693px; background:top left no-repeat;}
.homepage .container .racehuman:hover { background-position: bottom left; }

.homepage .container .raceorc { width: 258px; height: 80px; position: absolute; top: 448px; left: 693px; background: top left no-repeat;}
.homepage .container .raceorc:hover { background-position: bottom left; }

.homepage .container .racenightelf { width: 258px; height: 80px; position: absolute; top: 531px; left: 693px; background: top left no-repeat;}
.homepage .container .racenightelf:hover { background-position: bottom left; }

.homepage .container .racebloodelf { width: 258px; height: 80px; position: absolute; top: 614px; left: 693px; background: top left no-repeat;}
.homepage .container .racebloodelf:hover { background-position: bottom left; }

.homepage .container .raceundead { width: 258px; height: 80px; position: absolute; top: 697px; left: 693px; background: top left no-repeat;}
.homepage .container .raceundead:hover { background-position: bottom left; }

.homepage .container .world { width: 256px; height: 102px; position: absolute; top: 50px; left: -300px; background: top left no-repeat;}
.homepage .container .world:hover { background-position: bottom left; }

.homepage .container .char { width: 256px; height: 102px; position: absolute; top: 550px; left: 694px; background: top left no-repeat;}
.homepage .container .char:hover { background-position: bottom left; }





.homepage .footercontainer { background:none;  }

.error .contents_interior { font-family:Cambria, Georgia; }


.orc { color:#ff0000; font-size: 20px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}  
.orcs { color:#ff0000; font-size: 20px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}
.orc2 { color:#ff0000; font-size: 14px; font-weight:bold; text-shadow:black 0px 0px 1px, black 0px 0px 1px, black 0px 0px 1px, black 1px 0px 2px, black 1px 0px 1px;}
.human { color:#0000ff; font-size: 20px; font-weight:bold}  
.human2 { color:#0000ff; font-size: 14px; font-weight:bold}
.nelf { color:#009029; font-size: 20px; font-weight:bold}	
.belf { color:#ffff00; font-size: 20px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}
.belf1 { color:#ffff00; font-size: 14px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}  
.undead { color:#cc00ff; font-size: 20px; font-weight:bold} 
.belf2 { color:#ffff00; font-size: 14px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}  

.human3 { color:#0000ff; font-size: 14px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}  


.belf5 { color:#ffff00; font-size: 14px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}  
.human5 { color:#0000ff; font-size: 14px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}  
.orc5 { color:#ff0000; font-size: 14px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}  
.nelf5 { color:#009029; font-size: 14px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}  
.undead5 { color:#ffffff; font-size: 14px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}  

.human3 { color:#0000ff; font-size: 20px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}  
.nelf3 { color:#009029; font-size: 20px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}  
.undead5 { color:#cc00ff; font-size: 20px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}  
.undead6 { color:#cc00ff; font-size: 14px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}  

.nelf4 { color:#ff6600; font-size: 20px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}  

.undead2 { color:#cc00ff; font-size: 14px; font-weight:bold}  


.text { color:#ffffff; }
.text2 { color:#000000; font-weight:bold }
.text4 { color:#ffff00; font-size: 16px; font-weight:bold}
.text3 { color:#000000; font-size: 14px; font-weight:bold}
.text5 { color:#000000; font-size: 17px; font-weight:bold}
.text6 { color:#000000; font-size: 20px; font-weight:bold}
.text7 { color:#ffff00; font-size: 20px; font-weight:bold}
.text8 { color:#000000; font-size: 16px; font-weight:bold}
.text9 { color:#000000; font-size: 12px; font-weight:bold}
.yellowtext { color:#ffff00; font-size: 14px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}

.url { color:#00ccff; font-size: 20px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}
.url2 { color:#ff6410; font-size: 20px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}
.url3 { color:#ff6410; font-size: 16px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}
.url4 { color:#ff6410; font-size: 14px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}
.url5 { color:#ff6410; font-size: 14px; font-weight:bold; text-shadow:black -1px 0px 1px, black 0px 0px 1px, black -1px -1px 1px, black 1px -1px 1px, black 1px -1px 1px;}

.mapasveta { width: 640px; height: 368px}

.clovek { width: 289px; height: 223px; position: absolute; top: 60px; left: 424px; background: top left no-repeat;}
.orko { width: 289px; height: 223px; position: absolute; top: 60px; left: 424px; background: top left no-repeat;}
.temelf { width: 289px; height: 223px; position: absolute; top: 60px; left: 424px; background: top left no-repeat;}
.krvelf { width: 309px; height: 256px; position: absolute; top: 30px; left: 394px; background: top left no-repeat;}
.nemrtvej { width: 289px; height: 250px; position: absolute; top: 50px; left: 424px; background: top left no-repeat;}

.album { color:#ff6410; font-size: 14px; font-weight:bold}

.povolani { padding-left: 100px;}
.povolani2 { padding-left: 100px;color:#ffff00; font-size: 20px; font-weight:bold; text-shadow:black -1px 0px 2px, black 0px 0px 1px, black -1px -1px 2px, black 1px -1px 2px, black 1px -1px 2px;}

.oranzova { padding: 0px; color:#ff6600; }