/* Tags
-------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font: 13px Helvetica, Arial, sans-serif;
	color:  #224572 
	line-height: 1.55em; 
	background: #5192d5; /* was #EEFFFF */
	text-shadow: #fff 0px 1px 1px;
	}

p {
	margin: 0 0 1em 0;
	}

a {
	color:#e97b05;
	text-decoration: none;
	}

a img {
	border: none;
	}

a:hover {
	color:#FFFFFCC;
	}

ul, ol {
	margin: 0 0 1em 12px;
	padding: 0;
	}

	ul.flush {
	margin-left: 0;
	}

	ul li {
	margin: 0 0 .25em 0;
	padding: 0 0 0 16px;
	list-style: none;
	background: url('http://www.realshuffleboard.com/images/bullet.png') no-repeat left .5em;
	}

ol {
	margin-left: 25px;
	}

	ol.flush {
	margin-left: 13px;
	}

	ol li {
	margin: 0 0 .25em .6em;
	padding: 0;
	}



/* Headers
-------------------------------------------------- */

h1, h2 {
	color: #1f2857; /* #e97b05 */
	}


h1 {
	margin: 0px 0 7px 0;
	padding: 7px 0 0 0; /* margin top bring icon down */
	font-size: 32px;
	font-weight: normal;
	}

h2 {
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 18px;
	}



/* Structure
-------------------------------------------------- */

#site {
	position: relative;
	margin: 0 auto;
	padding: 70px 0 40px 0; /* padding instead of margin for absolutes */
	width: 850px;
	}

#content {
	margin-bottom: 15px;
	background:  url('http://www.realshuffleboard.com/images/content_bg.jpg') repeat-y;
	}

#content_top {
	background: url('http://www.realshuffleboard.com/images/content_top_bg.jpg') no-repeat left top;
	}

#content_bottom {
	padding: 35px 40px 35px 40px;
	background: url('http://www.realshuffleboard.com/images/content_bottom_bg.jpg') no-repeat left bottom;
	}

#header {
	margin-bottom: 14px; /* -6px for line height */
	padding-bottom: 19px;  /* - 3px from shadow + 2px from divider */
	background: url('http://www.realshuffleboard.com/images/divider.png') repeat-x bottom;
	}

#info {
	margin-bottom: 20px;
	padding-bottom: 12px;
	background: url('http://www.realshuffleboard.com/images/divider.png') repeat-x bottom;
	}

#call_to_action {
	}

	.boxed_in {
	width: 480px;
	}

#footer {
	margin: 0 0 0 40px;
	width: 480px;
	color: #00000a;
	text-shadow: none;
	font-weight: normal;
	line-height: 1.4em;
	}

.app_bucket {
	margin: 2em 40px 0 40px;
	border-top: #26263a 1px solid;
	padding-top: 2em;
	color: #EEE92D; /* #56566a */
	text-shadow: none;
	font-weight: bold;
}

	#footer a,
	.app_bucket a {
	color: #333333;
	}

	#footer a:hover,
	.app_bucket a:hover {
	color: #999999;
	}

	#footer .coypright {
	font-size: 11px;
	}

	.app_bucket .img_left {
	margin-top: 0;
	}
	.app_bucket .app_name {
	margin-top: 0;
	color: #c6c6ba;
	}


/* Parts
-------------------------------------------------- */

#app_icon {
	float: left;
	margin: -1px 13px 0 -2px; /* 13px + 2 of shadow */
	}

#tagline {
	margin: 0;
	color: #6a7085;
	}

#features {
	}

#video_walkthrough {
	margin-bottom: .5em;
	}

#data_provider {
	position: absolute;
	top: 53px;
	left: 250px;
	width: 264px;
	height: 39px;
	background: url('http://www.realshuffleboard.com/images/data_provider.png') no-repeat;
	}

#on_the_app_store {
	float: left;
	margin: -1px 0 0 -2px;
	width: 266px;
	height: 64px;
	background: url('http://www.realshuffleboard.com/images/price.png') no-repeat right 11px;
	}

	#on_the_app_store a  {
	display: block;
	padding-top: 64px;
	width: 180px;
	height: 0;
	overflow: hidden;
	background: url('http://www.realshuffleboard.com/images/on_the_app_store.png') no-repeat;
	}

	#on_the_app_store a:hover  {
	background-position: 0 -64px;
	}

#shuffle_logo {
	float: left;
	margin: 4px 12px 0 0; /* 20px - 8 of "TM" */
	width: 126px;
	height: 27px;
	}


#iphone {
	position: absolute;
	top: 50px;
	right: 0px;
	padding: 99px 0 0 36px;
	width: 276px;
	height: 515px;
	background: url('http://www.realshuffleboard.com/images/iphone_bg.png') no-repeat;
}

#iphone_screen {
}

.img_left {
	float:				left;
	margin:				.4em 15px .5em 0;
	}





/* Self-clearing floats
-------------------------------------------------- */

#site:after, 
#content_bottom:after, 
#header:after, 
#info:after, 
#call_to_action:after
	{
	content: "."; 
    display: block; 
    height: 0;
	line-height: 0;
    clear: both;
    visibility: hidden;
    }

/* ie6 - trigger hasLayout */
* html #site, 
* html #content_bottom, 
* html #header, 
* html #info, 
* html #call_to_action
	{
	height: 1%;
	}

/* ie7 - trigger hasLayout */
*:first-child+html #site, 
*:first-child+html #content_bottom, 
*:first-child+html #header, 
*:first-child+html #info, 
*:first-child+html #call_to_action
	{
	min-height: 1px;
	}



/* Fixes
-------------------------------------------------- */

/* ie6 */
* html #header, 
* html #info
	{
	background: none;
	}

/* Safari only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	body { 
		font-weight:bold;
		}
	h1 {
		font-weight: bold;
		}
	.boxed_in {
	width: 490px;
	}
}