/* Horizontal Carousel */

#title_news {
	position:absolute; bottom:80px; left:0; width:650px; height:30px; overflow:hidden;
	color:#FFF;	
	z-index:10
}

#title_news h3 a{font-size:25px; padding-left:20px; color:#FF9900; text-decoration:none}
#title_news h3 a:hover {color:#FFF}

#horizontal_carousel {
  width: 100px;
  height:280px;  
  position: absolute;
  z-index:2;
  top:0px;
  right:0px;
}
#horizontal_carousel .bg_carousel {
	background-color:#000; position:absolute; top:0px; right:0px; 
	height:280px; width:110px; z-index:1; 
	opacity:.4; filter:alpha(opacity=40); -moz-opacity:0.4;
}
#horizontal_carousel .container {  
  width: 100px;
  height:260px;
  position: relative;    
  overflow: hidden;
  z-index:2;  
  padding:0;
  margin-right:5px;
}

#horizontal_carousel ul {
  margin:0;
  padding:0;
  height: 10000px;
  position: relative;
  top: 0;
  left: 0;
  width:100px;
}                      

#horizontal_carousel ul li {
  width: 100px;
  height:63px;
  text-align: left; 
  list-style:none;   
  font-size:12px;
  font-family:Arial; 
  margin:0px 0 2px 0;
}

#horizontal_carousel ul li img{   
   float:left;
   border:0;
}

#horizontal_carousel ul li a.classImg {float:left; border:2px solid #000000; display:block; width:92px; height:60px}
#horizontal_carousel ul li a.classImg:hover {border:2px solid #ff9900;}
#horizontal_carousel ul li div {float:left; width:235px; display:none; color:#FFFFFF; padding-left:5px;}
#horizontal_carousel ul li a {color:#FFF; text-decoration:none !important}
#horizontal_carousel ul li h3 {display:none}
#horizontal_carousel ul li h3 a {font-size:18px; color:#FFF; display:block; height:25px; overflow:hidden; text-decoration:none}
#horizontal_carousel ul li a:hover {text-decoration:underline !important}

#horizontal_carousel .previous_button {
 position:relative; top:5px; width:20px; height:15px; background:url(../images/leftButton_carosel.png) no-repeat center center;  z-index: 100;  cursor: pointer;
}
#horizontal_carousel .previous_button_over {
background:url(../images/leftButton_carosel.png) no-repeat center center;
}

#horizontal_carousel .previous_button_disabled {
 background:url(../images/leftButton_carosel.png) no-repeat center center;
  cursor: default;
}

#horizontal_carousel .next_button {
float:left; position:relative; top:30px; width:15px; height:32px; background:url(../images/rightButton_carosel.png) no-repeat center center; z-index: 100; cursor: pointer; text-align:right
}

#horizontal_carousel .next_button_over {
 background:url(../images/rightButton_carosel.png) no-repeat center center;
}

#horizontal_carousel .next_button_disabled {
background:url(../images/rightButton_carosel.png) no-repeat center center;
  cursor: default;
}

li.spot {}
li.spot a.classImg {border:2px solid #FFF !important;}
li.spot div {display:block !important;}

/*****************************************************************************************************************************************************/
/* Spotlight */
/*****************************************************************************************************************************************************/

/* Horizontal Carousel */
#spotlight_carousel {
  width: 650px;
  z-index:2;
  background-color:#333;
  position:relative
}
#spotlight_carousel .bg_carousel {background-color:#000; position:absolute; top:0; left:0; height:80px; width:650px; z-index:1; opacity:.8; filter:alpha(opacity=80); -moz-opacity:0.8;}

#spotlight_carousel .container {
 float:left; 
 margin:0; padding:0; 
 width:404px;
 height:254px; 
 overflow:hidden; 
 position:relative;
 z-index:2;
}

#spotlight_carousel ul.carous {
  margin:0px 0px;
  padding:0;
  width: 10000px;
  position: relative;
  top: 0;
  left: 0;
  height: 254px;
}                      

#spotlight_carousel ul.carous li {
  width: 404px;
  height: 254px;
  text-align: left; 
  list-style:none;   
  font-size:12px;
  font-family:Arial;
  float:left;
  margin:0px 0px 0 0;
  position:relative;
}

#spotlight_carousel ul.carous li img{   
	position:relative; z-index:1;
}

#spotlight_carousel ul.carous li a.classImg {float:left; border:2px solid #000000; display:block; width:92px; height:60px}
#spotlight_carousel ul.carous li a.classImg:hover {border:2px solid #CC0000;}
#spotlight_carousel ul.carous li a {color:#CC0000; text-decoration:none !important}
#spotlight_carousel ul.carous li h3 a {font-size:18px; color:#CC0000; display:block; height:25px; overflow:hidden; text-decoration:none}
#spotlight_carousel ul.carous li a:hover {text-decoration:underline !important}

#spotlight_carousel .previous_button {
 float:left; position:relative; top:30px; width:20px; height:32px; background:url(../images/leftButton_carosel.png) no-repeat center center;  z-index: 100;  cursor: pointer;
}
#spotlight_carousel .previous_button_over {
background:url(../images/leftButton_carosel.png) no-repeat center center;
}

#spotlight_carousel .previous_button_disabled {
 background:url(../images/leftButton_carosel.png) no-repeat center center;
  cursor: default;
}

#spotlight_carousel .next_button {
float:left; position:relative; top:30px; width:15px; height:32px; background:url(../images/rightButton_carosel.png) no-repeat center center; z-index: 100; cursor: pointer; text-align:right
}

#spotlight_carousel .next_button_over {
 background:url(../images/rightButton_carosel.png) no-repeat center center;
}

#spotlight_carousel .next_button_disabled {
background:url(../images/rightButton_carosel.png) no-repeat center center;
  cursor: default;
}

ul.carous li.spot {width:405px !important;}
ul.carous li.spot a.classImg {border:2px solid #CC0000 !important;}
ul.carous li.spot div {display:block !important;}


#spotlight-description {position:absolute; left:0; bottom:0px; height:50px; padding:5px; width:500px; color:#FFFFFF; z-index:2}
#spotlight-description p {position:absolute; top:0; left:0; width:100%; height:100%; opacity:.8; filter:alpha(opacity=80); -moz-opacity:0.8; background-color:#101012; z-index:1}
#spotlight-description div {width:500px; position:relative; z-index:2; color:#CFCAD0}
#spotlight-description div h2 {font-size:15px;}
#spotlight-description div h2 a {color:#FFFFFF; text-decoration:none}


#spotlight-list {float:right; width:246px;}
#spotlight-list ul {width:246px !important;}
#spotlight-list ul,.spotlight-list ul li {margin:0; padding:0; list-style-type:none}
#spotlight-list ul li {margin-bottom:1px; margin-left:5px; background-color:#232323; border:1px solid #232323; font-size:12px; padding:10px 3px 3px 10px; position:relative; height:35px !important;}
#spotlight-list ul li img {position:absolute; top:13px; left:2px; z-index:10; display:none}
#spotlight-list ul li h6 {font-size:12px; display:inline; background:none}
#spotlight-list ul li h6 a {color:#FFF; text-decoration:none; font-weight:bold}

#spotlight-list ul li.spotpage {background-color:#111; border:1px solid #000}
#spotlight-list ul li.spotpage img {display:block}
#spotlight-list ul li.spotpage h6 {background-color:#111;}


#gallery_big_container {position:absolute; height:420px; width:650px; overflow:hidden}

/******************************************************/

#spotlight_carousel_home {
  width: 524px;
  z-index:2;
  background-color:#333;
  position:relative
}
#spotlight_carousel_home .bg_carousel {
	background-color:#000; position:absolute; top:0; left:0; 
	height:80px; width:525px; 
	z-index:1; opacity:.8; filter:alpha(opacity=80); -moz-opacity:0.8;
}

#spotlight_carousel_home .container {
 margin:0; padding:0; 
 width:520px;
 height:260px; 
 overflow:hidden; 
 position:relative;
 z-index:1;
 border:2px solid #000;
}

#spotlight_carousel_home ul.carous {
  margin:0px 0px;
  padding:0;
  width: 10000px;
  position: relative;
  top: 0px;
  left: 0;
  height: 258px;
}                      

#spotlight_carousel_home ul.carous li {
  width: 524px;
  height: 260px;
  text-align: left; 
  list-style:none;   
  font-size:12px;
  font-family:Arial;
  float:left;
  margin:0px 0px 0 0;
  position:relative;
}

#spotlight_carousel_home ul.carous li img{   
	position:relative; z-index:1;
}

#spotlight_carousel_home ul.carous li a.classImg {float:left; border:2px solid #000000; display:block; width:92px; height:60px}
#spotlight_carousel_home ul.carous li a.classImg:hover {border:2px solid #CC0000;}
#spotlight_carousel_home ul.carous li a {color:#CC0000; text-decoration:none !important}
#spotlight_carousel_home ul.carous li h3 a {font-size:18px; color:#CC0000; display:block; height:25px; overflow:hidden; text-decoration:none}
#spotlight_carousel_home ul.carous li a:hover {text-decoration:underline !important}

#spotlight_carousel_home .previous_button {
 float:left; position:relative; top:30px; width:20px; height:32px; background:url(../images/leftButton_carosel.png) no-repeat center center;  z-index: 100;  cursor: pointer;
}
#spotlight_carousel_home .previous_button_over {
	background:url(../images/leftButton_carosel.png) no-repeat center center;
}

#spotlight_carousel_home .previous_button_disabled {
 background:url(../images/leftButton_carosel.png) no-repeat center center;
  cursor: default;
}

#spotlight_carousel_home .next_button {
float:left; position:relative; top:30px; width:15px; height:32px; background:url(../images/rightButton_carosel.png) no-repeat center center; z-index: 100; cursor: pointer; text-align:right
}

#spotlight_carousel .next_button_over {
 background:url(../images/rightButton_carosel.png) no-repeat center center;
}

#spotlight_carousel_home .next_button_disabled {
background:url(../images/rightButton_carosel.png) no-repeat center center;
  cursor: default;
}

#spotlight_carousel_home ul.carous li.spot {width:405px !important;}
#spotlight_carousel_home ul.carous li.spot a.classImg {border:2px solid #CC0000 !important;}
#spotlight_carousel_home ul.carous li.spot div {display:block !important;}


#spotlight-home {
	position:absolute; right:-126px; top:2px; width:125px; height:250px; z-index:3
}
#spotlight-home ul, #spotlight-home ul li  {margin:0; padding:0; list-style-type:none;}
#spotlight-home ul li {margin:0 0 1px 0}
#spotlight-home ul li a img {border:1px solid #333}

#spotlight_carousel_home #spotlight-description {
	position:absolute; left:0; bottom:0px; height:60px; 
	padding:5px; width:394px; color:#FFFFFF; z-index:2
}
#spotlight_carousel_home #spotlight-description p {
	position:absolute;top:0; left:0; width:525px; 
	height:100%; opacity:.8; filter:alpha(opacity=80); -moz-opacity:0.8; 
background-color:#101012; z-index:1
}
#spotlight_carousel_home #spotlight-description div {position:relative; z-index:2; color:#CFCAD0; font-size:14px; }
#spotlight_carousel_home #spotlight-description div h2 {font-size:18px; margin-bottom:5px;}
#spotlight_carousel_home #spotlight-description div h2 a {color:#FFFFFF; text-decoration:none}
#spotlight_carousel_home .spotpage img{border:1px solid #FFF}
/******************************************************************************************************************/

/* game images */

#image_carousel {
  width:620px; height:150px;  
  position: relative; z-index:2; 
}

#image_carousel .container {  
  width: 540px; height:150px; position: relative; overflow: hidden;
  margin:10px 40px; z-index:2; padding:0;
}
#image_carousel ul {
  margin:0; padding:0; width: 10000px; position: relative;
  top: 0; left: 0; height:100px;
}
#image_carousel ul li {width:180px; height:150px; margin:0px; display:inline; float:left}
#image_carousel ul li.spot a {border:1px solid #b40000;}

#image_carousel ul li a {display:block; width:170px; padding:1px; border:1px solid #333;}
#image_carousel ul li a:hover {border:1px solid #ff9900;}

#image_carousel .previous_button {
 position:absolute; top:40px; left:10px; width:20px; height:50px; 
 background:url(../images/left_carousel.gif) no-repeat center center;  
 z-index: 100; cursor: pointer;
}
#image_carousel .previous_button_over {
	background:url(../images/left_carousel_on.gif) no-repeat center center;
}
#image_carousel .previous_button_disabled {background:none !important; cursor: default;}
#image_carousel .next_button {
 position:absolute; top:40px; right:10px; width:20px; height:50px; 
 background:url(../images/right_carousel.gif) no-repeat center center;  
 z-index: 100; cursor: pointer;
}

#image_carousel .next_button_over {
 background:url(../images/right_carousel_on.gif) no-repeat center center;
}

#image_carousel .next_button_disabled {background:none !important; cursor: default;}