/***************************************
		General Page CSS
***************************************/

body
{
	margin: 0px;
	padding: 0px;
}

#centering_container
{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 800px;
}

#panel_container
{
	position: relative;
	width: 800px;
	height: 600px;
	font-family: helvetica, tahoma, sans-serif;
	font-size: 11px;
}

.hide_link
{
    position:absolute;
    left:-900px;
    color:White;
    background-color:White
}

.hide_information
{
    position:absolute;
    left:-20000px;
    color:White;
    background-color:White
}

.panel
{
	height: 200px;
	width: 266px;
	cursor: pointer;
	position: relative;
}

.panelImage
{
	top: 0px !important;
	left: 0px !important;
	height: 200px;
	width: 266px;
	z-index: 0;
	position: absolute;
}

.panelContent
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 402px;
	width: 534px;
	z-index: 1;
	display: none;
	background-color: #808080;
}

.close_button
{
	background-image: url(/images/close.gif);
	height: 18px;
	width: 19px;
	margin:14px;
	position:absolute;
	right:0px;
	top:0px;
	z-index:3;
	cursor: pointer;
	overflow: hidden;
}

.Win741
{
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px soild red;
}

.Try
{
	position: absolute;
	top: 0px;
	left: 266px;
}

.Watch
{
	position: absolute;
	top: 0px;
	left: 532px;
}

.Buy
{
	position: absolute;
	top: 200px;
	left: 0px;
}

.Share
{
	position: absolute;
	top: 200px;
	left: 266px;
}

.Vote
{
	position: absolute;
	top: 200px;
	left: 532px;
}

.Tour
{
	position: absolute;
	top: 400px;
	left: 0px;
}

.Find
{
	position: absolute;
	top: 400px;
	left: 266px;
}

.Connect
{
	position: absolute;
	top: 400px;
	left: 532px;
}

.link
{
	text-decoration: underline;
	cursor: pointer;
}

#legal
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	font-family: tahoma,sans-serif;
	font-size: 12px;
}

#VideoHolder
{
	width: 400px;
	height: 274px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	
}

/***************************************
		Win741 Panel CSS
***************************************/

#Win741Content
{
	background-position: left top;
	background-color: #c3cac9;
	color: #FFFFFF;
}

#Win741Content .Video
{
	height:306px;
	left:0px;
	position:absolute;
	top:0px;
	width:534px;
}

/***************************************
		Try Panel CSS
***************************************/

#TryContent
{
	background-image: url(/images/Try/background.png);
	background-color: #bebebe;
	color: #FFFFFF;
}

#TryContent .description
{
	position: absolute;
	top: 306px;
	left: 5px;
	height: 86px;
	width: 124px;
	font-size: 9px;
}

#TryContent .video
{
	position: absolute;
	top: 102px;
	left: 134px;
	height: 300px;
	width: 400px;
}

#TryContent .thumbnail
{
	height: 102px;
	width: 134px;
	cursor: pointer;
	display: block;
	position: absolute;
}

#TryContent .thumb_1
{
	top: 0px;
	left: 0px;
}

#TryContent .thumb_2
{
	top: 0px;
	left: 134px;
	width:132px;
}

#TryContent .thumb_3
{
	top: 0px;
	left: 266px;
}

#TryContent .thumb_4
{
	top: 0px;
	left: 400px;
}

#TryContent .thumb_5
{
	top: 102px;
	left: 0px;
}

#TryContent .thumb_6
{
	top: 204px;
	left: 0px;
}

/***************************************
		Watch Panel CSS
***************************************/

#WatchContent
{
	background-image: url(/images/Watch/background.png);
	background-color: #c7cdcc;
	color: #FFFFFF;
}

#WatchContent .Description
{
	left:0px;
	margin:12px;
	position:absolute;
	top:50px;
	font-size: 12px;
}

#WatchContent .thumb1
{
	left:0px;
	position:absolute;
	top:131px;
	cursor: pointer;
}

#WatchContent .thumb2
{
	left:178px;
	position:absolute;
	top:131px;
	cursor: pointer;
}

#WatchContent .thumb3
{
	left:356px;
	position:absolute;
	top:131px;
	cursor: pointer;
}

#WatchContent .thumb4
{
	left:0px;
	position:absolute;
	top:198px;
	cursor: pointer;
}

#WatchContent .thumb5
{
	left:178px;
	position:absolute;
	top:198px;
	cursor: pointer;
}

#WatchContent .thumb6
{
	left:356px;
	position:absolute;
	top:198px;
	cursor: pointer;
}

#WatchContent .thumb7
{
	left:0px;
	position:absolute;
	top:265px;
	cursor: pointer;
}

#WatchContent .thumb8
{
	left:178px;
	position:absolute;
	top:265px;
	cursor: pointer;
}

#WatchContent .thumb9
{
	left:356px;
	position:absolute;
	top:265px;
	cursor: pointer;
}

#WatchContent .thumb10
{
	left:0px;
	position:absolute;
	top:332px;
	cursor: pointer;
}

#WatchContent .thumb11
{
	left:178px;
	position:absolute;
	top:332px;
	cursor: pointer;
}

#WatchContent .thumb12
{
	left:356px;
	position:absolute;
	top:332px;
	cursor: pointer;
}
/***************************************
		Buy Panel CSS
***************************************/

#BuyContent
{
	background-image: url(/images/Buy/background.png);
	background-position: left top;
	background-color: #bebebe;
	background-repeat:no-repeat;
	color: #FFFFFF;
}

#BuyContent .Description
{
	left:0px;
	margin:12px;
	position:absolute;
	top:221px;
	width:411px;
}

#BuyContent .BuyButton
{
	cursor:pointer;
	margin:6px 0;
	border-width: 0px;
}

#BuyContent .InterButton
{
	cursor:pointer;
	margin:6px 0;
	border-width: 0px;
	position: absolute;
	left: 374px;
	top: 369px;
}

#BuyContent .Share_Button_Container
{
	margin-left:5px;
	margin-top:-211px;
	position:absolute;
	color:#F58220;
}

#BuyContent .Office_MSDNA
{
	left:394px;
	position:absolute;
	top:335px;
}

#BuyContent .faq
{
	font-weight:bold;
	position:relative;
	top:6px;
}

#BuyContent .esrb
{
	font-size:9px;
	left:12px;
	position:absolute;
	top:388px;
}

/***************************************
		Tour Panel CSS
***************************************/

#TourContent
{
	background-image: url(/images/Tour/background.png);
	background-color: #d1d0be;
	color: #FFFFFF;
}

#TourContent .facebook
{
	position: absolute;
	top: 102px;
	left: 402px;
	height: 75px;
	width: 132px;
	padding-top: 25px;
	text-align: center;
}

#TourContent .facebook img
{
	border: solid 0px black;
}

#TourContent .video
{
	position: absolute;
	top: 102px;
	left: 0px;
	height: 300px;
	width: 402px;
}

#TourContent .videos
{
	position: absolute;
	top: 202px;
	left: 402px;
	height: 200px;
	width: 132px;
}

#TourContent .thumbnail
{
	height: 50px;
	width: 66px;
	cursor: pointer;
	display: block;
	position: absolute;
}

#TourContent .thumb_1
{
	top: 0px;
	left: 0px;
}

#TourContent .thumb_2
{
	top: 0px;
	left: 66px;
}

#TourContent .thumb_3
{
	top: 50px;
	left: 0px;
}

#TourContent .thumb_4
{
	top: 50px;
	left: 66px;
}

#TourContent .thumb_5
{
	top: 100px;
	left: 0px;
}

#TourContent .thumb_6
{
	top: 100px;
	left: 66px;
}

#TourContent .thumb_7
{
	top: 150px;
	left: 0px;
}

#TourContent .thumb_8
{
	top: 150px;
	left: 66px;
}

/***************************************
		Find Panel CSS
***************************************/

#FindContent
{
	background-color: #bebebe;
	background-repeat:no-repeat;
	color: #FFFFFF;
}

#FindContent .Video
{
	height:306px;
	left:0px;
	position:absolute;
	top:0px;
	width:534px;
}

/***************************************
		Connect Panel CSS
***************************************/

#ConnectContent
{
	background-image: url(/images/Connect/background.png);
	background-position: left top;
	background-repeat:no-repeat;
	color: #FFFFFF;
}

#ConnectContent .icon
{
	width: 30px;
	height: 32px;
	position: absolute;
	top: 115px;
}

#ConnectContent .youtube
{
	left: 348px;
	background: url(/images/youtube_icon.gif);
}

#ConnectContent .win
{
	left: 388px;
	width: 36px;
	background: url(/images/win_icon.gif);
}

#ConnectContent .twitter
{
	left: 308px;
	background: url(/images/twitter_icon.gif);
}

#ConnectContent .myspace
{
	left: 268px;
	background: url(/images/myspace_icon.gif);
}

#ConnectContent .facebook
{
	left: 228px;
	background: url(/images/facebook_icon.gif);
}

#ConnectContent .music_icon
{
	width: 30px;
	height: 32px;
	position: absolute;
	top: 200px;
	background: url(/images/music_icon.gif);
}

#ConnectContent .music1
{
	left: 228px;
}

#ConnectContent .music2
{
	left: 268px;
}

#ConnectContent .music3
{
	left: 308px;
}

#ConnectContent .music4
{
	left: 348px;
}

#ConnectContent .music5
{
	left: 388px;
}

#ConnectContent .music6
{
	left: 188px;
}

h2
{
    display:none;
}

.offScreenText
{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

#international_holder
{
	color: #FFFFFF;
}

#international_holder a:hover
{
	color: #666666;
}

#international_holder a:visited
{
	color: #666666;
}