/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,button,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

a{outline: none;}


/* Interface */

#default {
font-family: Helvetica, Verdana, Arial, sans-serif;
background: #fff url(images/body-bg-default.png) repeat-x;
margin: 0;
padding: 0;
}

#products {
font-family: Helvetica, Verdana, Arial, sans-serif;
background: #fff url(images/body-bg.png) repeat-x;
margin: 0;
padding: 0;
}

h1 {
font-size: 1.8em;
margin: 0px;
width: 640px;
color: #0f2e4f;
}

h2 {
font-size: 1.8em;
margin: 20px 0px 0px 0px;
width: 640px;
color: #0f2e4f;
}

h3 {
font-size: 1.4em;
margin: 20px 0px 0px 0px;
color: #0f2e4f;
}

h4 {
color: #0f2e4f;
margin: 5px 0px 5px 0px;
font-weight: bold;
}

#products h4 {
color: #154d88;
font-size: 20px;
font-weight: bold;
}

h5 {
color: #4290d5;
font-size: 13px;
margin-bottom: 10px;
}

h6 {
font-size: 1.8em;
margin: -15px 0px 10px 0px;
width: 640px;
color: #666;
}

a {
text-decoration: none;
}

p {
margin-bottom: 5px;
}

#left-content a,
.info-text a,
#left-content a:visited  {
text-decoration: none;
color: #244a75;
border-bottom: 1px solid #ddd;
}

#left-content a:hover,
.info-text a:hover {
text-decoration: none;
color: #000;
border-bottom: 1px solid #709ed1;
}

a.more-link {
background: #515f81;
font-size: 13px;
color: #fff;
text-shadow: none;
padding: 2px 8px 2px 8px;
-moz-border-radius:9px;
margin-top: 10px;
-webkit-border-radius:9px;
}

a.more-link:hover {
background: #fff;
font-size: 13px;
color: #7e94b6;
padding: 2px 8px 2px 8px;
-webkit-border-radius:9px;
}

#wrapper {
width: 910px;
margin: auto;
height: 100%;
padding: 0px 10px 0px 10px;
}

#header {
height: 90px;
text-shadow: 0px -1px 0px #000;
}

#header a {
color: #92bbd1;
text-decoration: none;
}

#header a:hover {
color: #fff;
}

.home-link {
text-indent: -9999px;
display: block;
height: 90px;
}

#logo {
height: 90px;
width: 287px;
background: url(images/logo.png) no-repeat;
float: left;
}

img.description-image {
float: right;
padding: 30px 10px 10px 10px;}

/* App Browser START */

#app-browser {
color: #fff;
font-size: 12px;
height: 108px;
font-weight: bold;
padding-left: 3px;
}

.app-container {
width:113px;
height: 91px;
padding-top: 17px;
float: left;
}

.app-container a:hover {
opacity: 1;
}

.app-container:hover .app-icon, .app-container:hover a {
color: #fff;
text-shadow: 0px 1px 0px #000;
opacity:1;
}

.app-icon-link {
height: 61px;
display: block;
text-indent: -9999px;
}

.empty-app-icon {
background: url(images/empty-app-icon.png) no-repeat;
width: 63px;
height: 61px;
margin: auto;
opacity:0.4;
}

.keymote {
background: url(images/keymote-app-icon.png) no-repeat;
}

.app-icon {
width: 63px;
height: 61px;
margin: auto;
opacity:0.7;
}

.app-icon:hover {
opacity:1;
}

.app-icon.selected {
opacity:1;
}

.app-container.selected {
background: url(images/app-highlight.png) left top no-repeat;
}

.app-label.selected {
color: #fff;
text-shadow: 0px 1px 0px #000;
}

.app-label {
text-align: center;
color: #484b4e;
padding-top: 4px;
text-decoration: none;
}

.new-badge {
width: 38px;
height: 20px;
background: url(images/new-badge.png) no-repeat;
position: absolute;
top:100px;
margin-left: 17px;
}

/* App Browser END */

/* Navigation START */

#navigation {
float: right;
width: 340px;
padding-top: 30px;
}

.nav-link span {
display: block;
line-height: 28px;
padding-left: 13px;
overflow: hidden;
height: 29px;
}

a.nav-link {
padding-right: 13px; /* sliding doors padding */
float: left;
display: block;
height: 29px;
line-height: 28px;
margin-left: 10px;
}

.nav-link:hover span {
}

a.nav-link:hover {
color: #fff;
}

a.nav-link.selected {
background: url(images/nav-link-a.png) no-repeat scroll top right;
color: #fff;
}

.nav-link.selected  span{
background: url(images/nav-link-span.png) no-repeat scroll top left;
color: #fff;
}

/* Navigation END */

#container {
min-height: 80px;
color: #696969;
text-shadow: 0px 1px 0px #fff;
font-size: 14px;
padding: 30px 0px 30px 0px;
zoom: 1;
display: block;
}

#left-content {
width:600px;
float: left;
margin: 30px 20px 0px 0px;
}

#sidebar-left {
float: left;
width: 257px;
padding: 30px 20px 0px 10px;
display: block;
clear: left;
}

#sidebar-left p {
line-height: 1.2em;
}

#sidebar-right {
float: left;
width: 257px;
padding: 0px 10px 0px 0px;
display: block;
}

#product-content {
float: right;
width: 550px;
padding: 30px 10px 0px 0px;
display: block;
}

#iphone {
width: 336px;
float: left;
margin-top: 10px;
margin-bottom: 15px;
background: url(images/iphone-bg.png) no-repeat;
z-index: 100;
}

#container span.app-title {
color:#154d88;
font-size: 36px;
font-weight: bold;
float: left;
padding-bottom: 10px;
 -webkit-text-stroke:1px transparent;
}

#left-content p{
padding-bottom: 15px;
line-height: 1.2em;
}

#container p.app-description {
color: #4290d5;
margin: 0px;
font-size: 15px;
line-height: 25px;
padding: 0px 0px 15px 0px;
clear: left;
}

.receiver_thumb {
float: left;
padding: 0px 20px 0px 10px;
margin-left: -100px;
}

p.info-text {
font-size: 13px;
padding: 0px 0px 15px 0px;
line-height: 18px;
color: #7e7e7e;
}

.requirements {
font-size: 11px;
text-align: center;
font-style: italic;
width: 800px;
color: #888;
margin: auto;
clear: both;
padding-top: 3px;
}

p.manas,
a.manas  {
color: #333;
font-size: 9px;
line-height: 9px;
width: 100%;
margin: auto;
text-shadow: 0px 1px 0px #eee;
text-align: center;
float: left;
letter-spacing: .01px;
}

a.manas:hover {
text-decoration: underline;
}

.spacer {
height: 15px;
width: 240px;
float: left;
}


/* Sidebar Buttons START */

.demo-video-button {
background: url(images/demo-video-button.png) top no-repeat;
width: 257px;
height: 73px;
float: left;
margin: -5px 15px 15px 0px;
letter-spacing: 0.2px;
}

.demo-video-button:hover {
background-position: bottom;
}

.demo-video-button span {
float: right;
line-height: 73px;
padding-right: 22px;
}

.demo-video-button img {
float: left;
margin: 12px 0px 0px 14px;
border: 3px solid #fff;
-webkit-border-radius:3px;
moz-border-radius:3px;
}

button.demo-video-link {
color: #003e82;
text-shadow: 0px 1px 0px #f3f8fc;
height: 73px;
font-size:12px;
width: 257px;
float: right;
line-height: 70px;
font-weight: bold;
display: block;
border: none;
background: transparent;
}

.buy-button {
width: 257px;
height: 74px;
margin: 0px 0px 15px 0px;
float: left;
}

.buy-button:hover,
.dload-extra-button:hover {
opacity:0.95;}

.buy-button-text {
text-shadow: 0px -1px 0px #000;
height: 13px;
font-size: 10px;
line-height: 45px;
padding-left:99px;
font-weight: 600;
display: block;
color: #d5e1ef;
width: 156px;
text-align: center;
}

.buy-button-link {
letter-spacing: 0.2px;
text-shadow: 0px -1px 0px #000;
height: 73px;
font-size: 25px;
line-height: 60px;
font-weight: bold;
display: block;
padding-left:116px;
color: #fff;
}

.buy-button:hover a {
color: #fff;
}

.dload-extra-button {
background: url(images/dload-extra-button.png) left top no-repeat;
width: 257px;
height: 74px;
float: left;
margin: 0px 0px 15px 20px;
}

.dload-button-text {
text-shadow: 0px -1px 0px #000;
height: 13px;
font-size: 10px;
line-height: 45px;
font-weight: 600;
display: block;
color: #d5e1ef;
width: 177px;
padding-left: 73px;
text-align: center;
}

.dload-button-link {
letter-spacing: 0.2px;
text-shadow: 0px -1px 0px #000;
height: 73px;
font-size: 17px;
line-height: 60px;
font-weight: bold;
display: block;
width: 177px;
padding-left: 73px;
text-align: center;
color: #fff;
}

.dload-extra-button:hover a {
color: #fff;
}

/* Sidebar Buttons END */

ul#features {
list-style: none;
color: #7e7e7e;
font-size: 13px;
margin-top: 10px;
}

ul#features li {
line-height: 1.9em;
margin-bottom: 12px;
background: url(images/bullet.png) 0px 7px no-repeat;
padding-left: 19px;
margin-left: 10px;
}

/* Footer START */

.clearfix {
clear: both;
height: 0px;
line-height: 1px;
width: 100%;
overflow: hidden;
}

#footer {
background: #88a0ce url(images/tiny-gradient.png) repeat-x;
color: #fff;
text-shadow: 0px -1px 0px #515f81;
padding: 20px 0px 20px 0px;
height: 245px;
border-bottom: 1px solid #607098;
border-top: 1px solid #7e94b6;
}

#footer-shadow {
width: 100%;
height: 5px;
background: url(images/footer-shadow.png) repeat-x;
}

#footer-wrapper {
width: 920px;
margin: auto;
height: 100%;
padding: 0px 10px 0px 10px;
}

.footer-block {
width: 282px;
float: left;
margin: 0px 12px 0px 12px;
}

a.footer-head {
color: #fff;
background: url(images/white-arrow.png) right no-repeat;
padding-right: 15px;
width: auto;
font-weight: bold;
}

a.footer-head:hover{
padding-right: 18px;
}

.footer-block p {
border-bottom: 1px solid #7084a3;
border-top: 1px solid #7084a3;
font-size:13px;
margin-bottom: 10px;
margin-top: 10px;
padding: 10px 0px 10px 0px;
}

.footer-block ul {
margin-top: 10px;
border-top: 1px solid #7084a3;
margin-bottom: 10px;
}

.footer-block li {
margin-top: 10px;
border-bottom: 1px solid #7084a3;
padding: 0px 0px 10px 0px;
}

#twitter_div {
margin-bottom: 10px;
}

#twitter_update_list li a {
color: #dbecff;
}

.footer-block li a:hover {
text-decoration: underline;
}

#twitter_update_list {
font-size:13px;
margin-top: 10px;
border-top: 1px solid #7084a3;
}

#twitter_update_list li {
margin-top: 0px;
max-height: 46px;
overflow: hidden;
padding: 10px 0px 10px 0px;
}

.post-title {
color: #fff;
font-size: 14px;
float: left;
}

.date {
color: #dbecff;
font-size: 11px;
}

#copyright-container {
width: 880px;
margin: auto;
height: 100%;
padding: 0px 20px 0px 0px;
}

#copyright-container p.copyright {
color: #386e9f;
font-size: 12px;
padding: 15px 0px 15px 35px;
float: left;
background: url(images/logo-mini.png) left no-repeat;
}

#copyright-container p.nav {
color: #386e9f;
font-size: 12px;
padding: 15px 0px 15px 0px;
float: right;
}

a.foot-link {
margin-left: 20px;
color: #386e9f;
text-decoration: underline;
}

a.foot-link:hover {
color: #000;
}

/* Footer END */

/* Overlay START */

div.overlay-ad { 
     
    /* growing background image */ 
    background:url(images/overlay-ad-bg.png) no-repeat; 
     
    /* dimensions after the growing animation finishes  */ 
width: 644px;
height: 394px;       
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:60px; 
} 
 
/* default close button positioned on upper right corner */ 
.overlay-ad .close { 
    background: url(images/close-button.png) top no-repeat; 
    position:absolute; 
    left:7px; 
    top:7px; 
    cursor:pointer; 
    height:30px; 
    width:30px; 
} 

div.overlay-tut { 
     
    /* growing background image */ 
    background:url(images/iphone-bg.png) no-repeat; 
     
    /* dimensions after the growing animation finishes  */ 
width: 336px;
height: 573px;        
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
} 

.overlay-tut p {
margin-top: 45px;
}
 
 .iphonemovie {
    margin:  94px 0px 0px 49px;  
}

.overlay-download {
background: #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
color: #fff;
font-size: 13px;
padding: 5px;
float: right;
text-shadow: none;
font-weight: bold;
}

.overlay-download:hover {
background: #aaa;
}

.loading-demo {
background: url(images/loading-demo.gif) no-repeat;
height: 640px;
width: 640px;
position: absolute;
top:94px;
z-index: 1;
}

#admovie {
z-index: 100000;
border: 1px solid #999999;
}

div.overlay-ad div.close:hover { 
background-position: bottom;
} 
 
 
/* black */ 
div.overlay.black { 
    background:url(../img/overlay/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url(../img/overlay/petrol.png) no-repeat !important; 
    color:#fff; 
} 
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}

/* Overlay END */

.pics {  
    height:  356px;  
    width:   240px;  
    padding: 0;  
    margin:  94px 0px 100px 49px;
     
} 
 
.pics img {  
    height:  356px;  
    width:   241px; 
    top:  0; 
    left: 0;
}

#tutorials {
background: #cbdaea url(images/tiny-gradient.png) repeat-x;
-moz-border-radius:10px;
border: 1px solid #b9c6db;
-webkit-border-radius:10px;
width:868px;
height: 140px;
margin: 10px 0px 10px 10px;
float: left;
-webkit-box-shadow: 0px 1px 3px #eee;
padding: 30px 10px 30px 10px;
} 

a.tut-link,span.tut-link {
cursor: pointer;
width: 217px;
color: #003e82;
text-shadow: 0px 1px 0px #f3f8fc;
font-size:12px;
float: left;
font-weight: bold;
display: block;
border: none;
text-align: center;
background: transparent;
}

a.tut-link img {
border: 3px solid #fff;
-webkit-border-radius:3px;
moz-border-radius:3px;
margin-bottom: 5px;
}

#gsfn_search_query {
width: 465px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-image: url(images/input-bg.png);
background-repeat: repeat-x;
border: 1px solid #709ed1;
color: rgb(136, 136, 136);
font-size: 17px;
margin: 10px 0px 15px 0px;
padding: 5px;
}

#gsfn_search_widget .button {
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: #1c457d url(images/tiny-gradient.png) repeat-x;
border: 1px solid #1f4a79;
color: #c0cfe4;
text-shadow: 0px -1px 0px #000;
font-size: 15px;
margin: 5px 0px 15px 5px;
padding: 6px 20px 6px 20px;
cursor: pointer;
outline: none;
}

#gsfn_search_widget .button:hover {
background: #4d7eb4 url(images/tiny-gradient.png) repeat-x;
color: #fff;
}

#gsfn_search_widget .button:active {
background: #0e2748 url(images/tiny-gradient.png) repeat-x;
color: #fff;
}

#gsfn_search_results .gsfn_topic_list li.gsfn_suggestion  {
line-height: 1.25em;
margin-bottom: 12px;
background: none;
padding-left: 0px;
}

#gsfn_search_results .gsfn_topic_list li.gsfn_submit,
#gsfn_search_results .gsfn_topic_list li.gsfn_no_results {
line-height: 1.25em;
margin-bottom: 12px;
background: none;
border-top: 1px solid #ddd;
padding-left: 0px;
padding-top: 15px;
}

#gsfn_search_results .gsfn_topic_list li {
line-height: 1.25em;
margin-bottom: 12px;
background: url(images/bullet.png) 0px 5px no-repeat;
padding-left: 17px;
}

.gsfn_label {
color: #1d4c7e;
}

.sidebar-block {
background: #4d7eb4 url(images/tiny-gradient.png) repeat-x;
border: 1px solid #4d7eb4;
width: 225px;
padding: 15px;
color: #ccd7ea;
text-shadow: 0px -1px 0px #000;
margin-bottom: 20px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-webkit-box-shadow: 0px 1px 2px #aaa;
}

.sidebar-block h4 {
color: #fff;
}

.sidebar-block a {
color: #fff;
}

.sidebar-block a:hover {
color: #fff;
border-bottom: 1px solid #fff;
}

.avatar {
float: left;
padding: 30px 10px 0px 0px;
}

.review-head {
color: #7f8eb4;
font-weight: bold;
margin-top: -5px;
padding: 0px 0px 10px 20px;
float: right;
clear: left;
font-size: 11px;
font-style: italic;
}

.review-head a {
font-weight: normal;
color: #427eb5;
}

.quote-link {
font-weight: normal;
color: #427eb5;
float: right;
}

#reviews {
font-size: 13px;
width: 270px;
margin: 20px 0px 0px 20px;
clear: both;
padding-top: 10px;
padding-left: 10px;
color: #7e7e7e;
line-height: 22px;
}

p.review {
font-style: normal;
font-size: 13px;
width: 260px;
padding: 12px 0px 0px 20px;
float: left;
border-top: 1px solid #c2d8ea;
background: url(images/blockquote2.png) 0px 15px no-repeat;

}

#reviews a:hover {
text-decoration: underline;
}