/* -----------------------------------------
Stylesheet for metagame.com / Metagame(TM)
Author: cdeVision.com 
Copyright: (c)2007
Created: 19 October 2007 
-------------------------------------------- */

body {background:#004630 url(images/bg.png); text-align:center;/* IE hack to center page contents */
	margin:0; font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#004630;}

h1, h2, h3, h4 {padding:0; margin:0;} 
h1 {font:bold 25px arial,sans-serif; padding:0 0 18px 0; line-height:20px;} /* page titles */
h2 {font:bold 14px verdana,arial,sans-serif; padding:0 0 15px 0; line-height:20px;} /* sub-titles */
	h2.check {background:url(images/check-icon.gif) 0 2px no-repeat; padding-left:28px;}
p {margin:0; padding:0 0 15px 0; line-height:15px;}
p.intro {font-size:15px; line-height:19px;} /* page intro text */
ul, ol {margin:0 0 0 25px; padding:0 0 13px 0;}
li {line-height:15px; padding:0 0 2px 0;}

img {border:0;}
.clearFloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

div#printlogo {display:none;}

/* fix PNG transparency in IE */
#tagline {behavior:url(scripts/iepngfix.htc);}

/* scriptalicious blind toggle */
a#toggle {font-weight:bold; text-decoration:none; background:url(images/toggle-arrow.gif) 100% 2px no-repeat; padding-right:17px;}
a#toggle:hover {background:url(images/toggle-arrow-hover.gif) 100% 5px no-repeat; color:#AAC126;  padding-right:20px;}
div#information {}
div#information div {}

/* ---- popups styles --------------- */
#popups {text-align:center; margin:10px;}
	#popups a:hover {color:#AAC126; text-decoration:none;}
#popimageframe {margin:0px auto 10px; padding-bottom:10px;}
	#popimageframe p {text-align:center;}
#popapageframe {margin:0px auto 10px; background:#fff; padding:20px 20px; text-align:left; border-top:5px solid #C1D738;}
	#popapageframe p {}
	#popapageframe #logo span {display:none;}


/* ---- links ----------------------------------------- */
a {/*color:#9AAF23;*/ color:#AAC126; text-decoration:underline;}  
a:visited {/*color:#9AAF23;*/ color:#AAC126;}
a:hover {color:#004630; text-decoration:none}
a:active {/*color:#9AAF23;*/ color:#AAC126; }
a:active, a:focus {outline:none;}


/* ---- ids & classes ----------------------------------------- */

#frame {width:800px; margin:0 auto; background:#fff; position:relative;}

#header {width:800px; margin-bottom:25px;}
#header span {display:none;}
	#navmenu {background:#C1D738 url(images/bg-navmenu.gif) repeat-x; width:800px; height:30px; text-align:center; }
		#navmenu ul {margin:0 auto !important; padding:0; list-style:none; text-align:center;}
		#navmenu li {display:inline; line-height:30px; padding:0 15px;}
		#navmenu a {color:#004630; font:bold 11px verdana,sans-serif; line-height:30px; padding:8px 8px 9px 8px; text-decoration:none;}
		#navmenu a.on {background:#fff; color:#C1D738;}
		#navmenu a:hover {background:#fff; color:#C1D738;}
	#logo {width:367px; height:81px; margin:15px auto 0; background:url(images/logo.gif) no-repeat;}
		#logo h1 {margin:0;}
		#logo a {display:block; width:367px; height:81px;}
	#tagline {position:absolute; top:35px; right:25px; width:165px; height:164px; background:url(images/tagline.png) no-repeat; z-index:100;}

#banner {width:750px; margin:0 auto; z-index:80;}
	#banner img {display:block;}

#content, #contentHome {width:730px; margin:0 auto; text-align:left; background:#fff;}
#contentHome {margin-top:20px;}
#content {min-height:350px;}
	#main {float:left; width:530px; background:#fff;}
	#rcol {float:right; width:170px; padding-top:20px; background:#fff;}
	
	/* Boxes */
	.box {width:170px; margin-bottom:25px; background:url(images/bg-box.gif) repeat-y; text-align:left;}
	.box p {color:#fff; line-height:14px; padding:3px 0 5px 0;}
		.box p.check {line-height:18px; background:url(images/box-check.gif) 0 7px no-repeat; padding-left:20px;}
	.box a.arrow {line-height:14px; background:url(images/box-arrow.gif) 0 1px no-repeat; padding:3px 0 5px 18px; display:block; margin-left:1px;}
		.box a.arrow:hover {background:url(images/box-arrow-hover.gif) 2px 1px no-repeat;}
	.box a.thumb-arrow {line-height:33px; background:url(images/box-arrow.gif) 0 13px no-repeat; padding:8px 0 8px 20px; display:block; margin:0 0 0px 1px;}
		.box a.thumb-arrow:hover {background:url(images/box-arrow-hover.gif) 2px 13px no-repeat;}
	.box a {text-decoration:none; color:#AAC126; font-weight:bold;}
	.box a:hover {color:#fff;}
	.boxText {padding:5px 17px;}
	.boxBottom {width:170px; height:19px; background:url(images/box-bottom.gif) no-repeat;}
	h3.boxTop {width:170px; padding:0; margin:0; text-indent:-4000px;}
		.manyapplications {height:60px; background:url(images/box-manyapplications.png) no-repeat;}
		.whymetagame {height:60px; background:url(images/box-whymetagame.png) no-repeat;}
		.contactus {height:40px; background:url(images/box-contactus.png) no-repeat;}
			.contactus a {display:block; width:170px; height:40px;}
			.contactus a:hover {background:url(images/box-contactus-hover.png) no-repeat;}
		.whyjava {height:40px; background:url(images/box-whyjava.png) no-repeat;}
			.whyjava a {display:block; width:170px; height:40px;}
			.whyjava a:hover {background:url(images/box-whyjava-hover.png) no-repeat;}
		.gamescreenshots {height:60px; background:url(images/box-gamescreenshots.png) no-repeat;}
		.about {height:60px; background:url(images/box-about.png) no-repeat;}
			.about a {display:block; width:170px; height:60px;}
			.about a:hover {background:url(images/box-about-hover.png) no-repeat;}
		.features {height:60px; background:url(images/box-features.png) no-repeat;}
			.features a {display:block; width:170px; height:60px;}
			.features a:hover {background:url(images/box-features-hover.png) no-repeat;}
		.news {height:60px; background:url(images/box-news.png) no-repeat;}
			.news a {display:block; width:170px; height:60px;}
			.news a:hover {background:url(images/box-news-hover.png) no-repeat;}
		.gto {height:79px; background:url(images/box-gto.png) no-repeat;}
			.gto a {display:block; width:170px; height:79px;}
			.gto a:hover {background:url(images/box-gto-hover.png) no-repeat;}
	#homeBoxes {width:760px; margin:5px auto 5px;}
		#homeBoxes .box {float:left; margin:0 10px;}
		#homeBoxes .boxText {min-height:120px;}
		
#frameBottom {width:800px; height:15px; clear:both; background:#004630 url(images/bg-frameBottom.gif)}

#footer {width:730px; margin:15px auto 0; padding-bottom:20px; color:#C1D738; font-size:10px; text-align:left;}
	#footer p {line-height:12px; padding:0 0 8px 0;}
	#footer a {color:#C1D738;}
	/* "site by cdevision" */
	p#props {color:#427733;}
	p#props a {color:#427733;}
	p#props a:hover {}
	#copyright {float:left; width:400px;}
	#gtoinfo {float:right; width:150px; background:url(images/logo-gto.gif) no-repeat; padding-left:150px;}