/*
 * Global CSS for
 *
 * @author
 *
 */

/* YUI reset-fonts.css */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* YUI base-min.css - modify as needed to set base styles for site */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}ol li{list-style:decimal outside;}ul li{list-style:none;}dl dd{margin-left:1em;}th,td{padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

/*
 * html elements
 */
		html{
			color:#fff;
			font-family:Arial, Geneva, Verdana, Helvetica, sans-serif;
		}


        body#home {
				background:url(../img/bg/mainBg.gif) repeat-y left top;
				background-color:#666666;
				overflow-x:hidden;
				z-index:1;
			}

		body#general {
				background:url(../img/bg/generalBg.gif) repeat-y left top;
				background-color:#666666;
				overflow-x:hidden;
                z-index:1;
			}

		body#generalTwoCol {
				background:url(../img/bg/twoColBg.gif) repeat-y left top;
				background-color:#666666;
				overflow-x:hidden;
				z-index:1;
    		}

		body#generalLinks {
				background:url(../img/bg/linksBg.gif) repeat-y left top;
				background-color:#666666;
				overflow-x:hidden;
				z-index:1;
			}

		/*
		 * headings
		 */
		 	h1 {
		 		font-size:167%;
				margin-bottom:14px;
		 	}

		 	h2 {
				margin-bottom:27px;
			}

			h3 {
				margin-bottom:19px;
			}

			h4 {
				margin-bottom:19px;
				font-size:93%;
			}

			h5 {
				margin-bottom:15px;
				font-size:93%;
				clear:left;
			}


		/*
		 * forms
		 */
			select{
				font-size:93%;
				min-width:200px;
				width:auto !important;
				width:200px;
				margin-bottom:30px;
			}

		/*
		 * tables
		 */


		/*
		 * lists
		 */


		/*
		 * text
		 */

			p, li{
				font-size:93%;
			}

			A{
				color:#ffffcc;
			}

		/*
		 * misc
		 */

		 .clr{
             clear:both;
             line-height:0px;
         }

		 .clrLeft{
		 	clear:left;
			line-height:0px;
		 }

		  .clrRight{
		 	clear:right;
			line-height:0px;
		 }

		 .left{
		 	float:left;
		}

		.right{
			float:right;
		}



		/*
		 * links
		 */

/*
 * global classes
 */
		/* print styles */
		.printonly { display : none; }


		/*
		 * clearfix - fixes float clearing issues
		 */
				/* Gecko-based browsers */
				 .clearfix:after {
					content: ".";
					display: block;
					height: 0px;
					clear: both;
					visibility: hidden;
				}


		/*
		 * ul --> change | into | horizontal | navigation | links
		 */

				ul.horiznavlist {
					font-size: 77%;
					display: block;
				}

				ul#share {
					float: left;
					margin-top: 26px;
				}

				/* float selected element and all other links */
				ul.horiznavlist li {
					display: inline;
					padding: 0px 6px;
					border-right: 1px solid #000000;
					background: none;
				}

				ul.horiznavlist.bottom li.first {
					border-right: 0;
					margin-right:20px;
				}

				ul.horiznavlist li.first.copy {
					border:0;
					padding:0;
				}

				/* remove left padding from first item in a list */

				ul.horiznavlist li.first {
					padding-left: 0px !important;
				}

				/* remove right padding from last item in a list */

				ul.horiznavlist li.last {
					border-right: 0px solid #fff;
				}

				ul.horiznavlist li a {
					text-decoration: none;
				}

				.footerlinks {
					margin-bottom: 9px;
				}


		/*
		 * horizontal rule (hr) - allows universal control
		 */
				.hr {
					clear: both;
					border-bottom: 1px solid #666666; /* necessary to ensure hr is only 1px high in all browsers */
					padding: 0px;
					margin: 12px 0px 20px 0px;
					width:200px;
					line-height:0px;
					outline:none;
					height:1px !important;
				}

				hr {
					display: none;
				}


/*
 * global ids / areas
 */
		/*
		 * wrapper
		 */

		  #wrapper{
             float: left;
             width:1440px;
			position:relative;
		 }

		 #logo{
		 	position:absolute;
			height:85px;
			left:18px;
			top:24px;
		 }

		 #leftCol{
		 	width:222px;
			float: left;
			background:url(../img/bg/map.gif) top left no-repeat;
			padding-top:173px;
			padding-left:18px;
         }

		 #middleCol{
		 	float: left;
		 }

		 #rightCol{
		 	float:left;
            position: relative;
			display: inline;
            }

		#rightCol #locationMap{
					position:absolute;
					z-index:10;
					left:20px;
					top:683px;

				}

				#rightCol #locationMap #map{
					position:relative;
					background:url(../img/bg/rightBannerMap.png) no-repeat left top;
					padding-left:106px;
					padding-top:59px;
					height:56px;
				}

				/* had too positioning on the 'h4 and h5' tags for ie6 png hack*/

				#rightCol #locationMap H4{
					margin-bottom:0px;
					font-size:138.5%;
					letter-spacing:1px;
					display:inline;
					font-family:Helvetica, Arial, sans-serif;
					position:absolute;
					top:59px;
					left:115px;
					width:400px;
				}

				#rightCol #locationMap H5{
					font-family:Helvetica, Arial, sans-serif;
					font-size:108%;
					position:absolute;
					left:115px;
					width:400px;
					top:82px;
				}

				#rightCol #locationMap #map #arrow{
					background:url(../img/bg/mapArrow.png) no-repeat top left;
					position:absolute;
					height:28px;
					width:9px;
					left:35px;
					top:20px;
				}

		 .featureBlock{
		 	width:auto;
			background:url(../img/nav/nav_arrow.gif) top left no-repeat;
			padding-top:15px;
         }

            .featureBlockNoArrow {
                background: none;
            }

          .featureBlock img{
		 	display:block;
		 }

			a.goButton {
					background:url(../img/buttons/go.gif) no-repeat top right;
					height:13px;
					width:200px;
					display:block;
					margin-top:27px;
					text-decoration:none;
				}

			a.goButton span {
				display:none;
			}

			a.veiwGallery {
					height:15px;
					width:440px;
					display:block;
					margin-top:10px;
					text-decoration:none;
					clear:both;
				}

			a.veiwGallery span {
					display:none;
				}

			div#gallery a span {
				display:none;
			}

			ul#breadCrumbs{
				list-style:none;
				margin-bottom:24px;

			}

			ul#breadCrumbs li{
				color:#FFFFCC;
				display:inline;
				margin-right:3px;
			}

			ul#breadCrumbs li a{
				color:#FFFFCC;
				text-decoration:underline;
			}

			ul#breadCrumbs li a:hover{
				text-decoration:underline;
			}

			ul#breadCrumbs li a.current{
				text-decoration:none;
			}

			ul.listNobullets{
		 		list-style:none;
				margin-right:93px;
				margin-bottom:30px;
				/*float:left;*/
		 	}

		 	ul.listNobullets li.last{
				margin-top:21px;
				margin-bottom:22px;
		 	}

		 	ul.listNobullets li a{
				color:#ffffcc;
		 	}

			ul.listNobullets li.lastCopy{
				margin-bottom:20px;
		 	}



		 	.utilLinks{
				/*padding:30px 0 95px 20px;*/
		 	}

            .botutil {
               padding: 30px 60px 30px 20px;
            }

            .utilLinks h3{
				margin-bottom:14px;
				background:url(../img/nav/nav_arrow.gif) top left no-repeat;
				padding-top:15px;
		    }

	        .contentBlock ul{
                list-style:none;
                width:auto;
                margin-bottom:30px;
		    }

			.contentBlock li a{
				color:#ffffcc;
			}

			.hideImg{
				display:none;
			}


		/*
		 * header
		 */


		/*
		 * navigation
		 */

		ul.leftNav{
			width:222px;
			list-style:none;
			padding-top:15px;
			padding-bottom:51px;
		}

		ul.leftNav li{
			font-family:Helvetica, Verdana, Geneva, Arial, sans-serif;
			margin-bottom:12px;

		}

		.leftNav a{
			display:block;
			font-weight:bold;
			color:#66ccff;
			text-decoration:none;
			text-transform:uppercase;
		}

		.leftNav a span{
			display:none;
		}

		.leftNav a:hover{
			color:#fff;
			background-position: left bottom;
		}

		.leftNav .selected {
			background-position: left bottom;
		}
	ul.leftNav li ul{
			margin-left:10px;
			padding-bottom:26px;
			padding-top:3px;

		}

		ul.leftNav li ul li{
			margin-bottom:11px

		}

		.navhomepage{
			width:68px;
			height:17px;
		}

		.navabout-us{
			width:113px;
			height:17px;
		}


		.navlocations{
			width:128px;
			height:17px;
		}

		.navour-games{
			width:135px;
			height:17px;
		}

		.navjobs{
			width:59px;
			height:17px;
		}

		.navpublishing{
			width:136px;
			height:17px;
		}

		.navlinks{
			width:68px;
			height:17px;
		}

		.navcontact-us{
			width:94px;
			height:14px;
		}



	   	 .heroimage{
			min-height:1073px;
			height:auto !important;
			height:1073px;
		}

        .botnav {
            height: 14px;
            padding-top: 0;
        }

    .navps1{
			width:117px;
			height:20px;
		}

		.navps2{
			width:120px;
			height:20px;
		}

		.navps3{
			width:147px;
			height:20px;
		}


		.navpsp{
			width:50px;
			height:15px;
		}

		.navcareer-guidance{
			width:144px;
			height:14px;
		}

		.navusa{
			width:37px;
			height:14px;

		}

		.navasia{
			height:14px;
			width:37px;
		}

		.naveurope{
			height:17px;
			width:61px;
		}

/*
 * page specific styles
 */
		/*
		 * home page
		 */


		 #home #rightCol{
			width:960px;
			min-height:1073px;
			height:auto !important;
			height:1073px;
         }

		  #home #middleCol{
			width:200px;
			padding:24px 20px 0 20px;
		 }

		 #home #welcome{
		   	padding-bottom:30px;
			width:auto;
		}

		/*
		 * general page
		 */

		#general #rightCol{
			width:720px;

		 }

		 #general .contactBanner{
		 	background:url(../img/bg/contactBanner.jpg) no-repeat top left;
			min-height:1073px;
			height:auto !important;
			height:1073px;
		}

		 #general #middleCol, #generalLinks #middleCol{
			width:480px;

		 }

		#general .contentBlock{
		 	background-color:#333333;
			padding:24px 0px 60px 20px;
			border-bottom:1px solid #666;
			min-height:324px;
			z-index:2;
		 }

		#general .contentBlock p{
		 	width:334px;
		 }


		/*
		 * about page
		 */

		 #general .aboutBanner{
		 	background:url(../img/bg/aboutBanner.jpg) no-repeat top left;
			min-height:1073px;
			height:auto !important;
			height:1073px;
		}

		#general #about-us p{
		 	width:340px;
			margin-bottom:20px;
			clear:left;
			/*padding-bottom:28px;*/

		 }

		 /*#general #about .hr, #generalTwoCol #twoColLayout .hr {*/
		 #general #about-us .hr, #generalTwoCol .hr, #general #our-games .hr, #general #publishing .hr {
		 	width:340px;
			margin-bottom:31px;
			margin-top:28px;
		}

		#general #about-us img{
		 	padding-bottom:15px;
			float:left;
		}

		/*
		 * Locations
		 */

		 #general #locations img{
		 	float:left;
			margin-right:20px;
		 }

		 #general #locations h3 img {
			float:none;
			margin-right:0px;
		}

		#general #locations ul.listNobullets{
		 	list-style:none;
			margin-right:0;
		}

		#general #locations .hr{
		 	width:440px;
			margin-bottom:30px;
			margin-top:20px;
		}

		ul#gamesList{
            clear: both;
            float:left;
			margin-bottom:37px;
			display:block;

		}

		ul#gamesList li{
			margin:0 4px 4px 0;
			display:block;
			float:left;
			line-height:0;
		}

		#general #locations ul#gamesList li img{
			margin-right:0px;
		}

		 #general .locationsBanner{
		 	background:url(../img/bg/locationsBanner.jpg) no-repeat top left;
			min-height:1073px;
			height:auto !important;
			height:1073px;
		}

		#tooltip{
			position:absolute;
			background:#333;
			padding:7px 10px 11px 7px;
			color:#fff;
			display:none;
			font-weight:bold;
		}

		a.closeButton{
			background:url(../img/buttons/close.gif) no-repeat top right;
			display:block;
			width:14px;
			height:14px;
			text-decoration:none;
		}

		a.closeButton span {
            display:none;
        }

        #general .contentBlock div.locSummary p {
            width: 430px;
        }


        /*
		 * Locations_map and publishing Two col layout
		 */


		 #generalTwoCol .contentBlock{
		 	background-color: #333;
            border-bottom: 1px solid #666;
            padding: 24px 0 60px 20px;
			min-height: 324px;
		 }

		#generalTwoCol #wrapper{
			width:960px;
		}


        #generalTwoCol #middleCol{
			width:720px;
        }

		/*#generalTwoCol #twoColLayout p{*/
		#generalTwoCol p{
		 	width:339px;
			margin-bottom:20px;
			clear:left;
		}

		/*#twoColLayout img{*/
		#generalTwoCol .contentBlock img{
			background:url(../img/nav/nav_arrow.gif) top left no-repeat;
			padding-top:15px;
		}

		/*#twoColLayout h3 img{*/
		#generalTwoCol .contentBlock h3 img{
			background:none;
			padding-top:0px;
		}

		/*#generalTwoCol #twoColLayout .utilLinks .left .hr, #generalTwoCol #twoColLayout .utilLinks .right .hr{*/
		#generalTwoCol .utilLinks .hr, #generalTwoCol #twoColLayout .utilLinks .hr{
			width:200px;
			margin-bottom:10px;
			margin-top:0px;
		}

		/*#generalTwoCol #twoColLayout .utilLinks .middleList{*/
		#generalTwoCol .contentBlock .utilLinks .middleList{
			margin:0 40px 0 40px;
		}

		/*#generalTwoCol #twoColLayout .utilLinks{*/
		#generalTwoCol .contentBlock .utilLinks{
			padding:30px 0 0px 0px;
		}

		/*#generalTwoCol #twoColLayout .utilLinks ul.listNobullets {*/
		#generalTwoCol .contentBlock .utilLinks ul.listNobullets {
			margin-bottom:30px;
			margin-right:0px;
			width:200px;
		}

		/*#generalTwoCol #twoColLayout .utilLinks p {*/
		#generalTwoCol .contentBlock .utilLinks p {
			clear:left;
			margin-bottom:20px;
			width:186px;
			padding-right:14px;
		}

	/*
		 * playStation added 24/10/08
		 */

		.playStation_bg, #our-games{
			background:url(../img/bg/playstationBg.gif) no-repeat top left;
			min-height:234px;
			height:auto !important;
			height:234px;
		}

		#our-games ul#gamesList, #publishing ul#gamesList{
			float:left;
			margin-bottom:28px;
			margin-top:32px;
		}

		#our-games a.goButton, #publishing a.goButton {
				width:39px;
				margin-top:0px;
				margin-right:20px;
				float:right;
			}

		#our-games p, #publishing p {
				float:left;
			}

		#our-games img, #publishing img{
			margin-bottom:24px;
		}

		#our-games h3 img , #our-games h2 img, #our-games h4 img, #our-games li img,
        #publishing h3 img , #publishing h2 img, #publishing h4 img, #publishing li img {
			margin-bottom:0px;
		}

		#our-games h4, #publishing h4 {
				background:url(../img/nav/nav_arrow.gif) top left no-repeat;
				padding-top:15px;
				margin-bottom:16px;
		}

		/*
		 * articles added 24/10/08
		 */

		#general #jobs .hr,
		#general #articles .hr{
		 	width:340px;
			margin-bottom:31px;
			margin-top:0px;
		}

		#general #jobs p,
		#general #articles p{
			margin-bottom:29px;

		}

		#general #jobs img,
		#general #articles img{
			margin-bottom:21px;

		}

		#general #jobs h3 img,
		#general #articles h3 img{
			margin-bottom:0px;
		}

		#general #jobs h4,
		#general #articles h4 {
				background:url(../img/nav/nav_arrow.gif) top left no-repeat;
				padding-top:15px;
				margin-bottom:20px;
		}

		#general #jobs h4 img,
		#general #articles h4 img {
			margin-bottom:0px;
		}

		#general .articleBanner{
			background:url(../img/bg/articleBanner.jpg) no-repeat top left;
			min-height:1073px;
			height:auto !important;
			height:1073px;
			z-index:5;
		}


		/*
		 * links added 24/10/08
		 */

		 #generalLinks #rightCol{
			width:720px;

		 }

		 #generalLinks .linksBanner{
		 	background:url(../img/bg/linksBanner.jpg) no-repeat top left;
			min-height:1073px;
			height:auto !important;
			height:1073px;
			z-index:5;
		}

		#generalLinks .contentBlock{
		 	background-color:transparent;
			padding:24px 0px 60px 20px;
			border-bottom:none;
		 }

		#links .utilLinks{
				padding:0px 0 25px 0px;
		}


.botDrop {
    padding: 20px 0 0 20px;
}


/*

ssg stuff added

*/

.ssg-image-alignleft {
    float: left;
    padding-right: 10px;
}

.ssg-image-alignright {
    float: right;
    margin-left: 10px;
}

.ssg-paragraph-alignleft { text-align: left; }

.ssg-paragraph-aligncenter { text-align: center; }

.ssg-paragraph-alignright { text-align: right; }

#general .contentBlock div.clr p { width: 99% };

#galleryPage { display: block; width: 300px }

#galleryPage h3 { text-transform: uppercase; }

#studioImageTitle { display: block; margin-top: 1em; }

#galleryButtons { margin-top: 1em; }

#galleryButtons #previous { float: left; }

#galleryButtons #next { float: right; }

#generalTwoCol #middleCol .botutil { background-color: #0f0f0f; }

/***** Changes for nav *****/

#myNav {
    padding-top: 15px;
    padding-bottom: 30px;
}

    #myNav li {
        display: block;
        height: 34px;
    }

        #myNav li a {
            display: block;
            height: 17px;
        }

        #myNav li a.selected,
        #myNav li a:hover {
            background-position: 0 -17px;
        }

            #myNav li a span {
                display: block;
                text-indent: -9999px;
            }

        #myNav li.level2 {
            height: auto;
            margin-left: 10px;
        }

            #myNav li .navcareer-guidance,
            #myNav li .navusa,
            #myNav li .navasia {
                height: 14px;
            }

            #myNav li.level2 .navps1,
            #myNav li.level2 .navps2,
            #myNav li.level2 .navps3 {
                height: 20px;
            }

            #myNav li .navpsp { height: 15px; }

            #myNav li.level2 .navps1.selected,
            #myNav li.level2 a:hover.navps1,
            #myNav li.level2 .navps2.selected,
            #myNav li.level2 a:hover.navps2,
            #myNav li.level2 .navps3.selected,
            #myNav li.level2 a:hover.navps3 {
                background-position: 0 -20px;
            }

            #myNav li.level2 .navps1.selected {
                background-position: 0 -20px;
            }

            #myNav li.level2 a:hover.naveurope,
            #myNav li.level2 .naveurope.selected {
                background-position: 0 -17px;
            }

            #myNav li.level2 .navcareer-guidance.selected,
            #myNav li.level2 a:hover.navcareer-guidance,
            #myNav li.level2 .navusa.selected,
            #myNav li.level2 a:hover.navusa,
            #myNav li.level2 .navasia.selected,
            #myNav li.level2 a:hover.navasia {
                background-position: 0 -14px;
            }

#lang {
    color: #d2d2d2;
    font-weight: bold;
    font-size: 86%;
}

#lang a {
    color: #999999;
    text-decoration: none;
}

#lang a:hover, #lang span {
    color: #FFF;
}

#playstation {
    margin-top: 20px;
}

#generalTwoCol div#locations div.utilLinks div.hr { width: 150px; }

#generalTwoCol div#locations div.utilLinks p { width: 156px; }

#generalTwoCol div#locations div.utilLinks div.hr { width: 150px; }

#generalTwoCol div#locations div.utilLinks p { width: 156px; }

.headerNoArrow {
    background: none!important;
    padding-top: 0!important;
}

#holdingPage {
    color: #333333;
    background: #333333 url(../img/holding-page.jpg) fixed no-repeat 50% 50%;
}


/* my nav hacks */
#myNav li.level2 #navpsp.selected,
#myNav li.level2 #navpsp:hover {
    background-position: 0 -15px;
}

#myNav li.level2 #navps3.selected,
#myNav li.level2 #navps3:hover,
#myNav li.level2 #navps2.selected,
#myNav li.level2 #navps2:hover,
#myNav li.level2 #navps1.selected,
#myNav li.level2 #navps1:hover {
    background-position: 0 -20px;
}

#myNav li.level2 #naveurope.selected,
#myNav li.level2 #naveurope:hover {
    background-position: 0 -17px;
}