/*-----------------------------------------------------------------------------------
  Global Reset v0.3 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212)
-----------------------------------------------------------------------------------*/
  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
  body { line-height: 1; }
  ol, ul { list-style: none; }
  :focus { outline: 0; }
  table { border-collapse: collapse; border-spacing: 0; }


/*---------------------------
  Elements
---------------------------*/
  body { background: #E8E8E8 url(../images/body_bg.png); color: #333; font-family: Helvetica, Arial, sans-serif; }
  h1 { color: #666; font-size: 48px; padding-left: 50px; line-height: 80px; text-shadow: 0 2px 2px #fff; }
  h2 { color: #666; font-size: 24px; margin: 0 0 5px 0; }
  a { color: #555; padding: 4px 2px; text-decoration: none; }
  a:hover { background-color: #555; color: #e7e7e7; text-shadow: none; }
  h1 a:hover { background-color: transparent; color: #555; }
  ul { list-style: disc; margin: 0 0 0 15px; }
  li { color: #666; font-size: 16px; line-height: 1.2; margin: 0 0 7px 0; }
  
  
/*-------------------------------------------
  Global
-------------------------------------------*/
	.left { float: left; }
	.block_left { float: left; margin: 0 10px 10px 0; }
	.right { float: right; }
	.block_right { float: right; margin: 0 0 10px 10px; }
	.center { text-align: center; }
	.clear { clear: both; }
	
	#wrapper { margin: 0 auto 50px auto; width: 960px; }
	#header { height: 80px; margin: 20px 0; position: relative; }
	#appstore { background: url(../images/appstore.png) no-repeat; display: block; height: 71px; position: absolute; right: 150px; top: 0; width: 201px; }
	#buy_now { background: url(../images/download_button.png) no-repeat; color: #fff; display: block; font-size: 26px; font-weight: bold; height: 55px; line-height: 55px; margin: 0 auto; padding: 0; text-align: center; text-shadow: 0 1px 2px #333; width: 309px; }
	#buy_now:hover { background-position: left bottom; }
	
	#content { background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 4px #ccc; -webkit-box-shadow: 0 2px 10px #999; box-shadow: 0 2px 10px #999; margin: 0 0 50px 0; min-height: 600px; padding: 50px; position: relative; }
	#price { background: url(../images/price.png) no-repeat; display: block; height: 90px; position: absolute; right: -30px; top: -30px; width: 92px; }
	#features { background-color: #f0f0f0; float: none; height: auto; margin: 40px 0 30px 0; width: auto; }
	#main { float: left; width: 400px; }
	#main p { color: #555; font-size: 18px; line-height: 1.5; margin: 0 0 15px 0; }
	
	#iphone { background: url(../images/iphone_shell.png) no-repeat; float: right; height: 740px; position: relative; width: 404px; }
	.screenshot { height: 480px; left: 41px; position: absolute; top: 125px; width: 320px; }
	
	.callout { background-color: #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left; height: 80px; margin: 0 0 0 70px; padding: 20px; width: 335px; }
	.callout p { color: #333; font-size: 16px; font-weight: bold; line-height: 1.4; }
	.help_callout { background: #ddd url(../images/help.png) no-repeat 15px center; }
	.help_callout p, .video_callout p { float: left; padding: 8px 0 0 70px; }
	.video_callout { background: #ddd url(../images/video.png) no-repeat 15px center; }
	
	
	#video { background-color: #fff; box-shadow: 1px 1px 10px #000; -moz-box-shadow: 1px 1px 10px #000; -webkit-box-shadow: 1px 1px 10px #000; height: 614px; padding: 10px; position: absolute; width: 880px; }
	#video p.note { color: #999; font-size: 10px; padding: 4px 0 0 0; }
	#close_video { background: url(../images/close.png) no-repeat; display: block; height: 30px; left: -10px; position: absolute; top: -10px; width: 30px; }
	
	#footer { background-color: #333; height: 20px; padding: 20px 0; text-align: center; }
	#footer a { color: #BFDFFC; }
	#footer a:hover { background-color: #BFDFFC; color: #333; text-shadow: none; }
	#footer p { color: #CCC; font-size: 14px; }