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

@import url("reset.css");  

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

a:link {color: #0080FF; text-decoration: none;}
a:visited {color: #0080FF; text-decoration: none;}
a:active {color: #0080FF; text-decoration: none;}
a:hover {color: #383838; text-decoration: none;}

h2 {font-size: 24px; font-weight: bold; margin-top: 20px;}

#about { margin: 23px 0 0 0; float: left; width: 500px; height: 520px; }
#abouttitle { margin: 18px 0 15px 15px;}
#about_splash { background: url(../images/back_about.png) repeat-x left top; height: 495px; }
#about_area { width: 990px; height: 495px; margin: 0 auto; }
#aboutbottom {position: relative; border-bottom:  1px solid #7197c2; height: 100px; background: url(../images/back_shortblue.png) repeat-x left bottom; z-index: -1;}

#app_area { width: 970px; margin: 0 auto; overflow: visible; font-size: 18px; }

#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; }

#bottomarea { clear: both; width: 450px; margin: 0 auto; height: 20px; }
ul#bottommenu { margin: 25px 0 25px 30px; padding-bottom: 50px; width: 600px;  }
ul#bottommenu li { display: inline; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px;}
ul#bottommenu li a { color: #0080FF; float: left; padding: 9px 15px 9px 15px; text-decoration: none; border-left: 1px solid #CCCCCC;}
ul#bottommenu li a:visited { color: #0080FF; }
ul#bottommenu li a:hover { color: #383838;}
ul#bottommenu li a#last { border-right: 1px solid #CCCCCC;}
#buttons {float: left; margin-top: 49px; width: 550px; height: 150px; overflow: visible; }

ul#bottomblock { margin: 14px 0 0 0; padding: 0; width: 580px; font-size: 10px;}
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;}

.clear { clear: both; }
#contact_splash { background: url(../images/back_about.png) repeat-x left top; height: 495px; }
#contact_area { width: 990px; height: 495px; margin: 0 auto; }
#cbox { clear: left; float: left; margin: 20px 25px 0 10px; width: 435px; height: 500px; }
.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;}
#contactbottom {position: relative; border-bottom:  1px solid #7197c2; height: 175px; background: url(../images/background_homebox.png) repeat-x left top; z-index: -1; overflow: visible;}

#demotop { background: url(../images/back_demo.png) repeat-x left top; height: 475px; }
#demotop_area { width: 990px; height: 475px; margin: 0 auto; }
#demoarrow {float: left; margin-right:10px; margin-left: -50px; vertical-align: middle;}
#demosub { float: left; width:550px; margin: 20px 0 20px 0; height: 60px; font-size: 30px; font-family: "Helvetica", "Arial", sans-serif; color: #FFFFFF; }
#demobutton {margin: 75px 0 0 70px; vertical-align: middle; } 
#demobottom {position: relative; border-bottom:  1px solid #7197c2; height: 100px; background: url(../images/background_homebox.png) repeat-x left bottom; z-index: -1;}

#demotext { clear: left; float: left; width: 500px; font-size: 24px; font-family: "Helvetica", "Arial", sans-serif; color: #FFFFFF; line-height: 30px; }
#demolivebox { clear: left; margin: 26px 0 0 20px; float: left; width: 420px; height: 520px; }
#demo_pitch {margin: 16px 0 0 20px; float: left; width: 500px; height: 455px; }

#dhtmltooltip{ position: absolute; left: -300px; width: 150px; border: 1px solid black; padding: 5px; background-color: lightyellow; visibility: hidden;
z-index: 100; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); }
#dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; }

#feedback{ position:fixed; width:40px; height:100px; top: 300px; background: #000000; z-index:1; margin:0; padding:0; border-bottom: #FFFFFF 4px solid;
 border-right: #FFFFFF 4px solid;  border-top: #FFFFFF 4px solid; }
 
#hbox1 {float: left; height: 150px; width: 300px; margin: 15px 33px 0 0; }
#hbox2 {float: left; height: 150px; width: 300px; margin: 15px 33px 0 0; }
#hbox3 {float: left; height: 150px; width: 300px; margin: 15px 0 0 0; }

#header { width: 990px; height: 100px; margin: 0 auto; position: relative; display: block; }
#headerslide { width: 600px; height:275px; float: left; }
#history { clear: left; margin: 15px 40px 10px 0; float: left; width: 450px; height: 550px; background-image: url(../images/history.png); background-repeat: no-repeat;
 font-size: 17px; font-family: "Helvetica", "Arial", sans-serif; color: #636363; }
#historyinner { width: 400px, height: 500px; margin: 90px 70px 50px 60px; line-height: 19px; }

#image-label { color: #B1D575; font-weight: bold;}
.iqphoto { width: 90px; height: 100px; float: left; margin: 5px 5px 20px 5px; color: #FFFFFF; font-size: 12px; font-family: "Helvetica", "Arial", sans-serif; text-align: center; }

#layer1 { background: url(../images/back_demo.png) repeat-x left bottom; height: 400px;	}
#layer1_area { width: 990px; height: 400px; margin: 0 auto; }
#layer1_pitch { clear: left; float: left; width: 490px; margin: 0 10px 0 10px; }
#layer1_pitchsub1 { margin: 20px 0 0 0; font-size: 41px; font-weight:bold; font-family: "Helvetica", "Arial", sans-serif; color: #FFFFFF; }
#layer1_pitchsub2 { font-size: 24px; font-family: "Helvetica", "Arial", sans-serif; color: #FFFFFF; line-height: 30px; }
#layer1_pitchsub2 a { color:#F7941E; text-decoration: none; }

#layer2_movie { float: left; width: 450px; height:340px; padding-top: 40px; margin: 0 0 0 10px; }

#layer3 {border-bottom: 1px solid #7197c2; height: 190px; background: url(../images/background_homebox.png) repeat-x left top; }
#layer3_area { width: 990px; height: 180px; margin: 0 auto; font-size: 18px; font-family: "Helvetica", "Arial", sans-serif; color: #333333; }
#layer3_mobile { float: left; width: 455px;  }
#layer3_web { float: right; width: 470px; margin-right: 10px; }

#logo { float: left; width: 390px; height: 85px; margin: 19px 0 0 0; padding-left:15px;}

.mapbox {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px;}
#matrixphoto { clear: left; margin: 26px 35px 0 0; float: left; width: 450px; height: 590px; overflow: hidden; }
ul#menublock { float: right; margin: 33px 0 0 0; padding-right: 25px; width: 370px; }
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;}

#mobilebottom {position: relative; border-bottom:  1px solid #7197c2; height: 175px; background: url(../images/background_homebox.png) repeat-x left top; z-index: -1; overflow: visible;}
#mobiletop { background: url(../images/back_bigiphone.png) repeat-x left top; height: 475px; overflow: visible;}
#mobiletop_area { width: 990px; height: 475px; margin: 0 auto; overflow: visible;}
#miphone { clear: left; margin: 26px 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:600px;}

#welabel { margin: 17px 0 15px 0; font-size: 40px;  font-family: "Helvetica", "Arial", sans-serif; color: #F7941E; }
#web_pitch { margin: 16px 0 0 0; float: left; width: 500px; height: 460px; }
#webtop { background: url(../images/back_web.png) repeat-x left top; height: 475px; overflow: visible; }
#webtop_area { width: 990px; height: 475px; margin: 0 auto; overflow: visible; }
#webbottom {position: relative; border-bottom:  1px solid #7197c2; height: 175px; background: url(../images/background_homebox.png) repeat-x left top; z-index: -1; overflow: visible;}