@import url("reset.css");

/* @group global */

body {
	background: #1e1e1e;
	background-image: url('../images/body-background.png');
	background-repeat: repeat-x;
	background-position: top center;
	margin: 0;
	padding: 0;
	width:  100%;
}

#page {
	margin: 0 auto 0 auto;
	padding: 0;
	width:  960px;
}

#main {
	margin-left: 6px;
	margin-right: 6px;
	width: 948px;
	background-image: url('../images/main-background.png');
	background-repeat: repeat-y;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #1e1e1e;
	padding-bottom: 30px;
}

#main a.learn-more {
	display: inline-block;
	background: url('../images/a-learn-more.png') no-repeat right center;
	padding-right: 10px;
}

#main a {
	color: #387cda;
	text-decoration: none;
}

#main a:hover {
	text-decoration: underline;
}

#main #content {
	float: left;
	margin-left: 35px;
	width: 580px;
	margin-top: 20px;
}

#main #sidebar {
	width: 300px;
	margin-right: 5px;
	float: right;
	color: #1e1e1e;
	font: 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#sidebar .section {
	padding-top: 24px;
	padding-bottom: 24px;
	padding-right: 30px;
	padding-left: 30px;
	border-top: 2px solid #ffffff;
}

.clear {
	clear: both;
	line-height: 0;
	height: 0;
	overflow: hidden;
}

/* @group #header */

#header {
	position: relative;
	width: 100%;
	height: 54px;
}

#header .corporate-mark {
	height: 99px;
	width: 102px;
	background-image: url('../images/corporate-mark.png');
	position: absolute;
	text-indent: -5000px;
	overflow: hidden;
	left: 7px;
}

#header .navigation {
	width: 822px;
	height: 54px;
	position: absolute;
	top: 0;
	right: 0;
}

#header .navigation li {
	float: left;
}

#header .navigation li a {
	background-image: url('../images/header-navigation-sprite.png');
	background-repeat: no-repeat;
	display: block;
	height: 54px;
	text-indent: -5000px;
	overflow: hidden;
}

#header .navigation li a.home {
	background-position: 0 0;
	width: 42px;
}

#header .navigation li a.home:hover {
	background-position: 0 -54px;
}

#header .navigation li.active a.home,
#header .navigation li.active a.home:hover {
	background-position: 0 -108px;
}

#header .navigation li a.gallery {
	background-position: -72px 0;
	width: 53px;
	margin-left: 30px;
}

#header .navigation li a.gallery:hover {
	background-position: -72px -54px;
}

#header .navigation li.active a.gallery,
#header .navigation li.active a.gallery:hover {
	background-position: -72px -108px;
}

#header .navigation li a.learn-more {
	background-position: -154px 0;
	width: 82px;
	margin-left: 30px;
}

#header .navigation li a.learn-more:hover {
	background-position: -154px -54px;
}

#header .navigation li.active a.learn-more,
#header .navigation li.active a.learn-more:hover {
	background-position: -154px -108px;
}

#header .navigation li a.support {
	background-position: -264px 0;
	width: 59px;
	margin-left: 28px;
}

#header .navigation li a.support:hover {
	background-position: -264px -54px;
}

#header .navigation li.active a.support,
#header .navigation li.active a.support:hover {
	background-position: -264px -108px;
}

#header .navigation li a.press {
	background-position: -353px 0;
	width: 39px;
	margin-left: 30px;
}

#header .navigation li a.press:hover {
	background-position: -353px -54px;
}

#header .navigation li.active a.press,
#header .navigation li.active a.press:hover {
	background-position: -353px -108px;
}

#header .navigation li a.company {
	background-position: -422px 0;
	width: 68px;
	margin-left: 30px;
}

#header .navigation li a.company:hover {
	background-position: -422px -54px;
}

#header .navigation li.active a.company,
#header .navigation li.active a.company:hover {
	background-position: -422px -108px;
}

#header .navigation li a.store {
	background-position: -548px 0;
	width: 263px;
	margin-left: 58px;
}

#header .navigation li a.store:hover {
	background-position: -548px -54px;
}
/* @end */

/* @group #footer */

#footer {
	width: 940px;
	margin-left: 10px;
	margin-right: 10px;
	height: 69px;
	position: relative;
	color: #ffffff;
	font: 12px/12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#footer a {
	color: #f7d039;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer .copyright {
	position: absolute;
	top: 28px;
	left: 0;
}


#footer .social-media {
	position: absolute;
	top: 28px;
	right: 0;
}

/* @end */

/* @group #sidebar */

#sidebar .section ul {
	width: 105px;
	float: left;
	margin-top: 10px;
}

#sidebar .section ul li {
	width: 110px;
	display: block;
	background-image: url('../images/sidebar-li-background.png');
	background-position: 0 6px;
	background-repeat: no-repeat;
	padding-left: 10px;
}

#sidebar .section ul li.link {
	background-image: none;
}


#sidebar .section ul+ul {
	padding-left: 10px;
	margin-left: 20px;
}

#sidebar h2.get-smart-chess {
	background-image: url('../images/h2-get-smart-chess.png');
	background-repeat: no-repeat;
	width: 162px;
	height: 17px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	margin-bottom: 8px;
}

#sidebar h3.screenshot-gallery {
	background-image: url('../images/h3-screenshot-gallery.png');
	background-repeat: no-repeat;
	width: 140px;
	height: 17px;
	display: inline-block;
	text-indent: -5000px;
	overflow: hidden;
	margin-bottom: 10px;
}

#sidebar h3.in-app-store-resources {
	background-image: url('../images/h3-in-app-store-resources.png');
	background-repeat: no-repeat;
	width: 170px;
	height: 17px;
	display: inline-block;
	text-indent: -5000px;
	overflow: hidden;
	margin-bottom: 5px;
}

#sidebar a.download {
	background-image: url('../images/download.png');
	background-repeat: no-repeat;
	width: 64px;
	height: 63px;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
	margin-right: 11px;
	margin-bottom: 5px;
	margin-left: -1px;
}

#sidebar .compatibility {
	clear: both;
}

/* @end */



/* @end */

/* @group #home */

#home #page-wrapper {
	background-image: url(../images/home-hero.jpg);
	background-position: center 54px;
	background-repeat: no-repeat;
	height: 435px;
	width: 100%;
	min-width: 960px;
	height: 100%;
	position: absolute;
}

/* @group #home #intro */

#home #intro {
	height: 435px;
	width: 960px;
	position: relative;
}

#home #intro h1 {
	background-image: url('../images/intro-h1.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 484px;
	height: 183px;
	display: block;
	position: absolute;
	top: 110px;
	left: 38px;
	text-indent: -5000px;
	overflow: hidden;
}

#home #intro h2 {
	background-image: url('../images/intro-h2.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 406px;
	height: 23px;
	display: block;
	position: absolute;
	top: 305px;
	left: 38px;
	text-indent: -5000px;
	overflow: hidden;
}

#home #intro .appstore-badge {
	background-image: url('../images/app-store-badge.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 126px;
	height: 43px;
	display: block;
	position: absolute;
	top: 344px;
	left: 37px;
	text-indent: -5000px;
	overflow: hidden;
}

/* @end */

/* @group #home #content */

#home #content h1.revolutionize-your-game {
	background-image: url('../images/h1-revolutionize-your-game.png');
	background-repeat: no-repeat;
	width: 457px;
	height: 63px;
	display: inline-block;
	text-indent: -5000px;
	overflow: hidden;
	margin-left: -45px;
	margin-bottom: 20px;
}

#home #content .deck {
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

#home #content h2.smart-chess-features {
	background-image: url('../images/h2-smart-chess-features.png');
	background-repeat: no-repeat;
	width: 214px;
	height: 18px;
	display: inline-block;
	text-indent: -5000px;
	overflow: hidden;
	margin-bottom: 20px;
}

#home #content .features li {
	float: left;
	height: 100px;
	width: 220px;
	padding-left: 60px;
	margin-left: 0;
	margin-bottom: 20px;
	line-height: 20px;
	font-size: 14px;
	background-repeat: no-repeat;
	background-position: 0 5px;
}

#home #content .features li.toolset {
	background-image: url('../images/feature-toolset.png');
}

#home #content .features li.games-collections {
	margin-left: 20px;
	background-image: url('../images/feature-games-collections.png');
}

#home #content .features li.openings-library {
	background-image: url('../images/feature-openings-library.png');
}

#home #content .features li.chess-engine {
	margin-left: 20px;
	background-image: url('../images/feature-chess-engine.png');
}

#home #content .features li.puzzle-pack {
	background-image: url('../images/feature-puzzle-pack.png');
}

#home #content .features li.free-lessons {
	margin-left: 20px;
	background-image: url('../images/feature-free-lessons.png');
}

#section #content ul li {
	width: 100%;
	display: block;
	background-image: url('../images/sidebar-li-background.png');
	background-position: 0 6px;
	background-repeat: no-repeat;
	padding-left: 10px;
}

/* @end */



/* @end */

/* @group #section */

#section #page-wrapper {
	background-image: url(../images/section-hero.jpg);
	background-position: center 54px;
	background-repeat: no-repeat;
	height: 72px;
	width: 100%;
	min-width: 960px;
	height: 100%;
	position: absolute;
}

#section #main {
	margin-top: 72px;
}

/* @group #section #content */

#section #content {
	font: 14px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#section #content h1 {
	margin-bottom: 20px;
	font: bold 36px/40px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#section #content h1 object {
	margin-bottom: -16px;
}

#section #content h2 {
	margin-bottom: 20px;
	font: bold 24px/40px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#section #content h2 object {
	margin-bottom: -10px;
}

#section #content p {
	margin-bottom: 20px;
}

/* @end */



/* @end */