#anim-arrow,#anim-text-left,#anim-text-right,#anim-product-image,#anim-right-border { _behavior: url(iepngfix.htc); }

body { 

   margin: 0; padding: 10px 0 0 0;

   font-family: Arial,Helvetica,sans-serif;

   font-size: 12px;

   text-align: center;

   background: #CEDFEE url(../images/bkg3.png) repeat-x top;

}

a:focus { outline:none }

#site-wrapper {

   width: 1024px;

   margin: 0 auto;

   text-align: left;

   position: relatve;

}


#left-content {

   width: 735px;

   float: left;

   position: relative;

}



#right-content {

   width: 275px;

   float: right;

   position: relative;

}



/* Left Content */

#header {

   height: 70px;

   width: 735px;

   position: relative;

   border-bottom: 1px solid #c0daea;

   margin-bottom: 40px;

}

#logo-image {

   height: 34px;

   width: 111px;

   position: absolute;

   top: 16px;

   left: 63px;

}



#menu-container {

   height: 40px;

   width: 735px;

   position: absolute;

   top: 71px;

   left: 0px;

   z-index: 6;

}

#nav {

   margin: 3px 0;

   padding: 0;

   height: 33px;

   font-size: 10px;

   position: relative;

   float: right;

}

#nav ul {

   margin: 0; padding: 0;

   position: absolute;

   top: 38px;

   left: 0px;

   width: 701px;

}

#nav ul.careers-menu {

   left: -156px;

}

#nav ul.newsroom-menu {

   left: -156px;

}

#nav ul.investors-menu {

   left: -468px;

}

#nav ul.investors-menu ul {

   left: -234px;

}

#nav ul.investors-menu ul li, #nav ul.investors-menu ul div.link-wrapper, #nav ul.investors-menu ul div.link-wrapper-inner, #nav ul.investors-menu ul div.link-wrapper-inner a {

   height: 52px;

}

#nav ul.about-menu ul li, #nav ul.about-menu ul div.link-wrapper, #nav ul.about-menu ul div.link-wrapper-inner, #nav ul.about-menu ul div.link-wrapper-inner a {

   height: 40px;

}

#nav li {

   list-style: none;

   position: relative;

   background: #00506b;

   height: 33px;

   width: 77px;

   float: left;

   overflow: hidden;

   text-align: center;

   border-right: 1px solid #FFF;

}

#nav li:hover {

   overflow: visible;

   background: #0069aa;

   height: 38px;

}

#nav li.about {
   background: url(../images/menu_left.png) no-repeat top left;
   background-color: #00506b;
}

#nav li.about.active {
   background: url(../images/menu_left_select.png) no-repeat top left;
   background-color: #0069aa;
}

#nav li.about:hover {
   background-image: none;
}

div.link-wrapper {

   z-index: 1;

   position: relative;

   height: 38px;

   width: 77px;
   
   background: #00506B;

}

div.link-wrapper:hover {
   background: #0069aa;
}

div.link-wrapper-inner {

   height: 33px;

   width: 77px;

   #position: relative;

   #top: 50%;

   #height: auto;

}

div.link-wrapper a {

   text-decoration: none;

   color: #FFF;

   display: table-cell;

   vertical-align: middle;

   height: 33px;

   width: 77px;

   #position: relative;

   #top: -50%;

   #height: auto;

   #display: block;

}

div.link-wrapper a:hover {

   background-color: #0069aa;

}

#nav li.active {

   background-color: #0069aa;

}

#nav li.about li, #nav li.manufacturing li, #nav li.product li, #nav li.marketed li, #nav li.partnering li, #nav li.newsroom li, #nav li.investors li, #nav li.careers li {

   background-color: #00506b;

   height: 33px;

   width: 77px;

   position: relative;

}

#nav li.about li.active, #nav li.manufacturing li.active, #nav li.product li.active, #nav li.marketed li.active, #nav li.partnering li.active, #nav li.newsroom li.active, #nav li.investors li.active, #nav li.careers li.active {

   background-color: #0069aa;

}

#nav li.about li.about {
   background-image: none;
   background-color: #00506b;
}

#nav li.about li.about.active {
   background-image: none;
   background-color: #0069aa;
}

#nav li.about ul.about-menu ul {

   left: 0px;

   top: 38px;

   position: absolute;
   
   margin-left: -78px;

}

#nav li.manufacturing ul.manufacturing-menu li {

   height: 40px;

}

#nav li.manufacturing ul.manufacturing-menu li:hover {

   height: 45px;

}

#nav li.manufacturing ul.manufacturing-menu div.link-wrapper {

   height: 40px;

}

#nav li.manufacturing ul.manufacturing-menu div.link-wrapper a {

   height: 40px;

   #height: auto;

}



#animation-container {

   width: 735px;

   height: 363px;

   margin-top: 40px;

   border-top: 1px solid #c0daea;

   padding-top: 3px;

   position: relative;

}

#anim-right-border {

   position: absolute;

   right: 0;

   top: 3px;

   z-index: 1;

}

#anim-left-border
{
  position:absolute;
  z-index: 1;
  
}

#animation {

   width: 730px;

   height: 353px;

   top: 3px;

   left: 0;

   border: 5px solid #b2d2e5;

   border-left: 0 none;

   _border-right-width: 4px;

   position: absolute;
   overflow: hidden;

}

#anim-image {

   width: 730px;

   height: 353px;

   position: absolute;

   top: 0;

   left: 0;

}

.anim-image {
   width: 730px;
   height: 353px;
   position: absolute;
   top: 0;
   left: 0;
}

#videoPlayer {
   position: absolute;
   width: 730px; height: 353px;
   top: 0;
   left: 730px;
   z-index: 5;
}

#anim-transparent {

   height: 111px;

   width: 730px;

   position: absolute;

   bottom: 3px;

   left: 0px;

   background: #0067cc;

   opacity: 0.47;

   filter: alpha(opacity=47);

}

#anim-text-box {

   height: 99px;

   width: 623px;

   position: absolute;

   bottom: 9px;

   right: 0px;

   background: #00506b;

}

#anim-text-box-product {

   height: 99px;

   width: 350px;

   position: absolute;

   bottom: 9px;

   left: 50px;

   background: #00506b;

}

#anim-text-left {

   height: 99px;

   width: 4px;

   position: absolute;

   top: 0px;

   left: -4px;

}

#anim-text-right {

   height: 99px;

   width: 4px;

   position: absolute;

   top: 0px;

   right: -4px;

}


#anim-arrow {

   width: 53px;

   height: 43px;

   position: absolute;

   left: -26px;

   top: 28px;

   z-index: 1;

}

#anim-text {

   width: 543px;

   height: 79px;

   position: absolute;

   top: 15px;

   left: 40px;

   color: #FFF;

}

#anim-text-product {
   color: #FFFFFF;
   height: 79px;
   left: 35px;
   position: absolute;
   top: 10px;
   width: 310px;
}

#anim-text-product span {
   font-size: 14px;
}

#anim-text h1, #anim-text-product h1 {

   font-size: 14px;

   font-weight: bold;

   margin: 0; padding: 0;

   line-height: 24px;

}

#anim-text p, #anim-text-product p {

   font-size: 12px;

   margin: 0; padding: 0;

   line-height: 16px;

}

#anim-product {
   bottom: 0;
   left: 405px;
   position: absolute;
   text-align: center;
   width: 324px;
}



#content-container {

   width: 735px;

   position: relative;


   overflow: hidden;
}

#site-content {

   padding: 20px 40px;

   width: 575px;

   float: right;

   background: #FFF;

   color: #676767;

   line-height: 17px;

}

#site-content h1 {

   font-size: 16px;

}

#site-content h1.title {

   font-size: 20px;

   line-height: 25px;

}



/* Right Content */

.left-curve {

   position: absolute;

   top: 0;

   left: 0;

   z-index: 1;

}

.right-curve {

   position: absolute;

   top: 0;

   right: 0;

   z-index: 1;

}

.right-content-container {

   position: relative;

   padding-bottom: 15px;

   width: 275px;

}

#search-container, #news-container {

   position: relative;

   height: 24px;

   line-height: 24px;

   width: 205px;

   _width: 204px;

   padding: 4px 0px 4px 20px;

   margin-bottom: 38px;

   background-color: #5c94c7;

   color: #FFF;

}

#search-input {

   border: 0px none;

   width: 125px;

   height: 16px;

   font-size: 12px;

   font-family: Arial,Helvetica,sans-serif;

   padding: 4px 0;

   margin: 0;

   float: right;

}

#search-submit {

   border: 0px none;

   width: 22px;

   height: 24px;

   background: #FFF url(../images/search_bg.png) no-repeat top left;

   padding: 0;

   margin: 0 4px 0 0;

   float: right;

   cursor: pointer;

}

.tabs-container {

   position: absolute;

   top: 33px;

   left: 0px;

   height: 32px;

   width: 225px;

   padding: 0;

   color: #FFF;

   z-index: 1;

}

.tabs-inner {

   padding: 0;

}

.tabs {

   float: left;

   margin: 0 1px 0 0;

   width: 74px;

   height: 32px;

   background: #5c94c7;

   font-size: 10px;

   display: table;

   text-align: center;

   color: #FFF;

   text-decoration: none;

   position: relative;

}

.tabs:hover {

   background: #0069aa;

}

.tab-selected {

   height: 45px;

   background: #0069aa;

   z-index: 2;

}

#tab2, #tab5 {

   width: 75px;

   _width: 74px;

}

#tab3, #tab6 {

   margin: 0;

}

.tabs span {

   display: table-cell;

   vertical-align: middle;

}

.tabs-content-container {

   width: 275px;

   margin-top: 38px;

   padding: 10px 0;

   border-top: 1px solid #c0daea;

   border-bottom: 1px solid #c0daea;

}

.tabs-content-inner {

   position: relative;

   background: url(../images/tab_content_bg.png) repeat-y top left;

   width: 225px;

   padding: 0 50px 0 0;
}

.tabs-content-top {

   position: absolute;

   width: 225px;

   height: 5px;

   top: -5px;

   left: 0px;

}

.tabs-content-bottom {

   position: absolute;

   width: 225px;

   height: 5px;

   bottom: -5px;

   left: 0px;

}

.tabs-content {

   font-size: 10px;

   color: #676767;

   display: none;

}

#top-tabs-content .tabs-content {

   padding: 0 8px;

   width: 209px;

   overflow: hidden;

}

#news-tabs-content .tabs-content {

}

.tabs-content h2 {

   font-size: 11px;

   font-weight: bold;

}

#top-tabs-content .tabs-content img {

   float: left;

   padding: 5px 5px 5px 0;

}

.tabs-content ul {

   margin: 0; padding: 0;

}

.tabs-text {

   float: right;

   width: 135px;

}

.news-item {

   background: url(../images/news_break.png) no-repeat top center;

   padding: 13px 8px 5px;

   width: 209px;

   position: relative;

   list-style: none;

   overflow: hidden;

   height: 20px;

}

.news-item span {

   font-weight: bold;

   display: block;

}

.news-item h2 {

   margin: 0; padding: 0;

}

.news-item p {

   margin: 0; padding: 0;

}

.more-info {

   background: url(../images/info_arrow.png) no-repeat left 2px;

   padding: 0 0 0 12px;

   font-size: 8px;

   text-decoration: underline;

   font-style: italic;

   color: #676767;

}

.end-list {

   width: 225px;

   height: 1px;

   position: relative;

}



#copyright {

   padding: 10px 0 0 40px;

   margin-top: 5px;

   font-size: 9px;

   width: 984px;

   border-top: 1px solid #c0daea;

   float: left;

   color: #333333;
}

.patternExtendRight {
   position: absolute;
   height: 100px; width: 100%;
   margin-top: 0px;
   z-index: 0;
   padding-top: 6px; padding-bottom: 8px;
   border-top: solid #c0daea 1px;
   border-bottom: solid #c0daea 1px;
}

.patternExtendRight div {
   background-image: url('../images/line_bg.png');
   width: 100%; height: 100%;
}

.patternExtendLeft {
   position: absolute;
   height: 100px; width: 100%;
   margin-top: 0px;
   z-index: -1;
   background-image: url('../images/line_bg.png');
}

#extendMenuLeft {
   position: absolute;
   height: 40px; width: 100%;
   border-top: solid #c0daea 1px;
   border-bottom: solid #c0daea 1px;
   margin-top: -41px;
}

.watchVideo {
   height: 15px;
   margin-left: 5px;
   color: #ffd900;
   font-weight: bold;
   padding-right: 20px;
   background-image: url('../images/watchVideo.png');
   background-repeat: no-repeat;
   background-position: right;
   cursor: pointer;
}

#printyIcon{
	position: absolute;
	top: 35px;
	right: 46px;
}