/* =Global reset styles
--------------------------------------------------------------------- */
			
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
pre { display:none; }
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1; /* sets baseline line height for the document */
	z-index:1;
}
ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
 
img, div 
{ 
behavior: url("scripts/iepngfix.htc");
}

/* Additional reset styles 
--------------------------------------------------------------------- */

/* Reset Global reset to values we would expect for some elements */
strong		{ font-weight: bold;}
 
/* Remove Mozilla's dashed borders */
a 	{outline:none;}
a:active {outline:none;}

/* Remove border around fieldset even on Opera 7 */
fieldset {
  border: solid 0 transparent;
}

/* Remove blue border around linked images */
a img {
	border: 0;
}
.fl
{
	float:left;
}
/*
--------------------------------------------------------------------- */




@CHARSET "UTF-8";

body {
	width: 100%;
	min-width: 1000px;
}

body#htmlalt {
	background-position: center 39px;
	background-repeat: no-repeat;
	background-image: url('/images/site/html-bg-final2.jpg');
}

body#languageselect {
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url('/images/site/languageselect-bg.jpg');
	padding-bottom: 50px;
}

body {
	min-width: 960px;
	min-height: 560px;
	background-color: #006fa4;
}

body#index {
	min-width: 960px;
	min-height: 450px;
}

html#flash, body#flash {
	height: 100%;
}

#flash-site {
	height: 100%;
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#errors {
	width: 400px;
	margin: 100px auto 0 auto;
	font-family: arial, helvetica, sans serif;
	color: #FFF;
}

#errors h1 {
	color: #999;
}

#errors > noscript, 
#errors > div {
	color: #FFF;
	display: block;
	float: left;
	border: solid 1px #FFF;
}

#errors a {
	color: #F03;
}






/*********************************************/
/* PAGE */

#container {
	font-size: 100%;
	font-family: helvetica neue, helvetica, arial, verdana, san serif;
	margin: 0 auto 100px auto;
	max-width: 870px;
	width: 870px;
}

#container > div {
	clear: both;
	margin: 0 auto 0 auto;
}

#headline {
	background-color: #000;
	border-bottom: solid 1px #FFF;
	height: 38px;
}

#headlogo {
	float: right;
	position: absolute;
	right: 20px;
	top: 0px;
}

#logo h1 {
	display: none;
}

#header {
	height: 33px;
}

#header #logo {
	float: left;
	margin: 20px 0 0 30px;
}
	
#header #tagline {
	margin-top: 25px;
	float: right;
	margin-right: 50px;
}

.straightjacket {
	max-width: 900px;
	clear: both;
	margin: 0 auto 0 auto;
}



/*********************************************/
/* EXPANDED REASONS */

#player {
	height: 375px;
	border: solid 1pxÊ#000;
	width: 1000px;
}

#player img {
	margin: 24px 0 0 41px;
}



/*********************************************/
/* EXPANDED REASONS */


#expanded-reasons {
	width: 880px;
	float: left;
	margin-left: 30px;
	min-height: 1070px;
}

#expanded-reasons li {
	float: left;
	width: 264px;
	padding-right: 10px;
	overflow: hidden;
}


#ps3reason1, #ps3reason2, #ps3reason3 { height: 180px; }
#ps3reason4, #ps3reason5, #ps3reason6 { height: 170px; }
#ps3reason7, #ps3reason8, #ps3reason9 { height: 190px; }
#ps3reason10, #ps3reason11, #ps3reason12 { height: 170px; }
#ps3reason13, #ps3reason14, #ps3reason15 { height: 180px; }


#expanded-reasons h2 {
	display: block;
	position: absolute;
	margin-top: 91px;
	margin-left: 9px;
	z-index: 20;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFF;
	padding: 3px 4px 3px 6px;
}

#expanded-reasons .pink h2 { 	background-color: #cc3366; }
#expanded-reasons .green h2 { 	background-color: #33cc33; }
#expanded-reasons .yellow h2 { 	background-color: #ffcc00; }
#expanded-reasons .orange h2 { 	background-color: #ff6633; }
#expanded-reasons .blue h2 { 	background-color: #33ccff; }

#expanded-reasons .description {
	float: left;
	margin: 10px 0 10px 0;
	display: block;
}

#expanded-reasons .description p {
	margin: 0;
	display: block;
	padding-top: 5px;
	font-size: 0.7em;
	float: left;
}

.description .picture {
	display: block;
	float: left;
}

.description .text {
	display: block;
}

.description .text p {
	font-size: 0.7em;
	margin: 10px 0 0 0;
	line-height: 15px;
}
/*
#player img {
	padding: 24px 0 0 41px;
}
*/

/*********************************************/
/* FOOTER CONTENT */

#footer-content {
	border-top: solid 1px #333;
	margin: 0 auto 20px auto;
	width: 690px;
	clear: both;
	color: #666;
	color: #000;
}

#footer-content #logos {
	width: 100px;
	height: 60px;
	margin: 10px 20px 0 0;
	float: left;
	background-image: url('/images/site/logos.png');
	background-position: left center;
	background-repeat: no-repeat;
}

#footer-content ul {
	height: 20px;
	margin: 10px 0 10px 0;
	float: left;
}

#footer-content ul li {
	float: left;
	width: 142px;
	text-align: center;
	line-height: 20px;
}

#footer-content a {
	color: #003333;
}

#footer-content ul li a {
	text-transform: uppercase;
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;
}

#footer-content a:hover {
	color: #FFF;
}

#footer-content ul li:first-child {
	text-align: left;
}

#footer-content ul li:last-child {
	text-align: right;
}

#footer-content p {
	display: block;
	text-align: justify;
	float: left;
	width: 570px;
	font-size: 0.7em;
	line-height: 20px;
	color: #003333;
}




/*********************************************/
/* FOOTER PAGE */

#footer-page {
	float: left;
	clear: both;
	height: 100px;
	width: 99.9%;
	border: solid 1px #000;
	margin: 20px auto 0 auto;
}

#footer-page #playstation-logo {
	float: left;
	height: 100px;
	width: 200px;
	border: solid 1px #000;
}

#footer-page #spray {
	float: right;
	height: 100px;
	width: 200px;
	border: solid 1px #000;
}




/*********************************************/
/* TERMS PAGE */

#terms {
	float: left;
	padding: 30px 0 50px 70px;
	width: 750px;
}

#terms ol {
	padding-top: 20px;
}

#terms ol li {
	padding: 10px;
}

#terms ol li, #terms p {
	color: #333;
	font-size: 0.9em;
}

#terms h1 {
	font-size: 1.5em;
	padding: 0px;
	margin: 0 0 0 -20px;
}

#terms p {
	padding: 0px;
	margin: 0 0 10px 10px;
}




/*********************************************/
/* LANGUAGE SELECTOR */

.language-selector ul#language-menu, 
.language-selector h2 {
	width: 370px;
	margin: 0 auto 0 auto;
}

.language-selector #logo {
	margin: 100px auto 10px 255px;
	display: block;
}

.language-selector h1 {
	display: none;
}

.language-selector h2 {
	font-weight: bold
	letter-spacing: 5px;
	padding-top: 10px;
}

.language-selector h2 {
	margin: 0 auto 5px auto;
	color: #FFF;
	font-size: 0.7em;
	padding-left: 10px;
}


ul#language-menu {
	padding-bottom: 150px;
}

ul#language-menu li.select a {
	margin-right: 10px;
	width: 370px;
	height: 71px;
}

ul#language-menu li.select h3 {
	padding: 20px 0 5px 0;
	color: #000;
}

ul#language-menu li p {
	font-size: 0.8em;
	color: #333;
}

.language-selector ul#language-menu li, 
ul#language-menu li a {
	display: block;
	text-decoration: none;
}


.language-selector ul#language-menu li {
	font-size: 0.9em;
	width: 370px;
	text-align: center;
	background-position: top center;
	background-repeat: no-repeat;
	height: 71px;
}

.language-selector #selectfinnish {
	background-image: url('/images/site/langselect/finnish-up.png');
}

.language-selector #selectswedish {
	background-image: url('/images/site/langselect/swedish-up.png');
}

.language-selector #selectnorwegian {
	background-image: url('/images/site/langselect/norwegian-up.png');
}

.language-selector #selectdanish {
	background-image: url('/images/site/langselect/danish-up.png');
}

.language-selector #selectenglish {
	background-image: url('/images/site/langselect/english-up.png');
}

.language-selector #flashhtml {
	height: 102px;
}

#flashhtml div {
	display: none;
	width: 140px;
	margin-top: 20px;
	margin-right: 15px;
	float: right;
}

#flashhtml div a {
	display: block
	clear: both;
}

#flashhtml div h2 {
	font-size: 0.8em;
	margin-bottom: 7px;
}

#flashhtml div a#downloadflash {
	font-size: 0.6em;
	color: #FFF;
	font-weight: bold;
	display: block;
	clear: both;
	height: 20px;
	line-height :20px;
	padding-left: 13px;
	width: 100px;
	margin: 0 auto 0 auto;
}

#flashhtml div a#viewhtmlsite {
	margin-top: 20px;
	font-size: 0.8em;
	color: #FFF;
	text-decoration: underline;
}


.fullleft { position: absolute; left:0px; top: 450px}
.fullright { position: absolute; right:0px; top: 1550px}

a:hover {
	text-decoration: underline;
}