BODY {
	font-family: sans-serif, Arial, Verdana;
	background: #000000; 
	color : #ffffff;
	font-size : 10px;
	margin-left: 0px;
	background: #000000;
	z-index: 0;
	position: relative; 
}

.keyart {
	border: 0px solid #ffffff;	
}

#container {
    margin:0 auto;
	z-index: 1;
	position: relative; 

}




TABLE.content {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 75px;
	border: 0px solid #ffffff;	
	background-color: #000000;	
}


TABLE.parent {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 5px;
	border: 0px solid #ffffff;	
	background-color: #000000;

}

TABLE.screenshots {
	border: 1px solid #ffffff;	
	background-color: #000000;	
	background: #000000 url('img/screenshot_bg4.png') no-repeat;  

}

TABLE.yellowStroke{
	border: 0px solid #999999;
	font-size: 10px;
}

TD.yellowSpacer{
	border: 0px solid #999999;
	background: #2e9fcb;
}

TD.padded{
	padding: 5px;
}

TD.press{
	padding: 50px;
}

.trailer{
	background-color: transparent;

}

#description{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 11px;
	margin-left: 4px;
	margin-right: 40px;
}

#vid_description{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 11px;
}


#feature{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	margin-left: 4px;
	margin-right: 40px;
}
.h1{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	font-size:28px;
	margin-left: 40px;
	margin-right: 40px;
}

.features{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 11px;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 30px;
	margin-bottom: 40px;
}

li {
margin-bottom: 10px;
}

.faqHeader{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #2e9fcb;
	font-weight: bold;
	font-size: 14px;
	margin-left: 40px;
	margin-right: 40px;

}
.faq{
	font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;	
	margin-left: 40px;
	margin-right: 40px;

}


.test{
padding-top: 10px;
padding-left: 100px;
margin-right: 10px;
padding-top: 10px;
	font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #2e9fcb;
	font-size: 12px;
}


IMG.border{
		border: none;
			text-decoration: none;
	border-style: none

}

a img {
    border: 0;
    }
	
TD.yellow{
 color: black;
 background: #999999;
}

TABLE.faq{
margin: 10px; 
padding-bottom: 250px;
 color: white;
 background: black;
 font-size: 10px;
}

.moreApps { 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	border: 1px solid #ffffff;	
	background: #000000 url('img/screenshot_bg4.png') no-repeat;  

}


.small{
	font-size: 10px;
}
.footer{
	font-size: 10px;
	margin-top: 20px;
}

.facebook{
	font-size: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
}

.normal{
	font-size: 12px;
}

.bold{
	font-size: 12px;
	font-weight: bold;
}


.title{
	font-size: 13px;
	font-weight: bold;
}
.yellow{
	color: #2e9fcb;
	font-size: 10px;
}

a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	color: #003366;
}


a:visited {
	color: #003366;
	font-size: 12px;
		text-decoration: none;
		border-style: none

}

a:hover{
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	border-style: none

}

/* start menu map */

#home-link { 
  margin: 0;
  position: fixed;
  top: 200px;
  width: 80px;
  left: 20px;
  border: 1px solid green;
}	

#news-link { 
position: absolute; 
top: 230px; 
left: 700px; 
width: 50px; 
height: 20px; 
background-color: transparent; 
border: 1px solid yellow;
}	

#videos-link { 
position: absolute; 
top: 230px; 
left: 790px; 
width: 65px; 
height: 20px; 
background-color: transparent; 
border: 1px solid yellow;
}	


#images-link { 
position: absolute; 
top: 230px; 
left: 900px; 
width: 70px; 
height: 20px; 
background-color: transparent; 
border: 1px solid yellow;
}	


#faq-link { 
position: absolute; 
top: 230px; 
left: 1010px; 
width: 55px; 
height: 20px; 
background-color: transparent; 
border: 1px solid yellow;
}	


/* start more apps map */

#facebook-link { 
position: fixed; 
top: 775px; 
left: 430px; 
width: 230px; 
height: 20px; 
background-color: transparent; 
border: 1px solid red;
}	







/* #jgal { 
list-style: none; 
width: 725px; 
margin-bottom: 500px; 
margin-top: 400px; 

}

#jgal li { 
opacity: .5; 
float: left; 
display: block; 
width: 60px; height: 60px;
 background-position: 50% 50%; 
 cursor: pointer; 
 border: 2px solid #fff; 
 outline: 1px solid #ddd; 
 margin-right: 14px; 
 margin-bottom: 14px; 
 }
 
#jgal li img { 
position: absolute; 
top: 420px; 
right: 600px; 
display: none; 
}

#jgal li.active img { 
display: block; 
}

#jgal li.active, #jgal li:hover { 
outline-color: #bbb; opacity: .99 /* safari bug 
}

#gallery { 
list-style: none; 
display: block; 
padding-left: 10px;

}

#gallery li { 
float: left; 
margin: 0 10px 10px 0; 
}

/* -------------- 
*/


/* begin gallery styling */
#jgal { list-style: none; width: 200px; }
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px;}

#jgal li img { position: absolute; top: 20px; left: -220px; display: none;}
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { float: left; 
margin: 0 10px 10px 0;  }
#gallery li { float: left; margin: 0 10px 10px 0; }



/* final gallery -------------- */


#imagegallery{
	background:#F2F2F2;
	clear:left;
	padding:10px;
	min-height:200px;
}


#items{
	float: left;
	width: 33%;
	border: 1px solid #DFDFDF;
	background:white;
}
#items .item {
	float: left;
	padding:5px;
	position: relative;
	width: 52px;
	height:52px;
	margin: 10px;
	background-color: #fff;
	cursor: pointer;
	border: 1px solid white;
}
#items .item:hover{border: 1px solid #ddd;}
#items .item img {
	width:50px;
	max-height:35px;
}


#large{
	border: 1px solid #DFDFDF;
	width: 66%;
	margin-left:34%;
	background-color: #fff;
	text-align:center;
	font-family:Georgia, Times, san-serif;
	font-size:12px;
}
#large .info{
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	padding:10px;
	color:#B3B3B3;
}
#items  p{display:none;}
#large .item {
	margin-top:20px;
	margin-bottom:20px;
	border-width: 1px;
	cursor: default;
	text-align:center;
}
#large .item img{
	max-width:600px;
	max-height: 600px;
}


/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:60px; height:60px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(img/iphone/01icon.png);}
a.slideb {background:url(img/iphone/02icon.png);}
a.slidec {background:url(img/iphone/03icon.png);}
a.slided {background:url(img/iphone/4icon.png);}
a.slidee {background:url(img/iphone/06icon.png);}
a.slidef {background:url(img/iphone/5icon.png);}
a.slideg {background:url(img/iphone/7icon.png);}
a.slideh {background:url(img/iphone/9icon.png);}
a.slidei {background:url(img/iphone/8icon.png);}
a.slidej {background:url(img/iphone/14icon.png);}
a.slidek {background:url(img/iphone/11icon.png);}
a.slidel {background:url(img/iphone/24icon.png);}
a.slidem {background:url(img/iphone/13icon.png);}
a.sliden {background:url(img/iphone/10icon.png);}
a.slideo {background:url(img/iphone/15icon.png);}
a.slidep {background:url(img/iphone/19icon.png);}
a.slideq {background:url(img/iphone/17icon.png);}
a.slider {background:url(img/iphone/18icon.png);}
a.slides {background:url(img/iphone/16icon.png);}
a.slidet {background:url(img/iphone/20icon.png);}
a.slideu {background:url(img/iphone/21icon.png);}
a.slidev {background:url(img/iphone/22icon.png);}
a.slidew {background:url(img/iphone/23icon.png);}
a.slidex {background:url(img/iphone/12icon.png);}

a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

/* styling for RIGHT gallery */
#container_right {position:relative; width:500px; height:305px; background:transparent; border:0px solid #fff; margin:1em auto;}
#container_right img {border:0;}
#container_right .thumbs {width:600px; position:relative; right:0; top:0; padding-left: 0px;}
#container_right a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:265px; left:-430px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_right a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_right a.gallery:active, #container_right a.gallery:focus {border: 0px solid #000;}
#container_right a.gallery:active em, #container_right a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:-131px; left:-300px; padding:5px; color:#000; border:0px solid #3d330f; z-index:50;}
#container_right h1 {clear:both; margin:0; padding-top:80px; padding-left:50px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_right h1 em {font-size:0.6em; color:#000;}


/* menu map */


#skip-link {
	position: absolute;
	top: 340px;
	left: 300px;
	width: 110px;
	height: 40px;
	background-color: transparent;
	border: 0px solid red;
}	


#home-link { 
position: absolute; 
top: -30px; 
left: 20px; 
width: 60px; 
height: 30px; 
background-color: transparent; 
border: 0px solid yellow; 
}	

#news-link { 
position: absolute; 
top: -30px; 
left: 110px; 
width: 60px; 
height: 30px; 
background-color: transparent; 
border: 0px solid yellow; 
}	

#videos-link { 
position: absolute; 
top: -30px; 
left: 210px; 
width: 60px; 
height: 30px; 
background-color: transparent; 
border: 0px solid yellow; 
}	

#images-link { 
position: absolute; 
top: -30px; 
left: 310px; 
width: 75px; 
height: 30px; 
background-color: transparent; 
border: 0px solid yellow; 
}	

#faq-link { 
position: absolute; 
top: -30px; 
left: 420px; 
width: 60px; 
height: 30px; 
background-color: transparent; 
border: 0px solid yellow; 
}	



/* more apps map */


#availablenow-link { 
position: absolute; 
top: 415px; 
left: -175px; 
width: 140px; 
height: 55px; 
background-color: transparent; 
border: 0px solid green ;
}	

#itunes-link { 
position: absolute; 
top: 20px; 
left: 690px; 
width: 140px; 
height: 115px; 
background-color: transparent; 
border: 0px solid green ;
}	


#facebook-link { 
position: absolute; 
top: 520px; 
left: -199px; 
width: 140px; 
height: 25px; 
background-color: transparent; 
border: 0px solid yellow ;
}	

#twitter-link { 
position: absolute; 
top: 520px; 
left: -32px; 
width: 140px; 
height: 25px; 
background-color: transparent; 
border: 0px solid yellow ;
}	

#hppromo-link { 
position: absolute; 
top: 510px; 
left: 125px; 
width: 50px; 
height: 50px; 
background-color: transparent; 
border: 0px solid red ;
}	

#gwr-link { 
position: absolute; 
top: 510px; 
left: 195px; 
width: 50px; 
height: 50px; 
background-color: transparent; 
border: 0px solid red;
}	

#salvation-link { 
position: absolute; 
top: 510px; 
left: 269px; 
width: 50px; 
height: 50px; 
background-color: transparent; 
border: 0px solid red ;
}	

#lego-link { 
position: absolute; 
top: 510px; 
left: 345px; 
width: 50px; 
height: 50px; 
background-color: transparent; 
border: 0px solid red ;
}	

#dark-link { 
position: absolute; 
top: 510px; 
left: 420px; 
width: 50px; 
height: 50px; 
background-color: transparent; 
border: 0px solid red ;
}	

#stuck-link { 
position: absolute; 
top: 510px; 
left: 495px; 
width: 50px; 
height: 50px; 
background-color: transparent; 
border: 0px solid red ;
}	

#color-link { 
position: absolute; 
top: 510px; 
left: 568px; 
width: 50px; 
height: 50px; 
background-color: transparent; 
border: 0px solid red ;
}

#wild-link { 
position: absolute; 
top: 510px; 
left: 639px; 
width: 50px; 
height: 50px; 
background-color: transparent; 
border: 0px solid red ;
}