*{
	margin:0px;
	padding:0px;
	border:none;
}

html,body{
	height:100%;
} 

.container {
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px;
    text-align: center;
    width: 100%;
}

.black {
	height: 40px;
	background-color: #222;
	width:100%;
	padding: 10px;
}

#logo{
	position:relative;
	margin-top: 10px;
}

#support{
	position:relative;
	margin-top:10%;
	padding-bottom:90px;
}

.CopyrightText{
	position:relative;
	color:#FFFFF5;
	text-align:center;
	vertical-align:middle;
	padding:0px;
}

a{
	color:#999999;
}

a:hover{
	color:#C1C1C1;
}


/*Highlight Selected Text */

::-moz-selection {
    background: #E6E6E6;
    text-shadow: none;
}

::selection {
    background: #E6E6E6;
    text-shadow: none;
}

/*Just Picture It Page*/


@font-face {
    font-family: 'Hobo';
    src: url('./fonts/HOBOSTD.OTF');
    font-weight: normal;
    font-style: normal;
}

#jpi{
	background: black;
}

#thin-container{
	width: 70%;
	background: white url('./img/background-watermark.png')no-repeat fixed center;
	min-width:924px;
	min-height: 1650px;
}

.colorblock {
    box-shadow: 1px 1px 15px #888888;
    height: 40px;
    min-width: 924px;
    position: absolute;
    width: 70%;
}

.bar1 {
    top: 100px;
}
.bar2 {
    top: 243px;
}
.bar3 {
    top: 505px;
    height:120px;
}
.bar4 {
    top: 1080px;
    height:120px;
}
.bar5 {
    top: 1496px;
}

.blue{
	background-color: #23A5C5;
}
.yellow{
	background-color: #FCD400;
}
.orange{
	background-color: #F8841D;
}
.green{
	background-color: #8FB94D;
}
.purple{
	background-color: #9A76A4;
}

.ontop{
	z-index: 2;
}

#circle-logo{
	display: block;
	position: relative;
}

#logo-container{
	display: block;
    position: relative;
    width: 200px;
    top: 20px;
	left: 60px;
}

#catchphrase{
    left: 130px;
    min-width: 350px;
    position: relative;
    top: -95px;
}

#appStoreBadge{
	height:100%;
	width: 100%;
}

#badge-container{
    display: block;
    height: 55px;
    left: 630px;
    position: relative;
    top: -3px;
    width: 200px;
}

#video-container{
    position: relative;
    top:24px;
    left:-100px;
}

/*Slider*/
#slider{
	display:inline;
	position: relative;
    z-index: 1;
    top:144px;
}

#slider img{
	vertical-align:middle;
}

.slide{
	display:inline;
}

.arrow{
	display:inline;
}

#next{
	margin-left:60px;
}

#leftslide{
	width:154px;
	height:264px;
	margin-left:60px;
	border:2px solid black;
}

#middleslide{
	width:228px;
	height:391px;
	margin-left:60px;
}

#rightslide{
	width:154px;
	height:264px;
	margin-left:60px;
	border:2px solid black;
}

#iphone{
    height: 577px;
    left: 278px;
    position: absolute;
    top: -285px;
    width: 275px;
}

/*Post-Slider*/

#support-bar{
	position: relative;
    top: 313px;
}

#supportlink{
    color: black;
    font-family: "Hobo", "Bitstream Vera Sans Bold", "Arial Black", sans serif;
    text-decoration:none;
    font-style: normal;
    font-weight: normal;
    vertical-align:middle;
}

#supportlink:hover{
	color: #FCD400;
}

#blacktext{
	color:#222;
}

#blackspacer{
	color:#222;
}

.specialJPIposition{
	bottom:10px;
}

/*Support Page*/

#supportlogo{
	position:relative;
	margin-top: 2%;
}

#support-container{
	text-align:left;
	height: auto !important;
    margin: 0 auto -40px;
    min-height: 255px;
    width: 95%;
    padding-bottom:100px;
}

#supportPageText{
	position:relative;
	text-align: center;
	margin-top:130px;
}

ul{
	padding:10px 0px 10px 10px;
}

ul div{
	margin: 20px 0 20px 100px;
}

.issue-title{
	margin-bottom: 15px;
	cursor:pointer;
}

.footer {
	color:white;
	width:100%;
	text-align:center;
	position:relative;
	font-size:.7em;
}

/*Screen Size Adjustments*/
@media only screen and (min-width: 480px) {
ul{
	padding:20px 40px;
}
#support-container{
	width: 85%;
}
}

@media only screen and (min-width: 768px) {
	.issue-title{
	margin-left:100px;
}
}

/*Privacy Page*/

#privacy-container{
	text-align:left;
	height: auto !important;
    margin: 0 auto -40px;
    min-height: 255px;
    width: 95%;
    padding-bottom:100px;
}

#privacy-container h1{
	padding:10px;
}

#privacy-container h2{
	padding:10px;
}

#privacy-container p{
	padding:10px;
}

.Title{
	font-size:2em;
	padding:10px;
	font-weight:bold;
	text-align:center;
}

/*Screen Size Adjustments*/

@media only screen and (min-width: 300px) {
/* ====================
INTERMEDIATE
==================== */

.footer {
font-size:1em;
}


@media only screen and (min-width: 768px) {
/* ====================
WIDE
==================== */

	#privacy-container{
		 width: 70%;
		}
}