@import url("style.css");

body {
	font-family: "Trebuchet MS", "Verdana", sans-serif;
	color: #333;
}

h1, h2, h3 {
	color: #222;
}

:focus {
  -moz-outline-style: none;
}

a {
	outline: none;
}

/* Header */

#card-header {
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/header.jpg');
	width: 953px;
	height: 231px;
	margin-left: 4px;
	overflow: hidden;
}

#card-header-underline {
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/header_underline.gif');
	width: 953px;
	height: 12px;
	margin-left: 4px;
	overflow: hidden;
}

/** Content */

#card-page-content {
	position: relative;
}

#card-page-content h2 {
	padding-top: 20px;
}

/* Right space with download and video */

#card-right-space {
	float: left;
	width: 394px;
}

#card-download-area {
	position: relative;
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/download_area.jpg');
	height: 93px;
}

#card-download-area a {
	top: 10px;
	position: absolute;
	height: 73px;
	line-height: 75px;
	text-align: center;	
	overflow: hidden;
	
	font-size: 18px;
	font-family: "Trebuchet MS", "Arial", "Georgia", "Verdana", sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

#card-download-area a:hover {
	text-decoration: underline;
}

#card-download-os {
	width: 72px;
	height: 74px;
	position: absolute;
	left: 22px;
	top: 5px;
	overflow: hidden;
}

#card-download-os.windows {
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/download_windows.jpg');
}
#card-download-os.mac {
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/download_mac.jpg');
}
#card-download-os.linux {
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/download_linux.jpg');
}

#card-download-link {
	left: 14px;
	width: 166px;
	padding-left: 40px;
}

#card-buy-link {
	left: 235px;
	width: 86px;
	padding-right: 15px;
}

#card-video-area {
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/video_area_green.jpg');
	height: 255px;
	overflow: hidden;
}

#card-video-container {
	margin: 10px 0px 0px 10px;
	border: 1px solid #3a5d29;
	width: 330px;
	height: 210px;
	overflow: hidden;
}

#card-rider-head {
	position: absolute;
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/rider_head.jpg');
	width: 210px;
	height: 130px;
	top: -130px;
	right: 0px;
}

#card-rider-arm{
	position: absolute;
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/rider_arm.jpg');
	width: 27px;
	height: 111px;
	top: 0px;
	right: -27px;
}

/* Left space where user can choose which card to view */

#card-left-space {
	padding: 11px 0px 0px 5px;
	width: 562px;
	float: left;
	overflow: hidden;
}

#card-content {
	padding-left: 25px;
	width: 530px;
	height: 283px;
	overflow: hidden;
	position: relative;
}

#card-content h2 {
	padding: 0;
	margin: 7px 0px 5px 0px;	
}

#card-content p, #card-content h3 {
	padding: 0;
	margin: 12px 0px;
}

#card-content ul {
	padding: 0;
	margin: 12px 12px;
}

/* White menu bar */

.card-menu {
	height: 35px;
	line-height: 30px;
}

.card-menu a {
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/link_bar.gif');	
	height: 35px;
	
	font-size: 16px;
	font-family: "Trebuchet MS", "Arial", "Georgia", "Verdana", sans-serif;
	font-weight: bold;
	color: #5b5b5b;	
	
	cursor: pointer;
	display: block;
	
	padding: 0;
	margin: 0;
	
	float: left;
}

.card-menu a:hover {
	color: #f00;
}

.card-menu .border-left {
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/link_bar_left.gif');
	width: 7px;
	height: 35px;
	overflow: hidden;
	display: block;
	float: left;
}

.card-menu .border-right {
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/link_bar_right.gif');
	width: 7px;
	height: 35px;
	overflow: hidden;
	display: block;
	float: left;
}

.card-menu .separator {
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/link_bar_separator.gif');
	width: 1px;
	height: 35px;
	overflow: hidden;
	display: block;
	float: left;
}

/** Card navigation */

#card-navigation a {
	padding: 0px 10px;
}

/** Pagination */

#card-pagination {
	padding-left: 20px;
}

#card-pagination .card-menu {
	text-align: center;
}

#card-pagination a {
	width: 20px;
}

/** Subpart with Boxes **/

#card-subpart {
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/subpart_shade.gif') repeat-x top;
	padding: 15px 0px 0px 0px;
	clear: both;
}

#card-subpart .box-spacer {
	width: 13px;
	float: left;
	overflow: hidden;
}

#card-subpart .box {
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/subpart_box.png');
	position: relative;
	width: 303px;
	float: left;
}

#card-subpart .box-top {
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/subpart_box_top.png') no-repeat top;
}

#card-subpart .box-top-shine {
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/subpart_box_shine.png') no-repeat top;
}

#card-subpart .box-bottom {
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/subpart_box_bottom.png') no-repeat bottom;
}

#card-subpart .box-content {
	background: url('http://d3lsbyjmf2zrlu.cloudfront.net/cards/subpart_box_bottom.png') no-repeat bottom;
	padding: 15px 15px 15px 15px;
	height: 163px;	
}

#card-subpart .box-content-iphone {
	height: 193px;	
}

#card-subpart .box-content h2 {
	font-size: 18px;
	margin: 0;
	padding: 0 0 5px 0;
}

#card-subpart .box-content p {
	font-size: 12px;
	margin: 0;
	padding: 5px 0px 5px 0px;
}

#card-subpart-end {
	height: 0px;
	clear: both;
	overflow: hidden;
}

/* Footer */

#footer-bar {
	font-weight: bold;
}

#footer-navigation {
	margin: 28px 0px 0px 20px;
}

#footer-navigation a,
#footer-links a {
	color: #333;
	text-decoration: none;
}

#footer-navigation a:hover {
	color: #f00;
}

/** Card Content */

.card-demo-links {
	display: block;
	height: 32px;
	margin: 0px 0px 12px 0px;
}

.card-demo-links img {
	display: block;
	float: left;
	border: 0;
}

.card-demo-links span {
	display: block;
	float: left;
	line-height: 40px;
	height: 32px;
	padding-right: 15px;
}

/** Media Buzz */

.media-buzz p{
	float:right; 
	width: 180px
}

.media-buzz a{
	text-decoration: none;
	color: #000;
}
.media-buzz a:hover {
	color: #f00;
}