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

* {margin:0; padding:0; border:0;}
html, body {width:100%; height:100%;}
body {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  background:#3d3b5e url(img/bgr.png) repeat-x scroll left top;
  color:#000;
  margin:0;padding:0;border:0;
  font-size:69%;
  line-height:1.25em;
  text-align:center;
  position:relative;
  }
textarea, input, select {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:1em;} 
legend {display:none}

a {color:#000; text-decoration:underline;}
a:hover {text-decoration:none;} 
hr {display:none;}

#container {width:920px; margin:0 auto; text-align:left;}
.left {float:left;}
.right {float:right;}
.hidden {display:none !important}

html>/**/body object {margin-bottom:-2px;}
#sub {background:#364a59 url(img/sub.gif) repeat-y scroll left top;}

/* HEADER
******************************************************************************************************/
#header h1 {float:left; font-size:1.54em; font-weight:normal;}
#header h1 a {position:relative; display:block; width:330px; height:98px; line-height:98px; overflow:hidden;}
#header h1 a span {position:absolute; left:0; top:0; display:block; width:330px; height:98px; background:transparent url(img/logo-monogram.gif) no-repeat scroll left top;}
#header h1 a:hover span {background-position:left bottom;}
#header p {float:right; padding-top:45px; color:#706e95;}
#header p select {width:9em; border:1px solid #7a8089; padding:1px; height:1.6em; margin-left:1em;}
#header p option {padding:1px;}

#header ul {clear:both; height:37px; background:#242338; list-style:none;}
#header li {float:left;}
#header li a {position:relative; display:block; height:37px; background:#252439; color:#65cae8; text-align:center; text-decoration:none; line-height:37px; overflow:hidden;}
#header li a:hover, #header li.selected a {color:#fff;}
#header li a span {position:absolute; left:0; top:0; display:block; height:37px; background-position:left top; cursor:pointer;}
#header li a:hover span, #header li.selected a span {background-position:left bottom;}

#header li a.home {width:102px;}
#header li a.solutions {width:102px;}
#header li a.applications {width:101px;}
#header li a.products {width:103px;}
#header li a.services {width:102px;}
#header li a.references {width:102px;}
#header li a.partner {width:122px;}
#header li a.support {width:83px;}
#header li a.company {width:102px;}
#header li a.contact {width:102px;}
#header li a.home span {width:102px; background-image:url(img/menu-home.gif);}
#header li a.solutions span {width:102px; background-image:url(img/menu-solutions.gif);}
#header li a.applications span {width:101px; background-image:url(img/menu-applications.gif);}
#header li a.products span {width:103px; background-image:url(img/menu-products.gif);}
#header li a.services span {width:102px; background-image:url(img/menu-services.gif);}
#header li a.references span {width:102px; background-image:url(img/menu-references.gif);}
#header li a.partner span {width:122px; background-image:url(img/menu-partner.gif);}
#header li a.support span {width:83px; background-image:url(img/menu-support.gif);}
#header li a.company span {width:102px; background-image:url(img/menu-company.gif);}
#header li a.contact span {width:102px; background-image:url(img/menu-contact.gif);}

/* BREADCRUMBS
******************************************************************************************************/
#breadcrumbs {width:715px; height:34px; overflow:hidden; background:#daf0f7 url(img/home-header.gif) repeat-x scroll left top;}
#breadcrumbs p {padding:10px 10px 0 34px; color:#889aab; background:transparent url(img/arrow2.gif) no-repeat scroll 24px 14px;}
#breadcrumbs span {color:#9795bc; padding:0 3px;}
#breadcrumbs a {color:#2a257e; text-decoration:none;}
#breadcrumbs a:hover {text-decoration:underline;}

/* MAIN
******************************************************************************************************/
#main {float:left; width:510px; padding:15px 23px 0; color:#666; line-height:1.4em; background:#fff; position:relative;}
*>#main {float:left; width:464px;}
html>/**/body #main {line-height:1.35em;}
#main h2 {color:#2a257e; font-size:1.54em; font-weight:normal;}
#main h3 {color:#2a257e; font-size:1em; font-weight:bold; margin:2em 0 1em;}
#main h4 {font-size:1em; font-weight:bold; margin:2em 0 1em;}
#main h5 {font-size:1em; color:#999; font-weight:bold; margin:2em 0 1em;}
#main h6 {font-size:1em; color:#999; font-weight:normal; margin:2em 0 1em;}
#main p {margin:1em 0 1.5em; text-align:justify;}
#main ul {margin:1em 0 1.5em; padding-left:30px; list-style:square;}

#main p, #main ul {font-size:110%}

#main .box {border-top:1px solid #d6d4ff; margin:0 -23px; padding:5px 23px; background:#fff url(img/main-box.gif) repeat-x scroll left bottom;}
#main .box h3 {margin:0.1em 0; font-size:1.09em; margin-left:-13px; padding-left:13px; background:transparent url(img/arrow-expanded.gif) no-repeat scroll left 5px;}
#main  h3.collapsed {background:transparent url(img/arrow-collapsed.gif) no-repeat scroll 1px 4px;}
#main .box p {margin:0.5em 0 1em;}
#main .box h3 small {font-size:1em; font-weight:normal;}

#main .reference {border-top:1px solid #d6d4ff; margin:0 -23px; padding:15px 23px 1px 10px; background:#fff url(img/main-box.gif) repeat-x scroll left bottom; line-height:1.3em; height:180px; min-height:165px;}
*>#main .reference {height:auto;}
#main .reference img {float:left; margin-right:12px;}
#main .reference small {color:#807e9a; font-size:0.91em;}
#main .reference h3 {font-size:1.09em; margin:0;}
#main .reference p {margin:0.5em 0;}
#main .reference p a.button {color:#fff; margin-top:4px; font-weight:bold; font-size:0.82em; background:transparent url(img/input-submit2.gif) no-repeat scroll left top; width:105px; padding:3px 10px; display:block; text-decoration:none; float:left;}
*>#main .reference p a.button {width:85px;}
#main .reference p a.button:hover {color:#000;}

#main label {display:block; margin-bottom:2px;}
#main input {border:1px solid #c6cfd1; color:#000; width:220px; padding:4px 5px; height:23px;}
*>#main input {width:210px; height:auto;}
#main textarea {border:1px solid #c6cfd1; color:#000; width:220px; padding:4px 5px; height:129px; overflow:auto;}
*>#main textarea {width:210px; height:119px;}
html>/**/body #main textarea {height:114px;}
#main select {border:1px solid #c6cfd1; color:#000; width:222px; height:1.7em; padding:1px; margin:1px 0 5px;}
html>/**/body #main select {margin-bottom:1px;}
#main option {padding:2px;}

#main fieldset.box {width:510px;}
*>#main fieldset.box {width:464px;}
#main fieldset div.left {float:left;}
#main fieldset div.right {float:right;}

#main .submit {text-align:right;}
#main .submit input {color:#fff; border:0; background:#00a4e1 url(img/input-submit2.gif) no-repeat scroll left top; width:105px; text-align:left; font-weight:bold; padding-left:9px; height:20px; font-size:0.82em; margin-bottom:0px; padding-top:5px; cursor:pointer;}
#main .submit input {padding-top:3px; margin-bottom:2px;}
#main .submit input:hover {color:#000;}
#main .actual_input {border:1px solid #2A257E;}
#main .toggler {cursor:pointer}
#main .toggler a {color:#2a257e; text-decoration:none}
#main p.bodytext img {float:right}
#main .contenttable p {margin:0; padding:0 5px}
#main .contenttable {border:1px solid #D6D4FF; width:100%; margin-bottom:15px;}
#main .contenttable thead td {background-color:#D6D4FF; font-weight:bold; color:#2A257E;}

#main .error {padding:0px 0px 7px 13px; color:red;}
#main .success {padding:15px 0px 7px 0px;}

/* ASIDE
******************************************************************************************************/
#aside {float:left; width:204px; margin-right:1px;}
#aside ul {background:#2e2c50; padding:5px 0; list-style:none;}
#aside ul ul {padding:0;}
#aside ul li {background:#2e2c50 url(img/submenu-bottom.gif) no-repeat scroll left bottom;}
#aside ul li.selected {background:#25233f;}
#aside ul li.selected a {color:#fff; font-weight:bold;}
#aside ul li.selected li a {font-weight:normal;}
#aside ul ul li.selected a {font-weight:700}
#aside ul a {display:block; width:204px; padding:3px 10px 5px 36px; color:#b2aef0; text-decoration:none; background:transparent url(img/arrow-blue.gif) no-repeat scroll 25px 7px;}
*>#aside ul a {width:158px;}
#aside ul a:hover {color:#fff;}
#aside ul li.selected a:hover {text-decoration:underline;}
#aside ul ul li {background:#25233f; border-top:1px solid #302e53;}
#aside ul ul a {background:transparent url(img/arrow-blue-small.gif) no-repeat scroll 36px 8px; padding:3px 10px 4px 51px;}

#topproducts h2 {width:204px; height:34px; line-height:34px; overflow:hidden; padding:0 10px; position:relative; font-size:1.54em; font-weight:normal; color:#0091c7;}
*>#topproducts h2 {width:184px;}
#topproducts h2 span {width:204px; height:34px; position:absolute; left:0; top:0; display:block; background:transparent url(img/top-products.gif);}
#topproducts dl {background:#fff url(img/aside-fade.gif) repeat-x scroll left bottom;}
#topproducts dt {color:#454371; font-size:1.09em; padding:10px 15px 15px 46px;}
#topproducts dt a {color:#454371; text-decoration:none; font-weight:bold;}
#topproducts dt a:hover {text-decoration:underline;}
#topproducts dd {color:#8885be; font-size:0.82em; padding:0 15px 10px 46px; margin-top:-15px;}
#topproducts dd strong {color:#8c8aa8; font-weight:normal; font-size:1.23em; margin:10px 0 0; display:block;}

#topproducts .codec dt {background:transparent url(img/product-codec.gif) no-repeat scroll 12px 11px;}
#topproducts .encoding dt {background:transparent url(img/product-encoding.gif) no-repeat scroll 12px 11px;}
#topproducts .streaming dt {background:transparent url(img/product-streaming.gif) no-repeat scroll 12px 11px;}
#topproducts .player dt {background:transparent url(img/product-player.gif) no-repeat scroll 12px 11px;}
#topproducts a.button {background:transparent url(img/button3.gif) no-repeat scroll left top; width:80px; padding:3px 10px 10px; display:block; text-decoration:none; font-weight:bold; color:#fff;}
*>#topproducts a.button {width:60px;}
#topproducts a.button:hover {color:#000;}

#aside .references h2 {position:relative; height:34px; line-height:34px; overflow:hidden; color:#fff; font-size:1.54em; font-weight:normal; padding:0 10px 0 20px; margin-bottom:-1px; width:204px;}
*>#aside .references h2 {width:174px;}
#aside .references h2 span {width:204px; background-image:url(img/subhome-references.gif); position:absolute; left:0; top:0; display:block; height:34px;}
#aside .references p {padding:12px 19px; border-top:1px solid #504e6e; clear:both; color:#afacdf;}
*>#aside .referencese p {overflow:hidden; clear:none;}
html>/**/body  #aside .references p {overflow:visible; clear:both;}
#aside .references p img {margin-right:15px; margin-bottom:5px;}
#aside .references a {color:#fff; font-weight:bold;}
#aside .references a.button {font-size:0.82em; background:transparent url(img/button.gif) no-repeat scroll left top; width:105px; padding:3px 10px; display:block; text-decoration:none; margin-left:40px;}
*>#aside .references a.button {width:85px;}
#aside .references a.button:hover {color:#000;}
#aside .references strong {font-weight:normal; color:#fff;}

/* BSIDE
******************************************************************************************************/
#bside {float:left; width:204px; margin-left:1px; margin-top:-34px;}

#bside .related {float:right; width:204px; background:#fff;}
#bside .related h2 {position:relative; height:34px; line-height:34px; color:#1d97bb; font-size:1.54em; font-weight:normal; padding-left:20px; overflow:hidden;}
#bside .related h2 span {position:absolute; left:0; top:0; width:204px; height:34px; background:transparent url(img/related-info.gif) no-repeat scroll left top;}
#bside .related ul {padding:5px 0 0; list-style:none;}
#bside .related a {border-bottom:1px solid #efeeff; display:block; width:204px; text-decoration:none; padding:3px 15px 3px 24px; color:#2a257e; background:#fff url(img/arrow-blue.gif) no-repeat scroll 13px 6px;}
*>#bside .related a {width:165px;}
#bside .related a:hover {background-color:#f8f8ff;}

#bside .newsletter {float:right; width:204px; background:#fff;}
#bside .newsletter h2 {position:relative; height:34px; line-height:34px; color:#1d97bb; font-size:1.54em; font-weight:normal; padding-left:20px; overflow:hidden;}
#bside .newsletter h2 span {position:absolute; left:0; top:0; width:204px; height:34px; background:transparent url(img/home-newsletter.gif) no-repeat scroll left top;}
#bside .newsletter fieldset {padding:11px 16px;}
#bside .newsletter input {display:block; background:#bfe3ed url(img/input-text.gif) no-repeat scroll left top; width:151px; padding:3px 9px 4px; margin-bottom:5px; height:20px;}
*>#bside .newsletter input {height:auto;}
#bside .newsletter input.submit {color:#fff; background:#339cba url(img/input-submit.gif) no-repeat scroll left top; width:105px; text-align:left; font-weight:bold; padding-left:9px; height:20px; font-size:0.82em; margin-bottom:0px; padding-top:5px; cursor:pointer;}
html>/**/body #bside .newsletter input.submit {padding-top:2px; margin-bottom:2px;}
#bside .newsletter input.submit:hover {color:#000;}
.newsletter label {display:none}
.newsletter .loading {margin:10px 0 0; padding:20px 0 0; background:url(img/spinner.gif) no-repeat center;}
.newsletter .ok {padding:10px 16px 0; color:#004059}
.newsletter .error {padding:10px 16px 0; color:red}

#bside .news {float:right; width:204px;}
#bside .news h2 {position:relative; height:33px; line-height:33px; color:#1d97bb; font-size:1.54em; font-weight:normal; padding-left:20px; overflow:hidden;}
#bside .news h2 span {position:absolute; left:0; top:0; width:204px; height:33px; background:transparent url(img/home-news.gif) no-repeat scroll left top;}
#bside .news ol {list-style:none; background:#fff url(img/home-right.gif) repeat-x scroll left bottom;}
#bside .news li {background:transparent url(img/arrow-blue.gif) no-repeat scroll 14px 14px; padding:9px 15px 8px 25px; border-top:1px solid #d0e6ed; margin-top:-1px;}
html>/**/body #bside .news li {padding-top:10px;}
#bside .news li h3 {font-size:1em; margin-bottom:0.1em; color:#6e6ba9;}
#bside .news li p {font-size:0.82em; color:#8c8aa8;}

#bside .blog {clear:both;}
#bside .blog h2 {position:relative; height:34px; line-height:34px; overflow:hidden; color:#fff; font-size:1.54em; font-weight:normal; padding:0 10px 0 20px; margin-bottom:-1px; width:204px;}
*>#bside .blog h2 {width:174px;}
#bside .blog h2 span {width:204px; background-image:url(img/subhome-blogposts.gif); position:absolute; left:0; top:0; display:block; height:34px;}
#bside .blog ul {list-style:none;}
#bside .blog ul a {font-weight:normal; text-decoration:none; color:#fff;}
#bside .blog ul a:hover {text-decoration:underline;}
#bside .blog li {padding:8px 19px 8px 25px; border-top:1px solid #504e6e; background:transparent url(img/arrow-blue.gif) no-repeat scroll 14px 12px;}
#bside .blog small {color:#afacdf; font-size:0.82em;}


/* HOME
******************************************************************************************************/
#home {background:#fff; height:372px; min-height:372px;}
*>#home {height:auto;}
#home .products {background:#daf0f7 url(img/home-header.gif) repeat-x scroll left top; width:715px; float:left;}
#home .products h2 {float:left; position:relative; display:block; width:300px; height:34px; line-height:34px; color:#1d97bb; font-size:1.54em; font-weight:normal; padding-left:20px; overflow:hidden;}
#home .products h2 span {position:absolute; left:0; top:0; display:block; width:300px; padding-left:20px; height:34px; background:transparent url(img/home-header-products.gif) no-repeat scroll left top;}
#home .products p {float:right; padding-right:20px;}
#home .products p a, #home .products p strong {font-weight:bold; display:block; height:19px; line-height:19px; width:27px; text-align:center; position:relative; color:#1d97bb; float:left; margin-top:9px; overflow:hidden; margin-left:3px;} 
#home .products p a {color:#000; cursor:pointer;}
#home .products p a span, #home .products p strong span {display:block; height:19px; line-height:19px; width:27px; position:absolute; left:0; top:0; background-image:url(img/home-header-btn.gif);}
#home .products p a.prev  span {background-position:left top;}
#home .products p a.prev:hover  span {background-position:left bottom;}
#home .products p strong.prev  span {background-position:left -19px;}
#home .products p a.next  span {background-position:right top;}
#home .products p a.next:hover  span {background-position:right bottom;}
#home .products p strong.next  span {background-position:right -19px;}

#home .products #flash_div {width:715px; height:338px; background-color:#DAF0F7; clear:both; overflow: hidden; position: relative;}
#home .products #flash_div .inner {position:absolute; top:50%; left:50%}
#home .products #flash_div p {position: relative; top:-50%; left:-50%; height:50px; width:400px; text-align:center; margin:0; padding:0}
#home .products #flash_div p a {font-weight:strong; float:none; display:inline}


/* HOME newsletter
******************************************************************************************************/
#home .newsletter {float:right; width:204px;}
#home .newsletter h2 {position:relative; height:34px; line-height:34px; color:#1d97bb; font-size:1.54em; font-weight:normal; padding-left:20px; overflow:hidden;}
#home .newsletter h2 span {position:absolute; left:0; top:0; width:204px; height:34px; background:transparent url(img/home-newsletter.gif) no-repeat scroll left top;}
#home .newsletter fieldset {padding:11px 16px;}
#home .newsletter input {display:block; background:#bfe3ed url(img/input-text.gif) no-repeat scroll left top; width:151px; padding:3px 9px 4px; margin-bottom:5px; height:20px;}
*>#home .newsletter input {height:auto;}
#home .newsletter input.submit {color:#fff; background:#339cba url(img/input-submit.gif) no-repeat scroll left top; width:105px; text-align:left; font-weight:bold; padding-left:9px; height:20px; font-size:0.82em; margin-bottom:0px; padding-top:5px; cursor:pointer;}
html>/**/body #home .newsletter input.submit {padding-top:3px; margin-bottom:2px;}
#home .newsletter input.submit:hover {color:#000;}

/* HOME newsletter
******************************************************************************************************/
#home .news {float:right; width:204px;}
#home .news h2 {position:relative; height:33px; line-height:33px; color:#1d97bb; font-size:1.54em; font-weight:normal; padding-left:20px; overflow:hidden;}
#home .news h2 span {position:absolute; left:0; top:0; width:204px; height:33px; background:transparent url(img/home-news.gif) no-repeat scroll left top;}
#home .news ol {list-style:none; background:#fff url(img/home-right.gif) repeat-x scroll left bottom;}
#home .news li {background:transparent url(img/arrow-blue.gif) no-repeat scroll 14px 14px; padding:9px 15px 8px 25px; border-top:1px solid #d0e6ed; margin-top:-1px;}
html>/**/body #home .news li {padding-top:10px;}
#home .news li h3 {font-size:1em; margin-bottom:0.1em; color:#6e6ba9;}
#home .news li p {font-size:0.82em; color:#8c8aa8;}

/* SUBHOME
******************************************************************************************************/
#subhome {clear:both; background:#3d3b5e url(img/subhome.gif) repeat-y scroll left top; width:920px; color:#afacdf;}
#subhome .references {float:left; width:204px; overflow:hidden;}
#subhome .latest {float:left; width:256px; overflow:hidden;}
#subhome .testimonials {float:left; width:256px; overflow:hidden;}
#subhome .blog {float:left; width:204px; overflow:hidden;}
#subhome h2 {position:relative; height:34px; line-height:34px; overflow:hidden; color:#fff; font-size:1.54em; font-weight:normal; padding:0 10px 0 20px; margin-bottom:-1px;}
#subhome h2 span {position:absolute; left:0; top:0; display:block; height:34px;}
#subhome strong {font-weight:normal; color:#fff;}
#subhome p {padding:12px 19px; border-top:1px solid #504e6e; clear:both;}
*>#subhome p {overflow:hidden; clear:none;}
html>/**/body  #subhome p {overflow:visible; clear:both;}
#subhome p img {margin-right:15px; margin-bottom:5px;}
#subhome a {color:#fff; font-weight:bold;}
#subhome a.button {font-size:0.82em; background:transparent url(img/button.gif) no-repeat scroll left top; width:105px; padding:3px 10px; display:block; text-decoration:none; margin-left:40px;}
*>#subhome a.button {width:85px;}
#subhome a.button:hover {color:#000;}
#subhome em {font-weight:bold; font-style:normal;}
#subhome .alt {padding-left:60px; display:block;}
#subhome .clear {clear:both}
#subhome .wrapper {position:relative; overflow:hidden; width: 252px}
#subhome .wrapper .inner {width:1500px; height:190px; position:relative}
#subhome .inner-item1{position:absolute; width:245px; top:0; left:0}
#subhome .inner-item2{position:absolute; width:245px; top:0; left:245px}
#subhome .inner-item3{position:absolute; width:245px; top:0; left:490px}
#subhome .inner-item4{position:absolute; width:245px; top:0; left:735px}
#subhome .inner-item5{position:absolute; width:245px; top:0; left:980px}
#subhome .inner-item6{position:absolute; width:245px; top:0; left:1225px}

#subhome ul {list-style:none;}
#subhome ul a {font-weight:normal; text-decoration:none;}
#subhome ul a:hover {text-decoration:underline;}
#subhome li {padding:8px 19px 8px 25px; border-top:1px solid #504e6e; background:transparent url(img/arrow-blue.gif) no-repeat scroll 14px 12px;}
#subhome small {color:#afacdf; font-size:0.82em;}

#subhome .references h2 {width:204px;}
#subhome .latest h2 {width:256px;}
#subhome .testimonials h2 {width:256px;}
#subhome .blog h2 {width:204px;}
*>#subhome .references h2 {width:174px;}
*>#subhome .latest h2 {width:226px;}
*>#subhome .testimonials h2 {width:226px;}
*>#subhome .blog h2 {width:174px;}
#subhome .references h2 span {width:204px; background-image:url(img/subhome-references.gif);}
#subhome .latest h2 span {width:256px; background-image:url(img/subhome-latest.gif);}
#subhome .testimonials h2 span {width:256px; background-image:url(img/subhome-testimonials.gif);}
#subhome .blog h2 span {width:204px; background-image:url(img/subhome-blogposts.gif);}

#subhome h2 a, #subhome h2 strong {font-weight:bold; display:block; height:17px; line-height:17px; width:20px; text-align:center; position:absolute; color:#90a2af; overflow:hidden; top:10px; background-image:url(img/button2.gif); background-color:#aec0c9;} 
#subhome h2 a {color:#fff; cursor:pointer;}
#subhome h2 strong.prev {right:41px;}
#subhome h2 a.prev-disable {right:41px;}
#subhome h2 a.prev {background-position:left top; right:41px;}
#subhome h2 a.prev:hover {background-position:left -34px; background-color:#fff;}
#subhome h2 a.prev-disable {background-position:left -17px;}
#subhome h2 strong.next {right:20px;}
#subhome h2 a.next-disable {right:20px;}
#subhome h2 a.next {background-position:right top; right:20px;}
#subhome h2 a.next:hover {background-position:right -34px; background-color:#fff;}
#subhome h2 a.next-disable {background-position:right -17px;}

/* FOOTER
******************************************************************************************************/
#footer {clear:both; background:#242338 url(img/footer.gif) no-repeat scroll left bottom; padding:12px 25px 25px; color:#b0b0b0; font-size:0.82em; position:relative;}
html>/**/body #footer {padding-top:25px;}
#footer p {padding:0; border:0; margin:0;}
#footer a {color:#9d98ec; text-decoration:none; font-weight:normal;}
#footer a:hover {text-decoration:underline;}
#footer a.monogram {float:right; display:block; width:163px; height:19px; overflow:hidden; position:relative;}
#footer a.monogram span {position:absolute; left:0; top:0; display:block; width:163px; height:19px; background:transparent url(img/logo-footer.gif) no-repeat scroll left top; cursor:pointer;}
#footer a.monogram:hover span {background-position:left bottom;}


#contact_form {clear:both}