@charset "UTF-8";
/* CSS Document */

#header {
	position: absolute;
	top:0px;
	left:0%;
	color:#FFFFFF;
	float:right;
	font: Helvetica;
	background: #000000 url(images/all_pages/header_full.png);
	background-repeat:no-repeat;
	height: 190px;
	min-width: 1000px;
	width:100%;
	background-position:center;
	z-index:-1;
}

#leftbuttons {
	position:absolute;
	z-index: 2;
	width:140px;
	height:46px;
	top:790px;
	left: 16px;
}

#appstore {
	position:absolute;
	z-index: 2;
	width:140px;
	height:46px;
	top: 15px;
	left: 15px;
}

#navigation {
	position:absolute;
	overflow-y: hidden;
	float:left;
	width:799px;
	left:50%;
	margin-left:-407px;
	min-width:814px;
	top:150px;
	height:40px;
	z-index:3;
}

img.home { position: absolute; z-index:1; }
img.home:hover { bottom:-5px; }
img.features { left:90px; position: absolute; z-index:2; }
img.features:hover { bottom:-5px; }
img.about { left:180px; position: absolute; z-index:3; }
img.about:hover { bottom:-5px; }
img.screenshots { left:270px; position: absolute; z-index:4; }
img.screenshots:hover { bottom:-5px; }
img.help { left:360px; position: absolute; z-index:5; }
img.help:hover { bottom:-5px; }
img.blog { left:450px; position: absolute; z-index:6; }
img.blog:hover { bottom:-5px; }

#content {
	position:absolute;
	background-image:url(images/all_pages/leftright/leftrightbg.jpg);
	overflow-y:auto;
	float:left;
	color:#FFFFFF;
	font-size:13px;
	left:175px;
	right:175px;
	font-family: Helvetica, sans-serif;
  	height:500px;
	top: 210px;
}
.h1 {color: #cc0000; }
.h2 {color: #cc0000; }

#pagetitle {
	position:absolute;
	float:left;
	text-align:left;
	left:175px;
  	height:30px;
	top: 190px;
	z-index:2;
}


#content_left {
  	background: #000000;
  	position: absolute;
	float:left;
	top: 190px;
  	left: 0px;
	background:url(images/all_pages/leftright/leftrightbg.jpg);
  	width: 175px;
  	height: 500px;
}
#usercomments {
	position:absolute;
	top:331px;
	font-family: Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	right:24px;
	height:186px;
	width:128px;
	text-align:center;
	z-index:2;
}
#usercommentsbg {
	position:absolute;
	top:275px;
	right:16px;
	height:143px;
	width:277px;
	text-align:right;
	z-index:1;
}

#screenshot {
	position:absolute;
	background-image:url(images/all_pages/leftright/leftrightbg.jpg);
	float:left;
	font-size:13px;
	left:50%;
	margin-left:-330px;
  	height:500px;
	top: 190px;
}

#screenshot_prev {
	position:absolute;
	background-image: url(images/screenshots/nav/prev.png);
	background-repeat:no-repeat;
	float:left;
	left:25%;
  	height:60px;
	width:79px;
	top: 300px;
	z-index:1;
}

#screenshot_next {
	position:absolute;
	background-image: url(images/screenshots/nav/next.png);
	background-repeat:no-repeat;
	float:left;
	left:75%;
  	height:60px;
	width:79px;
	top: 300px;
	z-index:1;
}

#content_right {
	background: #000000;
	position: absolute;
	float:right;
	top: 190px;
	right:0px;
	font-family: Arial, Helvetica, sans-serif;
	background:url(images/all_pages/leftright/leftrightbg.jpg);
	overflow:hidden;
	width: 175px;
	height:500px;
}
.twitterstyle {
	color:#FFFFFF;
}
.twitterstyle li{
	color: #FFFFFF;
	background:#808080;
	list-style-type: none;
}
#magnify {
	position:absolute;
	z-index:1;
	top:650px;
	left:100px;
	float:left;
	height: 154px;
	width: 250px;
	background-repeat:no-repeat;
}
#pencil {
	position:absolute;
	z-index:1;
	top:650px;
	right:100px;
	float:left;
	height: 154px;
	width: 250px;
	background-repeat:no-repeat;
}
#footer {
	background: #000000 url(images/all_pages/footerbg.jpg);
	position: absolute;
  	top:690px;
	left:0%;
	right:0%;
	width:100%;
	min-width:1000px;
	font-size:12px;
	color: #535353;
	font-family: Helvetica, sans-serif;
	text-align:center;
  	height: 150px;
	overflow:hidden;
}

#footerblog {
	background: #000000 url(images/all_pages/footerbg.jpg);
	position: absolute;
  	top:690px;
	left:0%;
	right:0%;
	width:100%;
	min-width:1000px;
	font-size:12px;
	color: #535353;
	font-family: Helvetica, sans-serif;
	text-align:center;
  	height: 190px;
	overflow:hidden;
}


/* Footer Logos */

#avocado {
	position:absolute;
  	top:70px;
	float:right;
	font-size:12px;
	right:0px;
	width:50%;
	text-align:left;
	color: #FFFFFF;
	font-family: Helvetica, sans-serif;
}

#appacity {
	position:absolute;
  	top:70px;
	float:left;
	font-size:12px;
	left:0px;
	width:50%;
	text-align:right;
	color: #FFFFFF;
}