/* MAIN LAYOUT */
body{ background: #f0f0f2;}
.inner{ position: relative; width: 960px; margin: auto;}
#header{ position: relative; height: 67px; margin: auto; background: #fff;}
#header .logo{ position: absolute; display: block; top: 23px; left: 0;}
#header .lang{ position: absolute; display: block; font: 11px/16px; top: 14px; right: 0; }
#menu{ position: relative; height: 31px; background: url(../images/nav-bg.png) repeat-x 0 0; z-index: 201;}
#content{ position: relative; width: 942px; min-height: 630px; margin: auto; padding: 9px; border: 1px solid #e0e0e8; border-radius: 2px; background: #fff; box-shadow: 0px 2px 10px #cfcfd1;}
#content:before, #content:after{ content: "";  position: absolute; display: block; height: 200px; width: 10px; top: 16px; left: 5px; z-index: -1; -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); box-shadow: 0 0 10px 10px #cfcfd1 }
#content:after{ left: auto; right: 5px; -webkit-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg);}
#footer{ position: relative; width: 960px; margin: 15px auto; text-align: center; font-size: 10px; line-height: 17px; color: #888B9C;}

.content{ padding: 0 10px;}
.col-wide, .col-main, .col-right{ display: inline-block; vertical-align: top; width: 647px; padding-right: 20px;}
.col-main{ margin-left: 190px; width: 457px;}
.col-right{ width: 275px; padding-right: 0;}

.col-right > img{ margin-top: 37px;}


/* NAVIGATION */
#menu > ul, #menu > ul li{ margin: 0; padding: 0; list-style: none; }
#menu > ul{ position: relative; margin: 0px auto; width: 960px; font: 14px/20px 'gs_regular', Verdana, Arial, Helvetica, sans-serif; }
#menu > ul > li{ float: left; vertical-align: top;}
#menu > ul > li > a{  display: block; padding: 1px 20px 1px 20px; color: #fff; text-decoration: none; }
#menu > ul > li:first-child > a{ padding-left: 10px;}
#menu > ul > li > ul{ display: none; position: absolute; min-width: 121px; margin: 0; padding: 10px; background: #fff; box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2); font-size: 12px; line-height: 17px;}
#menu > ul > li > ul > li{ padding: 2px 0;}
#menu > ul > li > ul > li > a{ display: block; background: url(../images/nav-arrow.png) no-repeat 0 4px; padding-left: 12px;}

#menu > ul > li:hover > a,
#menu > ul > li.active > a{ color: #0E5FD8; background: #fff;  }
#menu > ul > li.active > a{ box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.2);}
#menu > ul > li:hover > a{ box-shadow: 2px 0 2px 0px rgba(0, 0, 0, 0.3);}
#menu > ul > li:hover > ul{ display: block; }


/* NAVIGATION BUTTONS */
.nav{ margin-bottom: 10px;}
.nav > .nav-btn{ position: relative; display: inline-block; vertical-align: top; width: 304px; height: 70px;}
.nav > .nav-btn + .nav-btn{ margin-left: 15px;}
.nav > .nav-btn > .dropdown{ position: absolute; width: 267px; height: 53px; padding: 7px 17px 10px 20px; box-shadow: 1px 1px 3px rgba(173, 172, 172, 0.75); overflow: hidden; z-index: 200;
	background: #e0e1e9; /* Old browsers */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e1e9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e0e1e9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e0e1e9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e0e1e9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e1e9',GradientType=0 ); /* IE6-9 */}
.nav > .nav-btn > .dropdown > a{ display: block; width: 267px; height: 53px;}
.nav > .nav-btn > .dropdown > a > h2{ line-height: 22px; margin: 0;}
.nav > .nav-btn > .dropdown > a > div{ font-size: 11px; line-height: 16px; background: url(../images/nav-arrow-down.png) no-repeat 0 6px; padding-left: 16px;}
.nav > .nav-btn > .dropdown > a:hover{ text-decoration: none;}
.nav > .nav-btn > .dropdown > a:hover > div{ text-decoration: underline;}
.nav > .nav-btn > .dropdown > ul{ margin: 20px 0 0 0; padding-top: 10px; border-top: 1px solid #e6e7ee; width: 264px; list-style: none;}
.nav > .nav-btn > .dropdown > ul > li{ padding: 4px 0;}
.nav > .nav-btn > .dropdown > ul a{ display: block; background: url(../images/nav-arrow.png) no-repeat 0 4px; padding-left: 16px; font-size: 11px; line-height: 16px; }
.nav > .nav-btn:hover > .dropdown{ height: auto;}


/* BANNER */
.cycle-slideshow{ margin-bottom: 20px;}
.cycle-pager{ position: absolute; bottom: 5px; left: 5px;font-size: 30px; color: #fff; z-index: 200; }
.cycle-pager span.cycle-pager-active,
.cycle-pager span:hover{ color: #005AFF; cursor: pointer;}


/* PRODUCTS */
.products{ text-align: center; margin: 30px 0 0 0;}
a.product{ display: inline-block; vertical-align: top;}
a.product + a.product{ margin-left: 10px;}
a.product > span{ display: block; text-align: left; font: 12px/20px 'gs_light_regular', Verdana, Arial, Helvetica, sans-serif; color: #3b4164;}
a.product:hover{ text-decoration: none;}
a.product:hover > span{ color: #005AFF;}
/* NEWS & EVENTS */
.newsEvents { width: 750px; margin:auto; }


/* AREAS */
.areas{ text-align: center; margin: 60px 0;}
a.area{ position: relative; display: inline-block; vertical-align: top; width: 180px; height: 245px; padding-top: 10px; box-shadow: 1px 1px 3px rgba(173, 172, 172, 0.75); }
a.area + a.area{ margin-left: 10px;}
a.area > img{ display: inline-block;}
a.area > div{ text-align: left; position: absolute; top: 95px; height: 160px; padding: 0 20px;
	background: #e0e1e9; /* Old browsers */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e1e9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e0e1e9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e0e1e9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e0e1e9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e1e9',GradientType=0 ); /* IE6-9 */}
a.area > div > h3{ font-size: 11px; line-height: 17px; color: #0E5FD8; margin-bottom: 5px; }
a.area > div > p{ color: #252f47; }
a.area > div > span.btn{ display: inline-block; position: absolute; bottom: 12px;}


/* BUTTONS */
.btn{ display: inline-block; font-size: 10px; line-height: 22px; padding: 0 10px; min-width: 125px; border-radius: 3px; box-shadow: inset 0 -10px 10px rgba(0, 0, 0, 0.2); }
.btn:hover{ text-decoration: none;}
.btn.grey{ color: #333220; background: #e0e0e0;}
.btn.grey:hover{ color: #fff; background: #0E5FD8;}
.btn.blue{ color: #fff; background: #7ca9ea; box-shadow: inset 0 -13px 10px #0E5FD8;}
.btn.blue:hover,
.area:hover .btn.blue{ color: #0E5FD8; background: #fff; box-shadow: inset 0 -10px 10px rgba(0, 0, 0, 0.2);}
.btn.blue.large{ font-size: 12px; line-height: 26px;}


/* FILTER */
.filter{ height: 98px; box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.35); margin: 10px 0 30px; }
.filter-section{ display: inline-block; vertical-align: top;}
.filter-section > .item{ display: inline-block; vertical-align: top; font-size: 11px; margin: 0 25px;}
.filter-section > .item > img{ display: block;}
.filter-section > .item > span{ display: block; color:#0E5FD8; }
.filter-section > .item > span:before{ content: url(../images/filter-checkbox.png); display: inline-block; margin: 2px 5px 0 0; vertical-align: top;}
.filter-section > .item.active > span:before{ content: url(../images/filter-checkbox-active.png);}

.filter-section:first-child{ width: 95px;}
.filter-section:first-child > a{ position: relative; width: 100px; padding: 37px 0px 25px 8px; margin: 0;}
.filter-section:first-child > a:after{ content: url(../images/nav-arrow.png); margin: 0 0 0 5px;}
.filter-section + .filter-section:before{ content: url(../images/filter-arrow.png); display: inline-block; vertical-align: top; margin-top: -3px;}
.filter-section:nth-child(4) > .item{ margin: 0 15px;}

.section-heading{ padding-left: 3px;}

.filter-section.tech > .item{ margin: 0 14px;}
.filter-section.tech > .item > span{ position: relative; line-height: 14px; padding-left: 22px;}
.filter-section.tech > .item > span:before{ position: absolute; left: 0; margin-top: 0;}

/* PAGE: ABOUT */
.col-right.about{ margin-top: 70px;}
.col-right.about > img{ display: block; margin-top: 0; margin-bottom: 25px;}


/* PAGE: APPLICATION AREAS */
.content.app-areas > h1, .section-heading{ color: #000; margin: 5px 0; }
.content.app-areas > p{ color: #000; font-size: 12px;}


/* PAGE: INFRARED ILLUMINATION */
.filter-section.infr-ill > .item{ margin: 0 40px;}

/* PAGE: TECHNOLOGY PAPERS */
.links{ margin-top: 30px;}
a.pdf{ display: table; font-size: 11px; line-height: 15px; color: #333220; margin-bottom: 15px; background: url(../images/pdf-technology.jpg) no-repeat 0 0; height: 39px; padding: 0 0 0 55px;}
a.pdf > span{ display: table-cell; height: 39px; vertical-align: middle;}
a.pdf:hover{ color: #0E5FD8; }