#callout {
	background: url(../images/screenshot.gif) top right no-repeat;
	height: 327px;
	overflow: hidden;
}

#callout h1 {
	height: 100px;
	width: 376px;
	margin: 0;
	padding: 0;
	background: url(../images/callout_text.gif) top left no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#callout p {
	margin: 0;
	padding: 12px 400px 12px 30px;
	line-height: 20px;
	color: #454545;
}

#callout h3 {
	width: 215px;
	height: 35px;
	overflow: hidden !important;
	padding: 0;
	margin: 12px 0 12px 28px;
}

#callout h3 a {
	display: block;
	height: 0px !important;
	padding: 32px 0 0 0;
	margin: 0;
}

#callout h3.learn {
	background: url(../images/btn_learn.gif) top left no-repeat;
}

#callout h3.download {
	background: url(../images/btn_download.gif) top left no-repeat;
}

#feature {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	height:34px;
	overflow: hidden;
	background: url(../images/partner_label.gif) top left no-repeat;
}

#partners {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #e3e3e3;
	height: 44px;
	overflow: hidden !important;
}

#partners li {
	height: 44px;
	overflow: hidden !important;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: top;
	width: 106px;
	float: left;
}

#partners .macys {
	background-image: url(../images/logo_macys.gif);
}

#partners .netflix {
	background-image: url(../images/logo_netflix.gif);
}

#partners .bestbuy {
	background-image: url(../images/logo_bestbuy.gif);
}

#partners .zappos {
	background-image: url(../images/logo_zappos.gif);
}

#partners .flowers {
	background-image: url(../images/logo_flowers.gif);
}

#partners .gap {
	background-image: url(../images/logo_gap.gif);
}

#partners .walmart {
	background-image: url(../images/logo_walmart.gif);
	width: 114px !important;
}

#info {
	background: url(../images/content_bg.gif) top left repeat-x;
	color: #e1f2fe;
	line-height: 18px;
	padding: 0;
	margin: 0;
	height: 322px;
	overflow: hidden !important;
}

#info .content {
	margin: 20px 20px 0 20px;
	padding: 0;
	width: 389px;
	float: left;
}

* html #info .content { margin: 7px; }

#info .content h2, #info .content h4 {
	margin: 0;
	color: #fff;
}

#info .content h2 {
	padding: 0 0 12px 0;
	font-size: 18px;
	font-weight: normal;
}

#info .content h4 {
	padding: 18px 0 0 0;
	font-size: 12px;
	font-weight: bold;
}

#info .content p {
	margin: 0;
	padding: 0;
}

#info .content .button {
	display: block;
	float: left;
	background: url(../images/btn_content.gif) top left no-repeat;
	margin: 20px 0 0 0;
	padding: 0;
	width: 180px;
	height: 27px;
}

#info .content .button a {
	display: block;
	padding: 4px 0 0 10px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#info .content .button a:hover { text-decoration: underline; }


#quotes {
	background: #3274A8 url(../images/quotes_bottom.gif) bottom left no-repeat;
	padding: 0 0 14px 0;
	width: 289px;
	margin: 20px 0 0 440px;
	font-size: 11px;
}

#quotes h3 {
	margin: 0;
	padding: 18px 0 12px 20px;
	background: url(../images/quotes_top.gif) top left no-repeat;
	font-size: 12px;
}

#quotes blockquote {
	margin: 0;
	padding: 0 20px;
}

#quotes p {
	padding: 0 20px 10px 20px;
	margin: 0;
}

#quotes cite {
	font-style: normal;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#callout { position: relative; }

#demo-link {
	width: 158px;
	height: 131px;
	overflow: hidden;
	position: absolute;
	bottom: 10px;
	right: 313px;
}

#demo-link a {
	display: block;
	padding: 131px 0 0 0;
	margin: 0;
	text-indent: -9999px;
	background: url(../images/demo_callout.gif) top left no-repeat;
}