body {
	font-family: 'Lucida Grande', Calibri, Arial, sans-serif;
	font-size: 13px;
	color: #4b4b4b;
	margin: 0px;
	background-color: #BBBABF;
	background-image:url(background.gif);
	background-repeat:repeat;
}
html, body {
	height: 100%;
}
a img {
	border: none;
}
h1 {
	font-size: 20px;
	line-height: 1em;
	font-weight: normal;
	color: #136cb8;
	margin-top: 4px;
	margin-bottom: 15px;
	padding-top: 20px;
	padding-bottom: 9px;
	border-bottom: 2px solid #e9effa;
	clear: both;
}
h2 {
	font-size: 20px;
	line-height: 1em;
	font-weight: normal;
	color: #136cb8;/*4477bb*/
	margin-top: 4px;
	margin-bottom: 9px;
	padding-top: 20px;
	padding-bottom: 5px;
	clear: both;
	z-index:1;
}
h3 {
	clear: both;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.5em;
	color: #222222;
	padding-top: 12px;
	margin-bottom: 5px;
}
h3.reduceHeight {
	margin-top: -3px;
}
h4 {
	font-size: 13px;
	font-weight: normal;
	line-height: 1.2em;
	color: #0f3d51;
	margin-bottom: 7px;
}
h4.indent {
	margin-left: 23px;
}
h5 {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	line-height: 0.5em;
	text-shadow: #ffffff 0px 1px 1px;
	margin-bottom: 8px;
}
h6 {
	font-size: 20px;
	line-height: 1em;
	font-weight: normal;
	color: #99999a;
	margin-top: 20px;
	margin-bottom: 15px;
	border-top: thin solid #C0C0C0;
	padding-top: 8px;
	text-align: left;
}
p {
	margin-top: 4px;
}
p.moreHeight {
	margin-top: 10px;
}
p.higher {
	margin-top: 30px;
}
p.line {
	margin-top: 35px;
	margin-bottom: 20px;
	border-top: thin solid #e0e0e0;
	clear:both;
}
p.lineIndex {
	clear: both;
	width: 228px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	margin-bottom: 15px;
	border-bottom: thin solid #e0e0e0;
}
p.subText {
	color: #728ca3; /*7799cc*/
	line-height: 0.5em;
	margin-top: 0px;
	margin-bottom: 35px;
	padding-top: 5px;
	padding-bottom: 20px;
	border-bottom: 2px solid #e9effa;
	clear: both;
}
p.subTextLessMargin {
	color: #728ca3; /*7799cc*/
	line-height: 0.5em;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 20px;
	border-bottom: 2px solid #e9effa;
	clear: both;
	z-index:1;
}
p.subTextNoBorder {
	color: #728ca3; /*7799cc*/
	line-height: 0.5em;
	margin-top: 0px;
	margin-bottom: 30px;
	padding-top: 5px;
	clear: both;
}
a:link {
	color: #4A87CC;
	text-decoration: none;
}
a:visited {
	color: #4A87CC;
	text-decoration: none;
}
a:hover {
	color: #2244bb;
	text-decoration: underline;
}
li {
	padding-bottom: 6px;
	margin-left: 0px;
}
div#container {
	width: 812px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -80px auto; /* the bottom margin is the negative value of the footer's height */
	background-image:url(container_background.png);
	background-repeat:repeat-y;
}
div#headerWrapper {
	width: 800px; 
	margin: 0px auto;
	padding-top: 10px 0px 10px 0px;
	background-color: #e3e3e3;
}
div#headerWrapper img {
	float: left;
	padding-top: 10px;
	border: 0px;
}
.clearBoth{
	clear: both;
}
.menuNav {
	clear: both;
	width: 775px;
	font-size: 12px;
	color: #ccc;
	text-align: right;
	border: 0px;
	padding: 10px 15px 10px 10px;
	vertical-align: top;
	background-color: #f1efef;
}
.menuNav a:link {
	color: #5E7688;
	text-decoration: none;
}
.menuNav a:visited {
	color: #5E7688;
	text-decoration: none;
}
.menuNav a:hover {
	color: #136cb8;
	text-decoration: underline;
}
div#mainWrapper {
	width: 800px;
	margin: 0px auto;
	background-color: #FFFFFF;	
}
div#solitaire {
	width: 800px;
	margin: 0px auto;
	background-color: #ff00ff;	
}
div#solitaire img {
	float: left;
	padding: 0px;
}
div.downloadRight {
	float: left;
	width: 180px;
	height: 110px;
	padding-top: 15px;
	background-image:url(../mac_games/games_images/download_buy.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div.downloadRight img {
	vertical-align:middle;
	padding: 10px 10px 0px 20px;
}
.downloadTopButton{
	margin-top: 5px;
}
table.main {
	clear: both;
	width: 800px;
	margin: 0px auto;
	background-color: #FFFFFF;
}
div#sidebar {
	width: 156px;
	font-size: 11px;
	color: #444;
	text-shadow: #eee 0px 1px 1px;
	text-align: left;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 0px;
	padding-bottom: 6px;
	vertical-align: top;
	margin: 0px;
	display: block;
}
div#sidebar a:link {
	font-weight: bold;
	color: #2a4880;
	text-shadow: #eee 0px 1px 1px;
}
div#sidebar a:hover {
	font-weight: bold;
	color: #186699;
	text-shadow: #eee 0px 1px 1px;
	text-decoration: underline;
}
div#sidebar a:visited {
	font-weight: bold;
	color: #2a4880;
	text-shadow: #eee 0px 1px 1px;
}
div#sidebar p {
	padding-bottom: 6px;
}
div#sidebar .frameDivider {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
div#sidebar .heading{
	font-size: 11px;
	font-weight: bold;
	text-shadow: #eee 0px 1px 1px;
	line-height: 150%;
}
div#sidebar .kittyIcon {
	padding: 0px 0px 10px 15px;
}
div.sideQuote {
	width: 156px;
	font-size: 11px;
	color: #777;
	text-shadow: #eee 0px 1px 1px;
	padding-left: 12px;
	white-space: normal;
	vertical-align: text-bottom;
}
div.sideQuote a {
	font-weight: normal;
	color: #2a4880;
	text-shadow: #eee 0px 1px 1px;
}
div.sideQuote a:hover {
	font-weight: normal;
	color: #186699;
	text-shadow: #eee 0px 1px 1px;
	text-decoration: underline;
}
div.sideQuote .frameDivider {
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
p.sideQuoteAuthor {
	width: 150px;
	color: #666;
	margin-top: 0px;
	text-align: left;
}
.bigQuote {
	padding-right: 5px;
}
div#sideMacUpDate {
	text-align: center;
	padding: 10px 0px 0px 12px;
	vertical-align: top;
}
div#sideMacUpDate2 {
	text-align: center;
	padding: 0px 0px 10px 13px;
	vertical-align: top;
}
div#sideFacebook {
	width: 156px;
	font-size: 11px;
	color: #444;
	text-shadow: #eee 0px 1px 1px;
	text-align: center;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 6px;
	vertical-align: top;
	margin: 0px;
}
div#sideFriend {
	width: 156px;
	font-size: 11px;
	color: #444;
	text-shadow: #eee 0px 1px 1px;
	text-align: center;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 6px;
	vertical-align: top;
	margin: 0px;
}
div#sideBundle {
	width: 156px;
	text-align: center;
	vertical-align: top;
	margin: 0px;
}
div#sideBundle img {
	padding-bottom: 5px;
}
td.sidebarBase {
	width: 180px;
	background-color: #e3e3e3;
	background-image:url(menu/menu_shadow.png);
	background-repeat: repeat-x;
	background-position: left top;
	vertical-align: top;
}
td.contentBase {
	width: 620px;
	vertical-align: top;
	background-image:url(menu/menu_shadow.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #fff;
}
div#mainContent {
	width: 500px;/*520px*/
	text-align: left;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 60px;/*35px*/
	z-index:1;
}
div#contentLeftWide {
	float: left;
	width: 507px;
	z-index: 1;
	padding: 10px 10px 10px 79px;
	vertical-align: top;
}
/* Use this with salesTag
div#contentLeftWide {
	clear:both;
	float: left;
	width: 300px;
	padding-right: 10px;
	padding-left: 30px;
	padding-bottom: 10px;
	vertical-align: top;
}*/
div.salesTag {
	clear: right;
	float: right;
	padding: 25px 50px 25px 10px;
}
div.salesTagVertical {
	padding: 0px 10px 15px 30px;
}
div.salesTagVertical img{
	padding-bottom: 8px;
}
div#contentRightWide {
	float: right;
	width: 390px;
	padding: 10px 20px 10px 10px;
	vertical-align: top;
	margin-right: 4px;
}
div#contentLeftIcons {
	float: left;
	width: 170px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}
div#contentLeftIcons img{
	padding-top: 34px;
	padding-left: 26px;
	border: 0px;
}
div#shortLeftIcon {
	clear: both;
	float: left;
	width: 170px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 30px;
	vertical-align: top;
}
div#shortLeftIcon img{
	padding-top: 10px;
	padding-bottom: 15px;
	border: 0px;
}
.contentLeft {
	width: 274px;
	height: 100%;
	padding: 15px 22px 20px 20px;
	margin-top: 5px;
	vertical-align: top;
	background-image:url(menu/menu_shadow.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.contentRight {
	width: 274px;
	height: 100%;
	padding: 5px 15px 20px 15px;
	margin-top: 5px;
	vertical-align: top;
	background-image:url(menu/menu_shadow.png);
	background-repeat: repeat-x;
	background-position: left top;
}
div#indexCenter {
	margin-top: 3px;
	padding: 10px 18px 10px 18px;
	vertical-align: top;
	border-bottom: 1px solid #ececec;
}
div#indexCenter img {
	padding-left: 37px;
}
div#indexLeft {
	float: left;
	width: 273px;
	/*margin-top: 3px;*/
	padding: 0px 18px 10px 18px;
	vertical-align: top;
	border-right: 1px solid #ececec;
}
div#indexRight {
	float: left;
	width: 273px;
	/*margin-top: 3px;*/
	padding: 0px 18px 10px 19px;
	vertical-align: top;
}
div#footer {
	position: relative;
	left: 310px;
	width: 156px;
	height: 50px; /* .push must be the same height as .footer */
	font-size: 11px;
	color: #444;
	text-shadow: #ffffff 0px 1px 1px;
	text-align: left;
	padding: 15px 0px 10px 0px;
	margin: 0px auto 0px auto;
}
div#footer p {
	clear: both;
}
.footerHeading {
	font-size: 11px;
	font-weight: bold;
	color: #444;
	text-shadow: #eee 0px 1px 1px;
	line-height: 150%;
}
div#push {
	height: 80px;
}