/* Tweebapp.com */

body {
	font-family:Helvetica, Arial, sans-serif;
	background:#e6fc9e url(site-bkgnd.png) repeat-y top center;
	color:#6e7b8a;
	font-size:.75em;
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
}
a{
	color:#565f68;
	text-decoration:none;
}
a:hover{
	color:#dd9b02;
}
a img{ border:none;}

div#siteWrapper{
	text-align:left;
	width:840px;
	margin:0 auto;
	background:#FFF;
}

div#nav{
	background:#4c545b url(nav-bkgnd.png) repeat-x bottom;
	color:#FFF;
	padding:27px 40px;
}
.priLinks a{
	text-transform:uppercase;
	color:#FFF;
	font-size:1.05em;
	margin-right:20px;
	letter-spacing:.05em;
}
#nav a:hover{
	color:#c6ef49;
}
.supportLinks{
	float:right;
	margin:-1em 0 0 0;
}
.supportLinks a{
 	color:#c2eaf6;
	margin:0 0 0 30px;
}
p{
	margin:0;
}

/* HOME */
div.tweebIntro,
div.tweebScreens,
div.tweebFeatures{
	float:left;
	margin:30px 0;
}
div.tweebIntro{
	width:280px;
	text-align:right;
	margin-right:20px;
}
div.tweebIntro h2{
	width:210px;
	font-weight:normal;
	text-align:right;
	margin-left:35px;
	line-height:1.6em;
	font-size:1.05em;
}

div.tweebScreens{
	width:260px;
	background:url(iphone.jpg) no-repeat;
	margin-right:30px;
	height:490px;
	position:relative;
}
.temp{
	background:#333;
	width:220px;
	height:329px;
	height:229px;
	
	position:absolute;
	top:80px;
	left:20px;
	text-align:center;
	
}
div.tweebFeatures{
	width:220px;
	height:300px;
}
div.tweebFeatures p{
	border-bottom:1px solid #d6d3d1;
	padding:12px 5px;
	line-height:1.25em;
}
div.tweebFeatures a{
	display:block;
	margin: 10px 5px;
	color:#1398bd;
	text-transform:uppercase;
	font-weight:bold;
	font-size:.9em;
}
div.tweebFeatures a:hover{
	color:#dd9b02;
}
div.tweebFeatures a img{
	display:block;
	margin: 40px 0 0 0;
}

div.updates, p.footer{
	clear:both;
	border-top:1px solid #d6d3d1;
	margin:20px;
	padding:17px 10px;
}
div.announcement{
	width:210px;
	line-height:1.4em;
	margin:10px 55px 20px 0;
	float:left;
}
div.announcement h3{
	font-style:oblique;
	color:#0093b9;
	font-size:1.35em;
	margin-bottom:.2em;
}
div.updates img{ float:left; margin:10px 0 20px 0;}


div#tweebMore{
	border:3px solid #cfdfe3;
	line-height:1.3em;
	width:440px;
	float:left;
	margin:40px 0 0 0;
	padding:30px;
	margin-bottom:30px;
}
div#tweebMore h3{
	font-size:1.5em;
	font-weight:bold;
	line-height:1.2em;
	color:#17a0c6;
	margin-bottom:20px;
	margin-right:30px;
}