/*@charset "utf-8";*/
/* CSS Document */

body {
	background-image: url(images/matmi08-bg-xmas.jpg);
	background-position:center top;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-color: #070707;
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:15px;
	/*word-wrap: break-word;*/
	/*display:block;*/
}

object { 
	outline:none;  /*for Javascript / Flash objects, to hide a dotted border */
	display: block;
	border:none;
	margin:auto;
	padding:0 0 0 0;
}


img {

	border:none;

}

a{
	border:none;
}

a:link {
	color: #00CCFF;
}
a:hover{
	color: #FF3333;
}

.outerDiv {
	margin:0px auto 0px auto;
	vertical-align:top;
	text-align:center;
	width:100%;
	height:auto;
	border:none;
}

.innerDiv {
	margin:0px auto 0px auto;
	vertical-align:top;
	text-align:center;
	width:960px;
	height:auto;
	border:none;
}

.innerDiv a img{
	/*display:block; margin:auto;*/
}

.outerTopMenuOld{	
	width:960px;
	border:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:20px;
	text-align:center;
}
.outerTopMenu{	
	width:900px;
	border:none;
	margin:auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	height:36px;
	text-align:center;
	/*background-image:url(dropmenu/2009_graphics/backgroundWhite.jpg);/*background.png);
	background-repeat:no-repeat;*/
	background-image:url(dropmenu/2009_graphics/backgroundBlack.gif);
	background-repeat:repeat-x;
	background-color:#000;
	
}

.innerTopMenu{
	font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; 
	text-decoration: none; 
	font-weight: normal; 
	color: #999999;
}

.innerTopMenu a:link{
	font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; 
	text-decoration: none; 
	font-weight: normal; 
	color: #999999;
}

.innerTopMenu a:hover {
	font-size: 11px; 
	font-family: "Lucida Grande", Geneva, Arial; 
	text-decoration: none; 
	font-weight: normal; 
	/*color: #ffffff;*/
}

.innerTopMenu a:visited{
	font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; 
	text-decoration: none; 
	font-weight: normal;
	color: #999999;
}

.innerTopMenuSide1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:20px;
	text-align:center;
	border:none;
	width:30px;
}
.innerTopMenuSide2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*background-color:#000000;*/
	width:21px;
	border:none;
	table-layout:fixed;
}
.frontPageSwf{
	width:960px;
	height:341px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	border:0;
	/*vertical-align: bottom;*/
	display: block;	
}
.friendsSWF{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
	border:0;
	vertical-align: top;
	display: block;	
}
.gameflashContent{
margin:auto;
}
.gamePageSwf{
	width:100%;
	height:auto;
	margin:auto;
	text-align:center;
	border:0;
	vertical-align: bottom;
	display: block;	
	background-color:#000000;
}

.mainTable{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	border:none;
	width:960px;
	height:auto;
	vertical-align: top;
	
}

.mainHtmlMainLeftArea{
	width:522px; /* 606 - 2x42 pixel areas, for 42 pixel padding*/
	height:auto;
	/*border:none;*/
	text-align:left;
	vertical-align:top;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 38px 0px 38px;
}

.mainHtmlMainLeftAreaForGamesOnly{
	width:522px; /* 606 - 2x42 pixel areas, for 42 pixel padding*/
	height:auto;
	/*border:none;*/
	text-align:left;
	vertical-align:top;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 15px 0px 15px;
}

.mainHtmlMainLeftAreaNoBg{
	width:522px; /*522px 606 - 2x42 pixel areas, for 42 pixel padding*/
	height:auto;
	/*border:none;*/
	text-align:left;
	vertical-align:top;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 00px 0px 42px;
	float:left;
}
.mainHtmlMainAreaFull{
	width:816px; /* 900 - 2x42 pixel areas, for 42 pixel padding*/
	height:auto;
	/*border:none;*/
	text-align:left;
	vertical-align:top;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 42px 0px 42px;
}
.mainHtmlMainAreaFullNoPadding{
	width:auto;/*816px; /* 900 - 2x42 pixel areas, for 42 pixel padding*/
	height:auto;
	/*border:none;*/
	text-align:left;
	vertical-align:top;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}

.mainHtmlMainAreaFullGames{
	width:858px; 
	height:auto;
	text-align:left;
	vertical-align:top;
	background-color:#FFFFFF;
	background-image:url(images/gamesidebg.jpg);/*games_bg_right.png*/
	background-position:top right;
	background-repeat:repeat-y;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 42px;
}

.mainHtmlMainLeftAreaWithoutPadding{
	width:606px;
	border:none;
	text-align:center;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(images/matmi08-header.jpg);
	background-repeat:no-repeat;
}

.mainHtmlMainLeftGameAreaWithoutPadding{
	width:606px;
	border:none;
	text-align:center;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(images/matmi08-headerGame.jpg);

}
.mainHtmlMainLeftGameAreaWithoutPadding2{
	width:626px;
	border:none;
	text-align:center;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(images/matmi08-headerGame.jpg);

}


.mainHtmlMainGameAreaWithoutPadding{
	width:606px;
	border:none;
	text-align:center;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*background-image:url(images/matmi08-headerGame2.jpg);*/

}
.mainHtmlMainAreaFullGamesPage{
	text-align:left;
	vertical-align:top;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 42px 0px 42px;
	font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: none; font-weight: normal; color: #333333;
}
.mainHtmlMainAreaFullGamesPageTop{
	text-align:left;
	vertical-align:top;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 42px 0px 42px;
	font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: none; font-weight: normal; color: #333333;
	background-image:url(images/rainbowlinesFull.png);
	background-repeat:no-repeat;
}
.mainHTMLBreadcrumb{
	vertical-align:bottom;
	text-align:left;
	height:27px;/*43*/
	font-size: 11px; 
	font-family: "Lucida Grande", Geneva, Arial; 
	text-decoration: none; 
	font-weight: normal; 
	color: #333333;
	margin:0px 0px 0px 42px;
	padding:0px 0px 0px 0px;
	width:auto;
}
.mainHTMLBreadcrumb a:link 			{font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: underline; font-weight: normal; color: #ff3333;}
.mainHTMLBreadcrumb a:hover 			{font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: underline; font-weight: normal; color: #66CCFF;}
.mainHTMLBreadcrumb a:visited 		{font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: underline; font-weight: normal; color: #333333;}
.mainHTMLBreadcrumb a:visited:hover	{font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: underline; font-weight: normal; color: #66CCFF;}

.mainHtmlMainRightAreaNoBg{
	margin:auto;
	padding:0px 40px 0px 0px;  /*was 48*/
	width:254px; /*was 246*/ 
	height:100%;
	vertical-align:top;
	border:none;
	text-align:right;
	float:right;
}

.mainHtmlMainRightArea{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; /*was 48 */
	width:294px; 
	height:100%;
	vertical-align:top;
	border:none;
	text-align:center;
	background-color:#4D3E2B;
	background-image:url(images/matmi08-side2.jpg);
	background-repeat:repeat;
}

.mainHtmlMainRightArea2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; /*was 48 */
	width:274px; 
	height:100%;
	vertical-align:top;
	border:none;
	text-align:center;
	background-color:#4D3E2B;
	background-image:url(images/matmi08-side2.jpg);
	background-repeat:repeat;
}

.innerHtmlMainRightArea{
	/*This is required to pad theright area*/
	/*Right area requiers this because the scoail bookmark, right above this area does not want the padding area*/
	margin:0px auto 0px auto;
	padding:24px 37px 10px 37px;  /* first one is 48 for padding from top, minus 18 for height of social_bookmark area*/
	height:100%;
	width:220px; /* 294 - 2x37 px padding */
	vertical-align:top;
	border:none;
	text-align:right;
}

.randomgame{
	width:136px;
	text-align:center;
	float:left;
}
.socialBookmark{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	height:auto;
	width:294px;
	vertical-align:top;
	border:none;
	text-align:right;
}

.socialBookmarkImage {
	border:none;
}

.noFlashImage {
	border:none;
	vertical-align:bottom;
	outline:none;
	text-align:center;
	margin:auto;
}


.headingblack {
	font-size: 40px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000001;
	/*margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align:top;*/
	line-height:40px;
}

h1 {
	font-size: 40px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	/*color: #000000;*/
	padding:0;
	margin:0;
	line-height:40px;
	font-weight:normal;
}

h2 {
	font-size: 16px; 
	line-height:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #ff3333;
	padding:0;
	margin:0;
	font-weight:normal;
}

h3 {
	font-size: 16px; 
	line-height:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#0099FF;
	padding:0;
	margin:0;
	font-weight:normal;
}
h3 a{
	font-size: 16px; 
	line-height:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#0099FF;
	padding:0;
	margin:0;
	font-weight:normal;
}

h4{
	font-size: 17px; 
	line-height:17px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	font-weight: normal; 
	color: #ffffff;	
	padding:0;
	margin:0;
	font-weight:normal;
}
/*h2 {
	font-size: 40px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #ff3333;
	padding:0;
	margin:0;
	font-weight:normal;
}*/

.subheadorangeBig {
	font-size: 40px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #ff3333;
}


.subheadorange {
	font-size: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #ff3333;
}

.subheadblack {
	font-size: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
}

.subheadblack a:link {
	font-size: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #0099FF;
}


.subheadorange a:link{
	text-decoration: none;
	font-weight: normal; 
	color: #2DBBFF;
}

.subheadorange a:visited:hover{
	text-decoration: none;
	font-weight: normal; 
	color: #2DBBFF;
}

.subheadorange a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #2DBBFF;
}



.maintextgrey 					{font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: none; font-weight: normal; color: #333333;overflow:visible; word-wrap: break-word;}
.maintextgrey a:link 			{font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: underline; font-weight: normal; color: #ff3333;overflow:visible;}
.maintextgrey a:hover 			{font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: underline; font-weight: normal; color: #ff3333;overflow:visible;}
.maintextgrey a:visited 		{font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: underline; font-weight: normal; color: #ff3333;overflow:visible;}
.maintextgrey a:visited:hover	{font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: underline; font-weight: normal; color: #ff3333;overflow:visible;}
/*.maintextgrey a:visited 		{font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: underline; font-weight: normal; color: #333333;overflow:visible;}
.maintextgrey a:visited:hover	{font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: underline; font-weight: normal; color: #66CCFF;overflow:visible;}*/

.maintextblue	 	 			{font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: none; font-weight: normal; color: #66CCFF;}
.maintextblue a:link 			{font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: none; font-weight: normal; color: #66CCFF;}
.maintextblue a:hover			{font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: underline; font-weight: normal; color: #66CCFF;}
.maintextblue a:visited			{font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: none; font-weight: normal; color: #66CCFF;}
.maintextblue a:visited:hover	{font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: underline; font-weight: normal; color: #66CCFF;}

.headingwhite{font-size: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-weight: normal; color: #ffffff;}

.maintextwhite{
	font-size: 9px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;      
	font-weight: normal; 
	color: #ffffff;
}

.maintextwhite a:link{
	font-size: 9px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
	font-weight: normal; 
	color: #66CCFF;
}

.maintextwhite a:hover{
	font-size: 9px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
	font-weight: normal; 
	color: #ff3333;
}

.maintextwhite a:visited:hover{
	font-size: 9px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
	font-weight: normal; 
	color: #ff3333;
}

.maintextwhite a:visited {
	font-size: 9px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
	font-weight: normal; 
	color: #66CCFF;
}



.dropmenudiv{
	margin:0 0 0 40px;
	padding:0;
	position:absolute;
	z-index:100;
	white-space: normal;
	/*width: auto;*/
	visibility: hidden;
	line-height: 0;
	/*margin-left:20px;*/
	/*border:none;*/
}

body /*ie fix */> .dropmenudiv{
	margin:-44px 0 0 0;
}

.dropmenudiv2{
	
	margin:0 0 0 -37px;
	padding:0;
	position:absolute;
	z-index:100;
	white-space: normal;
	/*width: auto;*/
	visibility: hidden;
	line-height: 0;
	width:auto;
	/*margin-left:20px;*/
	/*border:none;*/
}

body /*ie fix */> .dropmenudiv2{
	margin:-4px 0 0 0;
}

.dropmenudiv2 img{
	margin: 0 0 0 0;
	padding:0;
	white-space: normal;
	border:none;
	line-height: 0;
}

.dropmenudiv2 a{
	/*margin:0;*/
	padding:0;
	white-space: normal;
	border:none;
	/*line-height: 0;*/
}

.website_logo {
	width:100px;
	height:95px;
	vertical-align:middle;
	margin:0;
	padding:0;
	float:left;
	overflow:visible;
}

.website_details {
	width:400px;
	height:95px;
	vertical-align:top;
	margin:0;
	padding:0;
	float:left;
	overflow:visible;
}


.website_stats_big_text {
	font-family: "Lucida Grande", Geneva, Arial; 
	text-decoration: none; 
	font-weight: normal; 
	font-size:40px;
	color: #ffffff;

}

.website_details_bottom {
	vertical-align:top;
	margin:0;
	padding:0;
	float:left;
}


.gameCoat2 {
	height:90px;
	width:570px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	float:left;
	overflow:hidden;
	z-index:3;
}

.gameCoat2:hover  {
	background-color:#dddddd;
	height:90px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	float:left;
}
.gameCoat {
	/*background-color:#FFFFFF;*/
	height:90px;
	/*width:auto;/*562px;*/
	width:540px;/*grey box area, was 561*/
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	float:left;
	overflow:hidden;
    /*white-space:nowrap;*/
	z-index:3;
}

.gameCoat:hover  {
	background-color:#dddddd;
	height:90px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	float:left;
}

.gameLeftColumn{
	/*width:auto; /*562px*/
	float:left;
	overflow:hidden;
}

.gameRightColumn{
	width:250px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 42px 0px 0px;
	text-align:right;
	overflow:hidden;
}

.gameStats{
	margin:0px 0px 0px 0px;
	padding:0px 2px 0px 0px;/*42*/
	float:right;
	width:295px;/*295*/
	height:87px;/*71px;/*auto;*/
	vertical-align:top;
	text-align:left;
	/*line-height:17px;*/
	background-image:url(images/sidebigarrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.olderGamesList{
	float:left;
	width:500px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

.websiteCoat {
	background-color:#FFFFFF;
	height:auto;
	overflow:auto;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	overflow:hidden;
}

.websiteCoat:hover  {
	background-color:#dddddd;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}

.mainContact{
	height:440px;
	font-size: 11px; 
	font-family: "Lucida Grande", Geneva, Arial; 
	text-decoration: none; 
	font-weight: normal; 
	color: #333333;
	width:500px;
}



.awards{
	height:270px;
	width:250px;
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px 5px 5px 0px;
	text-align:center;
	font-size: 10px; 
	font-family: "Lucida Grande", Geneva, Arial; 
	text-decoration: none; 
	font-weight: normal; 
	color:#333333;
	vertical-align:middle;
	/*border:thin #999999;*/
	border-color:#CCCCCC;
	background-color:#E4E4E4;
	border-style:solid;
	border:1px;
}

.awardstext{
	color:#333333;
	text-decoration: none; 
	text-align:center;
}

.awardstext a{
	color:#FF3333;
	text-decoration: none; 
}

.awardstext a:visited{
	color:#FF3333;
	text-decoration: none; 
}

.awardspic{
	border:#CCCCCC;
	border-style:solid;
	border-width:thin;

}
.awardstext :hover{
	color:#FF3333;
	text-decoration: none; 
}
.snapshot{
	padding:0;
	margin:auto;
	border:0;
}

.snapshotBig{
	float:left;
	padding:0;
	margin:auto;
	border:0;
}
.snapshot_info{
	float:left;
	width:250px;
	height:319px;
	padding:0 0 10px 46px;
	margin:auto;
	font-size: 10px; 
	font-family: "Lucida Grande", Geneva, Arial; 
	text-decoration: none; 
	font-weight: normal;
	border:0;
}

.pages{
	font-size: 10px; 
	font-family: "Lucida Grande", Geneva, Arial; 
	text-align:right;
	margin:0;
	padding:0;
	width:auto;
}

.toprightboxwhite {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; /*was 48 */
	width:294px; 
	height:100%;
	border:none;
	vertical-align:top;
	background-color:#FFFFFF;
}

.gameTextBox{
float:left;
width:397px;
font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: none; font-weight: normal; color: #333333;
}


.gamesPageBlack{
width:900px;
background-color:#000000;
text-align:center;
margin:0;
padding:0;
}

.gamesPageSocialBookmark{
margin:0 20px 0 0;
padding:0;
overflow:hidden;
text-align:right;/*
width:897px;
height:20px;
*/
}


.footer{
background-image: url(images/matmi08-footer.png);
background-position:top center;
background-repeat:no-repeat;
width: 960px;
height: 150px;
overflow:hidden;
text-align:center;
font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: none; font-weight: normal; color: #ffffff;
margin:0px 0px 0px 0px;
}

.footergame{
background-image: url(images/matmi08-footer.png);
background-position:top center;
background-repeat:no-repeat;
width: 960px;
height: 150px;
overflow:hidden;
text-align:center;
font-size: 11px; font-family: "Lucida Grande", Geneva, Arial; text-decoration: none; font-weight: normal; color: #ffffff;
padding:0;
margin:-10px 0px 0px 0px;
}

#social_bookmark {
	padding-top:5px;
}

#social_bookmark img {
	padding-left:5px;
}

.hiddenPic {display:none;}