body {margin: 0; padding: 0; background: #e0e0e0; color: #333; font: 12px/160% "Helvetica Neue", Arial, "Bitstream Vera Sans", sans-serif; text-align: center}
* {margin: 0; padding: 0;}
  #nav-main {float: right; width: auto; height: 25px; margin: 47px 0 0; padding: 0}
#nav-main li, #nav-main a {height: 25px; display: block; outline: none;}
#nav-main li {float: left; list-style: none; display: inline;}
#nav-home {width: 59px; text-indent: -99999px;}
#nav-prod-serv {width: 183px; text-indent: -99999px;}
#nav-cases {width: 127px; text-indent: -99999px;}
#nav-news {width: 71px; text-indent: -99999px;}
#nav-faq {width: 59px; text-indent: -99999px;}
#nav-cont {width: 73px; text-indent: -99999px;}
#nav-home a, #nav-prod-serv a, #nav-cases a, #nav-news a, #nav-faq a, #nav-cont a {background: url(../images/nav-sprite.gif) no-repeat}
#nav-prod-serv a {background-position: -59px 0;}
#nav-cases a {background-position: -242px 0;}
#nav-news a {background-position: -369px 0;}
#nav-faq a {background-position: -440px 0;}
#nav-cont a {background-position: -500px 0;}
#nav-home a:hover, #nav-prod-serv a:hover, #nav-cases a:hover, #nav-news a:hover, #nav-faq a:hover, #nav-cont a:hover {background: url(../images/nav-sprite.gif) 0 -25px no-repeat}
#nav-prod-serv a:hover {background-position: -59px -25px;}
#nav-cases a:hover {background-position: -242px -25px;}
#nav-news a:hover {background-position: -369px -25px;}
#nav-faq a:hover {background-position: -440px -25px;}
#nav-cont a:hover {background-position: -500px -25px;}
#nav-home .active, #nav-home a:hover.active {background: url(../images/nav-sprite.gif) 0 -50px no-repeat}
#nav-prod-serv .active, #nav-prod-serv a:hover.active {background: url(../images/nav-sprite.gif) -59px -50px no-repeat}
#nav-cases .active, #nav-cases a:hover.active {background: url(../images/nav-sprite.gif) -242px -50px no-repeat}
#nav-news .active, #nav-news a:hover.active {background: url(../images/nav-sprite.gif) -369px -50px no-repeat}
#nav-faq .active, #nav-faq a:hover.active {background: url(../images/nav-sprite.gif) -440px -50px no-repeat}
#nav-cont .active, #nav-cont a:hover.active {background: url(../images/nav-sprite.gif) -500px -50px no-repeat}
 #nav-section, #nav-contact {list-style: none; display: inline; float: left; margin: 0}
#nav-section li, #nav-contact li {display: inline; margin: 0 6px;}
#nav-contact {float: right; text-align:right}
#nav-section a, #nav-contact a {float: left; padding: 10px 7px; font-weight: normal}
#nav-contact a {padding: 10px 0; margin-left: 14px; text-align:right; float:right}
#nav-contact img {float:right;margin-top:10px; margin-left:10px}

#nav-section .active a, #nav-contact .active a {background: #fff; border: 1px solid #c7c7c7; border-width: 0 1px}
 #nav-products {list-style: none; display: inline; float: left; width: 940px; margin: 0 0 0 20px}
#nav-products li {display: inline; margin: 0; padding: 0}
#nav-products li a {display: block; float: left; border-bottom: 1px solid #d6d6d6; width: 205px; margin: 0; padding: 5px 15px 20px 15px; background: url(../images/nav-products-tab.gif) left bottom no-repeat; color: #555; font-weight: normal; font-size: 11px; line-height: 130%; outline: none}
#nav-products li a:hover {background-position: 0 -182px; text-decoration: none}
#nav-products li.current a, #nav-products li.current a:hover {background-position: 0 -61px; border-bottom: none}
#nav-products li a span {display: block; margin-bottom: 5px; color: #387f9e; font-size: 13px; font-weight: bold}
#nav-products li a:hover span {color: #80bbd8;}
.product-areas-5 li a {width: 158px !important;}
 #nav-products-sub {padding: 0 0 0 30px; margin: 0;}
#nav-products-sub > li {margin: 10px 0 0;}
.dropdown li {margin: 0; width: auto; padding: 6px 11px; float: left; position: relative; list-style: none; color: #387F9E; font-weight: bold; white-space: nowrap}
.dropdown li:hover, .dropdown li.active {border: 1px solid #ccc; padding: 5px 10px; background: white}
.dropdown li ul {display: none; position: absolute; top: 100%; left: -1px; min-width: 100%}
.dropdown li:hover ul, .dropdown li.active ul {display: block}
.dropdown li:hover ul li, .dropdown li.active ul li {padding: 0; z-index: 1000}
.dropdown li ul li {float: none; border: 1px solid #ccc; font-size: 11px; margin-bottom: -1px; margin-right: -2px; padding: 0; background: white}
.dropdown li ul li a {padding: 1px 10px; display: block}
 #nav-product-group {list-style: none; clear: both; float: left; margin: 30px 0 0}
#nav-product-group li {float: left; width: 240px;}
#nav-product-group li.left {clear: left}
#nav-product-group h3 {margin-left: 20px; padding-bottom: 1em; font-size: 14px}
#nav-product-group img {margin-left: 20px;}
#nav-product-group ul {list-style: none; float: left; margin: 0;}
#nav-product-group ul li {float: left; width: 100px; margin-left: 20px; border-bottom: 1px solid #ddd}
#nav-product-group li a {display: block; padding: 4px;}
#nav-product-group li a:hover {text-decoration: none; background: #f1f1f1;}

#nav-footer {display: inline; list-style: none; float: left; padding-top: 20px; margin-left: -15px}
#nav-footer li {display: inline; margin: 0 20px 0 0; padding: 0 0 0 15px; line-height: 170%}
#nav-footer li.first {margin-left: -10px; border-left:none;}
#nav-footer li.last {margin-right: 0;}
#nav-footer li ul {display: inline; list-style: none;}
#nav-footer li ul li {border: none; margin: 0; border-left: 1px solid #ccc; padding-right:15px;}

  .wrapper {width: 980px; margin: 0 auto; padding: 0; text-align: left;}
#page {float: left; width: 99.9%; background: #efefef url(../images/bg-page.gif) left top repeat-x; text-shadow: 0 1px 1px #fff;margin:0;padding:0;}
 #top-bar {display: inline; float: left; width: 100%; margin: 0 auto; background: #f2f2f2 url(../images/bg-top-bar.gif) bottom left repeat-x; color: #666; font-size: 12px}
#top-bar .wrapper {width: 940px;}
#top-bar .search {float: right; margin: 10px 0 0;}
#top-bar .search form {display: inline; width: 150px;}
#top-bar .search input#search {float: left; width: 120px; margin-right: 5px;}
#top-bar .search input.magnifier {float: right;}
#top-bar p {display: inline; float: left; margin: 10px 10px 10px 0;}
 #header {float: left; width: 100%; margin-bottom: 20px;}
#header .wrapper {width: 940px;}
#header input.textfield {display: inline; width: 160px; margin: 1px 10px 0 0; font-size: 11px}
#header fieldset {border: none;}

#logo {display: inline; float: left; margin: 30px 0 0 0; width: 280px; color: #fff}
#logo span, #logo a {display: block; width: 280px; height: 54px; border: none}
#logo span, #logo a {background: url(../images/logo.gif) no-repeat; text-indent: -99999px; outline: none}
#logo img {display: block; width: 0; border: none;}

#tel {display: inline; float: right; margin: 45px 0 0 0; width: 201px; color: #fff}

 #content {float: left; width: 100%; padding-bottom: 20px;}
.cols-four {display: inline; float: left; width: 300px; margin: 0 0 30px 20px}
.cols-five {display: inline; float: left; width: 380px; margin: 0 0 30px 20px}
.cols-six {display: inline; float: left; width: 460px; margin: 0 0 30px 20px}
.cols-seven {display: inline; float: left; width: 540px; margin: 0 0 30px 20px}
.cols-eight {display: inline; float: left; width: 620px; margin: 0 0 30px 20px}
.full {display: inline; float: left; width: 940px; margin: 0 20px}
.margin {margin-left: 20px;}
 #splash {float: left; width: 950px; height: 330px; margin: 0 5px; padding: 5px; background: url(../images/splash-shadow.png) left top no-repeat}
 
 
#sections {float: left; position: relative; display: inline; width: 948px; margin: 15px 0 30px 16px; background: url(../images/sectionbox-top.png) left top no-repeat; font-size: 12px}
#sections ul {list-style: none; margin: 0; padding: 0; float: left; width: 948px; background: url(../images/sectionbox-bottom.png) left bottom no-repeat}
#sections ul li {float: left; width: 275px; padding: 10px 15px 45px 20px}
#sections h2 a {display: block; width: 275px; height: 47px; color: #333; font-weight: normal; text-decoration: none; display: block; outline: none}
#sections a {color: #333; font-weight: normal; text-decoration: none}
#sections a:hover {color: #187b9f}
#sections p {font-size: 12px;}
#sections .more {position: absolute; bottom: 0; margin: 9px 0 7px; padding-bottom: 15px; background: none; text-align: center;}
#sections .more span {display: inline; background: url(../images/btn-find-out.gif) center no-repeat; padding: 20px;}
#sections .more a {color:#FFF; text-shadow:none; text-align: center; font-size: 12px}
#sections #more-broadcast {left: 0px; color:#FFF; text-shadow:none; text-align:left}
#sections #more-display {left: 312px; color:#FFF; text-shadow:none; text-align:left}
#sections #more-event {left: 620px; color:#FFF; text-shadow:none; text-align:left}

#cases {margin-top: 12px;}
.case, .product {float: left; width:620px; padding: 0 20px 10px 0; font-size: 12px;}
.case {padding: 10px 0;}
.case .photo-shadow {margin-right: 20px;}
.case p, .product p {margin: 0;}
.case h3 a {color: #333 !important;}

.product .product-area {float: left; width: 260px;}

#contact-general {float: right; width: 350px; margin-left: 60px; font-size: 12px}
#contact-general .vcard#division_3 {clear: left;}
#contact-general .vcard .morelink {margin-top: 10px;}

div.vcard {display: inline; float: left; width: 220px; margin: 0 0 0 20px; padding-bottom: 30px}
div.vcard .org {font-size: 120%;}
div.vcard .organization-name {font-weight: bold;}
div.vcard select {font-size: 10px;}
.adr {margin-bottom: 10px;}

#find-employee {float: right; margin: 0 0 20px; width: 460px;}
#limit p {display: inline; float: left; margin-right: 20px;}
#limit select {font-size: 11px; width: 165px; margin-bottom: 0;}

#employee-name {float: left; clear: both;}
#employee-name input.text {width: 340px; margin-right: 20px;}
#employee-name button {vertical-align: top;}

#intro-panel p{float: left; display: inline; width: 278px; overflow: hidden; position: relative; font-size:14px; z-index:0}
#intro-panel{float: left; border: #e3e3e3 solid 1px; display: inline; width: 278px; height: 228px; margin-left: 20px; list-style: none; overflow: hidden; position: relative; background: url(../images/intro-panel-bg.png) left top repeat-x #ececec; padding:15px; z-index:-2px}


#intro-desc {font-size: 14px; line-height: 160%; padding-right: 20px}
#intro-desc h3 {margin: 0 0 1em; padding: 1em 0 0;}

#products-display, #products-display-five {list-style: none; display: inline; float: left; margin: 15px 10px 30px; font-size: 12px}
#products-display li, #products-display-five li {display: inline; float: left; width: 220px; margin: 0 10px}
#products-display-five li {width: 172px;}
#products-display h3, #products-display-five h3 {font-size: 14px}
#products-display img, #products-display-five img {float: left; margin: 10px 15px 10px 0}

#frm-ddvb2 {float: left; clear: both; margin: 0 0 20px;}
#frm-ddvb2 div {float: left;}
#frm-ddvb2 .book {float: left; width: 460px;}
#frm-ddvb2 .submit {margin-top: 21px;}
#frm-ddvb2 input {width: 160px; margin: 0 15px 7px 0; padding: 4px 2px; color: #333; background: #fff; font-size: 11px}

#news dt {float: left !important; width: 50px; margin-top: 5px; clear: both; background: none}
#news dd {margin: 0 0 0 50px; padding: 2px 0; font-size: 12px}
#news h3 {margin: 0 0 0.2em; font-size: 13px; font-weight: bold; text-transform: none; line-height: 140%}
#news h3 a {color: #333;}
#home #news dd {padding-right: 20px;}

.date {display: block; float: left; margin: 8px 0 0; padding: 0 0 2px; color: #444; text-align: center}
.date .pub-month {display: block; margin: 0; padding: 0; color: #444; font-size: 12px; text-transform: uppercase}
.date .pub-date {display: block; font-size: 22px; font-weight: bold;}

.case {float: left; padding: 10px 0; font-size: 12px;}
.case .photo-shadow {margin-right: 20px;}
.case p {margin: 0;}
.case h3 a {font-size: 13px; color: #333 !important}

#questions {display: inline; float: left; clear: both; width: 940px; margin: 0 20px 20px; font-size: 12px}
#questions p {float: left; width: 220px;}
#questions ul {list-style: none;}
#questions li {display: block; float: left; margin-left: 20px; width: 220px;}
#questions dt {font-weight: bold; margin-bottom: 0.5em;}
#questions p.view-all {width: 940px; margin-top: 20px;}

#productgroup-intro {clear: left; display: inline; float: left; margin: 20px 0 20px 20px; width: 620px; font-size: 14px; line-height: 160%}
.contact-details {float: left; width: 280px; margin: 55px 0 0 40px}
#product-../images {clear: left; float: left; width: 480px; margin: 0 0 30px 0}
#product-../images img {float: left; margin: 30px 0 0 20px; padding: 2px; background: #fff; border: 1px solid #cacaca}
#product-../images img.big {float: left; margin: 24px 0 0 20px;}

#sheet {float: right; width: 250px; text-align: right}
#sheet p {float: right; margin: 15px 8px 0 0;}
#sheet img {float: right; margin: -14px 14px 0 0; z-index: 1001}

#product-intro {float: right; width: 460px; margin: 20px 0 10px 20px; font-size: 14px; line-height: 160%}
#product-intro h2, #product-intro h3 {margin: 0 0 0.3em; color: #565656; font-size: 28px; font-weight: bold; font-family: "Helvetica Neue", Arial, sans-serif}
#product-intro h3 {margin: 0 0 1.5em; font-size: 15px;}

#contact-person {float: right; width: 460px; margin: 0 0 0 20px; background: url(../images/contact-box.gif) top left no-repeat}
#contact-person p {float: left; width: 320px; margin: 0; padding: 20px 10px 20px 20px; color: #fff; text-shadow: none; font-size: 12px; font-style: italic; font-family: Candara, Georgia, "Times New Roman", serif; line-height: 150%}
#contact-person a {color: #fff;}
#contact-person img {float: right; margin: 5px 6px 15px 0;}

#related {clear: both; float: left; width: 400px; margin: 0 0 10px 20px}
#related p {float: left; margin: 0; padding-right: 18px; background: url(../images/arrow-down.gif) right center no-repeat}
#related-products {display: inline; float: left; width: 940px; margin: 0 20px 30px; background: url(../images/bg-relatedproducts.png) top left no-repeat; border-top: 1px solid #ccc}
#related-products .scroll {float: left; margin: 35px 22px 0;}
#related-products .product {display: inline; float: left; width: 220px; margin: 25px 0 0}
#related-products ul {margin: 0; padding: 0;}
#related-products .product a {color: #333; font-weight: normal; text-decoration: none;}
#related-products .product img {float: left; margin-right: 20px; padding: 3px; background: #fff; border: 1px solid #ccc}
#related-products .product h4 {margin: 0 0 0.3em;}
#related-products .product h4 a {font-size: 13px; font-weight: bold;}
#related-products .product h4 a:hover {color: #80bbd8; text-decoration: underline;}

#carousels {float: left; width: 980px; margin-bottom: 10px;}
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0}
.jcarousel-list li, .jcarousel-item {float: left; list-style: none; width: 220px; height: 150px}
.jcarousel-next {z-index: 3; display: none;}
.jcarousel-prev {z-index: 3; display: none;}
.jcarousel-container-horizontal {width: 896px; margin: 0 22px;}
.jcarousel-clip-horizontal {width: 720px; height: 150px; margin-left: 100px;}
.jcarousel-item-horizontal {margin-right: 20px;}
.jcarousel-next-horizontal {position: absolute; top: 35px; right: 22px; width: 36px; height: 38px; cursor: pointer; background: transparent url(../images/arrow-right.png) no-repeat 0 0}
.jcarousel-next-horizontal:hover {background-position: -36px 0;}
.jcarousel-next-horizontal:active {background-position: -72px 0;}
.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active {cursor: default; background-position: -108px 0; visibility: hidden}
.jcarousel-prev-horizontal {position: absolute; top: 35px; left: 22px; width: 36px; height: 38px; cursor: pointer; background: transparent url(../images/arrow-left.png) no-repeat 0 0}
.jcarousel-prev-horizontal:hover {background-position: -36px 0;}
.jcarousel-prev-horizontal:active {background-position: -72px 0;}
.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: -108px 0; visibility: hidden}

.product-group {float: left; width: 980px; margin-top: 20px;}
.product-group h3 {margin: 0 0 10px 80px; font-size: 14px;}
.product-group .jcarousel-container-horizontal {width: 980px; margin: 0}
.product-group .jcarousel-item-horizontal {margin-right: 30px;}
.product-group .jcarousel-list li, .product-carousel .jcarousel-item {float: left; list-style: none; width: 140px; height: 100px}
.product-group .jcarousel-next-horizontal {right: 20px;}
.product-group .jcarousel-prev-horizontal {left: 20px;}
.product-group .jcarousel-clip-horizontal {width: 820px; height: 100px; margin-left: 80px}
.product-group .jcarousel-item {position: relative;}
.product-group .jcarousel-item h4 {position: absolute; bottom: 8px; left: 2px; display: inline; margin-right: 2px; padding: 4px 8px; background: #fff; line-height: 130%; font-size: 12px; z-index: 1}

#gallery {display: none; float: left; position: relative; width: 940px; margin: 0 20px}
#gallery .pictures {float: left; width: 480px; padding-bottom: 35px}
#gallery .pictures img {float: left; margin: 10px 20px 10px 0; padding: 3px; background: #fff; border: 1px solid #ccc}
#gallery .pictures .see-more {position: absolute; bottom: 0px; left: 250px; margin-bottom: 0; background: none; border: none}
#gallery .badges {position: absolute; width: 60px; bottom: 0; left: 470px}
#gallery .badges img {margin: 10px 7px 0 7px;}
#gallery .movie {float: right; width: 380px; margin-top: 10px;}

#specifications {float: left; width: 980px;}
#specifications h2 {margin: 0 20px 20px;}
#specifications h3 {float: left; display: inline; margin-bottom: 15px;}
#specifications img {float: left; margin: 10px 0 0;}
#specifications .downloads {float: left; width: 460px; margin: 10px 20px 0;}
#specifications #pdf {list-style: none; margin: 10px 0;}
#specifications #pdf li {margin: 0 0 5px; padding-left: 24px; background: url(../images/icon-pdf.gif) left center no-repeat}
#specifications table {width: 940px; margin: 15px 0; border-collapse: collapse; border: 1px solid #ccc; border-top: 5px solid #147ba0; background: #fff}
#specifications th, #specifications td {padding: 5px 20px; vertical-align: top;}
#specifications td {padding: 10px 20px 0; font-size: 11px;}
#specifications td h3 {font-size: 1em;}
#specifications th {background: #eff4f8; border: 1px solid #d0e0e9; border-width: 1px 0}

#download-links {float: right; margin-bottom: 15px;}
#download-links a {margin-left: 20px; padding: 2px 0 2px 22px; background: url(../images/icon-pdf.gif) center left no-repeat}
 
#featured {display: inline; float: left; width: 540px; margin: 0 0 30px 20px; font-size: 14px; line-height: 160%}
#featured h3 {margin: 0 0 1em; font-size: 18px;}
#featured .featured-case {margin: 0; font-size: 11px; text-transform: uppercase; color: #555}
#featured .right {margin-right: 10px;}
#featured-img {display: inline; float: right; margin: 10px 20px 0 0;}

.post {float: left; width: 100%; margin: 20px 0; background: url(../images/devider-2cols.gif) 80px bottom no-repeat}
.post h2, .post p {margin-left: 80px;}
.post h2 {line-height: 115%;}
.post h2 a {font-weight: normal; text-decoration: none;}
.post h2 a:link, .post h2 a:visited {color: #333;}
.post h2 a:hover {color: #80bbd8;}
.post .date {float: left; margin: 2px 0 0; display: inline; width: 60px}
.post .pub-date {font-size: 28px; color: #387f9e;}
.post .pub-month {color: #387f9e;}
.post img {margin: 0 0 1em 80px;}
.post p.image {text-align: center;}
.post p.image img {margin: 0 0 1em 0;}
.post p.image a {float: left; text-align: left;}
.post p.image a img {margin-right: 20px;}
.post .post-tags {margin: 0 0 1.5em 80px; padding-top: 0.5em; font-size: 12px;}




#previous {margin-left: 80px;}

#sidebar {float: left; width: 220px; margin: 20px 0 0 100px; font-size: 12px}
#sidebar .subscribe {padding-left: 20px; background: url(../images/icon-rss.png) left center no-repeat}
#sidebar h3 {padding-top: 1em;}
#sidebar .large {font-size: 17px;}
#sidebar .medium {font-size: 14px;}
#sidebar .small {font-size: 11px;}
#sidebar #archives {list-style: none; list-style-position: outside;}
#sidebar .text {width: 120px; margin: 6px 10px 0 0; font-size: 11px;}

#case-details {list-style: none;}
#case-details li {margin: 3px 0; padding: 3px 0; border-bottom: 1px solid #ddd;}
#case-pics {display: inline; float: right; width: 320px; margin-left: 80px}
#case-pics .photo-shadow {display: inline; float: left; margin: 0 0 10px 20px;}
 
#faq h3 {font-weight: normal; font-size: 18px;}
.faq-questions {margin: 1.5em 0 2.5em; list-style: square inside; font-size: 13px;}
.faq-questions li {margin: 0 0 0.3em;}
.faq-answer {margin-top: 1.5em; font-size: 13px;}
.faq-answer dt {color: #387f9e; margin-bottom: 0.5em;}
.faq-answer .top {text-align: right; margin-top: -0.5em;}

#products, #login {float: left; width: 460px; margin: 30px 0 30px 20px; padding-bottom: 17px; background: url(../images/focusbox-bottom-white.png) left bottom no-repeat}
#products #bottom, #login #bottom {width: 460px; float: left; background: url(../images/focusbox-top.png) left top no-repeat}
#products .case, #products .product {padding-left: 20px;}

#login h2 {padding: 20px 20px 10px;}
#products h3 a {color: #333; font-size: 14px;}

.intro img {float: right; margin: 0 0 20px 20px;}
.intro {margin: 0 0 40px;}

#footer {margin-left: 0;float: left; width: 100%; height:99%; padding: 0; background: #e0e0e0 url(../images/bg-footer.gif) left top repeat-x; color: #666; font-size: 11px; text-shadow: 0 1px 1px #fff}
#footer {text-indent: 10px;}
#footer .wrapper {width: 940px;}
#footer .copyright {float: left; clear: left; width: 780px; margin: -20px 0 20px -10px; text-align: center; padding: 10px 0 0 0}
#footer .copyright p {margin: 0; line-height: 170%;}
#footer .ico {margin:-25px 0 0 -10px; text-align:left;}

fieldset {border: none;}
label {display: block; margin: 0 0 5px; color: #454545; font-size: 12px; font-weight: bold}
label span {color: #c00;}
input.text, textarea {width: 360px; margin-bottom: 12px; padding: 4px 2px; color: #333; background: #fff; font-size: 120%}
textarea {height: 120px;}
select {margin-bottom: 12px;}
a:link, a:visited {color: #387f9e; text-decoration: none; font-weight: bold}
a:hover {color: #80bbd8; text-decoration: underline;}
a.img {border: none; background: none;}
p {margin: 0 0 1em;}
h1 {margin: 10px 0 0.6em 20px; color: #333; font-size: 32px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; font-weight: 300; line-height: 100%}
#home h1 {margin-top: 0px;}
h2 {margin: 0 0 0.6em; color: #333; font-size: 24px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; font-weight: 300}
#home .cols-four h2 {margin-top: 0;}
h3 {margin: 0 0 0.3em; color: #454545; font-size: 16px;}
.nbrl {white-space: nowrap !important;}
 
#h1-broadcast, #h1-members, #h1-display, #h1-event, #h1-powered, #h1-products, #h1-news, #h1-contact, #h1-search, #h1-casestudies, #h1-faq, #h1-nyheter, #h1-kontakt, #h1-sok {height: 57px; margin: 10px 0 30px 20px; padding: 0; text-indent: -99999px}
#h1-broadcast {background: url(../images/h1-broadcast.gif) no-repeat;}
#h1-display {margin-left: 0; background: url(../images/h1-display.gif) no-repeat;}
#h1-event {margin-left: 0; background: url(../images/h1-event.gif) no-repeat;}
#h1-powered {margin-left: 0; background: url(../images/h1-powered.gif) no-repeat;}
#h1-products {background: url(../images/h1-products.gif) no-repeat;}
#h1-contact {width: 940px; background: url(../images/h1-contact.gif) no-repeat;}
#h1-search {width: 940px; background: url(../images/h1-search.gif) no-repeat;}
#h1-casestudies {width: 940px; background: url(../images/h1-casestudies.gif) no-repeat;}
#h1-faq {width: 940px; background: url(../images/h1-faq.gif) no-repeat;}
#h1-nyheter {width: 940px; background: url(../images/h1-nyheter.gif) no-repeat;}
#h1-kontakt {width: 940px; background: url(../images/h1-kontakt.gif) no-repeat;}
#h1-sok {width: 940px; background: url(../images/h1-sok.gif) no-repeat;}
#h1-news {width: 940px; margin-bottom: 10px; background: url(../images/h1-news.gif) no-repeat}
#h1-members {width: 940px; background: url(../images/h1-members-area.gif) no-repeat;}

.h2-cases, .h2-led-rental, .h2-members-area, .h2-led-outside, .h2-led-sales, .h2-news, .h2-nyheter, .h2-case, .h2-faq, .h2-gallery, .h2-relatedcases, .h2-relatednews, .h2-specifications, .h2-allcases, .h2-dvbook, .h2-rental {height: 47px; margin: 0 0 20px; padding: 0; text-indent: -99999px}
.h2-cases {background: url(../images/h2-cases.gif) no-repeat;}
.h2-news {background: url(../images/h2-news.gif) no-repeat;}
.h2-nyheter {background: url(../images/h2-nyheter.gif) no-repeat;}
.h2-case {background: url(../images/h2-case.gif) no-repeat;}
.h2-faq {background: url(../images/h2-faq.gif) no-repeat;}
.h2-gallery {background: url(../images/h2-gallery.gif) no-repeat;}
.h2-relatedcases {background: url(../images/h2-relatedcases.gif) no-repeat;}
.h2-relatednews {background: url(../images/h2-relatednews.gif) no-repeat;}
.h2-specifications {background: url(../images/h2-specifications.gif) no-repeat;}
.h2-allcases {background: url(../images/h2-allcases.gif) no-repeat;}
.h2-dvbook {background: url(../images/h2-dvbook.gif) no-repeat;}
.h2-rental {background: url(../images/h2-rental.gif) no-repeat;}
.h2-products, .h2-produkter {height: 29px; margin: 20px; padding: 0; text-indent: -99999px}
.h2-products {background: url(../images/h2-products.gif) no-repeat;}
.h2-produkter {background: url(../images/h2-produkter.gif) no-repeat;}
.h2-display, .h2-broadcast, .h2-event, .h2-installation {width: 216px; height: 50px; margin: 10px 0 0; padding: 0; text-indent: -99999px}
.h2-display {background: url(../images/h2-display.gif) no-repeat;}
.h2-broadcast {background: url(../images/h2-broadcast.gif) no-repeat;}
.h2-event {background: url(../images/h2-event.gif) no-repeat;}
.h2-installation {background: url(../images/h2-installation.gif) no-repeat;}
.h2-members-area {background: url(../images/h2-members-area.gif) no-repeat;}
.h2-led-sales {background: url(../images/h2-led-sales.gif) no-repeat;}
.h2-led-rental {background: url(../images/h2-led-rental.gif) no-repeat;}
.h2-led-outside {background: url(../images/h2-led-outside.gif) no-repeat;}

abbr, acronym, .caps {border: none; letter-spacing: 0.1em; font-size: 12px}
blockquote {padding: 0 10px; font-family: Georgia; font-style: italic; color: #6f8a9b}
blockquote p {margin: 1.5em 0; padding: 0 10px; border-left: 3px solid #ddd}
sup {line-height: 0%; font-size: 10px;}

.three {padding: 0 0 22px; background: url(../images/devider-3cols.gif) left bottom no-repeat}
.two {padding: 0 0 22px; background: url(../images/devider-2cols.gif) left bottom no-repeat}
 
ul {list-style: disc inside; margin: 0 0 15px;}
img {border: none;}
img.float-right {float: right; margin: 0 0 20px 30px;}
img.float-left {float: left; margin: 0 20px 20px 0;}
img.border {padding: 2px; background: #fff; border: 1px solid #cacaca;}
.photo-shadow {float: left; margin: 6px 15px 0 0; padding-bottom: 5px; background: url(../images/shadow.png) left bottom no-repeat}
button {border: 0; cursor: pointer; font-weight: bold; padding: 0 13px 0 0; text-align: center}
button span {position: relative; display: block; white-space: nowrap; padding: 0 0 0 13px}
.btn {background: url(../images/btn-right.gif) right no-repeat; font-size: 11px; text-transform: uppercase; text-shadow: 0 -1px 0 #2987a4; font-family: "Helvetica Neue", Arial, sans-serif}
.btn span {height: 32px; line-height: 29px; background: url(../images/btn-left.gif) left no-repeat; color: #fff}
 a.a-btn, a.a-btn-small {display: block; float: left; height: 35px; padding-right: 30px; border: none; background: transparent url(../images/btn-a-right.gif) right top no-repeat; font-size: 13px; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 1px; font-family: "Helvetica Neue", Arial, sans-serif; font-weight: bold; overflow: hidden; color: #fff !important}
a.a-btn span, a.a-btn-small span {background: transparent url(../images/btn-a-left.gif) left top no-repeat; display: block; padding: 0 8px 4px 20px; line-height: 31px}
a.a-btn-small {height: 28px; padding-right: 15px; background: transparent url(../images/btn-a-small-right.gif) right top no-repeat; font-size: 12px}
a.a-btn-small span {padding: 0 0 2px 15px; background: transparent url(../images/btn-a-small-left.gif) left top no-repeat; line-height: 26px}
a.a-btn:hover, a.a-btn-small:hover {background-position: bottom right; text-decoration: none}
a.a-btn:hover span, a.a-btn-small:hover span {background-position: bottom left; text-decoration: none}
a.right {float: right; margin-top: 5px;}
 .margin-bottom {margin-bottom: 30px;}
.center {display: block !important; width: 460px; margin: 0 auto !important}
.camtasia-wrapper {float: left; margin: 20px 0 40px 35px;}
#skip {position: absolute; top: 0; left: -9599px}
#skip a:focus, #skip a:active {position: relative; display: block; color: #fff; background: #333; left: 9999px}
 #flash {margin: 0 10px;}
#flash p.notice {padding: 5px 10px; color: #060; background: #e7ffd6; border: 1px solid #d3ebc5}
#flash p.error {padding: 5px 10px; color: #900; background: #ffe4e1; border: 1px solid #eac4c4}
.errorExplanation {color: #900;}
.errorExplanation h2 {color: #900; font-size: 14px; font-weight: bold;}
 hr {display: none;}
.hr {height: 2px; margin: 30px 20px; background: url(../images/devider.gif) left top repeat-x; font-size: 2px; line-height: 2px; clear: both}
.hr-contact {height: 2px; margin: 0; font-size: 2px; line-height: 2px; clear: both}
 .clear:after {display: block; clear: both; height: 0; visibility: hidden; content: "."}
.clear {display: inline-block;}
.clear {display: block;}
* html .clear {height: 1px;}
.clearall {clear: both; display: block; font-size: 1px; height: 1px; line-height: 1px; margin: 0}
.right {float: right;}
.left {float: left;}
.hide {display: none;}
html {height: 100%; margin-bottom: 1px;}

#login {display: inline; float: left; width: 460px; margin: 100px 0 100px 240px; padding-bottom: 17px; background: url(../images/focusbox-bottom-white.png) left bottom no-repeat}
#login #bottom {float: left; width: 460px; padding-bottom: 10px; background: url(../images/focusbox-top.png) left top no-repeat}
#login p {padding: 0 20px;}
#login h2 {padding: 20px 20px 10px;}
#login form {clear: both; padding: 10px 45px 20px;}
#login input {width: 360px; margin: 0 0 15px; padding: 3px;}

#pictures, #form_pictures {list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; margin-right: 60px; min-height: 100px;}
#pictures li, #form_pictures li {margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px;}

.highslide {cursor: url(/../images/highslide/zoomin.cur), pointer; outline: none}
.highslide-caption {display: none; border: 2px solid white; border-top: none; font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; font-size: 11px; padding: 5px 8px; background-color: white; text-align: left; line-height: 150%}
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}
.highslide-loading {display: block; color: #fff !important; font-size: 10px; font-weight: normal; text-decoration: none; padding: 3px 6px; border: 1px solid white; background-color: black}
.highslide-wrapper img {border: 0; margin: 0 !important; padding: 0 !important;}
.highslide-image {background: white;}
.highslide-wrapper table {border: none; margin: 0;}
.highslide-closeimg:hover {cursor: pointer;}
 * html .highslide-closeimg {display: none;}
 
.case-side{width:470px;}
.case-side img{padding-right:20px;margin-top:5px;float:left;}

.case-image{padding-right:20px;float:left;}
.btn-find-out{background:url(../images/btn-find-out.gif); width:117px; height:27px; text-align: center; color: #FFF; font-size: 14px;}

.case-studies {float: left; width: 650px; background: url(../images/devider-2cols.gif) 0px bottom no-repeat}
.case-studies h2 {padding-top:20px;}
.case-studies img {margin-left:10px; margin-top:5px; margin-bottom:5px; float:right;}

/*=== Jquery slideshow on homepage ===*/
#slideshow2 {position: relative;float-left;margin-left: 330px;}
#slideshow2 div {position:absolute;z-index:8;}
#slideshow2 div.active {z-index:10;}
#slideshow2 div.last-active {z-index:9;}
#slideshow2 div img {width: 630px;display: block;border: 0;}