@charset "UTF-8";

html, body {
	background: #006991;
}

#container {
	margin: 0 auto;
	padding: 55px 10px 50px 10px;
	text-align: left;
	background: url(/images/top-grad.png) repeat-x 0 top;
}


/*---Main----*/

div#main {
	width: 860px;
	margin: 0 auto;
	background-color: #0e0f0f;
	position: relative;
	}

div#block-top{
	background: url(/images/block-top.png) no-repeat center top;
	width: 860px;
	height: 141px;
	margin: 0 auto;
}

div#block-bottom{
	background: url(/images/block-bottom.png) no-repeat center bottom;
	width: 860px;
	height: 199px;
	margin: 0 auto;
	position: relative;
	z-index: -1;
}

img#logo {
	position: absolute;
	top: -160px;
	right: 100px;
	z-index: 1;
}

img#iphone {
	position: absolute;
	top: -183px;
	left: 10px;
}

div#screenshots {
position:absolute;
	height: 500px;
	width: 330;
	right:-13px;
	top:-80px;
}

div#screenshots div {
	position:absolute;
	height: 500px;
	width: 330;
	right:20px;
	top:10px;
}

div#screenshots-menu {
	padding-top: 20px;
	position: relative;
	margin-left: 305px;
	height: 170px;
	padding-bottom: 80px;
	width: 250px;
}

#screenshots-menu span.screenshots-title{
	color: #7a7a7a;
	display: block;
	letter-spacing: 1px;
	text-align: right;
	margin-bottom: 10px;
	margin-right: 10px;
	font: italic 1.4em/1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#screenshots-menu li {
	border: none;
	background: url(/images/menu-star-black.gif) no-repeat right center;
	padding-right: 45px;
	display: block;
	text-align: right;
	letter-spacing: 1px;
}

#screenshots-menu li span {
	font: italic bold 2em/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	border: none;
	color: #fff;
	display: block;
	text-decoration: none;
	padding-top: 1px;
}


#screenshots-menu li:hover {
	cursor: pointer;
}


#screenshots-menu li span:hover {
	border: none;
	color: #e8f522;
	cursor: pointer;
}


#screenshots-menu li.active {
	background: url(/images/menu-star-white.gif) no-repeat right center;
}


div#description{
	color: #fff;
	width: 450px;
	height: 620px;
	margin-left: 60px;
	font: 1.4em/1.6em "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-bottom: 20px;
}

/*---Text Styles---*/

#description a {
	color: #4099bb;
	text-decoration: none;
	border-bottom: 1px solid #3d3d3d;
}


#description a:hover{
	border-bottom: 1px solid #c4c4c4 ;
}

#text-headline {
	font: bold 1.4em/1em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: .7em;
	display: block;
}

#description em{
}

.color1{
	color: #f5ff6a;
}
.color2{
	color: #bfbfbf;
}
.color3{
	color: #c1b8ff;
}
.large{
	font-size: 1.4em;
	line-height: 1.3em;
}
.medium{
	font-size: 1.2em;
}
.celebrisee-name{
	font: italic 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
}



hr.horz-rule {
	height: 1px;
	background-color: #6c7676;
	border-top: 1px solid #2c363a;
	border-bottom: 2px solid #000;
	display: block;
	position: relative;
	margin-left: 30px;
	margin-bottom: 20px;
	width: 520px;
	border-right-style: none;
	border-left-style: none;
}

a#itunes-link{
	display: block;
	height:61px;
	width:184px;
	position: relative;
	margin-left: 355px;
	margin-bottom: 65px;
}

a#locality-logo {
	display: block;
	right: 110px;
	position: absolute;
	bottom: -20px;
	z-index: 1000;
	height: 100px;
	width: 138px;
}

div#features{
	float: right;
	width: 270px;
	clear: right;
	position: relative;
	right: 25px;
	margin-top: 450px;
}

#features h2 {
	color: #2892bb;
	margin-bottom: 1em;
	font: bold 2em/1em "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 1px;
}

features ul {
	margin: 0;
	padding: 0;
}

#features li {
	margin-bottom: 1.4em;
	list-style-type: circle;
	color: #e1e1e1;
	font: normal 1.4em/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}