/*
	design notes:
	grid is approx 290px X 180px
*/

body {
	padding: 0;
	margin: 0;
	font-family: helvetica, arial, sans-serif;
}

html {
	padding: 0;
	margin: 0;
}

body div {
	margin: 0;
	padding: 0;
}

div.mobomo-bar, div.app-bar, div.content-area {
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat;
}

div.mobomo-bar {
	background-image: url(/images/mockup_01.png);
	height: 44px;
}

div.mobomo-bar img {
  border: 0;
}

div.app-bar {
	background-image: url(/images/mockup_02.png);
	height: 151px;
}

div.content-area {
	background-image: url(/images/mockup_03.png);
	background-repeat: no-repeat;
	width: 850px;
	margin: 0 auto 10px auto;
	padding: 5px 20px 0 20px;
}

div.content-area h1 {
   margin-top: 0;
}

div.content-area div.tabs {
	padding: 4px 0 0 8px;
	height: 50px;
	color: #667;
	font-size: 1.5em;
}

div.tabs a {
	font-size: 0.75em;
	color: #000;
	margin: 0 15px 0 0;
}

div.tabs a.active {
	color: #fff;
	text-decoration: none;
}

body {
	background-image: url(/images/light-color.png);
}

div.mobomo-bar div {
	width: 850px;
	margin: 0 auto 0 auto;
	padding: 2px 0 0 0;
}

.right {
	float: right;
	margin: 8px 38px 8px 50px;
}