@charset "UTF-8";
/* CSS Document */

@import url("reset.css");  

a, a:visited { color:#0A94D6; text-decoration:none; }
a:hover { text-decoration:underline; }

body { font-size: 12px; font-family: "Helvetica", "Arial", sans-serif; background-color: #FFFFFF; }

#accordion { margin: 0; padding: 0; font-size: 16px; }
#accordion dd { margin: 0 0 5px 0; padding: 0; }

h2 {font-size: 30px; text-align: center;}

#bigtitle { margin-top: 30px; }
#bigsub { margin: 25px 0 20px 0; font-size: 34px; font-family: "Helvetica", "Arial", sans-serif; color: #FFFFFF; }
#bigtext { font-size: 24px; font-family: "Helvetica", "Arial", sans-serif; color: #FFFFFF; line-height: 30px; }
#buttons {float: left; margin-top: 49px; width: 550px; height: 150px; overflow: visible; }

#contacttop { background: url(../images/back_about.png) repeat-x left top; height: 475px; }
#contacttop_area { width: 990px; height: 475px; margin: 0 auto; }
#cbox { clear: left; float: left; margin: 40px 25px 0 10px; width: 435px; height: 475px; }
.cboxtext {font-size: 16px; font-family: "Helvetica", "Arial", sans-serif; color: #FFFFFF; }
#contact {float: left; margin: 20px 0 0 0; width: 500px; height: 500px; }
.contacttitle { margin: 6px 0 15px 0;}

#ctext { float: left; margin: 110px 0 0 0; font-size: 18px; color: #FFFFFF; width: 300px; height: 250px;}

.cform1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; background-color: #CFE0F3; padding: 4px; height: 20px; width: 350px; border: 2px solid #FFFFFF; }
.cform2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; background-color: #CFE0F3; padding: 4px; height: 90px; width: 350px; border: 2px solid #FFFFFF; }

#downiphone { clear: both; height: 65px; background-color: #F6F6F6; }
#downiphone_area { width: 990px; height: 75px; margin: 0 auto; }
#downiphone_button {float: right; position: relative; margin-left: 150px; top: -35px; width: 300px;}

#header { width: 990px; height: 100px; margin: 0 auto; position: relative; display: block; }
 
#logo { float: left; width: 400px; height: 85px; margin: 19px 0 0 95px;}

ul#menublock { float: right; margin: 33px 0 0 0; padding: 0; }
ul#menublock li { display: inline; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px;}
ul#menublock li a { color: #0080FF; float: left; padding: 5px 9px 5px 9px; text-decoration: none; border-left: 1px solid #CCCCCC;}
ul#menublock li a:visited { color: #0080FF; }
ul#menublock li a:hover { color: #383838; }
ul#menublock li a#last { border-right: 1px solid #CCCCCC;}

ul#bottomblock { margin: 0 0 0 50px; padding: 0; width: 300px; }
ul#bottomblock li { display: inline; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px;}
ul#bottomblock li a { color: #0080FF; float: left; padding: 5px 9px 5px 9px; text-decoration: none; border-left: 1px solid #CCCCCC;}
ul#bottomblock li a:visited { color: #0080FF; }
ul#bottomblock li a:hover { color: #383838; }
ul#bottomblock li a#last { border-right: 1px solid #CCCCCC;}

#mobilebottom {position: relative; border-bottom:  1px solid #7197c2; height: 130px; background: url(../images/background_homebox.png) repeat-x left top; z-index: -1; overflow: visible;}
#mobiletop { background: url(../images/back_web.png) repeat-x left top; height: 475px; overflow: visible;}  /*back_bigiphone.png*/
#mobiletop_area { width: 990px; height: 475px; margin: 0 auto; overflow: visible;}
#miphone { clear: left; margin: 0 0 0 20px; float: left; width: 410px; height: 590px; overflow: visible;  }
#mpitch {margin: 26px 0 0 0; float: left; width: 520px; height: 590px; overflow: visible; }

#powered {clear: left; margin: 0 auto;  font-size: 14px; color: #ADADAD; text-align: center; width:300px;}

#screenbottom {position: relative; border-bottom:  1px solid #7197c2; height: 175px; background: url(../images/background_homebox.png) repeat-x left top; z-index: -1; overflow: visible;}
#screentop { height: 485px; overflow: visible;}
#screentop_area { width: 990px; height: 475px; margin: 0 auto;}

#screenshot {float: left; clear: left; width:900px; height: 400px; margin: 0 0 0 130px;}
.screenshot {width:250px; height: 400px; float: left; margin: 0 50px 0 0; }
#screendesc {float: left; clear: left; width:980px; height: 100px; margin: 0 0 0 100px;  }
.screendesc {width:250px; height: 100px; float: left; margin: 0 30px 0 0; padding: 0 10px 10px 10px; font-size: 16px; text-align: center;}