root { 
    display: block;
}
body {
    font-family: Verdana, Arial, Helvetica;
    font-size: 10pt;
    color: #003366;
    text-align: center;
}
#page {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
}

#header {
    height: 122px;
}

#mainBanner {
    height: 335px;
    background: url('../images/mainBanner.jpg') no-repeat;
    text-align: left;
}
#mainBanner #headlines {
    width: 500px;
    float: left;
    margin-top:50px;
}
#mainBanner #headings {
    padding-left:60px;
}
#mainBanner #headings h2 {
    font-size:18pt;
    margin:0;
}
#mainBanner #headings h3 {
    margin-top:0;
}
#mainBanner #quote {
    padding:10px;
}
#mainBanner #quoteContent {
    width: 300px;
}
#mainBanner .rightQuote {
    position:relative;
    top: 120px;
    left: -40px
}
#mainBanner #quote p {
    padding-left: 10px;
    margin-top:0;
}
#mainBanner #quote p.reference {
    font-weight:bold;
}
#trialFormContainer {
    float: right;
    height: 228px;
    width: 404px;
    margin:0;
    margin-top:38px;
}

#trialFormDiv {
    padding-top:50px;
    padding-left:160px;
    height: 178px;
    background: url("../images/form_bg.jpg") no-repeat;
}
#trialFormDiv.hover {
    background: url("../images/form_hover_bg.jpg") no-repeat;
}
form {
    margin:0;
    padding:0;
}
#trialFormDiv .formLine {
    margin:0;
    width: 211px;
    height: 19px;
    margin-top:5px;
    padding:2px;
    padding-left:5px;
}
#trialFormDiv .textInput {
    background: url("../images/formLine_bg.jpg") no-repeat;
}
#trialFormDiv .textField {
    margin:0;
    font-family: Verdana, Arial, Helvetica;
    font-size: 9pt;
    color: #006699;
    width: 197px;
}
#trialFormDiv .formLine .hoverLink a {
    color: #006699;
    text-decoration: none;
    font-size: 10pt;
}
#trialFormDiv .formLine #submitImage {
    float: right;
}
#mainBanner #contactDiv {
    float: right;
    clear: both;
    overflow: hidden;
}
#key_points {
    height: 30px;
    width:600px;
    margin-top:5px;
    margin-left: auto;
    margin-right: auto;
    color: #6699CC;
}
#customers {}
div.sc_menu {
    position: relative;
    top:-50px;
    overflow: hidden;
}

#awards {
    position: relative;
    top:-50px;
    height: 30px;
    width:680px;
    margin-left: auto;
    margin-right: auto;
    color: #6699CC;
}

#products {
    position: relative;
    top:-50px;
}
#products .productDiv {
    height: 330px;
    width: 247px;
    float: left;
    margin:0;
    padding:0;
}
#products .productDiv .productHeadDiv {
    margin:0;
    padding:0;
}
#products .productDiv a {
    color: #003366;
    text-decoration: none;
    font-weight: bold;
}
#products .productDiv a:hover {
    color: #009900;
}
.productHeadDiv a h2 {
    font-size:13pt;
    padding-top:5px;
}
#products .productDiv .productHeadDiv a {
    display: block;
    height: 61px;
    width: 247px;
    padding-top:12px;
    background: url("../images/productHead_bg.jpg") no-repeat;
}
#products .productDiv .productHeadDiv a:hover {
    background: url("../images/productHead_hover.jpg") no-repeat;
}
#products .productDiv .productContentDiv {
    height: 117px;
    width: 247px;
    margin:0;
    padding:0;
    padding-top:140px;
}
#products .productDiv .productContentDiv p {
    margin-top:0;
}
#products #webSmsDiv .productContentDiv {
    background: url("../images/product_web.jpg") no-repeat;
}
#products #smsMessengerDiv .productContentDiv {
    background: url("../images/product_messenger.jpg") no-repeat;
}
#products #emailSmsDiv .productContentDiv {
    background: url("../images/product_email.jpg") no-repeat;
}
#products #smsApiDiv .productContentDiv {
    background: url("../images/product_api.jpg") no-repeat;
}

#footer {
    position: relative;
    top:-50px;
    height: 192px;
    background: url("../images/footer_bg.jpg") no-repeat;
    text-align:left;
    font-size: 8pt;
    color: #aaa;
    padding:10px 20px 10px 20px;
}
#footer h2 {
    margin:0;
    font-size: 7pt;
    text-transform:uppercase;
    color: white;
}
#footer a {
    color: #aaa;
}
#footer div {
    float: left;
    padding:10px;
    padding-top:20px;
}
#footer #footerContent {
    width: 500px;
    padding-left:0;
}
#footer #productList {
    width: 225px;
}
#footer #productList ul {
    margin:0;
    padding-left:15px;
}
#footer #copyright {
    width: 175px;
    padding-right:0;
}
#overlayBg {
  position: absolute;
  top:0; left:0;
  height:200%;
  width:100%;
  background-color:black;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
  z-index:20;
  display:none;
}
.overlay {
    position: relative;
    z-index:21;
    width: 420px;
    text-align: left;
    padding:10px;
    left: -200px;
}
.overlay a {
    text-decoration:none;
    float:right;
}
.popupHeader {
    width: 420px;
    height: 20px;
    background: url("../images/popup_header_bg.gif");
}
.popupContent {
    background: #99ccff;
    padding:10px;
}
.popupFooter {
    width: 420px;
    height: 20px;
    background: url("../images/popup_footer_bg.gif");
}
.logo {
    width: 90px;
}
.offset {
    margin-top:15px;
}
ul.sc_menu {
    display: block;
    height: 100px;
    width: 900px;
    padding: 50px 0px 30px 30px;
    /* Remove default margin */
    margin: 0;
    margin-left:auto;
    margin-right:auto;
    list-style: none;
    overflow: hidden;
}
ul.sc_menu li {
    display: block;
    float: left;
    margin: 0; padding: 5px;
    position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 110px;
    margin-left:-30px;
    z-index:0;
}
ul.sc_menu li img {
	width: 100px; height: 95px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	padding: 5px;
	position: absolute;
	left: 0; top: 0;
}
ul.horizontalList {
    list-style: none;
    margin:0;
    padding:0;
}
ul.horizontalList li {
    float: left;
    padding-left:2px;
    padding-right:2px;
}

a img {
    border:0;
}
.noborder {
    border:0;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.clear {
    clear:both;
    height:0;
    width:0;
}