/*------------------------------------------------------------------------------
Stylesheet Description

version:	1.0
author:		gus torres - www.gustorres.com
website:	http://www.fortunecompass.com
------------------------------------------------------------------------------*/

/* =Section Style for 'Fortune Compass iPhone App Promo'
------------------------------------------------------------------------------*/

/* Styling of global promotional elements */

#buyNow {
        position: absolute;
        left: 760px;
        top: 180px;
        width: 59px;
        height: 81px;
}

#app-promo	{	
	width: 680px;
	min-height: 750px;
	margin-top: 30px;
}

#app-promo.primary	{
	background: url(../images/promo/ip_bkgd.jpg) 0 0 no-repeat;
}

#app-promo.highlights	{
	background: url(../images/promo/ip2_bkgd.jpg) 0 0 no-repeat;
}

#app-promo h1,
#app-promo h2,
#app-promo h3,
#app-promo p	{
	margin: 0;
	padding: 0;
	color: #FFF;
}

#app-promo img#iphone-app,
#app-promo img#original	{
	display: none;
}

#app-promo.primary #promo-block	{
	padding: 15px 25px;
}

#app-promo.highlights #promo-block	{
	padding: 15px 0;
}

#ip-promo	{
	float: left;
	width: 420px;
}

/* Styling specific to initial promotional page */

#ip-promo .promo-intro h1	{
	font-family: Palatino, Times, 'Times New Roman', Georgia, serif;
	font-size: 27px;
	line-height: 32px;
	font-weight: normal;
}

#ip-promo .promo-intro h1 .callout	{
	display: block;
	text-align: right;
	font-size: 80px;
	font-style: italic;
	line-height: 72px;
	letter-spacing: -3px;
	color: #ffd5ab;
}

#ip-promo .promo-intro h2	{
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 18px;
	line-height: 24px;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	padding: 10px;
}

#ip-promo .promo-intro p.cta-download a	{
	float: left;
	position: absolute;
	text-indent: -5000px;
	width: 143px;
	height: 78px;
	background: url(../images/promo/ip_cta_btn.png) 0 0 no-repeat;
}

#ip-promo .promo-body	{
	background: url(../images/promo/ip_phone_bkg.png) -76px 30px no-repeat;
	min-height: 500px;
	width: 420px;
}

#ip-promo .promo-body p	{
	margin-left: 215px;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 14px;
	line-height: 18px;
	padding: 5px 0;
}

#ip-promo .promo-body p.first-pt	{
	background: url(../images/promo/ip_goodfortune_bkg.png) 45% 0 no-repeat;
	padding-top: 40px;
}

#ip-promo .promo-body p strong	{
	display: block;
	color: #ffd5ab;
}

#ip-promo .promo-body p.cta-youtube	{
	font-style: italic;
	color: #ffd5ab;
}

#ip-promo .promo-body p.cta-youtube a	{
	display: block;
	text-indent: -5000px;
	width: 93px;
	height: 34px;
	background: url(../images/promo/ip_youtube_lnk.png) 0 0 no-repeat;
	margin-top: 5px;
	margin-left: 110px;
}

#fc-promo	{
	float: right;
	width: 180px;
	background: url(../images/promo/fc_original_img.png) 0 35px no-repeat;
	padding-top: 162px;
}

#fc-promo .promo-intro h2	{
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
	padding-bottom: 4px;
	color: #ffd5ab;
}

#fc-promo p	{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 4px 0;
}

#fc-promo .promo-body p .hilite	{
	color: #ffd5ab;
}

#fc-promo .promo-body p strong	{
	display: block;
	color: #ffd5ab;
}

#ip-promo .promo-body p a,
#fc-promo .promo-body p a	{
	color: #ffd5ab;
	text-decoration: none;
	display: block;
	font-weight: normal;
}

#ip-promo .promo-body p a:hover,
#ip-promo .promo-body p a:active,
#fc-promo .promo-body p a:hover,
#fc-promo .promo-body p a:active	{
	text-decoration: underline;
	color: #FFF;
}

#ip-promo .promo-body p.cta-readmore a,
#fc-promo .promo-body p.cta-readmore a	{
	text-transform: uppercase;
	font-weight: bold;
}

/* Styling specific to highlight page */

#ip-highlight .highlight-intro	{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	overflow: auto;
}

#ip-highlight .highlight-intro h1	{
	font-family: Palatino, Times, 'Times New Roman', Georgia, serif;
	font-size: 32px;
	line-height: 36px;
	font-weight: normal;
	float: left;
	padding-top: 10px;
}

#ip-highlight .highlight-intro p.cta-download a	{
	float: right;
	position: absolute;
	text-indent: -5000px;
	width: 121px;
	height: 67px;
	margin: 0 0 0 20px;
	background: url(../images/promo/ip_cta2_btn.png) 0 0 no-repeat;
}

#ip-highlight .highlight-screens	{
	clear: both;
	overflow: auto;
	margin: 20px 10px 0 10px;
	
}

#ip-highlight .highlight-screens .screen	{
	float: left;
	width: 149px;
	margin: 0 8px;
	padding-top: 230px;
}

#ip-highlight .highlight-screens h2,
#ip-highlight .highlight-screens p	{
	font-size: 13px;
	line-height: 18px;
	font-family: Georgia, Times, 'Times New Roman', serif;
}

#ip-highlight .highlight-screens h2	{
	color: #ffd5ab;
}

#ip-highlight .highlight-screens img	{
	display: none;
}

#ip-highlight .highlight-screens #screen1	{
	background: url(../images/promo/ip_screen1_img.png) 0 0 no-repeat;
}

#ip-highlight .highlight-screens #screen2	{
	background: url(../images/promo/ip_screen2_img.png) 0 0 no-repeat;
}

#ip-highlight .highlight-screens #screen3	{
	background: url(../images/promo/ip_screen3_img.png) 0 0 no-repeat;
}

#ip-highlight .highlight-screens #screen4	{
	background: url(../images/promo/ip_screen4_img.png) 0 0 no-repeat;
}

#ip-highlight .highlight-screens #screen5	{
	background: url(../images/promo/ip_screen5_img.png) 0 0 no-repeat;
}

#ip-highlight .highlight-screens #screen6	{
	background: url(../images/promo/ip_screen6_img.png) 0 0 no-repeat;
}

#ip-highlight .highlight-screens #screen7	{
	background: url(../images/promo/ip_screen7_img.png) 0 0 no-repeat;
}

#ip-highlight .highlight-screens #screen8	{
	background: url(../images/promo/ip_screen8_img.png) 0 0 no-repeat;
}

#ip-detail	{
	clear: both;
	background: url(../images/promo/ip_divider_bkg.png) 50% 0 no-repeat;
	overflow: auto;
	margin-top: 20px;
	padding-top: 35px;
	font-family: Georgia, Times, 'Times New Roman', serif;
}

#ip-detail h2	{
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
}

#ip-detail p	{
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
	text-align: center;
	padding: 5px 0;
}

#ip-detail .detail-center	{
	float: left;
	width: 310px;
	padding: 0 10px 0 18px;
}

#ip-detail .detail-share	{
	float: left;
	width: 310px;
	padding: 0 18px 0 10px;
}