/* @group reset */

	* { margin:  0; padding: 0; }
	ul { list-style: none; }
	p { margin: 0 0 10px 0; }
	a img, frameset { border: 0; }

/* @end */
/* @group utility */

	.clear {
	height: 1px;
	clear: both;
margin:0;
padding:0;
	margin-top: -1px;
	overflow: hidden;
line-height:0;

	}
	.row:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	.add_top, #add_top { margin-top: 15px; }
	.add_bottom, #add_bottom { margin-bottom: 15px; }
	.no_bottom { margin-bottom: 0; padding-bottom: 0; }
	.no_top { margin-top: 0; }
	.no_border { border: 0; }
	.left { float: left; }
	img.left { margin: 0 15px 15px 0; }
	.right { float: right; }
	img.right { margin: 0 0 15px 15px; }
	.text_right { text-align: right; }
	.hide { display: none; }

/* @end */
/* @group =base */

	body {
	font: 62.5% Lucida Sans Unicode,Lucida Grande,Sans-Serif;
	color: #333;
	background: #ff6633;
	}
	
	/* @group -headers */
	h2, h3, h4, h5 { }
	h2 { font-size: 185%; margin: 30px 0 10px; }
	h3 { font-size: 150%; margin: 15px 0; }
	h4 { font-size: 135%; margin: 15px 0 5px; }
	h5 { font-size: 115%; margin: 5px 0; }	
	/* @end */

	/* @group -links */
	a, a:link { text-decoration: none; color: #3F9AB4; outline: none}
	a:visited {}
	a:hover { text-decoration: underline; }
	a:active {}
	/* @end */

	/* @group -navigation */		
	#nav {
  	width: 755px;
  	height: 40px;
 	position: relative;
 	top:  103px;
	left: 250px;
  	background: url(../images/structure/nav.png) 0 0 no-repeat;
  	list-style: none;
	}	
	#nav li {
  	position: absolute;
  	top: 0;
  	height: 40px;
  	text-indent: -9000px;
	}	
	#nav li a {
  	display: block;
  	height: 40px;
	}	
	#nav-operators {left: 0px; }
	#nav-operators, 
	#nav-operators a {width: 134px; }
	#nav-operators a:hover, 
	#nav-operators:hover, 
	#nav-operators.sfHover, 
	body#operators #nav-operators {background: url(../images/structure/nav.png) -0px -40px no-repeat; }
	#nav-publishers { left: 136px; }
	#nav-publishers, 
	#nav-publishers a { width: 135px; }
	#nav-publishers a:hover, 
	#nav-publishers:hover, 
	#nav-publishers.sfHover, 
	body#publishers #nav-publishers {background: url(../images/structure/nav.png) -136px -40px no-repeat; }
	#nav-distributors {left: 273px; }
	#nav-distributors, 
	#nav-distributors a {width: 164px; }
	#nav-distributors a:hover, 
	#nav-distributors:hover, 
	#nav-distributors.sfHover, 
	body#websites #nav-distributors {background: url(../images/structure/nav.png) -273px -40px no-repeat; }	

        #nav-jobs {left: 273px; }
	#nav-jobs, 
	#nav-jobs a {width: 164px; }
	#nav-jobs a:hover, 
	#nav-jobs:hover, 
	#nav-jobs.sfHover, 
	body#investors #nav-jobs {background: url(../images/structure/nav.png) -273px -40px no-repeat; }	


	#nav-about { left: 439px; }
	#nav-about, 
	#nav-about a { width: 129px; }
	#nav-about a:hover, 
	#nav-about:hover, 
	#nav-about.sfHover, 
	body#about #nav-about {background: url(../images/structure/nav.png) -439px -40px no-repeat; }
	#nav-contact {left: 570px; }
	#nav-contact, 
	#nav-contact a {width: 115px; }
	#nav-contact a:hover, 
	#nav-contact:hover, 
	#nav-contact.sfHover, 
	body#contact #nav-contact {background: url(../images/structure/nav.png) -570px -40px no-repeat; }		
	/* @end */
	
	/* @group -footer */
	#footer { 
	width: 900px;
	margin: auto;
	padding-top: 24px;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	}
	#footer ul {padding: 20px 0;}
	#footer ul li {display: inline;}
	#footer ul li.borderL {border-right: solid 1px #fff; padding-right: 20px;}
	#footer ul li.borderR {padding-left: 20px;}				
	#footer ul li a {color: #fff; padding: 4px}
	#footer ul li a:hover {background: #3f9ab4; text-decoration: none;}
	#footer img.mobilelogo{}
	/* @end */	
	
	/* @group -form elements */
	button { 
	cursor: pointer; 
	width: auto;
	overflow: visible;
	}
	label {font-weight: bold; }
	/* @end */
	
	/* @group -containers */
	#container-outer {min-width: 960px; padding-bottom: 40px; }
	.home {background: #fff url(../images/structure/bg-header-home.png) 0 0 repeat-x;}
	.secondary {background: #fff url(../images/structure/bg-header-secondary.png) 0 0 repeat-x;}
	#container-inner {width: 960px; margin: auto;}
	#container-footer-outer{
	background:  #ff6633 url(../images/structure/bg-footer-outer.png) 0 0 repeat-x;
	min-width: 960px;
	}
	#container-footer-inner{
	background:  url(../images/structure/bg-footer-inner.png) center 0 no-repeat;
	min-width: 960px;
	height:  151px;
	}		
	.secondary-content {
	padding: 30px 0 20px 20px;
	margin-top:  33px;
	background:  url(../images/structure/bg-header-secondary-bottom.png) 0 0 no-repeat;
	}
      .secondary-content h2{text-transform:uppercase;}
	.home-content {}
	#container-content p {font-size: 1.2em; line-height: 1.6em;}
	#container-content h2 {font-size:2.2em;}
	#container-content h3 {
	font-size:2em;
	line-height: 1.4em;
	color: #f38630;
	font-weight:normal;
	}
	
	/* @end */
	
	/* @group -global header */
	#header { 
	height: 142px;
	width: 960px;
	margin: auto;
	}
	#header h1 a{ 
	position: relative;
	top: 30px;
	left: 20px;
	width: 376px;
	height: 69px;
	margin: 0;
	float:  left;
	text-indent:-9999px;
	background: url(../images/structure/logo-mplayit.png) 0 0 no-repeat;
    	cursor: pointer;
	}		
	#nav-utility { 
	float: right;
	padding-top: 10px;
	font-size: 1.1em;
	color: #999;
	}
	#nav-utility a { 
	font-weight: bold;
	margin: 0;
	color: #3f9ab4;
	}	
	#nav-utility li {float: left;}
	#nav-utility li.borderL {border-right: solid 1px #eee; padding: 7px 10px 3px 0;}
	#nav-utility li.borderR {padding-left: 10px;}
	#nav-utility a.news,
	#nav-utility a.games {
	height: 28px;
	width:  77px;
	text-indent: -9999px;
	display: block;
	}
	#nav-utility a.news {
	background: url(../images/structure/btn-rss-news.png) 0 0 no-repeat;
	}
	#nav-utility a.games {
	background: url(../images/structure/btn-rss-games.png) 0 0 no-repeat;
	}		
	/* @end */	
		
	/* @group -columns */
	#column-content {width:  600px; float: left;}
	#column-sidebar {width:  300px; float: right;}
	#column-content h3 {margin:20px 0 10px;}
	#column-content h3 span {font-size:.9em;}
	#column-content div.leadership img,
	#column-content div.publisher img {position:relative}
	#column-content div.publisher a {display:block;width:80px;height:80px;border:1px solid #ccc !important;float:left; margin:0 18px 18px 0; position:relative}
	#column-content div.leadership h3, #column-content div.press h3 {margin:  20px 0 0;}
	#column-content div.leadership h4, #column-content div.press h4 {color: #999; font-weight: normal}
	#column-content div.leadership h4 {margin:  0 0 20px;}
	#column-content div.press h4 {margin:  0 0 10px;}
	#column-content div.press p.links {margin-bottom:  50px;}
	#column-content div.leadership img {
	border:1px solid #ccc;
	display:block;
	float:left;
	margin:0 18px 18px 0;
	position:relative;
	width:100px;
	}
	#column-content div.publisher img {width:  80px;}
	#column-content ul,
	#column-content ol {
	float:left;
	font-size:1.2em;
	line-height:1.4em;
	padding:0 0 0 20px;
	margin-bottom: 10px;
	}
	#column-content ol li {margin:0 0 14px 24px;}
	#column-content ul li {
	padding:0 0 0 14px;
	margin:0 0 14px 0;
	background:url(../images/structure/ico-bullet-square.png) 0 5px no-repeat;
	}	

	/* @end */
	
	/* @group -sidebar */
	#column-sidebar ul#nav-sidebar {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-top: 30px;
	background:url(../images/structure/bg-categories.png) 0 bottom no-repeat ;
	padding-bottom: 15px;
	}
	#column-sidebar ul#nav-sidebar li {border-top:1px solid #ddd;}
	#column-sidebar ul#nav-sidebar li a,
	#column-sidebar ul#nav-sidebar li.on {padding: 6px 30px;}
	#column-sidebar ul#nav-sidebar li a {
	background: url(../images/structure/ico-bullet-square.png) 12px center no-repeat ;
	display: block;
	}
	#column-sidebar ul#nav-sidebar li a:hover,
	#column-sidebar ul#nav-sidebar li.on {
	background: #3F9AB4 url(../images/structure/ico-bullet-square.png) 12px center no-repeat;
	text-decoration:none;
	color: #fff;
	}
	#column-sidebar .quick-contact, #column-sidebar .featured {
	padding-bottom: 1px;
	background: url(../images/structure/bg-quick-contact-bottom.png) 0 bottom no-repeat;
	margin-top: 30px
	}
	#column-sidebar .featured h3, #column-sidebar .quick-contact h3 {
	height:42px;
	margin:0;
	text-indent:-9999px;
	width:300px;
	}
	#column-sidebar .featured h3 {
	background: url(../images/structure/h3-featured.png) 0 0 no-repeat;
	}
	#column-sidebar .quick-contact h3 {
	background: url(../images/structure/h3-quick-contact.png) 0 0 no-repeat;
	}
	#column-sidebar .quick-contact form, #column-sidebar .featured div {
	width:230px;
	background: url(../images/structure/bg-quick-contact.png) 0 0 repeat-y;
	}
	#column-sidebar .quick-contact form {
	padding: 0 30px 10px 40px;
	}
	#column-sidebar .featured div {
	padding: 10px 30px 10px 42px;
	}
	#column-sidebar .quick-contact form fieldset {border: none;}
	#column-sidebar .quick-contact form label {
	clear:left;
	float:left;
	font-size:1.1em;
	padding-bottom:10px;
	text-align:left;
	}
	#column-sidebar .quick-contact form input.text, 
	#column-sidebar .quick-contact form textarea {
	border:2px solid #eee;
	font-family:Lucida Sans Unicode,Lucida Grande,Sans-Serif;
	font-size:1em;
	font-weight:normal;
	padding:4px;
	width:220px;
	}
	#column-sidebar .quick-contact form input#submit-btn {float:left;}
	/* @end */	
		
/* @end */
/* @group =pages */

	.divider-tall {
	clear: both;
  	border-bottom:10px solid #eee;
  	padding-top: 20px;
	}
	
	/* @group -home */
	#featured {
  	width: 960px;
  	background: url(../images/structure/feature-bg.png) 0 bottom no-repeat;
  	margin-bottom: 20px;
  	padding-top: 18px;
	}
	#featured #mobile {
  	width: 195px;
  	height: 265px ;
  	/*background: url(../images/structure/bg-feature-mobile.png) 0 0 no-repeat;*/
  	position: absolute;
  	top: 120px;
  	/*margin-left: 30px;*/
	}
	#featured #mobile a.mobile{
  	width: 195px;
  	height: 265px ;
  	background: url(../images/structure/bg-feature-mobile.png) 0 0 no-repeat;
  	display:block;
	text-indent:-9999px;
	}
	#featured .top {
  	width: 960px;
  	height: 216px ;
  	background: url(../images/structure/bg-feature-top.png) center 0 no-repeat;
	}
	#featured .top h2{
  	width: 642px;
  	height: 174px ;
  	background: url(../images/structure/h2-feature.png) 180px 30px no-repeat;
  	text-indent: -9999px;
  	margin: 0; 
  	float: left; 	  	
	}
	#featured .top  #customer{
  	width: 260px;
  	height: 140px ;
  	float: right;
  	margin: 22px 40px 0 0;
	}
	#featured .top  #customer h3{
  	width: 229px;
  	height: 24px;
  	background: url(../images/structure/h3-see-action.png) center 0 no-repeat;
  	text-indent: -9999px;
  	margin: 0 auto; 
	}
	#featured .top  #customer button.leftBtn,
	#featured .top  #customer button.rightBtn{
  	width: 34px;
  	height: 34px;
  	position: absolute;
  	text-indent: -9999px;
  	z-index: 200;
  	border: 0;
	}
	#featured .top  #customer button.rightBtn{
  	background: url(../images/structure/btn-feature-right.png) 0 0 no-repeat;
	margin: 50px 0 0 228px;
	}
	#featured .top  #customer button.leftBtn{
  	background: url(../images/structure/btn-feature-left.png) 0 0 no-repeat;
  	margin: 50px 0 0 0;
	}
	#featured .top  #customer #customer-container{
  	width: 231px;
  	height: 136px ;
  	/*background: url(../images/structure/bg-customer-container.png) center 0 no-repeat;*/
  	margin: 0 auto;
	}
	#featured .top  #customer a.mplayit{
  	width: 231px;
  	height: 136px ;
  	background: url(../images/structure/img-partner-sprint-small.png) center 0 no-repeat;
  	display: block;
  	margin: 0 auto;
  	text-indent: -9999px;
	}
	#featured .top  #customer #customer-container img{
  	width: 180px;
  	/*height: 134px;*/
  	margin: 0;
  	padding: 15px 24px 14px 25px; 
	}
	#featured .bottom {
  	width: 960px;
  	height: 105px ;
  	background: url(../images/structure/bg-feature-bottom.png) 0 0 no-repeat;
	}
	#featured .bottom h3.how{
  	width: 97px;
  	height: 22px ;
  	background: url(../images/structure/h3-how.png) 0 0 no-repeat;
  	text-indent: -9999px;
  	margin: 0;
  	position: relative;
  	top: 38px;
  	left: 22px
	}
	#featured .bottom p {color:  #fff; position: relative;}
	#featured .bottom p.large {
  	font-size: 1.8em;
  	left: 180px;
  	margin-bottom: 2px;
  	width: 700px;
	}
	#featured .bottom p.small{
  	font-size:  1.4em;
  	left: 180px;
  	padding-left: 18px;
  	background: url(../images/structure/ico-bullet-orange-A.png) 0 1px no-repeat;
  	margin: 0;
  	width: 700px;
	}
	#featured .bottom p.small a {
	background:#3F9AB4;
	color:#fff;
	padding:2px;
	}
	#featured .bottom p.small a:hover {
	background: #59c3d8;
	}
	#featured .bottom p.small a:hover {text-decoration: none;}
	
	/* @group -home partners */
		
	
	#featured-partners h2 {
	font-size:3em;
	font-weight: normal;
	padding-bottom: 4px;
	color: #666;
	border-bottom:10px solid #EEEEEE;
	margin: 20px 0 30px;
	}
	#featured-partners .partner{
	float:  left;
	padding: 0 24px;
	text-align: center;
	}
	#featured-partners a.img{
	width: 271px;
  	height: 202px;
  	display: block;
  	text-indent: -9999px;
  	margin-bottom: 6px
	}
	#featured-partners a.facebook{
	background: url(../images/structure/img-partner-facebook-att.png) 0 0 no-repeat;
	}
	#featured-partners a.sprint{
	background: url(../images/structure/img-partner-print.png) 0 0 no-repeat;
	}
	#featured-partners a.eamobile{
	background: url(../images/structure/img-partner-eamobile.png) 0 0 no-repeat;
	}
	#featured-partners a.link {
	color: #333;
	font-size: 1.8em;
  	padding: 0 30px 0 0px;
  	background: url(../images/structure/btn-right-arrow.png) right center no-repeat;
	}
	
	/* @end */

	/* @group -home widget */

	#widget #catalog {padding-left:20px; width: 292px; float: left;}
	#widget #catalog #categories{
  	background: url(../images/structure/bg-categories.png) 0 bottom no-repeat;
  	padding: 0 0 20px 0;
	}
	
	#widget #catalog #categories ul{
  	font-size: 1.4em;
  	line-height: 1.8em;
  	float: left;
  	padding: 0 0 0 20px;
	}
	#widget #catalog #categories ul li{
  	background: url(../images/structure/ico-bullet-square.png) 0 center no-repeat;
  	padding: 0 0 0 14px;
	}	
	#widget #catalog #categories a.more{
  	width: 54px;
  	height: 18px;
  	background: url(../images/structure/btn-categories-more.png) 0 0 no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 5px 0 5px 35px;
 	}	
	#widget #catalog #games .search {padding-bottom: 15px;}
	#widget #catalog #games .search fieldset {border: none;}
	#widget #catalog #games .search input{
  	border:2px solid #eee;
  	padding: 4px;
  	width: 96%
	}
	#widget #catalog #games img {padding: 2px;}
	#widget #catalog #games .catalog-nav{
  	background: url(../images/structure/bg-catalog-nav.png) 0 0 repeat-x;
  	height: 38px;
	}
	#widget #catalog #games .catalog-nav p {padding-top: 10px; text-align: center;}
	#widget #catalog #games .catalog-nav button.leftBtn,
	#widget #catalog #games .catalog-nav button.rightBtn{
  	width: 34px;
  	height: 34px;
  	position: absolute;
  	text-indent: -9999px;
  	z-index: 200;
  	border: 0;
	}
	#widget #catalog #games .catalog-nav button.rightBtn{
  	background: url(../images/structure/btn-feature-right.png) 0 0 no-repeat;
	margin: 0 0 0 248px;
	}
	#widget #catalog #games .catalog-nav button.leftBtn{
  	background: url(../images/structure/btn-feature-left.png) 0 0 no-repeat;
  	margin: 0 0 0 10px;
	}
	#widget #demo{
  	width: 606px;
  	height: 720px;
	float: right;
	padding: 0 18px 0 0;
	background: url(../images/structure/bg-demo.png) 0 0 repeat-y;
	}
	#widget #demo h3{
  	width: 606px;
  	height: 52px ;
  	background: url(../images/structure/h3-demo.png) 0 0 no-repeat;
  	text-indent: -9999px;
  	margin: 0;
	}
	#widget #demo h4{
	font-size: 2em;
	font-weight: normal;
  	margin: 5px 20px 0 40px;
  	color: #999;
  	border-bottom:1px solid #eee;
	}
	#widget #demo p{
	font-size: 1.6em;
	line-height: 1.4em;
  	margin: 5px 20px 0 40px;
	}
	#widget #demo p{
	font-size: 1.6em;
	line-height: 1.4em;
  	margin: 20px 20px 0 40px;
	}
	#widget #demo ol{
	font-size: 1.4em;
	line-height: 1.4em;
  	margin: 20px 20px 0 60px;
  	list-style-type:none;
	}
	#widget #demo ol li {padding: 12px 0 25px 45px;}
	#widget #demo ol li.demo1 {background: url(../images/structure/li-demo1.png) 0 0 no-repeat;}
	#widget #demo ol li.demo2 {background: url(../images/structure/li-demo2.png) 0 0 no-repeat;}
	
	#widget #demo ol li.demo3 {background: url(../images/structure/li-demo3.png) 0 0 no-repeat;}
	#demo-games{
  	width: 526px;
  	height: 301px ;
  	background: url(../images/structure/bg-demo-games.jpg) right 0 no-repeat;
  	padding: 40px 0 0 60px;
	}
	#demo-games a.button{
  	width: 371px;
  	height: 67px ;
  	background: url(../images/structure/btn-see.png) 0 0 no-repeat;
  	margin: 0 auto;
  	text-indent: -9999px;
  	display: block;
	}
	#demo-games a.button:hover{
	background: url(../images/structure/btn-see.png) 0 -67px no-repeat;
	}
	#demo-games #carousel-container {padding: 40px 0;}
	#demo-games #carousel-container .images{padding-left: 40px;}
	#demo-games #carousel-container button.leftBtn,
	#demo-games #carousel-container button.rightBtn{
  	width: 25px;
  	height: 25px;
  	position: absolute;
  	text-indent: -9999px;
  	z-index: 200;
  	border: 0;
	}
	#demo-games #carousel-container button.rightBtn{
  	background: url(../images/structure/btn-demo-right.png) 0 0 no-repeat;
	margin: 34px 0 0 488px;
	}
	#demo-games #carousel-container button.leftBtn{
  	background: url(../images/structure/btn-demo-left.png) 0 0 no-repeat;
  	margin: 34px 0 0 14px;
	}
	#widget #demo #demo-games #carousel-container ul li {float: left;padding: 5px;}
	#widget #demo #demo-games a.choose-game{
  	color: #f38630;
  	font-weight: bold;
  	font-size: 1.6em;
  	text-align: center;
  	display: block;
  	margin-top:  20px;
	}
	/* @end */
		
	/* @end */
	
/* @end */