html {
	background-color:#00287B;
	background:url(Graphics/Background.gif) repeat;
	height:100%;
}

body {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#000000;
}

#NarrowContainer {
	width:800px;
	margin-top:0;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}

#MainContainer {
	width:1160px;
	margin-top:0;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}

#MainFrame {
	width:100%;
	background-color:#ffffff;
	border:2px solid #0080ff;
	padding:12px;
}

#NavBar {
	margin-top:8px;
	width:100%;
	font-size:0px;
}

.GameFrame {
	width:800px;
	height:600px;
	border:1px solid black;
}

.LeftColumn {
	display:inline-block;
	vertical-align:top;
	width:800px;
}

.RightColumn {
	display:inline-block;
	vertical-align:top;
	width:342px;
	text-align:center;
	padding-left:8px;
}	

.Advert {
	text-align:center;
	margin:1em auto;
}

.AdvertNoMargins {
	text-align:center;
	margin:0 auto;
}

h1,h2,h3,h4,td.h1,td.h2,td.h3,td.h4 .ScreenshotHeader .ScreenshotRules {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a:link,a:active,a:visited {
	color:#235dab;
}

a:hover {
	color:#a00099;
}

h1,td.h1 {
	font-weight:800;
	font-size:1.5em;
	margin-bottom:0.75em;
}

h2,td.h2 {
	font-weight:800;
	font-size:1.4em;
	margin-bottom:0.5em;
}

h3,td.h3 {
	font-weight:800;
	font-size:1.3em;
	margin-bottom:0.5em;
}

h4,td.h4 {
	font-weight:800;
	font-size:1.2em;
	margin-bottom:0.5em;
}

h5,td.h5 {
	font-weight:800;
	font-size:1.1em;
	margin-bottom:0.5em;
}

h6,td.h6 {
	font-weight:800;
	font-size:1.0em;
	margin-bottom:0.5em;
}

#HomeButton,#TellAFriendButton,#AdvertiseButton,#ContactUsButton,#LinkToUsButton,#MoreGamesButton,#SolitaireGamesButton {
	display:inline-block;
	width:130px;
	height:26px;
	padding:0;
	margin:0;
}

/* navigation bar */
.Navigation {
	margin-top:8px;
	width:100%;
    margin-left:0;
    padding-left:0;
	font-size:0px;	
	list-style:none;
}

/* button */
.Navigation li {
	display:inline-block;
	padding:0;
	margin:0;
}

/* button common rollover */
.Navigation li:hover {
	cursor: pointer;
}

/* drop down menu */
.Navigation li ul {
	visibility:hidden;
	float:left;
	min-width:150px;
	position:absolute;
	margin-top:0;
	z-index:999;
}

/* make the drop down menu visible when rolling over button */
.Navigation li:hover > ul,
.Navigation li ul:hover {
   visibility:visible;
}

/* menu item container */
.Navigation li ul li {
	display:block;
}

/* drop down menu appearance */
.DropDownMenu {
	padding:0;
	margin:0;
	background:#ffffff;
	border:1px solid #d5d6d6;
	
	-webkit-box-shadow:1px 2px 4px 0px rgba(0,0,0,0.35);
	-moz-box-shadow:1px 2px 4px 0px rgba(0,0,0,0.35);
	box-shadow:1px 2px 4px 0px rgba(0,0,0,0.35);
}

/* drop down menu item appearance */
.MenuItem a, .MenuItemIcon a {
	text-decoration:none;
	font-size:13px;	
	color:#235dab;
	font-weight:600;
	display:block;
	padding-top:3px;
	padding-bottom:5px;
	padding-right:12px;
	margin:0;
	white-space:nowrap;	
}
.MenuItem a {
	padding-left:12px;
}
.MenuItemIcon a {
	padding-left:32px;
}

.MenuItem a:hover, .MenuItemIcon a:hover {
	background-color:#2095f0;
	color:#ffffff;
}

.MenuIconApple {
	background:url(Graphics/BulletApple.png) center left no-repeat;
}
.MenuIconAndroid {
	background:url(Graphics/BulletAndroid.png) center left no-repeat;
}
.MenuIconBlackBerry {
	background:url(Graphics/BulletBlackBerry.png) center left no-repeat;
}
.MenuIconAmazon {
	background:url(Graphics/BulletAmazon.png) center left no-repeat;
}
.MenuIconWindows {
	background:url(Graphics/BulletWindows.png) center left no-repeat;
}
.MenuIconFacebook {
	background:url(Graphics/BulletFacebook.png) center left no-repeat;
}

hr {
   display:block;
   position:relative;
   padding:0;
   margin:8px auto;
   height:0;
   width:100%;
   max-height:0;
   font-size:1px;
   line-height:0;
   clear:both;
   border:none;
   border-top:1px solid #aaaaaa;
   border-bottom:1px solid #ffffff;
}

#HomeButton {
	background:url(Graphics/HomeButtons.gif) no-repeat 0 0;
}

#TellAFriendButton {
	background:url(Graphics/TellAFriendButtons.gif) no-repeat 0 0;
}

#AdvertiseButton {
	background:url(Graphics/AdvertiseButtons.gif) no-repeat 0 0;
}

#ContactUsButton {
	background:url(Graphics/ContactUsButtons.gif) no-repeat 0 0;
}

#LinkToUsButton {
	background:url(Graphics/LinkToUsButtons.gif) no-repeat 0 0;
}

#MoreGamesButton {
	background:url(Graphics/MoreGamesButtons.gif) no-repeat 0 0;
}

#SolitaireGamesButton {
	background:url(Graphics/SolitaireGamesButtons.gif) no-repeat 0 0;
}

#HomeButton:hover,#TellAFriendButton:hover,#AdvertiseButton:hover,#ContactUsButton:hover,#LinkToUsButton:hover,#MoreGamesButton:hover,#SolitaireGamesButton:hover {
	background-position:0 -26px;
}

.Divider {
	display:block;
	width:800px;
	margin:1em auto;
}

.DividerLeft {
	display:inline-block;
	width:4px;
	height:33px;
	background:url(Graphics/DividerLeft.gif) no-repeat;
}

.DividerCards {
	display:inline-block;
	width:38px;
	height:33px;
	background:url(Graphics/DividerCards.gif) no-repeat;
}

.DividerMiddle {
	display:inline-block;
	width:660px;	
	height:33px;
	background:url(Graphics/DividerMiddle.gif) repeat-x;
}

.DividerRight {
	display:inline-block;
	width:98px;
	height:33px;
	background:url(Graphics/DividerRight.gif) no-repeat;
}

#ShareButtons {
	margin-top:0.5em;
	margin-bottom:0.5em;
}

.High1R {
	font-size:1.2em;
	font-style:italic;
	font-weight:bold;
	text-align:right;	
	color:#ffffff;
	background-color:#003FBD;
	padding-top:0.4em;
	padding-bottom:0.4em	
}

.High1L {
	font-size:1.2em;
	font-style:italic;
	font-weight:bold;
	text-align:left;
	color:#ffffff;
	background-color:#003FBD;
	padding-top:0.4em;
	padding-bottom:0.4em;	
}

.High2R {
	font-style:normal;
	font-weight:bold;
	text-align:right;	
	color:#ffffff;
	background-color:#00287B;
}

.High2L {
	font-style:normal;
	font-weight:bold;
	text-align:left;
	color:#ffffff;
	background-color:#00287B;
}

.High3R {
	font-style:normal;
	font-weight:bold;
	text-align:right;	
	color:#ffffff;
	background-color:#003FBD;
}

.High3L {
	font-style:normal;
	font-weight:bold;
	text-align:left;
	color:#ffffff;
	background-color:#003FBD;
}

.HighGame {
	font-size:1.1em;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	padding-top:0.4em;
	padding-bottom:0.6em;
}

.AdHeading {
	font-size:1.05em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
}

.AdText {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}

.AdSite {
	font-family:Arial, Helvetica, sans-serif;
	color:#008000;
}

.CenterHeading {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	color:#0000CC;
	padding-bottom:1.0em;
}

#Links {
	font-size:0.9em;
	font-weight:400;
	text-align:center;	
}

#Copyright {
	font-size:0.9em;
	color:#808080;
	font-weight:400;
	margin-top:1.0em;
	margin-bottom:0.5em;
	text-align:center;
}

.GreyLinks a:link,td.div.GreyLinks a:active,td.div.GreyLinks a:visited {
	color:#808080;
}

.GreyLinks a:hover {
	color:#0000ff;
}

.b {
	font-weight:400;
	color:#000000;
}

.Medium,td.Medium {
	font-size:0.9em;
}

.Small,td.Small {
	font-size:0.75em;
}

.Half {
	margin-top:0.5em;	
}

.Red {
	color:#c00000;
}

.RedSuits, .BlackSuits {
	display:inline-block;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	vertical-align:middle;	
}

.RedSuits {
	color:#D00000;
}

.BlackSuits {
	color:#000000;
}

.Spade, .Heart, .Club, .Diamond {
	display:inline-block;
	width:10px;
	height:12px;
	margin:0 1px;
	vertical-align:middle;
}

.Spade {
	background:url(Graphics/BulletSpade.gif) no-repeat;
}

.Heart {
	background:url(Graphics/BulletHeart.gif) no-repeat;
}

.Club {
	background:url(Graphics/BulletClub.gif) no-repeat;
}

.Diamond {
	background:url(Graphics/BulletDiamond.gif) no-repeat;
}

ul.NoBullets {
    list-style-type:none;
    padding:0px;
    margin:0px;
}

li.SpadeBullet, li.HeartBullet, li.ClubBullet, li.DiamondBullet {
    padding-left:16px;
	padding-top:0.2em;	
	padding-bottom:0.2em;
}

li.SpadeBullet {
	background:url(Graphics/BulletSpade.gif) no-repeat left center;
}

li.HeartBullet {
	background:url(Graphics/BulletHeart.gif) no-repeat left center;
}

li.ClubBullet {
	background:url(Graphics/BulletClub.gif) no-repeat left center;
}

li.DiamondBullet {
	background:url(Graphics/BulletDiamond.gif) no-repeat left center;
}

.Center {
	text-align:center;
	margin:0 auto;
}

.Platform {
    display:inline-block;
	margin: 0 1em;
}

.AppStore {
    display:inline-block;
    vertical-align:middle;
	width:135px;
    height:40px;
	background:url(Graphics/AppStore.gif) no-repeat;
}

.Android {
    display:inline-block;
    vertical-align:middle;
	width:32px;
    height:38px;
	background:url(Graphics/Android.gif) no-repeat;
}

.BlackBerry {
    display:inline-block;
    vertical-align:middle;
	width:42px;
    height:67px;
	background:url(Graphics/BlackBerry.gif) no-repeat;
}

.Windows {
    display:inline-block;
    vertical-align:middle;
	width:48px;
    height:42px;
	background:url(Graphics/WindowsLogo.jpg) no-repeat;
}

.Macintosh {
    display:inline-block;
    vertical-align:middle;
	width:35px;
    height:42px;
	background:url(Graphics/Apple.gif) no-repeat;
}

.Facebook {
    display:inline-block;
    vertical-align:middle;
	width:38px;
    height:38px;
	background:url(Graphics/Facebook.gif) no-repeat;
}

.PlatformText {
	display:inline-block;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    vertical-align:middle;
	font-style:normal;
	font-weight:bold;
	margin-left:2px;
	color:#000000;
}

.Screenshot {
	display:inline-block;
	border:3px ridge black;
    vertical-align:middle;
	margin:0.5em 0.5em 0px 0px;
}

.ScreenshotContainer {
	display:inline-block;
	width:460px;
    vertical-align:middle;	
	margin:0.5em 0.5em 20px 0px;
}

.ScreenshotHeader {
	font-weight:800;
	font-size:1.3em;
	margin-bottom:0.5em;
}

.ScreenshotText {
	margin-top:0.4em;
	margin-bottom:0.4em;	
}

.ScreenshotRules {
	margin-top:0.2em;
}

.UnscoredLink {
	display:block;
	margin-top:0;
	font-weight:800;
	font-size:1.3em;
	margin-bottom:0.2em;
}