@charset "utf-8";

/*--------------------------------------------------------------------------------------------------
CSS Styles for ops-ingersoll.de.

version:   1.0
--------------------------------------------------------------------------------------------------*/

/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
/* 	vertical-align: baseline; */
}

* {
	outline: none;
}

.visible{display:block;}
.hidden{display:none;}
.clear{clear: both;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td strong{font-weight: bold;}
.alignleft{float:left;}
.alignright{float:right;}
/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* =Typography
--------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body {
  font: 14px/18px Helvetica, Arial, sans-serif;
  color:#000;
  background:#cacfd1;
}

h1 i{font-style: italic;}
h1 strong{font-weight: bold;}

/* End Typography
--------------------------------------------------------------------------------------------------*/

/* =Links
--------------------------------------------------------------------------------------------------*/
a{text-decoration:none; color:#000; cursor:pointer !important; outline: 0;}
a:hover{text-decoration:underline;}

/* End Links
--------------------------------------------------------------------------------------------------*/


/* =Branding
--------------------------------------------------------------------------------------------------------*/
#wrapper{width:100%;}
.wrap-inner{width:940px; margin:0 auto;}
#header{position:relative; z-index:1; position:absolute; left:0; top:0; width:100%;}
.header-topbar{min-height:88px; background:url(../images/head-bg.png) center center repeat-x; position:relative; z-index:2;}
.topbar-shadow{position:absolute; left:0; bottom:-11px; background:url(../images/headbtm-shadow.png) left top repeat-x; height:11px; width:100%;}
#logo{width: 100%; height: 100px; background:url(../images/sprite.png) no-repeat center 25px;}
#stickerStickyWrapper{margin:0 auto; width:100% !important;}
#stickerStickyWrapper #sticker{top:0 !important; width:100% !important;}
#sticker{height:53px;}
/* End Branding
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------*/
#mainNavbar{background:url(../images/head-bg.png) center bottom repeat-x; position: relative; z-index:0; height:53px; margin:0 auto;
box-shadow:0 4px 15px #777777; -moz-box-shadow:0 4px 15px #777777; -webkit-box-shadow:0 4px 15px #777777;
}
#mainNavigation {}
#mainNavigation > li {float:left; margin:0 15px;}
#mainNavigation > li:first-child{margin:0 15px 0 0;}
#mainNavigation > li.last{margin:0 0 0 15px;}
#mainNavigation > li > a {display:block; color:#002b58; font-weight:bold; font-size:17px; text-transform:uppercase; line-height:32px; padding:12px 0 9px;}
#mainNavigation > li:hover > a, #mainNavigation > li.active > a{text-decoration:none; background:url(../images/sprite.png) no-repeat center -76px;}

#mainNavigation > li:hover .mainsub-nav, #mainNavigation > li.active .mainsub-nav{display:block;}
.mainsub-nav{position:absolute; display:block; left:0; top:52px; width:100%;
box-shadow:0 4px 15px #777777; -moz-box-shadow:0 4px 15px #777777; -webkit-box-shadow:0 4px 15px #777777; min-height: 36px;
background:url(../images/subnav-bg.png) repeat-x left top;}
body.contact .mainsub-nav{background:url(../images/subnav-contact-bg.png) repeat-x left top;}
.mainsubnav {width: 940px; margin: auto;}
.mainsubnav > li{float:left; margin:0 15px;}
.mainsubnav > li:first-child{margin:0 15px 0 0;}
.mainsubnav > li > a{display:block; color:#fff; font-weight:100; font-size:15px; text-transform:uppercase; line-height:36px;}
body.contact .mainsubnav > li > a{color: #002b58;}
.mainsubnav > li:hover, .mainsubnav > li.active{}
.mainsubnav > li:hover > a, .mainsubnav > li.active > a{text-decoration:none; background:url(../images/sprite.png) no-repeat center -143px;}
body.contact .mainsubnav > li:hover > a, body.contact .mainsubnav > li.active > a{text-decoration:none; background:url(../images/sprite.png) no-repeat center -228px;color: #002b58;}
.mainsubnav-container{position: absolute; left: 0; width: 100%;z-index: 10000;}
#mainsubsub-nav{position: absolute; display: block; left: 0; width: 100%; height: 70px;}
.mainsubsub-nav-scrolled{box-shadow:0 4px 15px #777777; -moz-box-shadow:0 4px 15px #777777; -webkit-box-shadow:0 4px 15px #777777;}
body #mainsubsub-nav.mainsubsub-nav-scrolled{background:url(../images/content-bg.jpg) repeat-y center top;}
body.hsc #mainsubsub-nav.mainsubsub-nav-scrolled{background:url(../images/content-bg-hsc.jpg) repeat-y center top;}
body.automation #mainsubsub-nav.mainsubsub-nav-scrolled{background:url(../images/content-bg-automation.jpg) repeat-y center top;}
.mainsubsubnav {width: 940px; margin: auto;}
.mainsubsubnav > li {float: left; display: block; padding: 10px 15px 5px 5px;}
.mainsubsubnav > li > a {display: block; color:#002b58; padding: 0 0 6px 0;}
.mainsubsubnav > li:hover > a, .mainsubsubnav > li.active a {text-decoration: none; background: url(../images/sprite.png) no-repeat center -194px;}
.mainsubsubnav > li.active a {font-weight: bold;}

/* End Main Nav
--------------------------------------------------------------------------------------------------*/

/* =Main Content
--------------------------------------------------------------------------------------------------*/
strong {font-weight: bold;}
.error { color: #e40000;}
.nowrap{white-space: nowrap;}
#container{margin-top:550px; padding:75px 0; position:relative; z-index:0; min-height:644px; background:url(../images/content-bg.jpg) repeat-y center top;}
body.hsc #container{background:url(../images/content-bg-hsc.jpg) repeat-y center top;}
body.automation #container{background:url(../images/content-bg-automation.jpg) repeat-y center top;}
body.contact-form #container{background:url(../images/content-bg-contact-form.png) repeat-y center top;}
.pageheading{font-size:28px; line-height:40px; color:#002b58; margin:0 0 20px;}
.pageheading span{font-size:34px; font-weight:bold; display:block;}

.header-teaser{position:relative; z-index:1; background:url(../images/slide-shad.png) left bottom repeat-x #cacfd1;}
body.hsc .header-teaser{background-color: #58585a;}
body.automation .header-teaser{background-color: #8cbdda;}
body.contact .header-teaser{background-color: #002b58;}
.headerteaser-inner{position:relative; min-height:400px;}
body.contact .headerteaser-inner{background-color: #2c4268;}
.teaser-slider{position:relative; z-index:8;}
.teaser-slider li{float:left; width:100%; height:400px;}
.teaser-slider li a{display:block; line-height:0; font-size:0; outline:0;}
.teaser-slider li a img{line-height:0; font-size:0;}

.teaser-navbar{position:absolute; left:28px; bottom:16px; z-index:9;}
#teaser-next, #teaser-prev{float:left; width:35px; height:40px; color:#002b58; text-indent:-999em; outline:0;}
#teaser-next{background:url(../images/sprite.png) no-repeat -108px -77px;}
#teaser-prev{background:url(../images/sprite.png) no-repeat left -77px;}
#teaser-next:hover, #teaser-prev:hover{background:#ffdd00; text-decoration:none;}
#teaser-next:hover{background:url(../images/sprite.png) no-repeat -108px -127px;}
#teaser-prev:hover{background:url(../images/sprite.png) no-repeat left -127px;}
#teaser-nav{float:left; padding:0;}
#teaser-nav span{float:left; margin:0; width:35px; height:40px; position:relative;}
#teaser-nav span a{display:block; text-align:center; line-height:34px; background:url(../images/sprite.png) no-repeat -35px -77px; color:#002b58; font-weight:bold; outline:0; font-size: 18px;}
#teaser-nav span:hover a, #teaser-nav span.activeSlide a{background:#ffdd00; text-decoration:none; background:url(../images/sprite.png) no-repeat -70px -77px;}

#container .wrap-inner{position:relative;}
.content-egale{position:absolute; left:-378px; top:-315px;}
.contentleft{width:612px; padding-right:20px;}
.contentleft b {font-weight: bold;}
.contnetright{width:300px;float: left;}
.contentleft p, .contentFull p{margin:0 0 15px; font-size: 14px; line-height: 20px;}
.contentleft p em{font-style: italic; color: #002b58;}
.contentleft p strong, .contentleft li strong{font-weight: bold; color: #002b58;}
.contentleft p a, .contentleft table a{text-decoration: underline; color:#002b58;}
/* .contentleft p a:before{content: "> ";} */
.contentleft p a:hover, .contentleft table a:hover{text-decoration: none;}
.contentleft h2, .contnetright.distribution-list h2, .contentFull h2{font-weight:bold; font-size:18px; line-height:26px; color:#002b58; margin:30px 0 6px;}
.contentleft h2:first-child{margin: 0 0 6px;}
.contentleft h3{font-weight:bold; font-size:16px; line-height:24px; color:#002b58; margin:6px 0 3px;}
.principles-text{display:block; padding-bottom:6px;}
.principles-list{}
.contentleft li, .product-facts li, .content-list ul ul li{padding:0 0 5px 20px; background:url(../images/sprite.png) no-repeat -970px -400px; font-size: 14px; line-height: 20px;color: #002b58;}
.contentleft ul { margin-bottom: 30px; }
.contentleft ul.small li{padding-left: 15px; background-position: -962px -419px;}
.contentleft .text-highlight-gray{font-size: medium; color: #cacfd1;}
.contentleft .text-highlight-blue{font-size: medium; color: #002b58;}
.contentleft-full {width: auto; margin: 0; padding: 0;}
.contentleft-product {width: 520px;}

.contnetright-box{background:#e1e2e2; padding:20px;
border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;
box-shadow:3px 3px 6px #A2A2A2; -moz-box-shadow:3px 3px 6px #A2A2A2; -webkit-box-shadow:3px 3px 6px #A2A2A2;}
.contnetright-box h2{font-weight: bold; font-size: 16px; margin: 0 0 6px; padding: 0 0 6px;}
.contnetright-box p{text-shadow:-1px 0 2px #ddd; font-size: 14px; line-height: 22px; margin: 0 0 15px;}
.contnetright-box p:last-child{margin: 0;}
.contnetright-box p strong{color:#002b58; font-weight:bold;}
.contnetright-box p em{font-style: italic; color: #002b58;}
.contnetright-box ul.small-yellow li, ul.distribution-countries li{padding-left: 15px; background:url(../images/sprite.png) no-repeat -950px -441px;}
.contnetright-box ul.yellow li{padding-left: 20px; background:url(../images/sprite.png) no-repeat -935px -458px;}

.contnetright-box .content-box-company-inner p{line-height: 18px;}
.contnetright-box .content-box-company-inner li strong{font-weight: bold; padding: 0 5px 0 0;}

.contentright-box-floated{float: right; margin: 0 0 0 18px;}

.content-half-left{float: left; width: 460px;}
.content-half-right{float: left; width: 460px; margin: 0 0 0 20px;}

.content-box-company .contnetright-box{background:url(../images/content-box-company-bg.jpg) no-repeat;}
.content-box-company-inner{padding: 90px 0 0 90px;color: #002b58;}

.content-logo-gantry-eagle {position: absolute; margin: -60px 0 0 640px;}
.content-logo-speed-eagle {position: absolute; margin: -60px 0 0 640px;}
.content-logo-eagle-professional {position: absolute; margin: -60px 0 0 640px;}

.gold .contnetright-box{background:url(../images/content-box-gold-bg.jpg) no-repeat;}
.gold h2 {color: #fff;}
.gold p {text-shadow: none;}

.expert-tip h2{text-decoration: underline;}

.grid3{margin: 20px 20px 20px 0;}
.grid3-last{margin: 20px 0;}

.content-gallery {margin: 25px 0 0 0;}
.content-gallery li{padding: 0; background: none; float: left; margin: 0 10px 10px 0;}

.content-technology-edm-box{border: 1px solid #002b58; display: inline-block;margin: 0 0 15px;}
.content-technology-edm-box .head{padding: 10px; margin: 0; color: #fff; background: #002b58;}
.content-technology-edm-box .head strong, .content-technology-edm-box .head em{color: #fff;}
.content-technology-edm-box p{margin: 0;}
.content-technology-edm-box ul{background-color: #e1e2e2; padding: 10px 10px 0 10px;}

.attachments ul li {padding: 0 0 10px 0;}
.attachments ul li small {font-size: 12px;}
.attachments a {color: #002b58; text-decoration: underline;}
.attachments a:hover {text-decoration: none;}

.product-overview-list li {float: left; margin-right: 20px; padding: 30px 0 0 0;}
.product-overview-list li span { display: block; padding-top: 20px; }
.product-overview-list li.last {margin-right: 0;}
.product-overview-list li a {font-weight: bold; font-size: 18px; color: #002b58; padding: 10px 0 0 0; display: block; text-align: center;}
.product-overview-list li.logo { margin-right: 40px; } 


.product-detail-right{width: 400px;}
.technical-data-table{margin: 0 0 25px;border-collapse:separate;border-spacing:3px 3px;}
.technical-data-table td{padding: 3px; font-size: 13px; vertical-align: top;}
.technical-data-table td h2{font-weight: bold; color: #002b58;text-transform: uppercase;}
.technical-data-table tr.first{background: #dbdddf;}
.technical-data-table tr.second{background: #eff1f1;}
.product-facts {font-weight: bold; color: #002b58; width:190px; float: left;}
.product-download{width:190px; float: left;}
.product-download a img{border: 1px solid #bdc8d3;}
.product-download li {width: 190px; height: 20px; text-align: right;}
.product-download li a{ margin-left: 5px;}
.product-download a:hover img{border: 1px solid #002b58;}
a.pdf-icon{background: url(../images/sprite.png) no-repeat left -474px; border: none; width: 32px; height: 32px; margin: 2px; display: inline-block; vertical-align: bottom;}
.product-facts h2, .product-download h2{margin: 0 0 15px;}
.product-facts p{margin: 0 0 15px;}

.folder-file-list-boxed{padding: 0; margin: 20px 0 0 0;}
.folder-file-list-boxed li{display: block; padding: 0; margin: 0 40px 0 0; width: 450px; min-height: 200px; background: none; float: left;vertical-align: top;}
.folder-file-list-boxed li.last{margin: 0;}
.folder-file-list-boxed li a{display:block; float: left;}
.folder-file-list-boxed li a img{border: 1px solid #bdc8d3;}
.folder-file-list-boxed li a:hover img{border: 1px solid #002b58;}
.folder-file-list-boxed li a.title{display:block; float: left; margin: 10px 0 0 10px;}
.folder-file-list-boxed li a.pdf-icon{margin: 3px 10px;}

table.list {width: 100%; margin: 20px 0 40px 0; }
table.list th { padding: 4px 10px; background: #002b58; text-align: left; color: #fff; }
table.list td { padding: 4px 10px; }
table.list td.fst { background: #dbdddf; }
table.list td a { text-decoration: underline; }
table.list td a:hover { text-decoration: none; }
table.list tr.hiddenDetail { display: none; }
table.list tr.visibleDetail { display: block; }

form.content {width: 100%;}
form.content .form-row{height: 35px; margin-bottom: 10px;}
form.content label{display: block; width: 180px; float: left; padding: 3px 0 0 0;}
form.content input[type=text], form.content select{display: block; width: 380px; float: left; border: 1px solid #002b58; padding: 3px 10px;}
form.content select{ width: 403px;}
form.content input[type=button], a.button{background: #002b58; color: #fff; padding: 10px 15px;font-size: 16px;font-weight: bold; border: 1px solid transparent; border-radius: 4px; text-decoration: none !important; }
form.content .buttons{float: right; text-align: right; padding-right: 31px;}
form.content input[type=button]:hover, a.button:hover{background: #1a4169;}
form.content input[type=button]:active, a.button:active{background: #1a4169;outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}

#contactForm .formRow{min-height: 35px; margin-bottom: 10px; width: 600px; margin: auto;}
#contactForm .formRow label{display: block; width: 100px; float: left; padding: 3px 0 0 0; color: #fff;}
#contactForm .formRow.required label, #eventRegistrationForm .form-row.required label{font-weight: bold;}
#contactForm .formRow input[type=text], #contactForm .formRow textarea{display: block; width: 380px; float: left; border: 1px solid #002b58; padding: 3px 10px;}
#contactForm .formRow textarea{height: 150px;}
#contactForm .formRow.buttons{padding: 20px 0 0 580px; clear: both;}
#contactForm input[type=submit]{background: #ddb957; color: #002b58; padding: 10px 15px;font-size: 16px; font-weight: bold; border: 1px solid transparent; border-radius: 4px;}
#contactForm input[type=submit]:hover{background-color: #e4c779;}
#contactForm input[type=submit]:active{background-color: #e4c779; outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
#contactForm .content{color: #fff;padding: 0 0 20px 270px;width: 370px;}
#contactForm h1{padding: 20px 0 0 270px;color: #fff;}
#contactForm .formRow ul{clear: both; padding: 10px 10px 20px 110px;}
#contactForm .formRow li{color: red;}

#eventRegistrationForm ul{ clear: both; display: block; }
#eventRegistrationForm li{ background: none; padding: 0 0 0 190px; color: red;}

#distribution-form .formRow{min-height: 30px; margin: 0 0 10px 0;}
#distribution-form label{font-weight: bold; margin: 0 20px 0 0;}
#distribution-form input[type=text]{width: 80px; border: 1px solid #002b58; padding: 3px 10px;}
#distribution-form input[type=submit], #eventRegistrationForm input[type=submit]{background: #002b58; color: #fff; padding: 10px 15px;font-size: 16px;font-weight: bold; border: 1px solid transparent; border-radius: 4px;}
#distribution-form input[type=submit]:hover, #eventRegistrationForm input[type=submit]:hover{background: #1a4169;}
#distribution-form input[type=submit]:active, #eventRegistrationForm input[type=submit]:active{background: #1a4169;outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
#distribution-form .buttons{padding: 0 0 0 300px;}

ul.distribution-countries{width: 300px;}
ul.distribution-countries li{width: 115px;float: left;margin: 0 15px 5px 0;}
.distribution-result{margin-top: 30px;}

ul.news-list > li { margin-top: 30px; border: solid 4px #cacfd1; border-width: 0 0 4px 0; font-size: 14px;}
ul.news-list ul { margin-bottom: 10px;}
ul.news-list li { padding-bottom: 5px;}
ul.news-list h2, ul.news-list h2 a {font-size: 20px; color: #002b58; padding: 0 0 10px 0; font-weight: bold; }
ul.news-list.with-image h2 {padding: 0 0 30px 0;}
ul.news-list .item-image { float: left; width: 120px; height: 200px;margin-bottom: 20px; }
ul.news-list.with-image .item-preview { float: left; margin-left: 30px; }
ul.news-list .item-preview .preview-image { float: left; margin: 0 30px 10px 0;}
ul.news-list span.label{font-weight: bold;}
ul.news-list .clear{height: 20px;}
ul.news-list a {text-decoration: underline;}
ul.news-list a:hover {text-decoration: none;}

table.product-workpiece-dimensions {
    width: 352px;
    margin-top: 30px;
}

table.product-workpiece-dimensions .spacer {
    width: 20px;
    
}

table.product-workpiece-dimensions .vspacer{
    height: 6px;
    line-height: 6px;
}

table.product-workpiece-dimensions .data td{
    background-color: #eff1f1;
    text-align: center;
    padding: 5px;
    font-size: 13px;
}

table.product-workpiece-dimensions .data td.spacer{
    background: transparent;
}

.user-widget {
    background: #cbcfd1;
    display: inline-block;
    padding: 20px;
    margin: 0 0 30px 0;
}

.user-widget h2 {
    color: #002b58;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 15px 0;
}

.user-widget p, .user-widget input {
    margin: 0 0 15px 0;
}


.home-banner {
    padding: 0 0 20px 0;
}

    .home-banner .button1{
        position: absolute;
        margin: 80px 0 0 500px;
    }
    
    .home-banner .button2{
        position: absolute;
        margin: 80px 0 0 680px;
    }
    
    .home-banner .button2en{
        position: absolute;
        margin: 80px 0 0 710px;
    }

/* =End Main Content
--------------------------------------------------------------------------------------------------*/

/* =Footer
--------------------------------------------------------------------------------------------------*/
#footer {background:#58585a; min-height:284px;}
#footer .wrap-inner{padding:0 0 35px;}
.footer-col{float:left; width:220px; padding-top:35px; position:relative;}
.footer-col h3{font-size:18px; line-height:22px; color:#fff; text-shadow:-1px 0 2px #000; font-weight:bold; text-transform:uppercase; padding-bottom:8px; border-bottom:4px solid #ffe100; margin-bottom:10px;}
.footer-col h4{font-weight: bold; color: #fff;}
.footer-link{}
.footer-link li{}
.footer-link li a{display:inline-block; color:#fff; text-transform:uppercase; line-height:24px; text-shadow:-1px 0 2px #000;}
.footer-link li a:hover{}

.footer-firstcol{padding:0 20px 0 0; width: 202px; min-height:247px;}
.language-link{padding:41px 15px 0 0;}
.language-link li{float:left; width:100%;}
.language-link li a{display:block; width:28px; height:30px; float:right;}
.language-link li a img{width:28px; height:28px;}
.footer-eagle{left: -5px; position: absolute; top: 8px; z-index:0;}

.footer-btmlink{padding:60px 15px 0 0;}
.footer-btmlink li{text-align:right;}
.footer-btmlink li a{color:#ddd; text-transform:none; font-size: 12px;}
.footer-kontakt{}
.footer-nav{width: 164px; padding:35px 55px 0 58px;}
.footer-nav li{padding-bottom:3px;}
.footer-nav li a{font-size:14px; line-height:20px; font-weight: lighter;}
.newsflash-col{}
.footer-newsflash{}
.footer-kontakt p, .footer-newsflash p{font-weight: lighter; text-align:justify; color:#fff; font-size: 14px; line-height:20px; text-shadow:-1px 0 2px #000;}
.morelink-line{display:block; border-bottom:1px dashed #fff; line-height:20px; height: 19px; padding-top:3px;}
.morelink, .footer-kontakt a{color:#fff; display:inline-block; font-size: 16px; line-height:24px; padding-right:8px; text-shadow:-1px 0 2px #000; text-decoration:underline; background:#58585a;}
.morelink:hover, .footer-kontakt a:hover{text-decoration:none;}
#directIndustry { margin-top: 20px; }
/* End Footer
--------------------------------------------------------------------------------------------------*/




/* =IE Browser CSS Code 
--------------------------------------------------------------------------------------------------*/

.lt-ie9 .contnetright-box{behavior: url(pie.htc); position:relative;}
.lt-ie9 #sticker{background:url(../images/nav-shadow.png) repeat-x left bottom; padding-bottom:14px; height:53px; box-shadow:none;}
.lt-ie9 .mainsub-nav{background:url(../images/nav-shadow.png) repeat-x left bottom;  padding-bottom:15px;}
/* End IE Browser CSS Code
--------------------------------------------------------------------------------------------------*/

@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    #logo{background:url('../images/sprite@2x.png') no-repeat center 25px; background-size: 980px 980px;}
    #mainNavigation > li:hover > a, #mainNavigation > li.active > a{background:url(../images/sprite@2x.png) no-repeat center -76px; background-size: 980px 980px;}
    .content-box-company .contnetright-box{background:url(../images/content-box-company-bg@2x.jpg) no-repeat; background-size: 300px 300px;}
}