﻿*
{
	padding: 0px;
	margin: 0px;
	border: none;
	list-style: none;
}


body
{
	padding: 0px;
	margin: 0px;
	background-image: url('../images/stuckbg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000;
}




.container
{
	/* align center */
	width: 1024px;
	text-align: left;
	margin: 10px auto auto;
}

.header
{
	float: left;
	width: 981px;
	margin: 22px 34px 0px 34px;
}

.menu
{
	height: 48px;
	width: 750px;
	background-repeat: no-repeat;
	float: left;
}
a
{
	outline: none;
}


ul.ulmenu
{
}
li.menuitem
{
	float: left;
}
li.menuitem img.hover
{
	display: none;
	position:absolute;
}

.appbox
{
	height: 67px;
	width: 185px;
	float: left;
	margin: 0px 0px 0px 20px;
}

.containercontent
{
	margin: 32px 34px 0px 34px;
	float: left;
	width: 1024px;
}

.leftbox
{
	float: left;
	background-image: url('../images/iphone.gif');
	background-repeat: no-repeat;
	height: 527px;
	width: 285px;
}
.rightbox
{
	float: left;
	height: 527px;
	width: 684px;
	margin: 0px 0px 0px 20px;
}

h1
{
	font-family: Arial;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}

h2
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #b4b4b4;
	margin: 3px 0px 0px 0px;
}


.imagecontainer
{
	margin: 88px 0px 0px 28px;
	float: left;
}

.landingfeature
{
	float: left;
	height: 61px;
	width: 651px;
	margin: 0px 0px 20px 0px;
}

.contentcon
{
	margin: 28px 0px 0px 0px;
	float: left;
	width: 651px;
	height: 359px;
}

.landingimage
{
	float: left;
}

.title
{
	font-family: Arial;
	font-size: 30px;
	color: #fff;
	vertical-align: top;
	margin: -3px 0px 0px 52px;
	padding: 0px 0px 0px 26px;
}
.text
{
	font-family: Arial;
	font-size: 16px;
	color: #b4b4b4;
	margin: 0px 0px 0px 52px;
	padding: 0px 0px 0px 26px;
	font-weight: bold;
}


.purpleline
{
	background-image: url('../images/purplestrip.png');
	background-repeat: no-repeat;
	width: 708px;
	height: 2px;
	float: left;
	margin: 0px 0px 0px -15px;
}

.content
{
	display: none;
	height: 446px;
	position: absolute;
}

.footer
{
	height: 103px;
	width: 663px;
	margin: 464px 0px 0px 0px;
	float: left;
}
.downloadbutton
{
	float: left;
	margin: 0px 0px 0px -33px;
}
.socialmediacontainer
{
	background-image: url(../images/socialmediapanel.png);
	height: 102px;
	width: 307px;
	background-repeat: no-repeat;
	float: right;
	margin: -20px 0px 0px 0px;
}
.socialmedia
{
	width: 254px;
	height: 34px;
	margin: 8px 0px 0px 22px;
	float: left;
}
.socialimage
{
	float: left;
	margin: 0px 0px 0px 3px;
}

.socialtext
{
	color: #fff;
	font-family: Arial;
	font-size: 21px;
	float: left;
	margin: 4px 0px 0px 7px;
}
a.socialjoinlink
{
	color: #ec872c;
	font-family: Arial;
	font-size: 19px;
	text-decoration: underline;
	float: right;
	margin: 4px 0px 0px 0px;
}

a.downloadlink
{
	color: #ec872c;
	font-family: Arial;
	font-size: 19px;
	text-decoration: underline;
}

.aboutdiv
{
	margin: 30px 0px 0px -10px;
	text-align: center;
	float: left;
	width: 655px;
}



#stuckscreenshots
{
	float: left;
	position: absolute;
	width: 680px;
}
#stuckdownload
{
	float: left;
	position: absolute;
	width: 680px;
}

.emotionicon
{
	width: 152px;
	height: 228px;
	float: left;
	margin: 0px 10px 0px 0px;
}

.statement
{
	float: left;
	text-align: center;
	font-family: Arial;
	font-size: 19px;
	font-weight: bold;
	color: #b4b4b4;
	margin: 41px 0px 0px 40px;
}


.emotionstatement
{
	font-family: Arial;
	font-size: 16px;
	margin: 10px 0px 0px 0px;
	color: #fff;
}

.featuresbox
{
	width: 302px;
	height: 64px;
	float: left;
	margin: 0px 25px 35px 0px;
}

.feature
{
	float: left;
}

.featuretitle
{
	float: left;
	font-family: Arial;
	color: #fff;
	font-size: 21px;
}

.stuckfeatures
{
	float: left;
	position: absolute;
	width: 700px;
}

.featurecontent
{
	margin: 35px 0px 0px 0px;
	float: left;
	width: 700px;
}

.featuretext
{
	float: left;
	font-family: Arial;
	color: #fff;
	font-size: 21px;
	margin: 15px 0px 0px 18px;
}
.screenshots
{
	margin: 35px 0px 25px 0px;
	float: left;
}


.screenshot
{
	float: left;
	margin: 0px 30px 0px 0px;
}

.download
{
	float: left;
	margin: 35px 0px 0px 0px;
}
.downloadtext
{
	float: left;
	margin: -6px 0px 0px 22px;
}

.stuckimage
{
	float: left;
}

.downloadpoint
{
	font-family: Arial;
	font-size: 19px;
	color: #fff;
}

.downloadlists
{
	list-style-type: disc;
	color: #fff;
	margin: 10px 0px 0px 17px;
}

.downloadcontainer
{
	float: left;
	margin: 0px 0px 35px 0px;
}


.feedback
{
	float: left;
	margin: 51px 0px 0px 0px;
}

.feedbacktitle
{
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	font-family: Arial;
}


.feedbacklink
{
	color: #ec872c;
	font-size: 14px;
	text-decoration: none;
}

