/*///////////////////////////////*/
/* RESETS                        */
/*///////////////////////////////*/

/* Reset styles - START - these will clear the different browser defaults for various margins, borders and such */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

dl, dt, dd, ol, 
fieldset, form, label, legend {
	margin: 0px;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style-type: square;
 	list-style-position: outside;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/*///////////////////////////////*/
/* RESETS END                    */
/*///////////////////////////////*/

a
{
color: #33289b;
text-decoration: underline;
}

a.footer
{
color: white;
text-decoration: none;
}

html
{
}

body
{
line-height: 1;
color: #170d01; /*black*/
background: #000000 url('../graphics/site_background_complete_withheader_2000px.jpg') top center no-repeat; /* transparent */
text-align: center;
font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif;
font-size: 14px; /*13pt*/
top: 0px;
width: 100%;
height: 100%;
}

#container_frame
{
margin: 0 auto 0 auto;
width: 100%;
height: 100%;
position: relative;
float: left;
background: transparent;
background-image: url('../graphics/site_background_and_borders_and_foreground_1200px.png');
background-position: bottom center;
background-repeat: no-repeat;
z-index: 3;
/*
overflow hidden probably not good for mobile browsers
overflow: hidden;
*/
}

#container_siteframe
{
/*position: relative;
float: left;
*/
top: 0px;
margin: 0 auto 0 auto;
/*
width: 1098px;
*/
width: 1008px;
height: 100%;
z-index: 6;
}

#container_site_frame_proper
{
top: 0px;
margin: 0 auto 0 auto;
/*
width: 1098px;
*/
width: 1008px;
height: 100%;
position: relative;
float: left;
left: 5px;
/*
left: 50px;
*/
z-index: 4;
}

#container_site_header
{
position: relative;
float: left;
background: transparent url('../graphics/top_border.jpg') top left no-repeat; /* site_header.jpg */
/*
width: 1098px;
*/
width: 1008px;
height: 338px;
margin: 0px;
z-index: 5;
}


#header_trademark
{
  position: relative;
  float: right;
  top: 50px;
  right: 160px;
}


#container_site_content_container2
{
position: relative;
float: left;
width: 1008px;
height: 100%;
min-height: 1460px;
/* JPG version so no bandwidth hogging, doesn't need original transparency anymore because all content pages are long enough */
background: transparent url('../graphics/site_content_pushcontainer2_notilev2.jpg') top center no-repeat;
z-index: 10;
}

#container_site_content_pylpyra_left
{
position: relative;
float: left;
width: 62px;
height: 60px;
top: 900px;
left: 20px;
/* background: transparent url('../graphics/pylpyra.png') top left no-repeat; */
z-index: 12;
}

#container_site_content_pylpyra_right
{
position: relative;
float: left;
width: 62px;
height: 60px;
top: 900px;
left: 858px;
/* background: transparent url('../graphics/pylpyra.png') top left no-repeat; */
z-index: 12;
}



#container_site_socialbuttons
{
position: relative;
float: right;
top: 0px;
right: 0px;
width: 97px;
height: 254px;
background: transparent;
z-index: 10;
}

#socialbuttons_menu_facebook
{
position: relative; float: left;
width: 97px; height: 63px;
background: transparent url('../graphics/right_border_social.jpg') top left no-repeat;
background-position: 0px 0px;
}

#socialbuttons_menu_facebook:hover
{
background: transparent url('../graphics/right_border_social.jpg') top left no-repeat; 
background-position: -97px 0px;
}

#socialbuttons_menu_twitter
{
position: relative; float: left;
width: 97px; height: 63px;
background: transparent url('../graphics/right_border_social.jpg') top left no-repeat;
background-position: 0px -63px;
}

#socialbuttons_menu_twitter:hover
{
background: transparent url('../graphics/right_border_social.jpg') top left no-repeat; 
background-position: -97px -63px;
}

#socialbuttons_menu_youtube
{
position: relative; float: left;
width: 97px; height: 63px;
background: transparent url('../graphics/right_border_social.jpg') top left no-repeat;
background-position: 0px -126px;
}

#socialbuttons_menu_youtube:hover
{
background: transparent url('../graphics/right_border_social.jpg') top left no-repeat; 
background-position: -97px -126px;
}

#socialbuttons_menu_steam
{
position: relative; float: left;
width: 97px; height: 63px;
background: transparent url('../graphics/right_border_social.jpg') top left no-repeat;
background-position: 0px -189px;
}

#socialbuttons_menu_steam:hover
{
background: transparent url('../graphics/right_border_social.jpg') top left no-repeat; 
background-position: -97px -189px;
}

#socialbuttons_menu_blog
{
position: relative; float: left;
width: 97px; height: 63px;
background: transparent url('../graphics/right_border_social.jpg') top left no-repeat;
background-position: 0px -252px;
}

#socialbuttons_menu_blog:hover
{
background: transparent url('../graphics/right_border_social.jpg') top left no-repeat; 
background-position: -97px -252px;
}

#socialbuttons_menu_forum
{
position: relative; float: left;
width: 97px; height: 65px;
background: transparent url('../graphics/right_border_social.jpg') top left no-repeat;
background-position: 0px -315px;
}

#socialbuttons_menu_forum:hover
{
background: transparent url('../graphics/right_border_social.jpg') top left no-repeat; 
background-position: -97px -315px;
}

#socialbuttons_menu_border
{
position: relative; float: left;
width: 97px; height: 400px;
background: transparent url('../graphics/right_border.jpg') top left no-repeat;
background-position: 0px 0px;
}



#site_menu
{
position: relative;
float: left;
width: 800px;
height: 100px;
background: transparent url('../graphics/site_navigation_navline.png') bottom center no-repeat;
top: 220px;
left: 90px;
}

#site_menuitems
{
position: relative;
float: left;
top: 20px;
margin-left: 60px;
}

.site_menu_item_main
{
position: relative; float: left; 
width: 90px; height: 50px;
background: transparent url('../graphics/site_navigation_en.png') top center no-repeat;
background-position: -50px 0px;
}

.site_menu_item_main:hover
{
background: transparent url('../graphics/site_navigation_en.png') top center no-repeat;
background-position: -50px -95px;
}

.site_menu_item_news
{
position: relative; float: left; 
width: 100px; height: 50px;
background: transparent url('../graphics/site_navigation_en.png') top center no-repeat;
background-position: -140px 0px;
}

.site_menu_item_news:hover
{
background: transparent url('../graphics/site_navigation_en.png') top center no-repeat;
background-position: -140px -95px;
}

.site_menu_item_features
{
position: relative; float: left;
width: 160px; height: 50px;
background: transparent url('../graphics/site_navigation_en.png') top center no-repeat;
background-position: -240px 0px;
}

.site_menu_item_features:hover
{
background: transparent url('../graphics/site_navigation_en.png') top center no-repeat;
background-position: -240px -95px;
}

.site_menu_item_media
{
position: relative; float: left;
width: 110px; height: 50px;
background: transparent url('../graphics/site_navigation_en.png') top center no-repeat;
background-position: -400px 0px;
}

.site_menu_item_media:hover
{
background: transparent url('../graphics/site_navigation_en.png') top center no-repeat;
background-position: -400px -95px;
}

.site_menu_item_forum
{
position: relative; float: left;
width: 120px; height: 50px;
background: transparent url('../graphics/site_navigation_en.png') top center no-repeat;
background-position: -400px 0px;
}

.site_menu_item_forum:hover
{
background: transparent url('../graphics/site_navigation_en.png') top center no-repeat;
background-position: -400px -95px;
}

.site_menu_item_support
{
position: relative; float: left;
width: 130px; height: 50px;
background: transparent url('../graphics/site_navigation_en.png') top center no-repeat;
background-position: -520px 0px;
}

.site_menu_item_support:hover
{
background: transparent url('../graphics/site_navigation_en.png') top center no-repeat;
background-position: -520px -95px;
}

.site_menu_item_buy
{
position: relative; float: left;
width: 90px; height: 50px;
background: transparent url('../graphics/site_navigation_en.png') top center no-repeat;
background-position: -660px 0px;
}

.site_menu_item_buy:hover
{
background: transparent url('../graphics/site_navigation_en.png') top center no-repeat;
background-position: -660px -95px;
}




#content
{
position: relative;
float: left;
width: 780px;
z-index: 10;
}






#forssis
{
position: absolute;
bottom: 0px;
left: 650px; /* 550 */
/* 29.9.:
width: 800px;
height: 958px;
*/
z-index: 99;
margin: 0 auto 0 auto; 
background: transparent;
}

.temppis
{
position: relative;
bottom: 0px;
left: 0px;
/*margin: 0 auto 0 auto; 
*/
/* 29.9.:
width: 750px;
*/
}





.screenshot_container
{
/*  position: float;  */
  float: left;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 230px; 
  height: 150px;
  overflow: hidden;
}

.screenshot_image
{
  position: relative;
  top: 10px;
  left: 5px;
  z-index: 1;
/*  width: 200px;
  height: 125px;
*/
}

.screenshot_chains
{
  position: relative;
  top: -125px;
  left: 0px;
  z-index: 2;
}

.screenshot_hover:hover
{
background: white;
filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;
}




.video_screenshot_container
{
/*  position: float;  */
  float: left;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 230px; 
  height: 190px; /* 150 */
  overflow: hidden;
}

.video_screenshot_image
{
  position: relative;
  top: 10px;
  left: 5px;
  z-index: 1;
/*  width: 200px;
  height: 125px;
*/
}

.video_screenshot_chains
{
  position: relative;
  top: -125px;
  left: 0px;
  z-index: 2;
}

.video_screenshot_description
{
  position: relative;
  top: -125px;
  left: 5%;
  width: 90%;
  z-index: 2;
}

.video_screenshot_hover:hover
{
background: white;
filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;
}






.quote
{
text-decoration: none;
font-style: italic;
padding-left: 50px;
color: #3F5181;
}

.header_trine, .trine_header
{
font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
line-height: 1.2;
padding: 5px;
}


.include_header
{
background-image: url('../graphics/site_headerline_206px.png');
background-position: bottom left;
background-repeat: no-repeat;
min-height: 35px;
text-align: left;
margin-top: 30px;
margin-left: -14px;
padding-left: 31px;
padding-bottom: 0px;
font-family: "Georgia", "Garamond", "Times New Roman", serif;
font-size: 18px; /* 18pt */
font-weight: normal;
letter-spacing: -1px;
/*
background-image: url('../graphics/site_headerline_206px.png');
background-position: bottom left;
background-repeat: no-repeat;
min-height: 35px;
text-align: left;
margin-top: 30px;
padding-left: 30px;
font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif;
font-size: 16px;
font-weight: bold;
*/
}





#site_footer
{
position: relative;
float: left;
width: 100%;
height: 550px;
background: black;
color: white;
}

.site_footer_logos
{
margin: 0 auto 0 auto;
width: 900px;
background: black;
}

#site_footer_logos_playstation
{
position: relative;
float: left;
width: 360px;
height: 90px;
}

#site_footer_logos_xbox
{
position: relative;
float: right;
width: 380px;
height: 90px;
margin-left: 20px;
}

#site_footer_logos_fbatluscontainer
{
position: relative;
float: left;
width: 600px;
height: 110px;
}

.site_footer_logos_fbatlus
{
position: relative;
float: left;
width: 150px;
height: 110px;
}




.media_container
{
/*  position: float;  */
  float: left;
  top: 20px;
  left: 0px;
  z-index: 1;
  /* width: 230px; */
  /* height: 150px; */
  overflow: hidden;
}

.media_link
{
color: black;
text-decoration: none;
font-size: 90%;
}

.listFeatures
{
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	line-height: 150%;
	list-style-type: disc;
 	list-style-position: outside;
}

.textParagraphs
{
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 135%;
	text-align:left;
}

.news_header
{
font-size: 12px;
margin-bottom: 5px; /*12*/
}

a.header_link
{
color: #33289b; /*#170d01; */
font-size: 14px;
text-transform: uppercase;
}

.news_infoline
{
font-sizE: 13px;
margin-bottom: 10px;
}

.news_content
{
font-size: 14px;
font-style: italic;
margin-bottom: 20px;
}



.container_site_button_next_screenshots
{
position: absolute;
float: right;
top: 505px;
right: -5px;
color: red;
background: transparent;
z-index: 5;
}

.container_site_button_prev_screenshots
{
position: absolute;
float: left;
top: 505px;
left: -20px;
color: red;
background: transparent;
z-index: 5;
}

.container_site_button_next_concepts
{
position: absolute;
float: right;
top: 979px;
right: -5px;
color: red;
background: transparent;
z-index: 5;
}

.container_site_button_prev_concepts
{
position: absolute;
float: left;
top: 979px;
left: -20px;
color: red;
background: transparent;
z-index: 5;
}


.container_site_button_next_videos
{
position: absolute;
float: right;
top: 1806px;
right: -10px;
color: red;
background: transparent;
z-index: 5;
}

.container_site_button_prev_videos
{
position: absolute;
float: left;
top: 1806px;
left: -20px;
color: red;
background: transparent;
z-index: 5;
}


.button_next
{
position: relative; float: right;
width: 54px; height: 101px;
background: transparent url('../graphics/arrow_right.png') top left no-repeat;
background-position: 1px 0px;
}

.button_next:hover
{
background: transparent url('../graphics/arrow_right.png') top left no-repeat; 
background-position: -55px 0px; /*-58px 0px;*/
}

.button_prev
{
position: relative; float: right;
width: 54px; height: 101px;
background: transparent url('../graphics/arrow_left.png') top left no-repeat;
background-position: 0px 0px;
}

.button_prev:hover
{
background: transparent url('../graphics/arrow_left.png') top left no-repeat; 
background-position: -52px 0px;
}


#video_390
{
width: 819px;
height: 433px;
float: center;
margin-top: 0px;
margin-left: -25px;
background: url('../graphics/border_video.png') no-repeat;
z-index: 10;
}

#video_390_2
{
  padding-top: 21px;
  margin-left: -1px;
}

#video_360
{
width: 819px;
height: 403px;
float: center;
margin-top: 0px;
margin-left: -25px;
background: url('../graphics/border_video_2.png') no-repeat;
z-index: 10;
}

#video_360_2
{
  padding-top: 21px;
  margin-left: -1px;
}


.container_cover
{
text-align: left;
vertical-align: middle;
width: 500px;
height: 200px;
margin-bottom: 30px;
}


.newspage_link_older
{
position: relative;
float: right;
top: 10px;
right: 160px;
color: red;
background: transparent;
z-index: 5;
}

.newspage_link_newer
{
position: relative;
float: left;
top: 10px;
left: 120px;
color: red;
background: transparent;
z-index: 5;
}