/* CSS Document */

* { padding:0; margin:0;}

body { 	
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #E6E6E6 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #E6E6E6 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #E6E6E6 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #E6E6E6));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #E6E6E6 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-corner at center, #FFFFFF 0%, #E6E6E6 100%); }

h1 { font-family: 'Droid Sans', sans-serif; font-size:18px; font-weight:700; }
ul li {
list-style-type: none;
background:url(../images/bullet.png) no-repeat top left;
height: 46px;
padding-left: 25px;
}
#description {width:420px; position:justify;position:absolute;font-family: 'Droid Sans', sans-serif; font-size:14px; font-weight:400; padding-top:30px; }
#description-two {width:420px; position:justify;position:absolute;font-family: 'Droid Sans', sans-serif; font-size:14px; font-weight:400; padding-top:80px; }
#features { position:justify; font-family: 'Droid Sans', sans-serif; margin-left:20px;  }
#support { font-size:12px; }

#nav { width:100%; height:66px; background-image:url(../images/nav-bg.png); box-shadow: #000 0px 1px 5px; }
#logo-header { text-align:center;  }
#nav-bellow { width: 100%; height:25px; background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #C5C5C5 100%); background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #C5C5C5 100%); background-image: -o-linear-gradient(top left, #FFFFFF 0%, #C5C5C5 100%);background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #C5C5C5));
background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #C5C5C5 100%);background-image: linear-gradient(to bottom right, #FFFFFF 0%, #C5C5C5 100%); }

#inbox { width:1018px; height:509px; background: rgba(255, 255, 255, .3); margin-right:auto; margin-left:auto;  box-shadow: #999 0px 0px 15px; border-radius:15px; margin-top: 30px; border:#999 1px solid;}#inbox-left { float:left;padding: 20px 10px 10px 40px; width:420px; }
#ios-one { float:left; margin-left:200px; }
#ios-two {float:right; margin-right:200px;}
#box-down { width:900px; margin-top:50px; margin-left:auto; margin-right:auto;}
#footer { width:900px; margin-top:250px; margin-left:auto; margin-right:auto; font-family: 'Droid Sans', sans-serif; font-size: 16px; opacity:0.5; text-align:center;} #footer img { width: 150px; opacity:0.5;}




    
    .blog {
		margin-top:10px;
        
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
        background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
        
        background-color:#f9f9f9;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #dcdcdc;
        
        display:inline-block;
        color:#666666;
        font-family:arial;
        font-size:16px;
        font-weight:bold;
        padding:1px 26px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff;
        
    }
    .blog:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
        background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
        
        background-color:#e9e9e9;
    }
    .blog:active {
        position:relative;
        top:1px;
    }
  
    .download-left {
        
        -moz-box-shadow: 0px 1px 0px 0px #fff6af;
        -webkit-box-shadow: 0px 1px 0px 0px #fff6af;
        box-shadow: 0px 1px 0px 0px #fff6af;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
        background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
        background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
        background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
        background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
        background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
        
        background-color:#ffec64;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #ffaa22;
        
        display:inline-block;
        color:#333333;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        padding:4px 22px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffee66;
		cursor:pointer;
        
    }
    .download-left:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
        background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
        
        background-color:#ffab23;
    }
    .download-left:active {
        position:relative;
        top:1px;
    }
	

    .myButton {
        
		margin-top:5px;
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
        background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
        
        background-color:#f9f9f9;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #dcdcdc;
        
        display:inline-block;
        color:#666666;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        padding:6px 24px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff;
        
    }
    .myButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
        background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
        
        background-color:#e9e9e9;
    }
    .myButton:active {
        position:relative;
        top:1px;
    }


/* ANIMATIONS */

#ios-two img:hover { height: 438px; width: 291px; margin-right: -20px; }
#ios-two img{

animation:myfirst 2s;
-webkit-animation:myfirst 2s; /* Safari and Chrome */
width:281px; height:423px; margin: 15px 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;
}


@keyframes myfirst
{
from {width:250px; height:376px;}
to {width:281px; height:423px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {width:250px; height:376px;}
to {width:281px; height:423px;}
}


#ios-one img:hover { height: 438px; width: 291px; margin-left: -20px; }
#ios-one img{

animation:myfirst 2s;
-webkit-animation:myfirst 2s; /* Safari and Chrome */
width:281px; height:423px; margin: 15px 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;
}


@keyframes myfirst
{
from {width:250px; height:376px;}
to {width:281px; height:423px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {width:250px; height:376px;}
to {width:281px; height:423px;}
}