/* CSS Document */

body{font-family:GeosansLight;}

#Video_LightBox_Container{position:fixed; top:0; left:0; top:0; width:100%; height:100%; z-index:-20; opacity:.1;}
 #Video_LightBox_BG{position:absolute; width:100%; height:100%; background:BLACK; opacity:.9;}
 #Video_LightBox_BG:hover{opacity:1;}
   #Video_BOX_AREA{position:absolute; width:100%; height:100%;}
     #Video_LightBox_VideoContainer{position:relative; margin:auto; margin-top:-660px; width:880px; height:500px; background2:WHITE; z-index:21;}
     #Video_LightBox_VideoContainer > iframe{position:absolute; top:0px; left:0;}





#MessageBox_Container{position:relative; margin:auto; margin-bottom:200px; width:50%; min-height:150px; overflow:hidden; display:block; float2:left; background:#FFA600; font-family:GeosansLight;}
  #MessageBox{position:relative; margin-top:20px; padding:1%; width:97%; height:160px; display:block; float:left; font-size:1.8em; background2:red; border:solid thin #C6C6C6; color:#272727;}
  #emailBox{position:relative; margin-top:10px; padding-left:1%; margin-bottom:0px; width:98%; height:20px; display:block; float:left; background2:red; color:#868686;}
  
  #MessageButton{position:relative; margin:auto; margin-top:30px; padding-top:10px; width:140px; height:27px; background-color:#FFA600; display:block; float:left; font-size:.85em; text-align:center; color:WHITE;}
  #MessageButton:hover{cursor:pointer; background-color:#FFB600;}

#messageTitle{color:#FFA600;}











#MasterDiv{position:absolute; top:0; left:0; width:100%;  background-image:url(../images/BG.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; background2:#EBEBEB; background:WHITE; margin-bottom:0;}


/*   Short Menu   */
#short_TopMenu_Container{position:fixed; top:0; left:0; width:100%; height:0px; background:WHITE; z-index:20; opacity:1; overflow:hidden; font-family:OpenSans; font-size:.9em;}
  #short_TopMenu_Buttons_Container{position; min-width:200px; height:100%; background2:RED; float:right;}
  .short_TopMenu_Button{position:relative; margin-top:0px; padding-left:4px; padding-right:4px; padding-bottom:40px; padding-top:17px; min-width:100px; height:20px; display:block; float:left; text-align:center; color:#494949; background2:BLUE;}
  .short_TopMenu_Button:hover{cursor:pointer; color2:#009FA2;}
     
	 #short_TopMenu_Button_CONTACT:hover{color:#009FA2 !important;}
	 #short_TopMenu_Button_ICEgroup:hover{color:#009FA2 !important;}
	 
	 
	 
	 


/*   Normal Menu */
#TopMenu_Container{position:fixed; top:0px; right:0; min-width:200px; height:80px; background2:#CCC; z-index:2;}
  #TopMenu_Buttons_Container{position:relative; margin:auto; width:400px; height:100%; display:block; background2:#222; overflow:hidden; border-bottom2:solid thin WHITE; opacity:0;}
    .TopMenu_Button{position:relative; padding-top:30px; padding-left:8px; padding-right:8px; min-width:50px; height:40px; display:block; float:left; text-align:center; color:#FFDD00; font-size:.9em;}
      .TopMenu_Button:hover{cursor:pointer; background:#FFDD00; display:block;}
	  
	  
	  
	  
	  
	  
	  
  #TopMenu_LOGO_Container{position:absolute; top:0; left:5%; width:200px; height:180px; background:YELLOW; background:BLACK;}
    #TopMenu_LOGO_IMAGE{position:relative; margin:auto; margin-top:70px; width:187px; height:70px; background2:RED; background-image:url(../images/com/ICEstudios_Logo.png); background-size:contain; background-position:center; background-repeat:no-repeat;}
  #short_TopMenu_LOGO_Container{position:absolute; top:0; left:5%; width:200px; height:120px; background2:YELLOW;}
    #short_TopMenu_LOGO_IMAGE{position:relative; margin:auto; margin-top:3px; width:100px; height:45px; background2:GREEN; background-image:url(../images/com/short_ICEstudios_Logo.png); background-size:contain; background-position:center; background-repeat:no-repeat;}
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
#HomeBanner{position:relative; width:100%; height:800px; background:BLACK; display:block; float:left; z-index:1; overflow:hidden;}
 .HomeBanner_DOTS{position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../images/com/BG_Mask.png); z-index:2;}
  #HomeBanner > img{position:absolute; width:100%; background-size:cover; background-position:center; opacity:0;}
  #HomeBanner > video22{position:absolute; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; opacity:.5; z-index:1;}
  #HomeBanner > video{position:fixed;  top:0; left:0px; right:0; z-index:-1000; width:110%; min-width:60px; background-position:center;}

#HomeBanner_Video{margin-top:-200px;}
#HomeBanner_Button_Container{position:absolute; width:100%; min-height:100px; bottom:0px; background2:BLACK; font-size:.9em; cursor:pointer;}
#HomeBanner_Button{position:relative; margin:auto; width:260px; min-height:20px; border:solid thin WHITE; color:WHITE; text-align:center; padding:10px; opacity:.6; letter-spacing:8px; line-height:1.5em;}
  #HomeBanner_Button:hover{border:solid thin #000; opacity:1; background:BLACK;}


#GameTitle{position:relative; margin:auto; margin-top:100px; max-width:1200px; min-width:400px; height:380px; background-image:url(../images/GameTitle.png); background-size:cover; z-index:3;}



#Body_Welcome{position:relative; margin:auto; margin-top:130px; width:100%; height:100px; z-index:3; display:block; float:left; text-align:center; font-size:6em; color:#FFB600; color:#FFA600; letter-spacing:.09em; background2:RED; font-family:AngryBirds;}
 #Body_subWelcome{position:relative; margin:auto; margin-top:10px; margin-bottom:50px; width:100%; height:110px; z-index:3; display:block; float:left; text-align:center; font-size:2em; color:#AAA; letter-spacing:.1em;}
#Body_Container{position:relative; margin:auto; width:100%; min-height:300px; background:WHITE; z-index:3; display:block; float:left;}


.Category_Container{position:relative; margin:auto; margin-top:120px; margin-bottom:220px; width:1200px; height:300px; background2:#555; z-index:3; display:block; font-family:OpenSans_Light; overflow2:hidden;}
.Category_Title_Left{position:absolute; top:-1.5em; left:2px; font-size:2.5em; font-family:GeosansLight; color:#333;}
.Category_Title_Right{position:absolute; top:-1.5em; right:20px; font-size:2.2em; font-family:GeosansLight; color:#333;}
  .Category_Image_Left{position:relative; width:450px; height:100%; display:block; float:left; background:BLACK;}
    .Category_Image_Left > img{ position:absolute; width:100%; height:100%; background-size:contain;}
  .Category_Image_Right{position:relative; width:450px; height:100%; display:block; float:right; background:BLACK; overflow:hidden;}
    .Category_Image_Right > img{ position:absolute; width:100%; height:100%; background-size:contain;}
  
  .Category_Text_Right{position:relative; padding-left:25px; margin-top:10px; width:625px; height:100%; display:block; float:left; text-align:left; font-size:1.1em; letter-spacing:.01em; color:#777;}
  .Category_Text_Left{position:relative; padding-left:25px; margin-top:10px; width:625px; height:100%; display:block; float:left; text-align:left; font-size:1.1em; letter-spacing:.01em; color:#777;}
  
  
  
  
  
.Category_Container_GRID{position:relative; margin:auto; margin-top:220px; margin-bottom:120px; width:1200px; height:320px; background2:SILVER; z-index:3; display:block; font-family:OpenSans_Light;}
  
  .Category_Image_Left_GRID{position:relative; width:765px; height:100%; display:block; float:left; background2:BLACK;}
  .Category_Image_Right_GRID{position:relative; margin-right:-15px; width:765px; height:100%; display:block; float:right; background2:BLACK;}
  
  .Category_Text_Right_GRID{position:relative; padding-left:10px; margin-top:-10px; margin-left:0px; width:425px; height:100%; display:block; float:left; text-align:left; font-size:1.1em; letter-spacing:.01em; color:#777;}
  .Category_Text_Left_GRID{position:relative; padding-left:25px; margin-top:10px; width:625px; height:100%; display:block; float:left; text-align:left; font-size:1.1em; letter-spacing:.01em; color:#777;}
  
  .VideoThumb{position:relative; width:100px; height:100px; background:BLACK; display:block; float:left; margin-right:8px; margin-bottom:8px; overflow:hidden;}
    .VideoThumb:hover{cursor:pointer;}
	.VideoThumb > img{ position:absolute; width2:100%; height:100%; background-position:left;}
	.VideoThumb > img:hover{ position:absolute; width2:100%; height:100%; background-position:right; margin-left:-37px;}

  
  
  .FirstLetter{font-size:2em; font-weight:bold; color:#FFA600;}
  
  
#Footer{position:relative; margin-top:40px; width:100%; height:200px; background:#222; display:block; float:left;}

#Social_Container{position:relative; margin:auto; margin-top:35px; width:250px;  height:36px; background2:RED;}
	  .Social_Block{position:relative; margin2:5px; width:25%; height:28px; background-size:cover; display:block; float:left; cursor:pointer;}
	  .Social_Block:hover{margin-top:-5px;}
	  #Social_Block_1{background-image:url(../images/com/icon_facebook.png); background-position:center; background-size:contain; background-repeat:no-repeat;}
	  #Social_Block_2{background-image:url(../images/com/icon_twitter.png); background-position:center; background-size:contain; background-repeat:no-repeat;}
	  #Social_Block_3{background-image:url(../images/com/icon_linkedin.png); background-position:center; background-size:contain; background-repeat:no-repeat;}
	  #Social_Block_4{background-image:url(../images/com/icon_pinterest.png); background-position:center; background-size:contain; background-repeat:no-repeat;}


#CopyText{position:relative; margin:auto; margin-top:35px; width:100%; min-height:1em; text-align:center; color:#b8b5b5; font-size:1em;}
#PoweredText{position:relative; margin:auto; margin-top:5px; width:100%; min-height:1em; text-align:center; color:#4b4b4b; font-size:.7em;}
#PoweredText:hover{color:#009FA2; cursor:pointer;}