/*general css*/
body{
	background:url(img/body-bg.jpg) repeat;
	padding:0px;
	margin:0px auto;
	font-family:Arial;
	}
	
p, h1, h2, h3, h4, h5, h6{
	margin:0px;
	font-family:Arial;
	color:#7f7f7f;
	}

/*layout content css*/
#content{
	position:relative;
	top:140px;
	}

/*header css*/
.header{
	background-color:#070707;
	position:relative;
	height:48px;
	font-family:Arial;
	z-index:9999;
	}
	
	.header .list{
		padding-left:10%;
		}

	.header ul{ 
		height:48px;
		margin:0px;
		padding:0px;
		position:relative;
		top:1px;
		}
		.header ul li{
			height:48px;
			list-style:none;
			float:left;
			margin-right:10px;
			}
			.header ul li a, .header ul li a:hover{ 
				line-height:3.0em; 
				display:block;
				height:48px;
				list-style:none;
				text-decoration:none;
				color:#fff;
				font-size:11pt;
				font-weight:bold;
				position:relative;
				top:0px;
				padding-left:10px;
				padding-right:10px;
			}
			.header ul li a:focus{/*color:#f0703d;*/ outline:none;}
			.header ul li a.light, .header ul li a:hover.light, .header ul li.active a.light, .header ul li.active a:hover.light{color:#f0703d; outline:none;}
			.header ul li.active a, .header ul li.active a:hover{ height:48px; list-style:none; color:#000; background-color:#fff;}


a.lotto, a:hover.lotto{
	color:#999999;
	float:right;
	font-size:13px;
	font-weight:normal;
	position:relative;
	right:25px;
	text-decoration:none;
	top:-32px;
	}

a.download{
	background:url(img/download_icon.jpg) left no-repeat;
	padding-left:20px;
	margin-right:5px;
	color:#3589b4;
	text-decoration:none;
}

a.enlarge{
	background:url(img/enlarge.jpg) no-repeat 0px 5px;
	padding-left:15px;
}

a.view{
	background:url(img/view.jpg) no-repeat 0px 5px;
	padding-left:15px;
}

a.brag{
	background:url(img/brag.jpg) no-repeat 0px 5px;
	padding-left:15px;
}

a:hover.download{
	text-decoration:underline;
}
/*pages detailed css*/
.page{
	background:#fff url(img/page-bg1.jpg) bottom left repeat-x;
	position:relative;
	top:0px;
	margin-left:10%;
	min-height:360px;
	width:80%;
	font-size:12px;
	z-index:9998;
	padding:10px;
	}
	
.page .content{
	padding:40px 20px 20px 80px;
}	

	.page .content .title{
		padding-bottom:20px;
	}
	
	.page .content .title .home{
		float:left;
	}
	
	.page .content .title small{
		float:left;
		padding-left:20px;
		padding-top:20px;
	}	
	
	h1.home{
		font-family:"Myriad Pro", Arial;
		font-size:25pt;
		text-transform:lowercase;
		font-weight:normal;
		}
		
	.page .content .iphone{
		float:left;
		padding-bottom:20px;
		position:relative;
	
	}
	
	.page .content .lotta{
		padding-left:435px;
		padding-bottom:20px;
		margin-right:90px;
		}
	
	
	.page .content .footer{
		
	}
		.page .content .footer a{
			font-family:Verdana;
			font-size:10pt;
			color:#a1a1a1;
			margin-right:20px;
			text-transform:lowercase;
			letter-spacing:1px;
			text-decoration:none;
		}
		
		.page .content .footer a:hover{
			text-decoration:underline;
		}
		
		a.getnow, a:hover.getnow{
			background:url(img/get_it_now.jpg) center no-repeat;
			width:89px; height:24px;
			text-decoration:none;
			display:block;
		}
		
		.footer-tip{
			position:absolute;
			right:0px; bottom:0px;
			background:url(img/footer.gif) no-repeat right bottom;
			height:45px; width:45px;
		}
		
		.clear{clear:both;}
		
		.bottom-dotted{border-bottom:1px dotted #959595;}
		
		.float-left{float:left;}
		.float-right{float:right;}