/*
    This page is for primary global elements only - navigation, page wrapper, header and footer
    Please do not pollute...create new css for page or reusable elements
*/
body {
    background-color:#eaeaea;
    margin:0px 0px;
    padding:0; /* Need to set body margin and padding to get consistency between browsers. */
    text-align:center; /* Hack for IE5/Win */
}

p {
    margin:10px 0 10px 0;
    padding:0;
}

/* -- LAYOUT -- */
#container {
    width:921px;
    margin:0px auto; /* Right and left margin widths set to "auto" */
    text-align:left; /* Counteract to IE5/Win Hack */
    position:relative;
    background-color:#eaeaea;
    background: transparent url(../images/global_nav/body_bg.gif?20071203) repeat-y center bottom;
    padding-top:10px;
}

#header {
    background:url(../images/global_nav/header_bg.gif?20090403) no-repeat 14px 12px;
    width:921px;
    height:103px;
    position:relative;
    z-index:0;
    background-color:1px solid red;
}

#header #subscribeSign {
    width:907px;
    padding:8px 0 0 0;
}

#header #subscribeSign #signLink {
    font-size:11px;
    font-weight:bold;
    width:80px;
    position:absolute;
    width:204px;
    top:6px;
    left:810px;
    color:#666;
}

#header #headerSearch {
    display:none;
    position:absolute;
    width:260px;
    height:36px;
    top:-6px;
    left:690px;
    background:url(../images/global_nav/searchbox_bg.gif?20071203) no-repeat 0px 3px;
    color:#666
}

#subscribeSign td { padding:0; }
#subscribeSign tr { vertical-align:middle; }

#header #subscribeSign a.login {
    color:#666;
    text-decoration:none;
    z-index:999;
}

#phoneBlock {
    position:absolute;
    top:110px;
    left:702px;
    width:192px;
    z-index:9999;
}

#phoneBlock .top { background:url(../images/common_elements/phoneblock_top.gif?20071203) no-repeat bottom left; height:9px; }
#phoneBlock .bottom { background:url(../images/common_elements/phoneblock_bottom.gif?20071203) no-repeat top left; height:9px; }
#phoneBlock .body { background-color:#FFFFB8;padding:2px 2px 0 2px; text-align:center;color:#666;font-size:12px;line-height:22px; }

#phoneBlockDemo {
    position:absolute;
    top:110px;
    left:702px;
    width:192px;
    z-index:9999;
}

#header #subscribeHeader {
    color:#666;
    font-size:11px;
    font-weight:bold;
    width:68px;
    height:10px;
    top:9px;
}

#header .subscribeLink {
    color:#2A4A83;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}

#header #signinLink {
    width:41px;
    height:10px;
    color:#2A4A83;
    font-size:11px;
    font-weight:bold;
    margin-left:25px;
    text-decoration:none;
}

#subscribeMenu {
    position:absolute;
    left:705px;
    top:25px;
    width:200px;
    border:1px solid #000;
    background-color:#FFF;
    z-index:9999;
    padding:5px;
    display:none;
    color:#003399;
}

#subscribeMenu tr { background-color:#FFF; }
#subscribeMenu tr.on { background-color:#F2EFEF; }
#subscribeMenu td { padding:3px; }
#subscribeMenu a {
    width:190px;
    height:auto;
    color:#003399;
}

#header #search {
    background:url(../images/global_nav/header_search.gif?20071203) no-repeat 0 5px;
    width:159px;
    height:40px;
    position:absolute;
    left:702px;
    top:33px;
    padding-left:44px;
    z-index:0;
}

#header #search #gobutton {
    vertical-align:bottom;
}

#masthead {
    height:50px;
    left:12px;
    position:absolute;
    top:22px;
    width:212px;
    z-index:100;
}

#masthead a#corpLink {
    position:absolute;
    top:0;
    left:0px;
    width:212px;
    height:50px;
}

#headerLinks #companyLink {
    background:url(../images/global_nav/header_company.gif?20071203) no-repeat top left;
    width:51px;
    height:9px;
    position:absolute;
    left:165px;
    top:17px;
}

#headerLinks #peopleLink {
    background:url(../images/global_nav/header_people.gif?20071203) no-repeat top left;
    width:39px;
    height:9px;
    position:absolute;
    left:165px;
    top:36px;
}

#headerLinks #buzzLink {
    background:url(../images/global_nav/header_buzz.gif?20071203) no-repeat top left;
    width:27px;
    height:9px;
    position:absolute;
    left:165px;
    top:55px;
}

/* -- MAIN NAVIGATION -- */
#main-nav {
    position:absolute;
    top:44px;
    left:282px;
    height:29px;
    width:540px;
    z-index:0;
    overflow:hidden;
}

#main-nav ul {
    list-style-type:none;
    margin:0pt;
    padding:0pt;
}

#main-nav li {
    float:left;
    margin:0pt;
    padding:0pt;
}

#main-nav a {
    display:block;
    height:31px;
}

#main-nav a.nav_products {
    background: url(../images/global_nav/btn_products.gif?20071203) no-repeat scroll 0pt -29px;
    width:108px;
}

#main-nav a.nav_demos {
    background: url(../images/global_nav/btn_learnmore.gif?20090404) no-repeat scroll 0pt -29px;
    width:108px;
}

#main-nav a.nav_learnmore {
    background: url(../images/global_nav/btn_learnmore.gif?20090404) no-repeat scroll 0pt -29px;
    width:108px;
}

#main-nav a.nav_testimonials {
    background: url(../images/global_nav/btn_testimonials.gif?20071203) no-repeat scroll 0pt -29px;
    width:108px;
}

#main-nav a.nav_resources {
    background: url(../images/global_nav/btn_resources.gif?20071203) no-repeat scroll 0pt -29px;
    width:108px;
}

#main-nav a.nav_about {
    background: url(../images/global_nav/btn_about.gif?20071203) no-repeat scroll 0pt -29px;
    width:108px;
}

#main-nav a.nav_products:hover, #main-nav a.nav_demos:hover, #main-nav a.nav_learnmore:hover, #main-nav a.nav_learnmore.on, #main-nav a.nav_testimonials:hover, #main-nav a.nav_resources:hover, #main-nav a.nav_about:hover, #main-nav a.nav_products.on, #main-nav a.nav_demos.on, #main-nav a.nav_testimonials.on, #main-nav a.nav_resources.on, #main-nav a.nav_about.on {
    background-position:0pt 0px;
}

span.layout-replace { /* Image Replacement */
    display: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/*   sub nav  */
#subnav {
    position:absolute;
    top:73px;
    left:253px;
    width:653px;
    height:27px;
    z-index:1;
}

#subnav.on {
    background:url(../images/global_nav/subnav_bg.gif?20071203) no-repeat top left;
    z-index:1;
}

.subnavList a.subnav, .subnavList a:hover, .subnavList a:visited {
    color:#666;
    text-decoration:none;
}

.subnavList ul {
    list-style-type:none;
    margin:0pt;
    padding:0pt;
}

.subnavList li {
    list-style-type:none;
    float:left;
    margin:0pt;
    border-width:0 1px 0 0;
    border-style:solid;
    border-color:#666;
}

.subnavList li.last {
    border:none;
}

.subnavList a, .subnavList a:hover {
    text-decoration:none;
    padding:0 15px 0 15px;
}

.subnavList a:hover  {
    text-decoration:none;
    background:url(../images/global_nav/carat.gif?20071203) no-repeat 7px 2px;
}

.subnavList li.on  {
    text-decoration:none;
    background:url(../images/global_nav/carat.gif?20071203) no-repeat 7px 4px;
}

.subnavList li.on a:hover  {
    text-decoration:none;
    background:none;
}

#subnav_products {
    margin-left:46px;
    padding-top:3px;
    height:26px;
}

#subnav_demos {
    margin-left:325px;
    padding-top:3px;
    height:26px;
}

#subnav_testimonials {
    margin-left:380px;
    padding-top:3px;
    height:26px;
}

#subnav_resources {
    margin-left:232px;
    padding-top:3px;
    height:26px;
}

#subnav_about  {
    margin-left:340px;
    padding-top:3px;
    height:26px;
}

#subnav_presskit, #subnav_legal  {
    margin-left:15px;
}

/* These are important in order to let the onmouseover work fine. Do not change the height. */
#subnav_presskit, #subnav_legal {
    height:26px;
    margin-left:376px;
}

#content {
    clear:both;
    width:870px;
    padding:0 0 40px 32px;
    position:relative;
    min-height:300px;
    height:auto;
}

/* min-height for Internet Explorer */
/*\*/
* html #content {
height: 300px;
}
/**/


#footer {
    background:url(../images/global_nav/footer_bg_no_subnav.gif?20071203) no-repeat top left;
    width:893px;
    height:58px;
    position:relative;
    margin-left:17px;
}

#footerSubnav {
    left: 2px;
    padding-top:3px;
    height: 21px;
    width: 890px;
    position:absolute;
    z-index:1;
    display: block;
    top:-20px;
}

#footerSubnav.on {
    background:url(../images/global_nav/footer_subnav_bg.gif?20071203) no-repeat top left;
    z-index:1;
}

#footerNav {
    position:absolute;
    top:3px;
    left:330px;
    height:29px;
    width:339px;
    z-index: 0;
}

#footerNav ul {
    list-style-type:none;
    margin:0pt;
    padding:0pt;
}

#footerNav li {
    float:left;
    margin:0pt;
    padding:0pt;
}

#footerNav a {
    display:block;
    height:29px;
}

#footerNav a.nav_blog {
    background: url(../images/global_nav/footer_blog.gif?20071203) no-repeat scroll 0pt -29px;
    width:108px;
}

#footerNav a.nav_presskit {
    background: url(../images/global_nav/footer_presskit.gif?20071203) no-repeat scroll 0pt -29px;
    width:108px;
}

#footerNav a.nav_legal {
    background: url(../images/global_nav/footer_legal.gif?20071203) no-repeat scroll 0pt -29px;
    width:108px;
}

#footerNav a.nav_contact {
    background: url(../images/global_nav/footer_contact.gif?20071203) no-repeat scroll 0pt -29px;
    width:110px;
}

#footerNav a.nav_blog:hover, #footerNav a.nav_presskit:hover, #footerNav a.nav_legal:hover, #footerNav a.nav_blog.on, #footerNav a.nav_presskit.on, #footerNav a.nav_legal.on, #footerNav a.nav_contact:hover {
    background-position:0pt 0px;
}

#footerCopyright {
    color:#666;
    margin:16px 0 10px 0;
}

.clear { clear:both; }

/* styles for content area */

.contentBody { width:843px;}

.contentBody p { margin-left:20px; position:relative; }

.tileAwning {
    background:url(../images/common_elements/bg_tile_awning.gif?20071203) no-repeat top left;
    width:628px;
    height:37px;
    font-size:129%;
    font-weight:bold;
    color:white;
    padding:7px 0 0 15px;
}

#content ul {
    margin:-5px 0 0 5px;
    padding:0;
    list-style-type:none;
}

#content ol {
    margin:0;
    padding:0;
}

#content .li {
    color:#000;
}

#printHeader { display:none; }



