@charset "utf-8";
body {
	background: #ff9a34 url(../images/bg.jpg) top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4a2e03;
}
body.popupComp {
	background: #ff9a34 url(../images/bg.jpg) center -200px no-repeat;
}
p {
	margin: 10px 15px 0;	
}
#stage {
	width: 920px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
h1 {
	margin: 0;
	padding: 0;
	width: 281px;
	height: 70px;
	position: absolute;
	top: 25px;
	left: 273px;
}
h1 a{
	display: block;
	background: url(../images/title.png) top left no-repeat;
	width: 281px;
	height: 70px;
	text-indent: -999em;
	overflow: hidden;
}
#mamee {
	background: url(../images/mamee.png) top left no-repeat;
	width:358px;
	height: 493px;
	text-indent: -999em;
	overflow: hidden;
}
a#mrpotato {
	display: block;
	background: url(../images/logo_mrpotato.png) top left no-repeat;
	width: 120px;
	height: 117px;
	text-indent: -999em;
	overflow: hidden;
	position: absolute;
	top: 22px;
	right: 237px;
}
a#healthyschool {
	display: block;
	background: url(../images/logo_healthyschool.png) top left no-repeat;
	width: 114px;
	height: 114px;
	text-indent: -999em;
	overflow: hidden;
	position: absolute;
	top: 16px;
	right: 110px;
}
#frame {
	position: absolute;	
	z-index: 10;
	width: 740px;
	top: 130px;
	left: 90px;
}
.popupComp #stage {
	width: auto;
}
.popupComp #frame {
	position: relative;	
	width: 740px;
	margin: 10px auto;
	top:0;
	left:0;
}
#header {
	background: url(../images/header_bg.png) top center no-repeat;
	height: 34px;
	padding: 20px 17px 0 17px;
	margin: 0 3px 0 3px;
}
#header ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 22px;
}
#header ul li {
	margin: 0;
	padding: 0;
	display: inline;
}
#header ul li a {
	margin: 0;
	padding: 0 0 0 2px;
	display: block;
	float: left;
	height: 22px;
	text-indent: -999em;
	overflow: hidden;
}
#header ul li a#home{
	width: 44px;
	background: url(../images/nav_home.gif) top left no-repeat;
}
#header ul li a#products{
	width: 60px;
	background: url(../images/nav_products.gif) top left no-repeat;
}
#header ul li a#games{
	width: 48px;
	background: url(../images/nav_games.gif) top left no-repeat;
}
#header ul li a#competitions{
	width: 84px;
	background: url(../images/nav_competitions.gif) top left no-repeat;
}
#header ul li a#contact{
	width: 52px;
	background: url(../images/nav_contact.gif) top left no-repeat;
}
#content {
	background: url(../images/content_bg.png) top center repeat-y;
	padding: 0 20px 10px 14px;
	margin: 0 3px 0 3px;
	clear: both;
}
.popupComp #content {
	padding-top: 10px;
}

#products-nav ul {
	list-style: none;
	margin: 0;
	padding: 20px 0 0 7px;
	float: left;
	width: 420px;
}
#products-nav ul li {
	float: left;
	color: #ba5314;
	margin: 0;
	padding: 0;
}
#products-nav ul li a {
	text-decoration: none;
	margin: 0;
	color: #C05B14;
	padding: 0 4px;
	display: block;
	float: left;
	font-size: 1em;
	overflow: hidden;
}


#products-nav ul li a:hover {
	
	text-decoration: underline;

}



#home #content {
	padding-bottom: 0;
}
#play {
	background: #ff9900;
	padding: 10px 0 10px 0;
	height: 146px;
}
.twocol {
	clear: both;	
}
.twocol .right {
	float: right;
}
.twocol .left {
	float: left;
}
#prodvideo{
	height: 255px;
}
div#games {
	height: 270px;
	padding: 20px 15px;
}
body.popup {
	text-align: center;	
}
div#products {
	padding: 15px;
	clear: left;
}
div#products .product {
	background: url(../images/product_bottom.gif) bottom left no-repeat;
	color: #763500;
	padding: 0 0 20px 0;
	position: relative;
	margin: 0 0 20px 0;
	height: 200px;
}
div#products .product h3{
	background: url(../images/product_top.gif) top left no-repeat;
	padding: 33px 0 20px 220px;
	font-size: 20px;
	font-weight: 100;
	margin: 0;
}
div#products .product {
	background: url(../images/product_bottom.gif) bottom left no-repeat;
	color: #763500;
	padding: 0 0 20px 0;
	position: relative;
	margin: 0 0 20px 0;
}
div#products .product h3{
	background: url(../images/product_top.gif) top left no-repeat;
	color:#FFFFFF;
	padding: 80px 0 5px 240px;
	font-size: 20px;
	font-weight: 100;
	margin: 0;
}
div#products .product p{
	padding: 0 10px 0 240px;
	color:#FFFFFF;
	margin: 0;
}
div#products .product img {
	position: absolute;
	top: 10px;
	left: 20px;
}

div#products .product img.approved {
	position: relative;
		margin-right: 30px;
}

div#competitions {
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
	margin-top: 30px;
	margin-left: 8px;
}
#Mamee_Signature {
	float: left;
	height: 46px;
	width: 285px;
}
.competition {
	width: 670px;
	padding: 20px 0 0 15px;
}
.popupComp .compdesc {
	margin-top:0;	
}
.compdesc {
	background: url(../images/product_bottom.gif) bottom left no-repeat;
	color: #763500;
	padding: 0 0 20px;
	margin: 20px 15px 0 15px;
}
.compdesc h3{
	background: url(../images/product_top.gif) top left no-repeat;
	padding: 20px 15px 20px 15px;
	margin: 0;
}
.compdesc h5 {
	font-size: 14px;
	font-weight: 100;
	margin: 10px 15px 10px 15px;	
}
.compdesc p{
	margin: 10px 0 10px 0;	
}
.compdesc form {
	padding: 0 15px;
}
.terms {
	padding: 10px 15px 0;	
}
.terms h6, .terms p {
	margin: 0;
	font-size: 11px;	
}
div#contact {
	background: url(../images/product_bottom.gif) bottom left no-repeat;
	padding: 0 0 20px;
	margin: 20px 15px 0 15px;
}
div#contact h3{
	background: url(../images/product_top.gif) top left no-repeat;
	padding: 20px 15px 20px 15px;
	font-size: 16px;
	margin: 0;
}
div#contact form {
	padding: 20px 15px;
	font-size: 15px;
}
div#contact form .row {
	padding-top: 10px;	
}
div#contact form label {
	width: 150px;
	height: 20px;
}
div#contact form input {
	width: 300px;
	height: 20px;
}
div#contact form textarea {
	width: 500px;
	height: 120px;
}
#footer {
	clear: both;
	background: url(../images/footer_bg.png) top center repeat-y;
	padding: 0 17px 0px 17px;
	margin: 0 3px 0 3px;
	height: 67px;
	text-indent: -999em;
	overflow: hidden;
}
h2#games {
	width: 192px;
	height: 71px;
	background: url(../images/title_games.gif) top left no-repeat;
	overflow: hidden;
	text-indent: -999em;
}
h2#products {
	float: left;
	width: 246px;
	height: 71px;
	background: url(../images/title_products.gif) top left no-repeat;
	overflow: hidden;
	text-indent: -999em;
}
h2#products-detail {
  color: #C05B14;
  float: left;
  padding: 5px 0 0 10px;
  font-size: 1.9em;
}
h2#competitions {
	width: 418px;
	height: 71px;
	background: url(../images/title_competitions.gif) top left no-repeat;
	overflow: hidden;
	text-indent: -999em;
}
h2#contact {
	width: 253px;
	height: 71px;
	background: url(../images/title_contact.gif) top left no-repeat;
	overflow: hidden;
	text-indent: -999em;
}
form {
	height: auto;
	margin: 0;
	padding: 0;
}
form .row, form .rowarea {
	clear: left;
	padding-top: 5px;
}
form .row label, form .row.radio .span {
	font-size: 1em;
	font-weight: bold;
	display: block;
	width: 150px;
	float: left;
}
form .rowarea label {
	font-size: 1em;
	font-weight: bold;
	display: block;
	width: auto;
	float: none;
}
form .rowarea textarea {
	width: 500px;
	height: 50px;
}
form button {
	background: url(../images/btn_submit.gif) top left no-repeat;
	display: block;
	width: 120px;
	height: 33px;
	margin: 10px 0 0 0;
	text-indent: -999em;
	overflow: hidden;
	border: none;
}
form input.invalid {
  background-color: #FFDED8;
}
.rightbox {
	float: right;
	width: 290px;
}
.rightbox img {
	border: none;
}
.rightbox h5 {
	font-weight: bold;
	font-size: 1.1em;
}
.hotels img{
	float: left;
	margin-left: 20px;
}