﻿@charset "utf-8";
/* CSS Document */



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, b, u, i, center, 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;
	background: transparent;
}
body {
	line-height: 1;
	color: #FFFFFF;
	/*background-color:#000000;*/

	/*background-repeat:no-repeat;*/

	background-image:url(../images/background-ninjas-dark.gif);
	background:repeat-x repeat-y;
	/*background-image:url(../images/bg.jpg);*/

	/*background-position: center top;*/

	font-size: 62.5%;/* Resets 1em to 10px */
	line-height:1.8em;
	background-attachment:fixed;
}
html, body {
	text-align:center;
	height:100%;
	width:100%;
}
.rounded {
			-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(http://rebuild.ninjakiwifiles.com/js/PIE.htc);
}
body, .inputbox {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
em, i {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */



:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */



ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */



table {
	border-collapse: collapse;
	border-spacing: 0;
}
a:link, a:visited {
	color:#0066CC;
}
a:hover {
	color:#D7200E;
}
.review-credit {
	width:665px;
	height:42px;
background-image:url(http://ninjakiwi.com/images/review-credit.png);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
}
.facebook-like-top {
	width:665px;
	height:5px;
	background-image:url(../images/facebook-like-top.png);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
}
.facebook-like {
	width:665px;
	padding: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	background-image:url(../images/facebook-like.png);
	background-position:top left;
	background-repeat:repeat-y;
	position:relative;
	margin: 0;
	height: 100%;
}
.facebook-like-bottom {
	width:665px;
	height:5px;
	background-image:url(../images/facebook-like-bottom.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom: 5px;
	position:relative;
}
.credit-link {
	position:absolute;
	left:35px;
	top:8px;
}
#overlay-container {
	z-index:2;
	margin:0px auto;
	position:relative;
	width:100%;
}
#overlay-left {
	position:absolute;
	left:-272px;
	width:272px;
	height:662px;
}
#overlay-right {
	position:absolute;
	right:-272px;
	width:272px;
	height:662px;
}
#wrapper {
	text-align:left;
	width:990px;
	margin-left:auto;
	margin-right:auto;
}
p {
	padding:10px;
}
#hd {
	background-image: url(../images/header-repeat.png);
	background-repeat: repeat-x;
	background-position: top;
	height:95px;
	background-color:#070707;
	padding-left:5px;
	padding-right:5px;
}
#bd {
	background-color:#070707;
	padding-left:5px;
	padding-right:5px;
}
#ft {
	position:relative;
	background-color:#070707;
	height:62px;
	background-image: url(../images/footer-repeat.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding-left:5px;
	padding-right:5px;
	background-attachment: scroll;
}
.little-link {
	font-size:12px;
}
#left-links {
	width:145px;
	float:left;
	padding-left:5px;
}
#right-links {
	width:145px;
	float:right;
}
/* nav */



#navbar {
	position:relative;
	height: 73px;
	width:980px;
	background-image:url(../images/nav-strip.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding:0px;
	padding-top:5px;
}
#topnav {
	position:absolute;
	top:5px;
	left:0px;
	width:750px;
	height:68px;
	padding-left:10px;
}
ul#mainlevel, ul#mainlevel li {
	list-style-type:none;
	margin:0;
}
ul#mainlevel {
	font: 1.5em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Verdana, sans-serif;
	float:left;
}
ul#mainlevel li {
	height: 34px;
	float:left;
	text-align: center;
	vertical-align: middle;
}
ul#mainlevel a {
	float:left;
	text-transform: uppercase;
	line-height: 34px;
	text-decoration:none;
	color: #FFF;
	padding-left:8px;
	padding-right:8px;
}
ul#mainlevel a:hover, #Menu a:hover {
	color: #000;
	background-image:url(../images/buttonHover.png);
}
ul#mainlevel li.activelink a, ul#mainlevel li.activelink a:hover {
	color: #fff;
	background-image: url(../images/buttonhover.png);
	background-color: #91E1FE;
}
#mainlevel a:link#active_menu, #mainlevel a:visited#active_menu {
	color:#FFF;
	background-image:url(../images/menu-background.png)
}
/* Bottom Menu */



ul#mainlevel-nav {
	float:left;
	font-size:1em;
	margin-top:18px;
	margin-left:15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #111111;
}
ul#mainlevel-nav li {
	float:left;
	text-align: center;
	vertical-align: middle;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #111111;
}
ul#mainlevel-nav a {
	float:left;
	height: 26px;
	line-height: 26px;
	text-decoration:none;
	color: #FFF;
	padding-left:15px;
	padding-right:15px;
}
ul#mainlevel-nav a:hover {
	color: #CCC;
}
#logo {
	float:left;
	width:244px;
	margin-top:22px;
}
#top-banner {
	float:right;
	width:728px;
	height:90px;
	margin-top:5px;
}
#search {
	height:73px;
	text-align: right;
	padding:0px;
	text-transform:none;
	width:210px;
}
.moduletable-changer {
	position:absolute;
	top:46px;
	right:8px;
}
.twitter {
	position:absolute;
	top:13px;
	right:10px;
}
.twitter a:link, .twitter a:visited {
	color:#FFF;
	font-size:14px;
}
.twitter a:hover {
	color:#FFF;
	font-size:14px;
	text-decoration:none;
}
.twit-image {
	position:absolute;
	top:7px;
	right:155px;
}
#left-column {
	color:#FFFFFF;
	text-align:left;
	font-size: 1.3em;
	line-height: 1.5em;
	width:170px;
	float:left;
}
#large-column {
	color:#FFFFFF;
	text-align:center;
	font-size: 1.3em;
	line-height: 1.5em;
	width:665px;
	float:left;
}
#centre-column {
	color:#FFFFFF;
	text-align:left;
	font-size: 1.3em;
	line-height: 1.5em;
	width:490px;
	float:left;
	margin-left:5px;
}
#right-column, #central-ad-right {
	color:#FFFFFF;
	text-align:left;
	font-size: 1.3em;
	line-height: 1.5em;
	width:310px;
	float:right;
}
#central-ad-left {
	width:350px;
	float:left;
}
#game-padder, .game-padder {
	padding: 7px 0px 7px 0px;
}
#full-column {
	width:980px;
	height:615px;
}
#single-right {
	float:right;
	width:170px;
}
h1, .contentheading, .componentheading {
	font-size: 1.4em;
	padding-bottom:5px;
	padding-top:10px;
	padding-left:0px;
	text-transform:uppercase;
}
#left-column div.moduletable h3 {
	margin: 0 0px 5px;
	padding: 8px 5px 8px 27px;
	color: #FFF;
	text-transform: uppercase;
	background-image: url(../images/moduleheader1.png);
	background-repeat: no-repeat;
	font-weight: normal;
}
#right-column div.moduletable h3 {
	margin: 0 0px 5px;
	padding: 8px 5px 8px 27px;
	color: #FFF;
	text-transform: uppercase;
	background-image: url(../images/moduleheader2.png);
	background-repeat: no-repeat;
	font-weight: normal;
}
#centre-column div.moduletable h3 {
	margin: 0 0px 5px;
	padding: 8px 5px 8px 27px;
	color: #FFF;
	text-transform: uppercase;
	background-image: url(../images/moduleheaderwide.png);
	background-repeat: no-repeat;
	font-weight: normal;
}
.margin5, span.margin5 {
	line-height: 0px;
	display: block;
	background:none;
	margin-bottom:5px;
}
.large-rounded-top {
	background-image: url(../images/large-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0px;
	padding:0px;
}
.large-rounded-bottom {
	background-image: url(../images/large-bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFFFFF;
}
.larger-rounded-bottom {
	width:805px;
	float:left;
	height:610px;
	background-image: url(../images/larger-bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFFFFF;
}
.larger-rounded-top {
	background-image: url(../images/larger-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0px;
	padding:0px;
}
.largest-rounded-bottom {
	width:980px;
	float:left;
	height:800px;
	margin-bottom: 5px;
	background-image: url(../images/largest-bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFFFFF;
}
.largest-rounded-top {
	background-image: url(../images/largest-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0px;
	padding:0px;
}
.left-rounded-top {
	background-image: url(../images/left-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0px;
	padding:0px;
}
.left-rounded-bottom {
	background-image: url(../images/left-bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFFFFF;
}
.middle-rounded-top {
	background-image: url(../images/middle-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.middle-rounded-bottom {
	background-image: url(../images/middle-bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFFFFF;
}
.ad-mid-left-rounded-top {
	background-image: url(../images/left-ad-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.ad-mid-left-rounded-bottom {
	background-image: url(../images/left-ad-bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #111111;
}
.right-rounded-top {
	background-image: url(../images/right-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.right-rounded-bottom {
	background-image: url(../images/right-bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFFFFF;
}
.padder {
	color:#111111;
	padding:5px;
}
.padder ul {
	list-style-type: disc;
	list-style-position: inside;
	padding: 10px;
}
#gamewrapper {
	background-color: #fff;
}
#gamewrapper .gamefloat-editor {
	background: transparent url(../images/gamemodulegrey-wide.png) 0px 0px no-repeat;
	float:left;
	width:474px;
	height:174px;
	display: block;
	position: relative;
	text-decoration: none;
	display: block;
	padding: 3px;
	background-color: #fff;
	margin-right:1px;
}
#gamewrapper .gamefloat-editor .editor-button {
	position:absolute;
	right:276px;
	top:92px;
}
#gamewrapper .gamefloat-editor .text-box {
	padding-left:173px;
	padding-top:17px;
	padding-right:18px;
	font-size:12px;
}
#gamewrapper .gamefloat-editor img {
	position: absolute;
	top: 27px;
	left: 6px;
}
#gamewrapper .gamefloat-editor .gamethumb {
	margin-left: 0px;
}
#gamewrapper .gamefloat {
	background: transparent url(../images/gamemodulegrey.png) 0px 0px no-repeat;
	float:left;
	width:153px;
	height:174px;
	display: block;
	position: relative;
	text-decoration: none;
	display: block;
	padding: 3px;
	background-color: #fff;
	margin-right:1px;
}
#gamewrapper .gamefloat img {
	position: absolute;
	top: 27px;
	left: 6px;
}
#gamewrapper .gamefloat .gamethumb {
	margin-left: 0px;
}
.gameHeader {
	position:absolute;
	left:6px;
	top:2px;
	font-size: 11px;
	line-height:26px;
	font-weight: normal;
}
#gamewrapper a {
}
#gamewrapper a:hover img {
	opacity: 0.80;
	-moz-opacity: 0.80;
	filter:alpha(opacity=80);
}
div#right-column div.moduletable div.tinyThumb {
	width: 70px;
	height: 100px;
	display: block;
	float: left;
	padding: 0px 2px 5px 3px;
}
div#right-column div.moduletable div.tinyThumb a {
	text-decoration: none;
	line-height: 10px;
	font-size: 10px;
	cursor: pointer;
}
div#right-column div.moduletable div.tinyThumb a span.tinyA {
	display: block;
	height: 20px;
}
div#right-column div.moduletable div.tinyThumb a img {
	margin: 0px;
	border: 0px;
	vertical-align: bottom;
}
div#right-column div.moduletable div.tinyThumb a:hover img {
	opacity: 0.50;
	-moz-opacity: 0.50;
	filter:alpha(opacity=50);
}
div.mosloadgame {
	font-size: 18px;
	line-height: 18px;
	text-decoration: none;
	text-transform: uppercase;
	width: 474px;
	height: 194px;
	z-index: 100;
	position:relative;
	background-image: url(../images/game-popup-background.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:auto;
	margin-right:auto;
	margin-top:3px;
}
.lggamethumb {
	position: absolute;
	top: 9px;
	right: 11px;
	z-index: 0;
}
.gamelink {
	float: left;
	position: relative;
	top: 40px;
	left: 25px;
	width: 240px;
	display: block;
	z-index: 0;
	text-align:center;
}
.play-now {
	position:absolute;
	top:77px;
	left:12px;
}
.clear {
	clear: both;
	width: 100%;
	display: block;
	background-color: transparent;
	height:1px;
}
#template1, #template2, #template3, #template4, #template5, #template6 {
	width: 18px;
	height: 18px;
	border: 0px;
	margin: 0px 0px 0px 4px;
	padding: 1px;
	cursor: pointer;
	display: block;
	float: left;
}
#template1 {
	background: transparent url(../images/nav-strip.png) -200px -24px no-repeat;
	border:1px inset #000;
	padding:0px;
}
#template2 {
	color: #39b44a;
	background: transparent url(../templates/nk_green/images/nav-strip.png) center -23px no-repeat;
}
#template3 {
	background: transparent url(../templates/nk_red/images/nav-strip.png) center -23px no-repeat;
	color: #ed1c24;
}
#template4 {
	background: transparent url(../templates/nk_silver/images/nav-strip.png) center -23px no-repeat;
	color: #0076a3;
}
#template5 {
	background: transparent url(../templates/nk_pink/images/nav-strip.png) center -23px no-repeat;
	color: #39b44a;
}
#template6 {
	background: transparent url(../templates/nk_black/images/nav-strip.png) center -23px no-repeat;
	color: #ed1c24;
}
.bloonsworld {
	position:absolute;
	top:16px;
	right:260px;
	height:32px;
	width:233px;
}
.playphile {
	position:absolute;
	top:6px;
	right:168px;
	height:52px;
	width:67px;
}
.myninjakiwi {
	width:118px;
	height:37px;
	position:absolute;
	top:15px;
	right:27px;
}
