﻿*,form
{
    margin:0;
}
body
{
    margin:0 auto;
    color:#303233;
    font-family: "lucida sans unicode","lucida grande",sans-serif;
    background:#FFF url(/images/bkgrd_black.gif) center top repeat-x;
}
html, body
{
    height: 100%;
    font-size:62.5%;
}
a 
{
    color:#00A5E3;
    text-decoration:underline;
}
img 
{
    border:none;
}
ul 
{
    list-style-type: none;
    margin:0;
    padding:0;
}
sup 
{
    font-size:0.5em;
}
.red 
{
    color:#ff0000;
    font-size:2.0em;
}
.actionbuttons span 
{
    width:225px;
    float:left;
    padding:5px 15px;
}
#wrapper 
{
    margin:0 auto;
    width:960px;
    overflow:hidden;
}
#main 
{
    background-repeat:no-repeat;
    background-position:0 17px;
    z-index:-1;
}
#main  .demobtn {
	background-image:url("/images/btn_demo_large.png");
	background-repeat:no-repeat;
	height:36px;
	width:137px;
	position:relative;
	top:0;
	float:right;
}
#main  .demobtn span {
	position:absolute;
	left:-9999px;
}
#main  .demobtn a {
	display:block;
	height:36px;
	width:137px;
}
#header 
{
    width:960px;
    height:403px;
    padding:35px 0 0;
}
#header h1 
{
    width:295px;
    height:61px;
    background-image:url(/images/logo.png);
    background-repeat:no-repeat;
    float:left;
}
#header h1 a 
{
    width:295px;
    height:61px;
    display:block;
}
#header h1 span 
{
    position:absolute;
    left:-9999px;
}
#header #navigation
{
    width:655px;
    float:right;
    margin:8px 0 0;
}
#header #navigation li
{
    float:left;    
}
#header #navigation #mainnav 
{
    margin:22px 0 0;
    float:right;
}
#header #navigation #mainnav li a 
{
    text-decoration:none;
    /* font-size:0.85em; */
    font-size:2.15em;
    font-weight:600;
    padding:0 6px 0;
    letter-spacing:-0.02em;
    text-transform:lowercase;
    color:#FFF;
}
#header #navigation #mainnav li a:hover,
#header #navigation #mainnav li a.selected 
{
    color:#b6eb00;
}
#header #intro 
{
    clear:both;
    color:#FFFFFF;
    position:relative;
    text-align:center;
}
#header #intro p
{
    font-size:2.2em;  
    font-weight: normal;
    color:#333;
    line-height: 1.7em;
}
#header #intro h3 
{
    font-size:7.0em;    
    font-weight:bold;
    padding-bottom: 5px;
}
#header #intro h4 
{
    font-size:5.0em;
    padding-bottom: 7px;
    font-weight:normal;
}
#screen 
{
    width:100%;
    position:relative;
}
#actiontabs 
{
    width:960px;
    margin:6px 0 60px;
    *margin-bottom:15px;
}
#actiontabs ul li 
{
    float:right;
    padding:0 3px 0 10px;
}
#actiontabs ul li span 
{
    position:absolute;
    left:-9999px;
}
#actiontabs a 
{
    display:block;
}
#actiontabs .salesforce 
{
    width:480px;
    height:37px;
    background-image:url(/images/btn_salesforce.png);
    background-repeat:no-repeat;
    float:left;
}
#actiontabs .salesforce a
{
    width:480px;
    height:37px;
}
#actiontabs .downloads 
{
    width:119px;
    height:37px;
    background-image:url(/images/btn_downloads.png);
    background-repeat:no-repeat;
    margin:0 0 0 123px;
}
#actiontabs .blog 
{
    width:119px;
    height:37px;
    background-image:url(/images/btn_blog.png);
    background-repeat:no-repeat;
}
#actiontabs .demorequest 
{
    width:119px;
    height:37px;
    background-image:url(/images/btn_demo.png);
    background-repeat:no-repeat;
	display:none;
}
#actiontabs .downloads a,
#actiontabs .blog a,
#actiontabs .demorequest a
{
    width:119px;
    height:37px;
}
.content 
{
    width:960px;
    margin:0 auto;
}
.content p 
{
    font-size:1.1em;
}
.content h2 
{
    font-size:4.0em;
    font-weight:normal;
}
.content h3
{
    font-size:3.5em;
    padding:8px 0 0;
}
.spacer, .spacer_int
{
    margin:35px 0;
}
.content #products 
{
    background-color:#e8eeef;
}
#steps 
{
    width:960px;
    clear:both;
    margin:25px 0 0;
}
#steps h3
{
    font-weight:normal;
}
#steps .action 
{
    padding:45px 0 0;
}
#solutions,
#products,
#footer
{
    width:100%;
    overflow:hidden;
}
#solutions .content a.solutionsanchor 
{
    color:#009ee9;
    font-weight:bold;
    position:relative;
    top:5px;
}
#solutions .content h3 a 
{
    color:#303233;
    text-decoration:none;
}
#solutions .content h2,
#products .content h2
{
    color:#009ee9;
}
#solutions .content .solutionsbox,
#products .content .productsbox
{
    width:450px;
    height:100px;
    margin:10px;
    padding:10px 0 25px 0;
    float:left;
}
#solutions .content .solutionsbox .solutionimage,
#products .content .productsbox .productimage
{
    float:left;
	width:133px;
	height:96px;
    margin:5px 5px 40px 0;
}
#products .content h3 
{
    font-size:3.3em;
    padding:8px 0;
}
#products .content h3 a 
{
    text-decoration:none;
}
#products .content h3 span.lightgreen 
{
    color:#a4be00;
}
#products .content h3 span.black
{
    color:#000;
}
#products .content h3 span.purple
{
    color:#a42fff;
}
#products .content h3 span.green 
{
    color:#1d7c00;
}
#products .content h3 span.blue
{
    color:#009ee9;
}
#solutions .content .solutionsbox .solutionimage,
#solutions .content .solutionsbox .productimage
{  
    border:solid 2px #496f8b; 
	float:left;
	width:133px;
}
#solutions .content .solutionsbox .solutioncontent,
#products .content .productsbox .productcontent
{  
	float:left;
	width:300px;
}
#solutions .content .solutionsbox p,
#products .content .productsbox p
{
    color:#464646;
    font-family:"Lucida Grande", sans-serif;
    font-size:12px;
    font-style:normal;
    font-weight:normal;
    text-transform:normal;
    letter-spacing:normal;
    line-height:1.3em;
	margin:0;
}
#products .content .productsbox .intro 
{
    font-size:3.0em;
}
#products .content .productsbox .subtext 
{
    padding:10px 0 0;
}
#products .content .productsbox .subtext a
{
    color:#009ee9;
}
#footer 
{
    background-color:#0095db;
    color:#FFF;
    padding:25px 0;
}
#footer p 
{
    font-size:1.85em;
}
#footer h5 
{
    color:#000a0f;
    font-size:2.3em;
    padding:0 0 5px;
}
#footer li
{
    padding:5px 0 0;
}
#footer li a 
{
    color:#FFF;
    text-decoration:none;
    font-size:1.8em;
    font-weight:normal;
}
#footer .footerblock 
{
    width:180px;
    float:left;
}
#footer .footerblock.large
{
    width:215px;
}
#footer .footerblock.medium
{
    width:140px;
}
#footer .footerblock.small
{
    width:100px;
}
#footer .footerabout 
{
    width:300px;
    float:right;
    border-left:1px solid #33aae2;
    padding:0 0 0 15px;
}
#footer .footerabout a 
{
    color:#FFF;
}