* {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

html {
	/*background: #11111B;*/
	background: #0A0A13;
}

body {
	width: 940px;
	padding: 0px 20px 0px 20px;
	margin: 0 auto;
	color: #B2B1B1;
	font-size: 13px;
	background: url(bg.png) repeat-x;
}

a {
	color: #0090D0;
	text-decoration: none;
}

a:hover {
	color: #2CB9FA;
	text-decoration: none;
}


a:focus,
a:hover,
a:active  {
	text-decoration: underline;
}

/* -- */

span.mg,
span.ms {
	font-weight: normal;
}

span.mg b,
span.ms b {
	font-weight: bold;
}

/* -- */

.pageHeader {
	position: relative;
	height: 100px;
}

.siteName {
	position: absolute;
	left: 0px;
	top: 31px;
	width: 179px;
	height: 30px;
	background: url(logos.png) no-repeat;
	background-position:left -86px;
	overflow: hidden; text-indent: -9999px; /* hide text */
}

.pageMenu {
	position: relative;
	width: 940px;
	top: 18px;
	z-index: 10;
	background: #000;
      -moz-border-radius: 6px; /* FF1+ */
	 -webkit-border-radius: 6px; /* Saf3-4 */
	 border-radius: 6px; /* Opera 10.5, IE 9, Saf5, Chrome */
	overflow: hidden;
}

.pageMenu li {
	display: inline;
	float: left;
	height: 50px;
}

.pageMenu a {
	display: block;
	padding: 13px 11px 10px 12px;
	font-size: 18px;
	font-weight: normal;
	height: 24;
	color: #CCCCCC;
	text-decoration: none;
}

.pageMenu a:hover {
	color: #2CB9FA;
}

.pageMenu a.current,
.pageMenu a:focus,
.pageMenu a:active {
	background: url(currentMenuItemBg3s.png) repeat-x 0 -3px;
}

.pageMenu .home a {
	width: 150px;
	height: 26px;
	background: url(logos.png) no-repeat 1px -95px;
	padding: 0;
	margin: 12px 11px 11px 11px;
	overflow: hidden; text-indent: -9999px; /* hide text */
      -moz-border-radius: 3px; /* FF1+ */
	 -webkit-border-radius: 3px; /* Saf3-4 */
	 border-radius: 3px; /* Opera 10.5, IE 9, Saf5, Chrome */
}
.pageMenu .home a:hover {
	background-color: #1CA9DA;
	background-color: #0070AA;
	background-color: #2CB9FA;
}

.pageMenu div.praise {
	position: absolute;
	left: 430px;
	float: right;
	width: 470px;
	height: 50px;
	padding: 8px 10px 11px 12px;
	text-align: center;
	background: #000;
}

.pageMenu div.praise sub {
	font-size: 23px;
	line-height: 0;
}

.pageMenu div.praise span {
	line-height: 1.25;
	font-size: 15px;
	color: #FFF;
}

/* -- */

.pageWrap {
	margin-top: 0px;	
}

/* -- */

.pageWrap p {
	line-height: 1.5;
}

/* -- */

.pageFooter {
	padding: 30px 0px;
	clear: both;
	color: #999999;
}

/* -- Home page - mungogamer featured -- */

.mungoGamerFeatured .mainContent {
	display: block;
	float: left;
	width: 365px;
	background: url(backcolor.png) repeat; 
	padding: 10px 12px 10px 12px;
      -moz-border-radius: 5px; /* FF1+ */
	 -webkit-border-radius: 5px; /* Saf3-4 */
	 border-radius: 5px; 
}

.mungoGamerFeatured .mainContent p {
	margin-bottom: 1em;
}

.mungoGamerFeatured .mainContent p.firstp {
	width: 92%;
}

.mungoGamerFeatured h1 {
	width: 355px;
	height: 88px;
	margin: 0 0 15px 0;
	background: url(logos.png) no-repeat;
	overflow: hidden; text-indent: -9999px; /* hide text */
}

.mungoGamerFeatured h2 {
	font-size: 24px;
	line-height: 1.25;
	color: #fF9f3a;
	font-weight: normal;
	margin: 0px -12px 10px -12px;
	padding: 12px 60px 10px 12px;
}
.mungoGamerFeatured h2.altColor {
	color: #f67f44;
	color: #f68544;
	color: #60CF60;
	color: #9AFD42;
	font-size: 24px;
}

span.bright {
	color: #60C060;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
}

ul.features {
	margin-bottom: 1.5em;
}

ul.features li {
	list-style: none outside;
	line-height: 22px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 35px;
	margin-bottom: 2px;
	background: #1d1d20 url(featureTick.png) no-repeat 7px 50%;
}

/* -- */

.rightcol {
	display: inline;
	float: right;
	width: 508px;
}

.rightcol .phone {
	display: inline;
	float: right;
	width: 520px;
	height: 368px;
	margin: 0 0 -10px 0;
	background: url(phoneWithTrackss.png) no-repeat 0px 0px; 
}

.rightcol .phonescreen {
	position: relative;
	left: 95px;
	top: 20px;
	width: 333px;
	height: 222px;
	overflow: hidden;
}

.rightcol .screenimg {
	position: absolute;
	left: 0;
	top: 0;
};

.rightcol div .steps {
}

.rightcol p.stepshead {
	color: #677683;
	color: #FFF;
	font-size: 24px;
	margin: 0 0 18px 12px;
	text-align: left;
}
 
.rightcol a.step { 
	float: left;
	width: 360px;
	height: 56px;
	margin: 0 0 0 5px;
	background: url(buttonss.png) no-repeat;
	overflow: hidden; text-indent: -9999px; /* hide text */
}

#one			{ background-position:left 0px;}
#one:hover	{ background-position:left -59px;}
#two			{ background-position:left -118px;}
#two:hover	{ background-position:left -177px;}
#three		{ background-position:left -232px; width: 40px}

.rightcol div.share {
	margin:0 -40px 22px -40px;
	text-align:center;
}
.rightcol span.sharetxt {
	font-size:14px; 
	color:#EEE; 
}
.rightcol a.fbshare {
	display:inline-block;
	height: 21px;
	width: 74px;
	margin: 5px 0 -5px 4px;
	background:transparent url(buttonss.png) no-repeat;
	overflow: hidden; text-indent: -9999px; /* hide text */
	background-position:left -294px;
}
.rightcol a.fbshare:hover	{ background-position:-79 -294px;}
.rightcol  .fbshare span{display:none;}



.rightcol div.step {
	height: 77px;
}

.rightcol p.step { 
	width: 140px;
	padding: 7px 3px 0px 376px;
}

.rightcol h3.stepthree { 
	color: #91B1D1;
	font-size: 19px;
	font-weight: bold;
	margin: 0px 3px 0px 57px;
}

.rightcol p.stepthree { 
	color: #91B1D1;
	width: 400px;
	margin: 3px 3px 0px 57px;
}

p.compatibleWith {
	float: left;
	width: 640px;
	margin-left: 160px;
	margin-top: 30px;
	font-size: 30px;
	text-align: left;
	color: #AAAAAA;
	line-height: 92px;
	background: url(iphoneWifiDesktop.png) no-repeat 420px 0px;
}

/* -- */

.movietitle {
	clear: both;
	padding-top: 5px;
}

.movietitle  p.vids {
	float: left;
	width: 425px;
	font-size: 24px;
	color: #FFF;
	height: 40px;
	font-weight: normal;
	padding: 12px 0 8px 12px;
}

.movietitle a.moreVids {
	float: right;
	height: 30px;
	margin-top: 10px;
	font-size: 22px;
	text-align: right;
	padding-right: 55px;
}

/* -- */
.games p {
	padding: 0px 80px 8px 12px;
}

.games h2 {
	font-size: 24px;
	color: #FFF;
	font-weight: normal;
	padding: 16px 0 0 24px;
}
.games div.gametile {
	float: left;
	width: 152px;	
	height: 62px;
	padding: 0 0px 0 0px;
	background: url(games.jpg); 
	overflow: hidden; text-indent: -9999px; /* hide text */
}

/* -- */

.movies {
	clear: both;
	padding: 12px 12px 14px 12px;
	height: 350px;
	width: 900px;
	background: url(backcolor.png) repeat; 
}

.movies div {
	display: inline;
	float: left;
	padding: 2px 2px 2px 2px;
	background: #282838;
}

.movies p {
	background: #000;
}

/* -- */

.dloads {
	clear: both;
}

.dloads p {
	margin-bottom: 1em;
}

.dloads .serverLeft {
	display: inline;
	float: left;
	width: 420px;	/* was 380 */
}

.dloads a.dlWinServer {		/* new v1.1 */
	float: left;
	clear: both;
	margin: 0px 40px 10px 49px;
	width: 291px;
	height: 57px;
	background: url(dlMungoServerWin.png) no-repeat;
	overflow: hidden; text-indent: -9999px; /* hide text */
}

.dloads a.dlMacServer {		/* new v1.1 */
	float: left;
	clear: both;
	margin: 0px 40px 10px 49px;
	width: 291px;
	height: 57px;
	background: url(dlMungoServerMac.png) no-repeat;
	overflow: hidden; text-indent: -9999px; /* hide text */
}


.dloads p.winServer {
	float: left;
	clear: both;
	margin-top: 6px;
	margin-left: 15px;
	width: 382px;
	height: 362px;
	background: url(winServer2.png) no-repeat;
}

.dloads p.macServer {
	float: left;
	clear: both;
	margin-top: 5px;
	margin-left: 15px;
	width: 382px;
	height: 362px;
	background: url(macServer2.png) no-repeat;
}

.dloads h1 {
	font-size: 26px;
	font-weight: normal;
	margin-left: -4px;
	padding-top: 18px;
	padding-bottom: 20px;
	padding-left:63px;
	background: url(serverIcon2.png) no-repeat;
}

.dloads h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 15px 5px 14px 4px;
}

.dloads .serverRight {
	padding-right: 35px;
	display: inline;
	float: right;
	width: 420px;	/* was 380 */
	margin-bottom: 10px;
}

ul.installSteps li {
	list-style: none outside;
	line-height: 1.5;
	padding: 2px 2px 2px 9px;
	margin-left: -5px;
	margin-bottom: 12px;
	background: black;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}

/* -- */


.support .supportLeft {
	display: inline;
	float: right;
	margin-right:60px;
	width: 620px;	/* was 380 */
}

.support .supportRight {
	display: inline;
	float: left;
	width: 160px;	/* was 380 */
	margin-bottom: 10px;
}

.support p {
	margin-bottom: 1em;
}

.support h2 {
	font-size: 20px;
	font-weight: normal;
	margin-top: 1.5em;
	margin-left: -14px;
	margin-bottom: 13px;
}

.support h3 {
	font-size: 14px;
	font-weight: bold;
	margin-left: -13px;
	margin-top: 1.5em;
	margin-bottom: 1em;
}

.support p.winServer {
	margin-left: 5px;
	width: 382px;
	height: 365px;
	background: url(winServer2.png) no-repeat;
}

.support p.macServer {
	margin-left: 5px;
	width: 382px;
	height: 365px;
	background: url(macServer2.png) no-repeat;
}