@font-face {
	font-family: HelveticaCondensedBold;
	src: url('Helvetica CondensedBold.ttf');
}

body{
	min-width: 960px;
	margin: 0;
	padding: 0;	
	text-align: center;
	color: #000000;
	font: 17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #efeeee;
}

#outerContainer{

	width: 1130px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
/*	background-color: blue;*/
	margin-top: 30px;
	
	
}

#pageContainer{

	height: 500px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
/*	background-color: blue;*/
	position: absolute;
	z-index: 1;
}



#badgeContainer{
	width: 960px;
	height: 1px;
	position: absolute;
/*	background-color: orange;*/
	margin-left: 0px;
	z-index: 250;
}


#innerContainer{
		width: 960px;
		padding: 30px;
		background-color: white;
		
		border: 1px solid silver;
		position: relative;
		margin-right: auto;
		margin-left: auto;
	}

#innerContainer_test{
		width: 960px;
		padding: 30px;
		background-color: white;
		
		border: 1px solid silver;
		position: relative;
		margin: 30px auto;
	}



/* @group header */






.up10{
	top: -10px;	
}
.up5{
	top: -5px;	
}

#counter{
		background-color: #424242;
		padding: 5px 8px;
		color: #adadad;
		float: right;
		margin-right: 20px;
	}

#sectionComment{

	top: 30px;
	z-index: 50;
	width: 100%;
	margin: 20px 20px 20px 20px;
}

#sectionContent{
	padding: 5px 10px;
	text-align: right;
	font-size: 11pt;
	background-color: #fe7222;
	color: white;
	float: right;
}


#movieButton{
	color: white;
	
}

#blurb{
height: 1px;
width: 450px;
height: 1px;
	position: relative;
	top: 360px;
	z-index: 58;
/*	right: 470px;*/
	text-align: right;
	font-size: 11pt;
	color: #514f4f;
	left: 155px;
}


#iphone1, #iphone2, #iphone3, #iphone4, #iphone5{
	width: 1130px;
	height: 600px;
	position: absolute;
	top: 100px;
	
	z-index: 12;
/*	background-color: rgba(128, 0, 0, 0.1);*/
	text-align: right;
}

#iphoneImg1{
	z-index: 3;
	top: 0;
	left: 0;
}

#iphoneImg2, #iphoneImg3, #iphoneImg4, #iphoneImg5{
	z-index: 2;
	display: none;
}

/* @end */

/* @group timeline section */

#timelineHeadingBox{
	width: 960px;
	height: 115px;
	padding-left: 0;
	text-align: left;
/*	background-color: rgba(0, 127, 128, 0.68);*/
	padding-right: 0;
}

#timeLineHeading{
	color: #888888;
	font: 36px HelveticaCondensedBold;
	padding-top: 55px;
}

/* @end */

#workingHourBox{
	font: 200 24px Helvetica;
	width: 960px;
	height: 70px;
	border-bottom: 1px solid #cacaca;
	border-top: 1px solid #cacaca;
	text-align: center;
	padding-top: 40px;
	color: gray;
}

#syncBox{
	width: 960px;
	height: 480px;
/*	border: 1px solid #dcdcdc;*/
	background-color: #F2F2F2;
	text-align: center;
}

#syncTitle{
	margin-top: 30px;
/*	margin-bottom: 20px;*/
}

.syncSectionTitle{
	
	color: #8FA7D3;
	text-align: left;
	font: bold 30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
/*	background-color: orange;*/
	float: left;
}

.synSectionSubHeading{
	color: #9f9f9f;
	clear: both;
	font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 10px;
}

.syncMainText{
	color: #4C4C4C;
	text-align: left;
	font: 200 15px Helvetica;
	padding-bottom: 35px;
}

img.floatRight { 
    float: right; 
    margin: 4px;
	color: #f84a00;
	font-size: 25px;
	font-weight: bold;
}

#timeZoneBox{
	background: url(images/timeZone.jpg) no-repeat;
	width: 960px;
	height: 449px;
	text-align: right;
	color: #fe3a06;
}

#timeZoneHeading{
	color: #7C7878;
	margin-bottom: 10px;
	font: 36px HelveticaCondensedBold;
}


#timeZoneTextBox{

	width: 330px;
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #7f7f7f;
	text-align: left;
	float: none;
	left: 550px;
	position: relative;
	top: 65px;
}

ol{
	color: #de2600;
	padding: 0;
	font: 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 10px;
}

li{
	padding-top: 0px;
	padding-bottom: 0px;
}
.listContent{
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #7f7f7f;
}

#exportBox{
	width: 960px;
	height: 878px;
	background-image: url(images/exportBkg.jpg);
}

#exportTextBox{
	position: relative;
	width: 280px;
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #7f7f7f;
	text-align: left;
	float: none;
	top: 270px;
	margin-right: auto;
	margin-left: auto;
}

#buybox{
	color: #898989;
	position: relative;
	font: 200 25px Helvetica;
	margin-right: auto;
	margin-left: auto;
	top: 350px;
}

.largeFont{
	font: 200 25px Helvetica;
	margin-top: 3px;
	margin-bottom: 15px;
}

.smallFont{
	font-size: 15px;
	margin-top: 10px;
}

#ipadInfoBox{
	width: 940px;
/*	height: 45px;*/
	margin-top: 30px;
	background-color: #BFBFBF;
	text-align: left;
	padding: 10px;
}


input[type="text"]{
	border-style: none;
		width: 400px;
	/*border-top: 4px solid #ccc9c7;*/
	/*background-color: #eae5e2;*/
	height: 16px;
	padding-top: 6px;
	
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: white;
	padding-bottom: 6px;
	padding-left: 6px;
}

#ipadFormResponse{
	float: right;
	padding-top: 5px;
	padding-right: 55px;
	color: #585757;
}