* {
	font-family: Arial, "MS Trebuchet", sans-serif;
}

a:link, a:visited, a:hover, a:active {
	color: #FB3204;
	text-decoration: none;
}

body {
	background-color: #f3ebd4;
}

#container {
	width: 900px;
	height: 2020px;
	margin: 0 auto;
	background: url(/images/monkwerks/monkwerks-background.jpg) no-repeat top left;
	position: relative;
}

#header {
  top: 10px;
  left: 10px;
  position: absolute;
  height: 70px;
	width: 880px;
/*  background-color: #ffc;*/
	z-index: 10;
}

#header #logo {
	z-index: 10;
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
}

#header #monkeygods-logo {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
}

#header .support {
	display: block;
	position: absolute;
	top: 5px;
	right: 200px;
	background: url(/images/monkwerks/button-top-support.png) top left;
	text-indent: -2000px;
	width: 122px;
	height: 31px;
}

#header .support:hover {
	background-position: 0 -31px;
}

#header .forums {
	display: block;
	position: absolute;
	top: 36px;
	right: 200px;
	background: url(/images/monkwerks/button-top-forums.png);
	text-indent: -2000px;
	width: 122px;
	height: 31px;
}

#header .forums:hover {
	background-position: 0 -31px;
}

#share {
  top: 86px;
  right: 20px;
  position: absolute;
  height: 16px;
  line-height: 16px;
  width: 280px;
/*  background-color: #ff0;*/
	text-align: right;
	vertical-align: middle;
/*	border:1px solid red;*/
}

#share span {
	float: left;
	display: block;
	width: 100px;
	font-weight: bold;
	font-size: 80%;
	color: #808080;
  line-height: 16px;
	padding-right: 5px;
  height: 16px;
/*	border: 1px solid red;*/
/*	background-color: #ffc;*/
}

#share a {
	float: left;
	padding: 0 2px;
}

#banner {
	z-index: 1;
  top: 104px;
  left: -10px;
  position: absolute;
  height: 340px;
  width: 900px;
	text-align: center;
/*	border: 1px solid red;*/
/*  background-color: #ffc;*/
}

#banner h1 {
	font-size: 30px;
}

#play {
  top: 446px;
  left: 10px;
  position: absolute;
  width: 280px;
  height: 470px;
	padding: 90px 5px 5px 5px;
/*  background-color: #ffc;*/
}

#play .facebook {
	display: block;
	background: url(/images/monkwerks/game-facebook.png) top left;
	text-indent: -2000px;
	width: 270px;
	height: 92px;
	position: relative;
}

#play a.facebook:hover {
	background-position: 0 -92px;
}

#play .iphone {
	display: block;
	background: url(/images/monkwerks/game-iphone.png) top left;
	text-indent: -2000px;
	width: 270px;
	height: 92px;
	position: relative;
}

/*#play .iphone:hover {
	background-position: 0 -92px;
}
*/
#play .classic {
	display: block;
	background: url(/images/monkwerks/game-download.gif) top left;
	text-indent: -2000px;
	width: 270px;
	height: 92px;
}

#play .classic:hover {
	background-position: 0 -92px;
}

#play .coming-soon {
	background: url(/images/monkwerks/overlay-coming-soon.png) top left;
	width: 116px;
	height: 71px;
	display: block;
	position: absolute;
	top: -18px;
	right: -35px;
}

#blog {
  top: 446px;
  left: 310px;
  position: absolute;
  width: 250px;
  height: 340px;
	padding: 90px 15px 15px 15px;
/*  background-color: #ffc;*/
/*border:1px solid red;*/
	font-size: 80%;
	overflow: hidden;
}

#blog .title {
	font-weight: bold;
	font-size: 110%;
}

#blog-feed {
/*	border: 1px solid red;*/
	margin-top: 10px;
	height: 300px;
	overflow: hidden;
}

#blog-feed li {
/*	margin: 10px;*/
	clear: right;
	float: right;
	width: 250px;
/*	border: 1px solid red;*/
}

#blog-feed .title {
	color: #FB3204;
	text-decoration: none;
}

#blog-feed .read-more {
	margin: 5px 0;
	float: right;
	color: #FB3204;
	text-decoration: none;
}

#blog-feed .title:hover, #blog-feed .read-more:hover {
	text-decoration: underline;
}

#twitter {
  top: 446px;
  left: 610px;
  position: absolute;
  width: 250px;
  height: 460px;
	padding: 90px 15px 15px 15px;
/*  background-color: #ffc;*/
}

#twitter a.view-all {
	font-size: 90%;
	font-weight: bold;
	color: #fb3204;
	float: right;
	text-decoration: none;
}

#twitter a:hover {
	text-decoration: underline;
}

#twitter-feed {
	float: left;
	font-size: 90%;
/*	border: 1px solid blue;*/
	height: 400px;
	overflow: hidden;
}

#twitter-feed img {
	float: left;
	width: 50px;
}

#twitter-feed h4 {
	float: right;
	width: 195px;
	font-size: 90%;
	font-weight: bold;
	color: #fb3204;
}

#twitter-feed p {
	float: right;
	clear: right;
	width: 195px;
	font-size: 80%;
}

#twitter-feed li {
	float: left;
	width: 250px;
	margin-top: 10px;
/*	border: 1px solid yellow;*/
}

#screens {
  top: 1020px;
  left: 10px;
  position: absolute;
  width: 270px;
  height: 340px;
	padding: 80px 5px 5px 5px;
/*  background-color: #ffc;*/
}

#screens li {
/*	border: 1px solid red;*/
	float: left;
	width: 120px;
	height: 100px;
	margin: 6px;
}

#screens li.js-version {
/*	border:1px solid red;*/
	display: none;
}

#email-signup {
  top: 900px;
  left: 310px;
  position: absolute;
  width: 280px;
  height: 100px;
/*  background-color: #ff0;*/
}

#email-signup p {
	text-align: center;
	font-size: 70%;
	width: 210px;
	display: block;
	position: absolute;
	bottom: 33px;
	left: 36px;
/*	border: 1px solid red;*/
}

#email-signup .text {
	display: block;
	width: 168px;
	height: 14px;
	font-size: 10px;
	position: absolute;
	bottom: 4px;
	left: 12px;
	color: #000;
}

#email-signup .default-text {
	color: #909090;
}

#email-signup .thanks {
	position: absolute;
	width: 280px;
	bottom: 3px;
	left: 0px;
	font-weight: bold;
/*	background-color: #ff0;*/
	text-align: center;
	font-size: 110%;
}
	
#email-signup #subscribe-button {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 8px;
	width: 82px;
	height: 24px;
	display: block;
	background: url(/images/monkwerks/button-subscribe.gif) top left no-repeat;
	text-indent: -2000px;
	cursor: default;
/*	border:1px solid red;*/
}

/*
#email-signup .subscribe:hover {
	background-position: 0 -24px;
	cursor: default;
	border: 1px solid red;
}
*/

#email-signup .subscribe-disabled {
	background-position: 0 -48px !important;
}

#monkwerks-desc {
  top: 1020px;
  left: 310px;
  position: absolute;
  width: 550px;
  height: 340px;
	padding: 80px 15px 15px 15px;
/*  background-color: #ffc;*/
}

#tips-and-tricks {
  top: 1470px;
  left: 10px;
  position: absolute;
  width: 550px;
  height: 270px;
	padding: 90px 15px 15px 15px;
/*  background-color: #ffc;*/
/*border:1px solid red;*/
}

#tips-and-tricks .forums {
	display: block;
	position: absolute;
	bottom: -34px;
	right: 300px;
	background-color: #fff;
	background: url(/images/monkwerks/button-bottom-forums.png);
	text-indent: -2000px;
	width: 204px;
	height: 68px;
}


#tips-and-tricks .forums:hover {
	background-position: 0 -68px;
}

#tips-and-tricks .support {
	display: block;
	position: absolute;
	bottom: -34px;
	right: 80px;
	background-color: #fff;
	background: url(/images/monkwerks/button-bottom-support.png);
	text-indent: -2000px;
	width: 204px;
	height: 68px;
}

#tips-and-tricks .support:hover {
	background-position: 0 -68px;
}

#more {
  top: 1470px;
  left: 600px;
  position: absolute;
  width: 290px;
  height: 380px;
/*  background-color: red;*/
}

#more a {
	margin-bottom: 20px;
	display: block;
}

#more .more-games {
	display: block;
	position: absolute;
	bottom: -34px;
	right: 30px;
	background-color: #fff;
	background: url(/images/monkwerks/button-bottom-more-games.png);
	text-indent: -2000px;
	width: 226px;
	height: 68px;
	margin: 0;
}

#more .more-games:hover {
	background-position: 0 -68px;
}

#footer {
	height: 140px;
	padding-top: 0px;
/*	border: 1px solid red;*/
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 900px;
	text-align: center;
}

#footer ul {
	display: block;
/*	border: 1px solid blue;*/
	margin-bottom: 10px;
/*	border: 1px solid red;*/
}

#footer li {
	display: inline;
	margin: 10px;
	font-size: 80%;
}

#footer p {
	font-size: 60%;
	color: #777;
/*	border: 1px solid red;*/
}

#footer a:hover {
	text-decoration: underline;
}

#monkwerks-desc li, #tips-and-tricks li {
	list-style-type: disc;
	margin-left: 1em;
}

h2, h3 {
  text-indent: -2000px;
	display: none;
}

.subscribe-rss {
  height: 30px;
  line-height: 30px;
  background: url(/images/monkwerks/rss_icon.gif) no-repeat top left;
	display: block;
	padding-left: 35px;
	font-weight: bold;
	color: #fb3204;
	text-decoration: none;
}

.subscribe-twitter {
  height: 30px;
 	font-size: 90%;
 line-height: 30px;
  background: url(/images/monkwerks/twitter_icon.gif) no-repeat top left;
	display: block;
	padding-left: 35px;
	font-weight: bold;
	color: #fb3204;
	text-decoration: none;
}

.subscribe-rss:hover, .subscribe-twitter:hover {
	text-decoration: underline;
}

#zoom {
	z-index: 11;
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 300%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.popup {
	display:none;
	width:260px;
	height:180px;
	overflow:hidden;
	padding:50px;
	position: absolute;
	left:50%;
	margin-left:-175px;
	top: 20%;
	position: fixed;
	z-index:1002;
}
.popup label {
	display:block;
	padding-bottom:12px;
	font-size:11px;
}

.popup .form_text {
	width:235px;
	line-height:20px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	margin-left:5px;
}
.popup .buts {
	padding-top:20px;
}
.popup .buts input {
	float:left;
}
.popup .buts input.right {
	float:right;
}
.popup_2 {
	background-image:url(/images/monkwerks/popup2.png);
	background-position:left top;
	background-repeat:no-repeat;
}
.popup_2 label {
	color:#000000;
}
.popup_2 .form_text {
	border:#CFBA9B solid 1px;
}

#step_2 {
	display: none;	
}