@charset "utf-8";
body  {
	font-family: "Trebuchet MS", "Microsoft Sans Serif", Helvetica, sans-serif;
	background-color: #3C3432;
	padding: 0px;
	color: #FFFFFF;
	margin: 0px;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url(../img/common/bgpop.jpg);
	line-height: 120%;
	font-style: normal;
	font-variant: normal;
	background-attachment: fixed;
}

body.junxcity {
	background-image: url(../../junxcity/assets/img/contentbackground.jpg);
	background-repeat: repeat;
	background-attachment: fixed;

	
}
body.nimia {
	background-image: url(../../nimia/assets/img/page-bg-nimia.jpg);
	background-image: url(../img/common/bg.jpg);
	background-repeat: repeat-x;
	background-color: #383435;
	background-attachment: fixed;
	background-position: bottom;
}
.nimia h2, .nimia h3, .nimia h4, .nimia h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

body.waterfallwoods {
	background-image: url(../img/common/bg.jpg);
	background-repeat: repeat-x;
	background-color: #383435;
	background-attachment: fixed;
	background-position: center bottom;
}


#bg {
	background-repeat: repeat-y;
	background-position: center top;
	padding: 0px;
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#bg  {
	background-image: url(../img/common/page.png);
}
.waterfallwoods   #bg, .nimia  #bg {
	background-image: url(../../nimia/assets/img/bg-nimia.png);
}
#header {
	height: 135px;
	width: 960px;
	background-image: url(../img/common/header.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	overflow: visible;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.nimia #header {
	height: 135px;
	width: 960px;
	background-image: url(../../nimia/assets/img/header.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	overflow: visible;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#nav {
	height: 26px;
}
#nav li {
	float: left;
	list-style-type: none;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}
#nav ul {
	display: block;
	margin: 0px;
	padding: 0px;
}
#nav a {
	height: 22px;
	width: 240px;
	display: block;
	background-image: url(../img/common/button-top.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #A7A6A3;
	text-decoration: none;
	letter-spacing: .2em;
}

#subnav {
	height: 36px;
	clear: both;
	padding-bottom: 2px;
}
#subnav li {
	float: left;
	list-style-type: none;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}
#subnav ul {
	display: block;
	margin: 0px;
	padding: 0px;
}
#subnav a {
	height: 28px;
	width: 240px;
	display: block;
	background-image: url(../img/common/button.png);
	background-repeat: no-repeat;
	background-position: right top;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #A7A6A3;
	text-decoration: none;
	letter-spacing: .2em;
}
.three #subnav a {
	width: 360px;
}


#header h2 {
	float: right;
	font-size: 36px;
	font-weight: normal;
	color: #BCBBB8;
	margin: 0px;
	padding-top: 52px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#nav a.selected , #nav  a:hover {
	background-image: url(../img/common/button-topdark.png);
	color: #FFFFFF;

}
#subnav a.selected , #subnav  a:hover {
	background-image: url(../img/common/button-over.png);
	color: #FFFFFF;

}





#logo {
	display: block;
	height: 90px;
	width: 320px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 22px;
	float: left;
}

#page {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



.panelText {
	margin: 0px;
	padding: 8px;
}

.h360 {
	height: 360px;
}
.poster {
	height: 360px;
	width: 960px;
}
.panel {
	margin: 0px;
	height: 180px;
	width: 320px;
	display: block;
	padding: 0px;
}

.w320, .w640 {
	margin: 0px;
	padding: 0px;
	float: left;
	
	}

.w320 {
	width: 320px;
	background-color: #25221A;
	background-image: url(../img/common/bgpanel.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.w640 {
	width: 640px;
	background-color: #25221A;
	background-image: url(../img/common/bgpanel.jpgx);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.bLighter {
	background-color: #322E23;
}

#footer {
	font-size: 12px;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin: 0px auto;
	display: block;
	padding: 16px 0px 0px;
	background: url(../img/common/footer.jpg) no-repeat left top;
}
#page   #footer p   {
	font-size: 12px;
	line-height: normal;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

h2 {
	margin: 0px;
	font-size: 24px;
	display: block;
	color: #ADC1CD;
	padding-top: 10px;
	padding-right: 16px;
	padding-bottom: 9px;
	padding-left: 16px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
}
h3 {
	margin: 0px;
	font-size: 24px;
	display: block;
	color: #ADC1CD;
	font-weight: bold;
	clear: both;
	padding-top: 16px;
	padding-right: 24px;
	padding-bottom: 16px;
	padding-left: 24px;
}

p {
	margin: 0px;
	font-size: 14px;
	line-height: 28px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
}

.play {
	clear: both;
	display: block;
}

.sideline {
	border-right-width: 0px;
	border-right-style: none;
	border-right-color: #999999;
	background-image: url(../img/common/sideline.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#footer h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 16px;
	line-height: normal;
	display: block;
	padding-bottom: 16px;
	color: #6D7578;
}
.smalltext {
	font-size: 14px;
}
.g480{width:470px;}
.g240{width:230px;}
.gMid,
.g160,
.g320,
.g480,
.g640,
.g800,
.g960,
.g80,
.g240,
.g400,
.g560,
.g720,
.g880, .g960 
{
	float:left;
	display: inline;
	margin-left:0px;
	margin-right: 8px;
} 
 a:link {
	color: #FFCC00;
	text-decoration: none;
}


 a:visited {
	color: #FDEEB7;
	text-decoration: none;
}
.desc {
	height: 50px;
	display: block;
}

.descTall {
	height: 198px;
	display: block;
}


.superburbia a {
	color: #CCFF00;
	text-decoration: none;
}
.glamatopio a {
	color: #FF0033;
	text-decoration: none;
}
.shittycity a {
	color: #FFCC00;
	text-decoration: none;
}
 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
 a:active {
	color: #24282D;
}
.clear {
	clear:both;
	background-image: url(../img/common/clear.jpgx);
	background-repeat: repeat;
}
h2.section {
	clear:both;
	background-image: none;
	background-repeat: repeat;
	padding: 16px;
	color: #FFCC00;
	font-size: 24px;
	background-color: #0F0E0B;
	font-weight: bold;
	margin: 0px;
}
h3.section {
	clear:both;
	background-image: none;
	background-repeat: repeat;
	color: #A8ADBB;
	font-size: 18px;
	background-color: #0F0E0B;
	font-weight: normal;
	margin: 0px;
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 8px;
	padding-left: 16px;
}
a.bigButton {
	background-image: url(../img/common/play.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	font-size: 14px;
	color: #BFB8A6;
	display: block;
	width: 150px;
	text-decoration: none;
	padding: 8px;
	margin-top: 8px;
	margin-right: 16px;
	margin-bottom: 8px;
	margin-left: 16px;
}
a.bigButton:hover {
	background-image: url(../img/common/play-over.png);
	color: #FFFFFF;
}
.black {
	background-color: #000000;
}
#footer .poplogik {
	margin: 0px;
	clear: both;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 32px;
	padding-left: 24px;
}
.shittycity strong {
	color: #FFCC00;
	margin: 0px;
	padding: 0px;
	display: block;
}
.superburbia strong {
	color: #CCFF00;
}

.glamatopio  strong {
	color: #FF0033;
}
h5 {
	margin: 0px;
	padding: 8px;
	font-size: 14px;
	background-color: #949494;
}
.padThick {
	padding: 32px;
}
.junxcity .w320 {
	width: 320px;
	background-color: #1B1D21;
	background-image: url(../../junxcity/assets/img/bgpanel.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.panelTall {
	height: 520px;
	width: 318px;
	margin: 0px;
	padding: 1px;
}
.slim {
	height: 400px;
	overflow: hidden;
	display: block;
	width: 960px;
	clear: both;
}
.slim img {
	top: 44px;
	clip: rect(44px,auto,auto,auto);
	bottom: 44px;
}
.section a {
	height: 40px;
	width: 256px;
}
.section li {
	float: left;
	list-style-type: none;
}
.padBottom {
	padding-bottom: 4px;
}
.padTop {
	margin-top: 48px;
}
.superburbia #header h2 {
	color: #CCFF00;
}
.glamatopio #header h2 {
	color: #FF0033;
}
.shittycity #header h2 {
	color: #FFCC00;
}
.junxcity #header h2 {
	font-family: "Trebuchet MS", "Microsoft Sans Serif", Helvetica, sans-serif;
	font-weight: normal;

}
.ad {
	background-color: #000000;
	display: block;
	clear: both;
	height: 100px;
	text-align: center;
	padding: 8px;
}
.white {
	color: #000000;
	background: #FFFFFF;
}
.gameguide .sideNav {
	width: 320px;
	float: right;
	height: auto;
}
.ad300x250 {
	height: 250px;
	width: 300px;
}
.gameguide .sideNav li {
	list-style: none;
}
.gameguide .sideNav .snav {
	display: block;
	height: auto;
	width: 300px;
	margin: 10px;
}
.gameguide .sideNav .snav ul {
	margin: 0px;
	padding: 0px;
}

.gameguide .sideNav a {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #DEF8F7;
	display: block;
	padding: 8px 2px;
	margin: 2px 2px 4px;
	color: #000000;
	text-align: center;
	border: 1px none #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
.gameguide  h2   {
	color: #000000;
	border-bottom: 1px dotted #999999;
	font-weight: bold;
}
.gameguide   .bannerwaterfallwoods   {
	background: url(../../games/waterfallwoods/assets/img/gameguide-poster.jpg) no-repeat left top;
	height: 160px;
	width: 960px;
}


.gameguide .sideNav .snav .selected {
	background: #CCFF00;
}

.gameguide .sideNav a:hover {
	background: #C2FA1D;

}
.gameguide .dash  {
	background: #EAEAEA;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	height: 16px;
	padding: 8px;
}
.dashboard {
	height: 24px;
	display: block;
	font-size: 12px;
	padding: 4px;
}



.sideNav .ad300x250 {
	padding: 0px;
	margin: 10px;
}
.gameguide h3 {
	color: #333333;
	border-bottom: 1px none #999999;
	font-weight: normal;
}
.gameguide h4 {
	color: #000000;
	border-bottom: 0px none #999999;
	font-size: 18px;
	margin: 0px 0px 0px 16px;
	padding: 0px;
}
.bannerwaterfallwoods  h2 {
	float: right;
	font-size: 36px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 52px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.gameguide .thumb {
	height: 128px;
	width: 128px;
}