/*27346C*/
/*****************************
HTML Elements (alphabetical)
*****************************/

body
	{
		margin: 0;
		padding: 0;
		background: #cdf3ff;
		font-family: arial, verdana;
		font-size: 70%;
		color: #fff;
		overflow-x:hidden;
	}

a
	{
		color: #fff;
		text-decoration:none;
	}
	
a:hover
	{
		color: #ff0;
	}

a.closeContent
	{
		cursor: pointer;
		width: 113px;
		height: 52px;
		top:5px;
		right:5px;
		background: url('../images/close_button.png') top left no-repeat;
		position:absolute;
		z-index:10;
	}
	
a.closeContent:hover
	{
		background: url('../images/close_button.png') bottom left no-repeat;
	}
	
img
	{
		border:0;
	}
	
li, p, ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}

table
	{
		border-collapse: collapse;
	}

/*****************************
Classes (alphabetical)
*****************************/

.clearBoth
	{
		clear: both;
	}

.lightboxContent .leftTextPanel
	{
		position:absolute;
		top:20px;
		left:20px;
		width:225px;
	}
	
.lightboxContent .leftTextPanel p
	{
		font-size:170%;
		margin-bottom:0.6em;
	}
	
.lightboxContent .leftTextPanel p.blue
	{
		color:#27346c;
	}

.lightboxItem
	{
		position:absolute;
	}

.lightboxItem img
	{
		margin-bottom:4px;
	}
	
.lightboxItem p
	{
		display:block;
		text-align:center;
		font-weight:bold;
		font-size:105%;
	}
	
.panel
	{
		width: 312px;
		height:206px;
		float:left;
	}
	
/*****************************
Objects (order of appearance)
*****************************/

#pageContainer
	{
		width: 1015px;
		height:1150px;
		margin: auto;
		border:solid 1px #fff;
		border-top:0;
		border-bottom:0;
		background:url(../images/bg.jpg) no-repeat #b4e1fe;
	}

/*
Used to allow the header to be absolutely positioned within the page container but, at the
same time, allow the page container to use auto margin.
*/

#innerPageContainer
	{
		position:relative;
		width:1015px;
	}
	
/*
The header overlaps the carousel.
*/
#header
	{
		width: 953px;
		height:132px;
		margin:auto;
		background:url(../images/header.png) no-repeat;
		position:absolute;
		left:30px;
		
	}

#header a
	{
		background:url("../images/buynowBtn.png") no-repeat scroll left top transparent;
		display:block;
		height:46px;
		left:696px;
		position:relative;
		top:44px;
		width:164px;
	}
	
#header a:hover
	{
		background:url(../images/buynowBtn.png) bottom left no-repeat;
	}
	
#contentScrollerContainer
	{
		width: 1015px;
		overflow-x: scroll;
		overflow-y: hidden;
		/* allow for scrollbar */
		height:478px;
		position:absolute;
		top:135px;/*135*//*:TODO: replace*//*1300*/
		z-index:1;
	}

#contentScrollerContainer li
	{
		float:left;
	}
	
#contentScrollerContainer li div
	{
		/*position:relative;*/
		display:block;
		width:745px;
		height:460px;
	}
	
#innerContentScrollerContainer
	{
		width: 3725px; /* item width (745) * item length */
	}

#popupHome
	{
		width:745px;
		height:460px;
		background:url(../images/home_bg.png);
	}

#popupHome .lightboxContent .leftTextPanel p.innerPanel
	{
		background:transparent url(../images/home_lightbox_quote_panel.png) no-repeat scroll 0 0;
		font-size:170%;
		height:77px;
		padding:18px;
		position:absolute;
		top:252px;
		width:229px;
	}
	
#popupHome .lightboxItem
	{
		width:190px;
	}

#popupHome .lightboxItem img
	{
		width:190px;
		height:143px;
	}

#popupHome #home1
	{
		top:60px;
		left:308px;
	}

#popupHome #home2
	{
		top:60px;
		left:519px;
	}
	
#popupHome #home3
	{
		top:242px;
		left:308px;
	}
	
#popupHome #home4
	{
		top:242px;
		left:519px;
	}

#popupGames
	{
		width:745px;
		height:460px;
		background:url(../images/games_bg.png);
	}
	
#popupGames .contentText
	{
		width:556px;
		height:26px;
		top:25px;
		left:25px;
		position:absolute;
		background:url(../images/games_lightbox_text.png);
	}
	
#popupGames .lightboxItem
	{
		width:165px;
	}

#popupGames .lightboxItem img
	{
		width:165px;
		height:125px;
	}

#popupGames .lightboxItem p
	{
		color:#27346C;
	}
	
#popupGames #games1
	{
		left:26px;
		top:75px;
	}

#popupGames #games2
	{
		left:201px;
		top:75px;
	}
	
#popupGames #games3
	{
		left:377px;
		top:75px;
	}

#popupGames #games4
	{
		left:552px;
		top:75px;
	}
	
#popupGames #games5
	{
		left:26px;
		top:256px;
	}
	
#popupGames #games6
	{
		left:201px;
		top:256px;
	}
	
#popupGames #games7
	{
		left:377px;
		top:256px;
	}
	
#popupGames #games8
	{
		left:552px;
		top:256px;
	}
	
#popupInUse
	{
		width:745px;
		height:460px;
		background:url(../images/in_use_bg.png);
	}

#popupInUse .lightboxContent .leftTextPanel
	{
		width:265px;
	}
	
#popupInUse .lightboxContent .leftTextPanel p
	{
		font-size:140%;
	}
	
#popupInUse .lightboxContent .leftTextPanel p.innerPanel
	{
		background:transparent url(../images/in_use_lightbox_quote_panel.png) no-repeat scroll 0 0;
		height:83px;
		padding:10px;
		position:absolute;
		top:135px;
		width:245px;
		font-size:150%;
	}

#popupInUse .lightboxContent .leftTextPanel .secondBlock
	{
		position:relative;
		top:134px;
	}
	
#popupInUse .lightboxContent .leftTextPanel .secondBlock .purple
	{
		color: #171F3F;
	}
	
#popupInUse .lightboxItem
	{
		width:190px;
	}

#popupInUse .lightboxItem img
	{
		width:190px;
		height:141px;
	}
	
#popupInUse #inUse1
	{
		left:299px;
		top:60px;
	}
	
#popupInUse #inUse2
	{
		left:519px;
		top:60px;
	}
	
#popupInUse #inUse3
	{
		left:299px;
		top:252px;
	}
	
#popupInUse #inUse4
	{
		left:519px;
		top:252px;
	}

#popupRules
	{
		width:745px;
		height:460px;
		background:url(../images/rules_lightbox_bg.png);
	}
	
#popupRules .contentText
	{
		width:568px;
		height:30px;
		top:22px;
		left:25px;
		position:absolute;
		background:url(../images/rules_lightbox_text.png);
	}
	
#popupRules .lightboxItem
	{
		width:165px;
	}

#popupRules .lightboxItem img
	{
		width:165px;
		height:125px;
	}

#popupRules .lightboxItem p
	{
		color:#2F2F2F;
	}
	
#popupRules #rules1
	{
		left:27px;
		top:96px;
	}

#popupRules #rules2
	{
		left:202px;
		top:96px;
	}
	
#popupRules #rules3
	{
		left:378px;
		top:96px;
	}

#popupRules #rules4
	{
		left:553px;
		top:96px;
	}
	
#popupRules #rules5
	{
		left:27px;
		top:282px;
	}
	
#popupRules #rules6
	{
		left:202px;
		top:282px;
	}
	
#popupRules #rules7
	{
		left:378px;
		top:282px;
	}
	
#popupRules #rules8
	{
		left:553px;
		top:282px;
	}
	
#panelContainer
	{
		width: 936px;
		height:206px;
		margin:auto;
		position:absolute;
		top:582px;
		left:39px;
		z-index:1;
	}
	
#panelContainer a
	{
		display:block;
		position:absolute;
		top:140px;
		left:17px;
		width:103px;
		height:52px;
		background:url(../images/go_button.png) top left no-repeat;
	}

#panelContainer a:hover
	{
		background:url(../images/go_button.png) bottom left no-repeat;
	}	

#panelContainer p
	{
		position:relative;
		left:25px;
		top:50px;
		font-size: 125%;
		line-height:1.3em;
	}
	
#panelContainer p.small
	{
		font-family:arial;
		font-size:80%;
		left:115px;
		text-align:right;
		top:110px;
		width:170px;
	}
	
#panelDownloadDemo
	{
		position:relative;
		background:url(../images/download_demo_panel.png) no-repeat;
	}
	
#panelDownloadDemo p
	{
		width: 150px;
	}

#panelBuy
	{
		position:relative;
		background:url(../images/buy_panel.png) no-repeat;
	}

#panelBuy p
	{
		color:#000;
		width: 100px;
	}
	
#panelVisitNessy
	{
		position:relative;
		background:url(../images/visit_nessy_panel.png) no-repeat;
	}
	
#panelVisitNessy p
	{
		color:#000;
		width: 126px;
	}
	
#lowerAnimation
	{
		width: 1015px;
		height:600px;
		margin:auto;
		position:absolute;
		top:550px;
	}
	
#footer
	{
		font-family: arial, verdana;
		width: 999px;
		background: #28abe2;
		border-top: solid 1px #fff;
		padding:8px;
		position:absolute;
		top:1150px;
	}
	
#lowerNessyLogo
	{
		width:85px;
		height:82px;
		margin:0 20px 0 10px;
		float:left;
	}
	
#footerText
	{
		float:left;
	}
	
#footerText p
	{
		margin-top:.3em;
	}
	
#footerText .address
	{
		font-weight:bold;
		letter-spacing:.1em;
	}
	
#footerText .standard
	{
		
	}

#footerText .navigation
	{
		/* use padding so that it works in ie6 */
		padding-bottom:25px;
	}
	
#footerText .navigation li
	{
		float:left;
		padding:0 10px;
		border-left:solid 1px #fff;
		font-weight:bold;
		letter-spacing:.1em;
	}
	
#footerText .navigation li.firstItem
	{
		padding-left:0;
		border:0;
	}
	
#footerRightBlock
	{
		float:right;
		width:140px;
	}
	
#footerRightBlock a
	{
		font-weight:bold;
		font-size:140%;
	}


/* override the fancybox style */
#fancybox-close
	{
		cursor: pointer;
		width: 113px;
		height: 52px;
		top:5px;
		right:5px;
		background: url('../images/close_button.png') top left no-repeat;
	}

/* override the fancybox style */
#fancybox-close:hover
	{
		background: url('../images/close_button.png') bottom left no-repeat;
	}

#standaloneContentInfo
	{
		left:133px;
		position:absolute;
		top:142px;
		width:745px;
		height:460px;
	}
	
#standaloneContentMedia
	{
		left:133px;
		position:absolute;
		top:142px;
		width:745px;
		height:460px;
	}
	
#standaloneContentMedia.home
	{
		background:url(../images/home_bg.png) no-repeat;
	}
	
#standaloneContentMedia.nessyFair
	{
		background:url(../images/nessy_fair_bg.png) no-repeat;
	}
	
#standaloneContentMedia.rules
	{
		background:url(../images/rules_bg.png) no-repeat;
	}
	
#standaloneMedia
	{
		left:110px;
		position:absolute;
		top:60px;
	}
	
.standaloneContentGames
	{
		left:133px;
		position:absolute;
		top:142px;
		width:745px;
		height:460px;
	}
	
.standaloneContentGames .game
	{
		left:42px;
		position:absolute;
		top:20px;
		width:556px;
		height:417px;
		border:solid 2px #CDF3FF;
		z-index:1;
	}
	
.standaloneContentGames
	{
		background:url(../images/games_bg.png) no-repeat;
	}

.standaloneContentGoNutsGame
	{
		left:133px;
		position:absolute;
		top:142px;
		width:745px;
		height:460px;
	}
	
.standaloneContentGoNutsGame .game
	{
		left:42px;
		position:absolute;
		top:20px;
		width:556px;
		height:417px;
		border:solid 2px #CDF3FF;
		z-index:1;
	}
	
.standaloneContentGoNutsGame
	{
		background:url(../images/nessy_fair_bg.png) no-repeat;
	}
	
#gorillaTicklerGame
	{
		width:745px;
		height:460px;
	}
	
#jigsoreGame
	{
		width:745px;
		height:460px;
	}
	
#goNutsGame
	{
		width:745px;
		height:460px;
	}