html{
margin:0;
padding:0;
}
body{
font:62.5%/1.5em "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
text-align:center;
color:#33;
background:#f5f6f7;
}
a,a:link{
color:#74C6F1;
}
a:active{
color:#FF4A12;
}
a:visited{
color:#586B7A;
}
form,fieldset{
margin:0;
padding:0;
border:none;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}
#bg{
margin:20px auto;
padding:0;
width:960px;
text-align:left;
background:#fff;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
box-shadow:0 5px 5px #999;
-moz-box-shadow:0 5px 5px #999;
-webkit-box-shadow:0 5px 5px #999;
}
#header{
background:#94B3C5;
min-height:60px;
_height:60px;
font-size:1.4em;
border-top-left-radius:15px;
border-top-right-radius:15px;
-moz-border-radius-topleft:15px;
-webkit-border-top-left-radius:15px;
-moz-border-radius-topright:15px;
-webkit-border-top-right-radius:15px;
}
#header a,#header a:link,#header a:visited,#footer a,#footer a:link,#footer a:visited{
color:#FEF6E2;
}
#header a:active,#header a:hover,#footer a:active,#footer a:hover{
color:#FEF6E2;
}
#header ul.menu,#footer ul.menu{
list-style:none;
}
#header ul.menu,#header ul.menu li{
display:block;
float:left;
margin:0;
padding:0;
}
#header ul.menu li{
border-left:1px solid #fff;
}
#header ul.menu li:first-child{
border-left:none;
}
ul.menu li a{
display:block;
margin:0 20px;
padding:2px 12px;
line-height:56px;
text-decoration:none;
text-shadow: 1px 1px 0 #586B7A;
font-weight:700;
_display:inline-block;
}
ul.menu li a.current{
text-decoration:underline;
}
#footer{
padding:10px 20px;
color:#FEF6E2;
background:#586B7A;
min-height:60px;
font-size:1.1em;
border-bottom-left-radius:15px;
borderbottom-right-radius:15px;
-moz-border-radius-bottomleft:15px;
-webkit-border-bottom-left-radius:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-bottom-right-radius:15px;
}
#footer a:visited{
color:#74C6F1;
}
#content{
margin:0;
padding:20px 0;
}
.three-cols{
margin:0;
padding:30px 0;
float:left;
clear:both;
color:#666;
width:100%;
background:#f2f2f2;
}
.three-cols .col{
margin:0;
padding:5px 20px;
width:280px;
float:left;
clear:none;
font-size:1.2em;
line-height:1.5em;
}
.col fieldset label{
display:block;
clear:both;
}
.post{
margin:0 0 30px;
padding:0 20px;
}
.p-head{
padding:0 10px;
}
.p-head h1{
margin:0 0 1em;
padding:0 0 1em;
color:#666;
text-shadow: 0 1px 0 #ddd;
font-size:2.8em;
border-bottom:1px solid #ccc;
}
.info{
position:relative;
padding:20px 0;
color:#666;
width:555px;
float:left;
text-shadow: 1px 1px 0 #ddd;
}
.price{
position:absolute;
display:block;
padding:0;
top:0;
right:0;
color:#fff;
text-shadow: 1px 1px 0 #333;
background:#2daebf;
width:120px;
height:60px;
line-height:60px;
font-weight:700;
font-size:2em;
text-align:center;
border-radius:60px;
-moz-border-radius:60px;
-webkit-border-radius:60px;
}
.p-head .intro{
font-size:1.4em;
line-height:1.8em;
}
.p-con{
font-size:1.2em;
line-height:1.6em;
}
.iphone{
position:relative;
width:320px;
height:500px;
overflow:hidden;
float:left;
background:url(images/iphone.png) 0 0 no-repeat;
}
.iphone ul{
list-style:none;
clear:both;
}
.iphone ul,.iphone li{
position:relative;
display:block;
margin:0;
padding:0;
float:left;
}
.iphone ul li a,.iphone ul li span,.iphone ul img{
position:relative;
display:block;
display:inline-block;
}
.iphone ul.display{
width:1600px;
height:480px;
}
.iphone ul.display li,.iphone ul.display li img{
width:320px;
height:480px;
}
.iphone ul.control{
width:75px;
height:15px;
margin:5px 0 0 122px;
}
.iphone ul.control li,.iphone ul.control li a,.iphone ul.control li span{
width:15px;
min-height:15px;
height:15px;
}
.iphone ul.control li span{
text-indent:-2000px;
overflow:hidden;
}
.iphone ul.control li{
background:url(images/dot.gif) 0 0 no-repeat;
}
.iphone ul.control li.active{
background-position:0 100%;
}
.action{
text-align:center;
}
.action a,.action a:link,.action a:active,.action a:visited,.action a:hover{
color:#fff;
text-decoration:none;
padding:10px 25px 11px;
line-height:1.5em;
}
/*
.clearfix{
clear:both;
height:0;
line-height:0;
font-size:0;
}
*/
.clearfix:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.relevant-apps{
position:relative;
clear:both;
}
.relevant-apps ul{
margin:0;
padding:0 1px;
list-style:none;
background:#fff;
float:left;
width:100%;
}
.relevant-apps ul li{
display:block;
float:left;
margin:0 0 0 -1px;
padding:10px;
border-width:1px 1px 0 1px;
border-style:solid;
border-color:#fff;
background:#eee;
border-top-left-radius:15px;
border-top-right-radius:15px;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
-moz-border-radius-topleft:15px;
-webkit-border-top-left-radius:15px;
-moz-border-radius-topright:15px;
-webkit-border-top-right-radius:15px;
-moz-border-radius-bottomleft:0;
-webkit-border-bottom-left-radius:0;
-moz-border-radius-bottomright:0;
-webkit-border-bottom-right-radius:0;
}
.relevant-apps ul li:first-child{
margin-left:20px;
}
.relevant-apps ul li.current{
padding-bottom:0;
margin-bottom:10x;
background:#fff;
border-color:#ccc;
border-width:1px 0 0;
}
.relevant-apps ul li.prev{
border-bottom-right-radius:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-bottom-right-radius:15px;
}
.relevant-apps ul li.next{
border-bottom-left-radius:15px;
-moz-border-radius-bottomleft:15px;
-webkit-border-bottom-left-radius:15px;
}
.relevant-apps ul li img{
display:block;
width:57px;
height:57px;
border:1px solid #ccc;
}
.awesome, .awesome:visited {
	background: #222 url(images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
.awesome:hover							{ background-color: #111; color: #fff; }
.awesome:active							{ top: 1px; }
.small.awesome, .small.awesome:visited 		{ font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 		{ font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited			{ background-color: #2daebf; }
.blue.awesome:hover						{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover						{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover					{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover					{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover					{ background-color: #fc9200; }


/*
itunes image gallery
*/
.screenshots{
margin:0 0 24px -16px;
padding:0 0 16px;
width:700px;
clear:both;
background:#F7FAFC;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

}
.screenshots .content{
position:relative;
display:block;
margin:0 14px;
padding:0;
width:auto;
max-height:520px;
min-height:320px;
overflow-x:auto;
overflow-y:hidden;
white-space:nowrap;
}
.screenshots .title{
position:relative;
margin:0 0 14px;
padding:14px 0 0 16px;
}
.screenshots .content > div{
position:relative;
margin:0;
padding:0;
width:2999px;
white-space:nowrap;
}
div .lockup{
position:relative;
display:block;
margin:0 16px 0 4px;
padding:0 0 5px 18px;
width:auto;
text-align:left;
float:left;
white-space:nowrap;
overflow:show;
}
div .lockup img{
box-shadow:0 3px 5px #999;
-moz-box-shadow:0 3px 5px #999;
-webkit-box-shadow:0 3px 5px #999;
border:1px solid #fff;
}
.screenshots .control{
position:static !important;
display:block;
margin:16px 0 0 5px;
padding:0;
width:98% !important;
height:9px;
clear:both;
background:transparent url(images/track_well.gif) no-repeat scroll 0 0;
}
.screenshots .control_cap{
position:relative;
display:block;
margin:0;
padding:0 0 0 3px;
width:100%;
height:100%;
clear:both;
left:3px;
background:transparent url(images/track_well.gif) no-repeat scroll 100% 0;
}
.screenshots .scroll{
position:relative;
display:block;
margin:0 0 0 -6px;
padding:0;
height:9px;
clear:both;
cursor:pointer;
background:transparent url(images/track_thumb.png) no-repeat scroll 0 0;
}
.screenshots .scroll_cap{
position:relative;
display:block;
margin:0;
padding:0 0 0 3px;
width:100%;
height:100%;
clear:both;
left:3px;
background:transparent url(images/track_thumb.png) no-repeat scroll 100% 0;
}