/* ----- CSS ----- */

*{
margin: 0;
padding: 0;
font-family: Helvetica;
font-size:;
line-height: 14pt;
}
body{
margin:;
padding:;
background:;
}
h1{
line-height: 18pt;
padding-bottom: 5px;
padding-top: 5px;
}
h2{
line-height: 18pt;
padding-bottom: 5px;
padding-top: 5px;
}
h3{
line-height: 16pt;
padding-bottom: 5px;
padding-top: 5px;
}

/* ----- IDS ----- */

#container{
width:665px;
margin: auto;
padding:;
background:;
text-align: center;
}
#navigation{
color: rgb(105,105,105);
position:;
float:;
width:;
margin:;
padding: 5px;
background:;
text-align: left;
display: block;
}
#navigation h2{
color: rgb(100,100,100);
padding-top: 6px;
padding-bottom: 6px;
}
#navigation h3{
color: rgb(80,80,80);
padding: 5px;
padding-left: 15px;
}
#navigation a {
color: rgb(105,105,105);
}
#navigationTitle{
width: 215px;
float: left;
}
#iconBar{
position: relative;
top: px;
right: 2px;
width: 450px;

display: inline;
text-align: right;

}
#primaryContent{
clear: both;
position:;
float:;
width:;
margin:;
padding-top: 20px;
background:;
text-align:;
}
#foot{
margin-top: 15px;
clear: both;
text-align: left;
color: gray;
font-size: 16px;
}
#foot img{
float: right;
}
/* ----- CLASSES ----- */
.transparent {
	background: black;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
.hide{
display:none;
}
.show{
display:block;
}

.cornerTopLeft{
position: absolute;
z-index: 101;
top: 0px;
left: 0px;
}
.cornerTopRight{
position: absolute;
z-index: 101;
top: 0px;
right: 0px;
}
.cornerBottomLeft{
position: absolute;
z-index: 101;
bottom: 0px;
left: 0px;
}
.cornerBottomRight{
position: absolute;
z-index: 101;
bottom: 0px;
right: 0px;
}

.AppStoreLogo90{
width: 260px;
height: 90px;
position: absolute;
left: 350px;
bottom: 95px;
z-index: 100;
}
.AppStoreLogo40{
width: 116px;
height: 40px;
position: absolute;
left: 500px;
z-index: 100;
}

.icon{
cursor: auto;
width: 108px;
height: 120px;
float: right;
text-align: center;
display: inline;
}
.iconTitle{
color: rgb(100,100,100);
font-size: 11px;
display: block;
padding-top: 2px;
}
.smallProduct{
position: relative;
/* background-color: blue; */
width: 665px;
height: 260px;
}
.fullScreenProduct{
position: relative;
display: block;
/* background-color: fuchsia; */
width: 665px;
height: 485px;
/* margin-top: 25px; */
}
.fullScreenProductVideo{
position: relative;
display: block;
width: 665px;
height: 400px;
}
img.smallProduct{
position: relative;
z-index: 1;
right: 0;
top: 0;
}
img.fullScreenProduct{
position: relative;
z-index: 1;
right: 0;
top: 0;
}

.rightText{
text-align: left;
display: block;
position: absolute;
z-index: 10;
left: 340px;
top: 20px;
width: 305px;
}
.leftText{
text-align: left;
display: block;
position: absolute;
left: 20px;
top: 20px;
width: 305px;
}
/* ------ chalk Colors ------ */
.whiteChalk{
color: white;
}
.greenChalk{
color: rgb( 128, 230, 153 );
}
.yellowChalk{
color: rgb( 242, 255, 0 );
}
.redChalk{
color: rgb( 230, 128, 153 );
}
.orangeChalk{
color: rgb( 230, 153, 51 );
}
.blueChalk{
color: rgb( 125, 184, 237 );
}

/* ----- Stat text Colors -----*/
.darkBlueStat{
color: rgb(71,106,255);
}
.lightBlueStat{
color: rgb(112,173,252);
}
.darkGreenStat{
color: rgb(38,172,57);
}
.lightGreenStat{
color: rgb(57,255,85);
}
.darkOrangeStat{
color: rgb(255,156,0);
}
.lightOrangeStat{
color: rgb(255,187,77);
}


/* ----- PARAGRAPHS ----- */

p{
padding-top: 3px;

font:;
color:;

font-size:;
font-family:;
font-style:;
font-weight:;
font-variant:;

text-align:;
text-indent:;
text-decoration:;
text-shadow:;
text-transform:;

letter-spacing:;
word-spacing:;
}
br{
height: 10px;
}
/* ----- LISTS ----- */
ul{
color: rgb(105,105,105);
padding-top: 7px;
padding-left: 5px;
font-size: 14px;
}
li{
color: rgb(105,105,105);
list-style: none;

list-style-type:;
list-style-image:;
list-style-position:;
float:;
margin:;

}
/* ----- TABLES ----- */

table{
text-align: left;
}
tr{
padding: 2px;
}
td{
padding: 2px;
}

/* ----- LINKS ----- */
img{
border: none;
}
a{
font:;
color: black;
text-decoration: none;
border-bottom:;
}
a:hover{
color: gray;
text-decoration: underline;
background-color:;
border-bottom:;
}
a:visited, a:active, a:focus{
color: black;
background-color:;
border-bottom:;
}

/* --- links with color --- */
a.darkBlueStat{
color: rgb(71,106,255);
}
a.lightBlueStat{
color: rgb(112,173,252);
}
a.darkGreenStat{
color: rgb(38,172,57);
}
a.lightGreenStat{
color: rgb(57,255,85);
}
a.darkOrangeStat{
color: rgb(255,156,0);
}
a.lightOrangeStat{
color: rgb(255,187,77);
}