/* CSS Document  */

body {
	background-color: #FFFFFF;
	font-family: Helvetica, Arial, Verdana, sans-serif;
    width: 100%;
    background-image: url("../images/bg.png");
    background-repeat: repeat-x;
	color: #868788;
letter-spacing: -0.2px;

}

#wrapper {
    width: 950px;
    height: 665px;
    
    text-align: center;
    margin: 0 auto;

}

.header {
	width: 100%;

}

div.logo {
float: left;

}

div.rightHead {
padding: 25px 0 0 0;
float: right;
}


div.left {
clear: both;
float: left;
text-align: left;

width: 327px;
height: 500px;
padding: 0 0 0 23px;
}

div.left h1 {
font-size: 20px;
font-weight: bold;
letter-spacing: -1.5px;
padding: 15px 0 2px 0;
font-family: Lucida Grande, Helvetica, Arial, sans-serif;
color: #343434;

}

div.left h2 {
font-size: 20px;
font-weight: bold;
letter-spacing: -1.5px;
padding: 15px 0 2px 0;
font-family: Lucida Grande, Helvetica, Arial, sans-serif;
color: #343434;

}


div.left p {

line-height: 16px;
font-size: 13px;
letter-spacing: -0.6px;
width: 310px;
font-family: Lucida Grande, Helvetica, Arial, sans-serif;
padding: 0 0 6px 0;
}


div.download {
width: 193px;
height: 69px;
margin: 10px 0 0 -20px;

}

div.download a {
display: block;
width: 193px;
height: 69px;
background: url(../images/download.png) no-repeat;
}

div.download a:hover {
background-position: -190px 0;

}





div.center {
float: left;
}

div.right {

float: left;
width: 265px;
}

div.right {

margin: -30px 0 0 0;
padding: 0 0 6px 30px;
font-weight: bold;
text-align: left;
color: #000000;
}


div.right p {
font-size: 13.2px;

font-style: italic;
font-family: Georgia, Helvetica, Arial, sans-serif;
text-align: right;
border-top: 1px dashed #70C3E5;
padding: 5px 0 0 0; 
width: 250px;
float: right;
}

div.right h1 {

margin: 60px 0 0 0;
font-size: 33px;
font-family: Lucida Grande, Helvetica, Arial, sans-serif;
color: #032FA8;
font-weight: bold;
letter-spacing: -1.5px;
text-align: right;
height: 40px;

}


div.right h1 a {
color: #0370ce;
text-decoration: none;

}


div.right h1 a:hover {
color: #70C3E5;
}


div.right h2 {

margin: 214px 0 0 95px;
font-size: 27px;
font-family: Lucida Grande, Helvetica, Arial, sans-serif;
color: ;
font-weight: bold;
letter-spacing: -1.5px;
text-align: right;
border-top: 1px dashed #70C3E5;
border-left: 1px dashed #70C3E5;
border-right: 1px dashed #70C3E5;
width: 160px;
padding: 7px 7px 29px 0;
text-shadow: 0 1px 0 #FDF5CD;
}

div.right .image {
width: 272px;
height: 30px;
}

div.right img {
float: right;
padding: 0 0 10px 0;


}



div#screenshots {
background-color: #000000;
height: 286px;

    background-repeat: no-repeat;
background-position: center;
border-top: 1px solid #002492;
overflow-y: hidden;
overflow-x: scroll;
box-shadow: 0px -2px 12px black;

}





div#features {
width: 100%;
height: 1050px;
border-top: 1px solid #000000;
background-color: #032FA8;
	background-image: -moz-linear-gradient(100% 100% 90deg, #000000, #032FA8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#032FA8), to(#000000));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#032FA8, endColorstr=#000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=##032FA8, endColorstr=#000000)";

}

.featureContent {
width: 950px;
margin: 0 auto;
color: #BDE4FC;
font-size: 13.5px;
letter-spacing: 0.4px;
line-height: 17px;
}

.featureContent h1 {
padding: 33px 0 5px 0;
font-size: 21px;
color: white;
text-shadow: 1px 1px 8px black;
}

.featureContent h2 {
padding: 30px 0 25px 0px;
border-bottom: 1px dashed #70C3E5;
font-size: 25px;
font-weight: bold;
letter-spacing: -1px;
text-shadow: 1px 1px 1px #343434;
font-family: Lucida Grande, Helvetica, Arial, sans-serif;
color: #BDE4FC;
text-transform: lowercase;
}



div#features .featureTop .one {
padding: 0px 10px 10px 10px;
float: left;
width: 230px;

margin: 0 20px 0 40px;
}



div#features .featureTop .one p {
margin: 7px 0;
}


div#features .featureTop .one ul {
color: white;
margin: 20px 0 0 14px;
}

div#features .featureTop .one ul li {
list-style-type: disc;
font-size: 13px;
font-style: italic;
line-height: 21px;
}


div#features .featureTop .one ul.severe li {
font-size: 14px;
line-height: 18px;
margin: 10px 0 0 0;

}


div#features .featureTop .one ul.severe li img {
margin: -5px -2px 0 0;

}

div#features .featureTop .one ul.severe li strong {
font-size: 16px;

}


div#features .featureTop .one ul.severe li span {
font-size: 14px;
font-style: normal;

}



div#features .featureBelow {
width: 902px;
clear: both;
padding: 25px 0 0 48px;
border-top: 1px dashed #70C3E5;
}

div#features .featureBelow ul {
margin-bottom: 30px;
}

div#features .featureBelow ul li {
font-size: 15px;
line-height: 31px;
margin: 0 0 10px 0;
padding: 1px 15px;
}

div#features .featureBelow ul li.odd {
border: 1px solid #BDE4FC;
padding: 7px 15px;
height: 30px;
color: white;
background-image: url("../images/cellBG.png");
    background-repeat: ;
}

div#features .featureBelow ul li img {
width: 32px;
float: left;
margin: -6px 21px 0 -8px; 
}


div#features .featureBelow p {
font-size: 12px;
margin: 22px 0;
padding: 0px 10px;
width: 770px;
}

div#features .featureBelow p a {
color: white;
}

div#features .featureBelow p a:hover {
color: blue;
}

.featureContent img {
float: right;
width: 40px;
padding: 6px 0 0px 5px;
}



.featureLinks {
clear: both;
margin: 0 auto;
text-align: center;
padding: 40px 0 0 0;

}

.featureLinks a {
color: #FFFFFF;
text-decoration: none;
padding: 5px 12px 2px 5px;
font-size: 13px;
}

.featureLinks a:hover {
color: #70C3E5;
}


.featureLinks a.top {
border-right: 1px dotted #70C3E5;
}

#facebook {
 bottom: 80px;
    height: 38px;
    position: fixed !important;
    right: -5px;
    width: 174px;
    z-index: 30;
    background-color: #70C3E5;
	background-image: -moz-linear-gradient(100% 100% 90deg, #BDE4FC, #70C3E5);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#70C3E5), to(#BDE4FC));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#70C3E5, endColorstr=#BDE4FC);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#70C3E5, endColorstr=#BDE4FC)";

border: 1px solid #4EAAED;
box-shadow: -2px 3px 6px black;
color: ;
}

#twitter {
 bottom: 25px;
    height: 38px;
    position: fixed !important;
    right: -5px;
    width: 174px;
    z-index: 30;
    background-color: #70C3E5;
	background-image: -moz-linear-gradient(100% 100% 90deg, #BDE4FC, #70C3E5);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#70C3E5), to(#BDE4FC));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#70C3E5, endColorstr=#BDE4FC);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#70C3E5, endColorstr=#BDE4FC)";

border: 1px solid #4EAAED;
box-shadow: -2px 3px 6px black;
}


#facebook img, #twitter img {
width: 33px;
float: left;

margin: 3px;
}


#facebook a, #twitter a {
font-size: 12px;
margin: 12px 0 0 0;
font-weight: bold;
padding: 0 15px 0 0;
float: right;
color: black;
text-decoration: none;
}

#facebook a:hover, #twitter a:hover {
color: #FFFFFF;
}