
body {
  background: #fff;
  color: #76787a;
  font-family: verdana, tahoma, arial, helvetica, sans-serif;
  font-size: 10px;
  text-align: center;
}

* {
  margin: 0;
  padding: 0;
}

input {
  background: #fff;
  padding: 1px 3px 2px 3px;
  border: 1px solid #e5e5e5;
  color: #76787a;
  font-family: verdana, tahoma, arial, helvetica, sans-serif;
  font-size: 10px;
  vertical-align: middle;
}

select {
  color: #76787a;
  font-family: verdana, tahoma, arial, helvetica, sans-serif;
  font-size: 10px;
  vertical-align: middle;
}

textarea {
  background: #fff;
  padding: 1px 3px 2px 3px;
  border: 1px solid #e5e5e5;
  color: #76787a;
  font-family: verdana, tahoma, arial, helvetica, sans-serif;
  font-size: 10px;
  vertical-align: middle;
}



/* Elements */

#canvas {
  width: 759px;
  margin: 0 auto;
  text-align: left;
  background: transparent url(../images/bg.gif) top left repeat-y;
}

#header {
  width: 759px;
  height: 114px;
  background: transparent url(../images/header.gif) top left no-repeat;
	position: relative;
}

#header #language {
	width: 102px;
	height: 62px;
	position: absolute;
	top: 30px;
	right: 3px;
}

#header #logo {
  display: block;
  width: 230px;
  height: 110px;
  text-indent: -9999px;
}

#flash {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}


/* Navigation */

#nav ul  {
  width: 759px;
  height: 26px;
  clear: both;
  padding: 0;
  list-style-image: none;
  list-style-type: none;
  background: transparent url(../images/nav-bg.gif) top left repeat-x;
}

#nav ul li {
  float: left;
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none;
}

#nav ul li a {
  height: 25px;
  display: block;
  border: 0;
  text-indent: -9999px;
}

#nav ul li#last { float: right; }

#nav ul li a#nav-01 { width: 100px; cursor: default; background: transparent url(../images/nav-01.gif) top left no-repeat; }
#nav ul li a#nav-02 { width: 72px; cursor: default; background: transparent url(../images/nav-02.gif) top left no-repeat; }
#nav ul li a#nav-03 { width: 72px; background: transparent url(../images/nav-03.gif) top left no-repeat; }
#nav ul li a#nav-04 { width: 158px; background: transparent url(../images/nav-04.gif) top left no-repeat; }
#nav ul li a#nav-05 { width: 67px; cursor: default; background: transparent url(../images/nav-05.gif) top left no-repeat; }
#nav ul li a#nav-06 { width: 90px; background: transparent url(../images/nav-06.gif) top left no-repeat; }
#nav ul li a#nav-07 { width: 77px; background: transparent url(../images/nav-07.gif) top left no-repeat; }

#nav ul li a#nav-01:hover { background: transparent url(../images/nav-01-over.gif) top left no-repeat; }
#nav ul li a#nav-02:hover { background: transparent url(../images/nav-02-over.gif) top left no-repeat; }
#nav ul li a#nav-03:hover { background: transparent url(../images/nav-03-over.gif) top left no-repeat; }
#nav ul li a#nav-04:hover { background: transparent url(../images/nav-04-over.gif) top left no-repeat; }
#nav ul li a#nav-05:hover { background: transparent url(../images/nav-05-over.gif) top left no-repeat; }
#nav ul li a#nav-06:hover { background: transparent url(../images/nav-06-over.gif) top left no-repeat; }
#nav ul li a#nav-07:hover { background: transparent url(../images/nav-07-over.gif) top left no-repeat; }

#nav ul li a#nav-01-current { width: 100px; cursor: default; background: transparent url(../images/nav-01-over.gif) top left no-repeat; }
#nav ul li a#nav-02-current { width: 72px; cursor: default; background: transparent url(../images/nav-02-over.gif) top left no-repeat; }
#nav ul li a#nav-03-current { width: 72px; background: transparent url(../images/nav-03-over.gif) top left no-repeat; }
#nav ul li a#nav-04-current { width: 158px; background: transparent url(../images/nav-04-over.gif) top left no-repeat; }
#nav ul li a#nav-05-current { width: 67px; cursor: default; background: transparent url(../images/nav-05-over.gif) top left no-repeat; }
#nav ul li a#nav-06-current { width: 90px; background: transparent url(../images/nav-06-over.gif) top left no-repeat; }
#nav ul li a#nav-07-current { width: 77px; background: transparent url(../images/nav-07-over.gif) top left no-repeat; }

#nav ul ul {
  position: absolute;
  float: left;
  display: none;
  width: 135px;
  margin: 0;
  padding: 0;
  background: #f8f8f8;
}

#nav ul ul li {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
  list-style-image: none;
  list-style-type: none;
  display: block;
}

#nav ul ul li a {
  width: 100%;
  height: 100%;
  padding: 4px 3px 4px 9px;
  color: #666;
  background: #f8f8f8;
  border-bottom: 1px solid #fff;
  display: block;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-shadow:Black 2 2 2;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}

#nav ul ul li a:hover {
  color: #fff;
  background: #d21146;
  display: block;
  text-decoration: none;
}

#nav li:hover ul, #nav li.sfhover ul {
  display: block;
  background: #f8f8f8;
}


/* Sub-navigation */

#sub-nav ul  {
   margin: 0;
 padding: 45px 0 0 15px;
  list-style-image: none;
  list-style-type: none;
}

#sub-nav ul li {
  margin: 0;
  padding: 0 0 20px 0;
  list-style-image: none;
  list-style-type: none;
}

#sub-nav ul li a {
  height: 10px;
  margin: 0;
  padding: 0;
  display: block;
  border: 0;
  text-indent: -9999px;
}

#sub-nav ul li a#about-01 { width: 91px; background: transparent url(../images/nav-about-01.gif) top left no-repeat; }
#sub-nav ul li a#about-02 { width: 50px; background: transparent url(../images/nav-about-02.gif) top left no-repeat; }
#sub-nav ul li a#about-03 { width: 72px; background: transparent url(../images/nav-about-03.gif) top left no-repeat; }

#sub-nav ul li a#about-01:hover { background: transparent url(../images/nav-about-01-over.gif) top left no-repeat; }
#sub-nav ul li a#about-02:hover { background: transparent url(../images/nav-about-02-over.gif) top left no-repeat; }
#sub-nav ul li a#about-03:hover { background: transparent url(../images/nav-about-03-over.gif) top left no-repeat; }

#sub-nav ul li a#about-01-current { width: 91px; background: transparent url(../images/nav-about-01-over.gif) top left no-repeat; }
#sub-nav ul li a#about-02-current { width: 50px; background: transparent url(../images/nav-about-02-over.gif) top left no-repeat; }
#sub-nav ul li a#about-03-current { width: 72px; background: transparent url(../images/nav-about-03-over.gif) top left no-repeat; }


#sub-nav ul li a#markets-01 { width: 83px; background: transparent url(../images/nav-markets-01.gif) top left no-repeat; }
#sub-nav ul li a#markets-02 { width: 119px; background: transparent url(../images/nav-markets-02.gif) top left no-repeat; }
#sub-nav ul li a#markets-03 { width: 62px; background: transparent url(../images/nav-markets-03.gif) top left no-repeat; }
#sub-nav ul li a#markets-04 { width: 97px; height: 12px; background: transparent url(../images/nav-markets-04.gif) top left no-repeat; }

#sub-nav ul li a#markets-01:hover { background: transparent url(../images/nav-markets-01-over.gif) top left no-repeat; }
#sub-nav ul li a#markets-02:hover { background: transparent url(../images/nav-markets-02-over.gif) top left no-repeat; }
#sub-nav ul li a#markets-03:hover { background: transparent url(../images/nav-markets-03-over.gif) top left no-repeat; }
#sub-nav ul li a#markets-04:hover { background: transparent url(../images/nav-markets-04-over.gif) top left no-repeat; }

#sub-nav ul li a#markets-01-current { width: 83px; background: transparent url(../images/nav-markets-01-over.gif) top left no-repeat; }
#sub-nav ul li a#markets-02-current { width: 119px; background: transparent url(../images/nav-markets-02-over.gif) top left no-repeat; }
#sub-nav ul li a#markets-03-current { width: 62px; background: transparent url(../images/nav-markets-03-over.gif) top left no-repeat; }
#sub-nav ul li a#markets-04-current { width: 97px; height: 12px; background: transparent url(../images/nav-markets-04-over.gif) top left no-repeat; }


#sub-nav ul li a#careers-01 { width: 75px; background: transparent url(../images/nav-careers-01.gif) top left no-repeat; }
#sub-nav ul li a#careers-02 { width: 68px; background: transparent url(../images/nav-careers-02.gif) top left no-repeat; }
#sub-nav ul li a#careers-03 { width: 123px; background: transparent url(../images/nav-careers-03.gif) top left no-repeat; }

#sub-nav ul li a#careers-01:hover { background: transparent url(../images/nav-careers-01-over.gif) top left no-repeat; }
#sub-nav ul li a#careers-02:hover { background: transparent url(../images/nav-careers-02-over.gif) top left no-repeat; }
#sub-nav ul li a#careers-03:hover { background: transparent url(../images/nav-careers-03-over.gif) top left no-repeat; }

#sub-nav ul li a#careers-01-current { width: 75px; background: transparent url(../images/nav-careers-01-over.gif) top left no-repeat; }
#sub-nav ul li a#careers-02-current { width: 68px; background: transparent url(../images/nav-careers-02-over.gif) top left no-repeat; }
#sub-nav ul li a#careers-03-current { width: 123px; background: transparent url(../images/nav-careers-03-over.gif) top left no-repeat; }


/* Content */

#home-left {
  float: left;
  width: 220px;
  height: 257px;
}

#home-right {
  float: left;
  width: 209px;
  height: 257px;
  line-height: 14px;
  background: #e5e5e5;
}

#content {
  float: left;
  width: 330px;
  height: 257px;
  line-height: 30px;
}

#col-left {
  float: left;
  width: 220px;
  height: 336px;
  background: transparent url(../images/col-left-bg.gif) top left repeat-y;
}

#col-right {
  float: left;
  width: 209px;
  height: 336px;
  line-height: 14px;
  background: #e5e5e5;
}

#col-right #right-about { height: 243px; background: transparent url(../images/right-about.gif) top left no-repeat; }
#col-right #right-markets { height: 243px; background: transparent url(../images/right-markets.gif) top left no-repeat; }
#col-right #right-oneal-difference { height: 336px; background: transparent url(../images/right-oneal-difference.jpg) top left no-repeat; }
#col-right #right-benefits { height: 336px; background: transparent url(../images/right-benefits.jpg) top left no-repeat; }
#col-right #right-positions-available { height: 336px; background: transparent url(../images/right-positions-available.jpg) top left no-repeat; }
#col-right #right-contact-us { height: 243px; background: transparent url(../images/right-contact.jpg) top left no-repeat; }

#content-sub {
  float: left;
  width: 550px;
  height: 336px;
  line-height: 23px;
  overflow: auto;
}

#content-middle {
  float: left;
  width: 330px;
  height: 336px;
  line-height: 23px;
  overflow: auto;
}

#col-left a, #content-middle a, #content-sub a, #content a, #home-right a, #col-right a {
  color: #e4462a;
  text-decoration: none;
}

#col-left a:hover, #content-middle a:hover, #content-sub a:hover, #content a:hover, #home-right a:hover, #col-right a:hover {
  color: #e4462a;
  text-decoration: underline;
}

p {
  padding: 12px 15px 3px 15px;
}

table {
  margin: 12px 15px 3px 15px;
}

table td {
  padding: 0 2px;
}

ul {
  clear: both;
  padding: 12px 6px 3px 6px;
  text-align: left;
  list-style-type: disc;
}

ul ul {
  clear: both;
  padding: 3px 6px 5px 6px;
  text-align: left;
  list-style-type: circle;
}

li {
  margin: 0 0 0 45px;
}

li li {
  margin: 0 0 0 25px;
}

h2#about { width: 101px; height: 30px; background: transparent url(../images/h-about.gif) 15px 18px no-repeat; text-indent: -9999px; }
h2#news { width: 51px; height: 30px; background: transparent url(../images/h-news.gif) 15px 18px no-repeat; text-indent: -9999px; }
h2#locations { width: 77px; height: 30px; background: transparent url(../images/h-locations.gif) 15px 18px no-repeat; text-indent: -9999px; }
h2#automotive { width: 91px; height: 30px; background: transparent url(../images/h-automotive.gif) 15px 18px no-repeat; text-indent: -9999px; }
h2#biopharmaceutical { width: 135px; height: 30px; background: transparent url(../images/h-biopharmaceutical.gif) 15px 18px no-repeat; text-indent: -9999px; }
h2#process { width: 66px; height: 30px; background: transparent url(../images/h-process.gif) 15px 18px no-repeat; text-indent: -9999px; }
h2#manufacturing { width: 108px; height: 30px; background: transparent url(../images/h-manufacturing.gif) 15px 18px no-repeat; text-indent: -9999px; }
h2#services { width: 71px; height: 30px; background: transparent url(../images/h-services.gif) 15px 18px no-repeat; text-indent: -9999px; }
h2#project { width: 152px; height: 30px; background: transparent url(../images/h-project.gif) 15px 18px no-repeat; text-indent: -9999px; }
h2#oneal-difference { width: 204px; height: 30px; background: transparent url(../images/h-oneal-difference.gif) 15px 18px no-repeat; text-indent: -9999px; }
h2#benefits { width: 69px; height: 30px; background: transparent url(../images/h-benefits.gif) 15px 18px no-repeat; text-indent: -9999px; }
h2#positions-available { width: 138px; height: 30px; background: transparent url(../images/h-positions-available.gif) 15px 18px no-repeat; text-indent: -9999px; }
h2#contact-us { width: 86px; height: 30px; background: transparent url(../images/h-contact.gif) 15px 18px no-repeat; text-indent: -9999px; }
h2#sitemap { width: 150px; height: 30px; background: transparent url(../images/h-sitemap.gif) 15px 18px no-repeat; text-indent: -9999px; }

.newsborder {

border-bottom: 1px #CCCCCC dashed;
padding: 3px;
}


/* Footer */

#footer {
  clear: both;
  width: 759px;
  height: 26px;
  background: transparent url(../images/footer-bg.gif) top left no-repeat;
}



