* { margin:0; padding:0; }

body { font-size:11px; font-family:Century Gothic, Tahoma, Arial, sans-serif; background:url(../images/body_bac.png) repeat-x; }
ul { list-style:none; }
img { border:none; }
a { color:#339; text-decoration:none; }
a:hover { text-decoration:underline; }

#container { width:930px; margin:0 auto; position:relative; background:url(../images/containe.gif) right top no-repeat; }

/* CONTAINER */
#header { }
#main { width:500px; float:left; margin-top:70px; }
#sidebar { width:370px; float:right; margin-bottom: 1em; }
#footer { clear:both; border-top:1px solid #ccc; padding:20px 10px; overflow:hidden; font-size:10px; color:#555555; }

#menu_top {
	background:#eee; border:2px solid #ccc; padding:5px; overflow:hidden; float:left; width:100px; text-align:center;	margin:1em 1em 1em 100px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

#menu { width:100%; }
#menu_item {
	background:#eee; border:2px solid #ccc; padding:5px; overflow:hidden; float:left; width:60px; text-align:center; margin:1em;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

/* HEADER */
h1 { position:absolute; right:0; top:180px; }
h2 { float:right; margin:280px 0 0.8em; width:370px; color:#666; font-weight:bold; font-size:17px; }
#languages { position:absolute; top:10px; right:0; }
#languages li { float:left; margin-left:10px; }

/* MAIN */

#iphone { text-align:center; position:relative; height:660px; padding-top:112px; background:url(../images/iphone.png) top center no-repeat; }
#iphone li { display:inline; }
#screenshot { margin-bottom:140px; }
#next_screenshot, #previous_screenshot {
	position:absolute; top:320px; width:40px; height:50px; text-indent:-9999px; overflow:hidden;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}
#next_screenshot { right:15px; background:url(../images/arrow_right.png) center center no-repeat; }
#previous_screenshot { left:15px; background:url(../images/arrow_left.png) center center no-repeat; }
#previous_screenshot:hover, #next_screenshot:hover { background-color:#eee; }

/* SIDEBAR */
#intro { margin-bottom:2em; font-size:12px; font-family:Tahoma, Arial, sans-serif; }
#intro p { line-height:1.5; margin-bottom:1em; }
#intro ul { list-style: square !important; margin-bottom:1em; }
#intro ul li { line-height:1.5; margin-left:2em; }
.center { text-align:center; }
#follow {
	background:#eee; border:2px solid #ccc; padding:5px; overflow:hidden; font:bold 0.9em; color:#555;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#share { margin:0.5em 0; text-align:center; }
#share li { margin-right:10px; display:inline; }
#app_store_badge { text-align:center; margin-bottom:1em; }
#add_my_place { font:10px; color:#DF517E; margin:0 0 1em 7px; text-align:center; }
#support {
	background:#eee; border:2px solid #ccc; padding:5px; overflow:hidden; margin-bottom:1em; text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#support dt { float:left; text-transform:uppercase; font:bold 0.9em; color:#555; }
#support dd { float:right; font-size:10px; }


/* FOOTER */
#mstat_logo { float:right; }
#copyright { float:left; line-height:40px; }
