/* ******************************************
1. -	topnav
2. -	

****************************************** */

	body {
		background: url(../images/elements/background.jpg) #000000 no-repeat center top;
		margin: 0;
		padding: 0;
		}
	.container {
		position: relative;
		margin: 0 auto;
		width: 960px;
		}
	.header {
		height: 144px;
		position: relative;
		}
	.logo {
		position: absolute;
		left: 0px;
		top: 20px;
		width: 150px;	
		height: 149px;
		text-indent: -9999px;
		cursor: pointer;
		background: url(../images/elements/logobigM.png) 0 0  no-repeat;
		z-index: 100;
		}		
	.headline {
		display: inline-block;
		float: right;
		margin-top: 35px;
		}
	.landing .maincontent,
	.application .maincontent,
	.ads .maincontent,
	.product .maincontent {
		background: url(../images/elements/bg_content.png) no-repeat center top;
		clear: both;
		height: 337px;
		width: 972px;
		/* overflow: hidden;
		overflow-y: auto; */
		position: relative;
		}
	.footer {
		clear: both;
		font-size: 90%;
		margin-top: 340px;
		}
	.footer ul {
		float: left;
		display: inline;
		padding-bottom: 20px;
		}
	.footer li {
		float: left;
		display: inline;
		margin-right: 5px;
		} 
	.footer li, .footer li a {	
		color: #333;
		text-decoration: none!Important;
		}
	.footer img, 
	.footer span /* For IE 6 */ {
		float: right;
		display: inline-block;
		margin-top: -166px;
		}
	.left {
		float: left;
		display: inline-block;
		}
	.right {
		float: right;
		display: inline-block;
		}
	p {
		color: #363636;
		line-height: 1.5em;
		margin-bottom: 1.5em;
		}


	/* 1: topnav */
	.topnav {
		position: absolute;
		top: 80px;
		left: 180px;
		width: 700px;
		height: 32px;
		padding: 0 0 20px 0;
		}
	.topnav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		clear: both;
		}
	.topnav li {
		float: left;
		display: inline;
		margin: 0;
		padding: 0 5px 0 0;
		background: none;
		height: 32px;
		overflow: hidden;
		background-position: 0 0;
		background-repeat: no-repeat;
		cursor: pointer;
		text-decoration: none;
		}
	.topnav a {
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		}					
	.topnav li:hover,
	.topnav a:hover,
	.topnav li.on .sfhover {
		background-position: 0 -32px;
		}
	.topnav li.on,
	.topnav li.on a {
		background-position: 0 -32px;
		}
	.topnav li.on a:hover,
	.topnav li.on:hover {
		background-position: 0 -32px;
		}				
	
	/* nav backgrounds */
	.topnav .home { background-image: url(../images/nav/home.gif); width: 65px; height: 32px;}
	.topnav .freeiphoneapp { background-image: url(../images/nav/freeiphoneapp.gif); width: 140px; height: 32px;}
	.topnav .watchourads { background-image: url(../images/nav/watchourads.gif); width: 132px; height: 32px;}
	.topnav .viewourproducts { background-image: url(../images/nav/viewourproducts.gif); width: 166px; height: 32px;}