@charset "UTF-8";
/* CSS Document */

/*  -- Reset Defaults --  */

a, a:link, a:visited, a:hover, a:active
	{
	text-decoration:none;
	color:inherit;
	border:none;
	}
	
img
	{
	border:none;	
	}
	
ol, ul
	{
	list-style:none;
	margin:0;
	padding:0;
	}
	

/*  -- Main Structure --  */

body
	{
	width:100%;	
	margin:0;
	padding:0;
	border:none;
	text-decoration:none;
	background-color:#6e6e6e;
	background-image: url(images/back_pattern-1.gif);
	background-repeat:repeat;
	color:#373737;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:14px;
	}

#container
	{
	width:970px;
	margin:20px auto;
	padding:0;
	background-color:#6e6e6e;
	}
	
#header
	{
	position:relative;	
	width:449px;
	min-height:300px;
	margin:0;
	padding:45px 100px 15px 421px;	
	background-color:#FFF;
	background-image:url(images/bg_header.gif);
	background-repeat:no-repeat;
	border-bottom: 1px #373737 dashed;
	}
	
#main
	{
	position:relative;	
	width:970px;
	height:505px;
	margin:0;
	padding:0;	
	background-color:#FFF;
	background-image:url(images/bg_main.gif);
	background-repeat: repeat-x;
	border-bottom: 1px #373737 dashed;
	}	

#sub
	{
	position:relative;	
	width:449px;
	height:305px;
	margin:0;
	padding:15px 100px 15px 421px;	
	background-color:#6aba57;
	background-image:url(images/bg_sub.gif);
	background-repeat:no-repeat;
	}	
	
#footer
	{
	width:970px;
	margin:0;
	padding:10px 0 20px 0;
	background-color:#606060;
	background-image:url(images/back_pattern-1.gif);
	background-repeat:repeat-x;
	text-align:center;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color:#FFF;
	}	
	
	
/*  -- styles --  */

h1
	{
	font:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:48px;
	font-weight:bold;
	color:#72bb66;
	margin:0;
	padding:0;
	}

h2
	{
	font:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#6e6e6e;
	margin:0;
	padding:0;
	}

h3
	{
	font:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight: normal;
	color:#ea3905;	
	margin:0;
	padding:0;
	}
	

/*  -- layout --  */

#logo
	{
	position:absolute;
	top:60px;
	left:104px;
	}

ul#selling_points 
	{
	width:449px;
	height:405px;
	margin:0;
	padding:45px 100px 15px 421px;	
	background:url(images/bg_ul.png) no-repeat 50px 40px; 
	}	
	
ul#selling_points li
	{
	list-style:none;
	background:url(images/list_disc.png) no-repeat 0px 3px; 
	padding-left:50px;
	}


a#btn_download
	{
	width:242px;
	height:48px;
	display:block;
	margin:30px 0 30px;
	background-image:url(images/btn_download2.png);
	background-repeat:no-repeat;
	}	

a#btn_app_store
	{
	width:124px;
	height:41px;
	display:block;
	margin:-35px 0 30px 471px;
	background-image:url(images/btn_app_store.png);
	background-repeat:no-repeat;
	}
	
span
	{
	display:none;
	}