/* All the CSS in this file, starting with YUI's reset-font-grids code */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;} .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

html, body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: #888 url(../img/bg-main.gif) repeat-x top center;
  color: #333333;
}

/* custom doc, based on YUI stuff, but using px instead of em */
#custom-doc-inner {
  margin:auto;text-align:left; /* leave unchanged */
  width:860px;/* non-IE */
  *width:860px;/* IE */
  min-width:860px;/* optional but recommended */
}

.yui-t-custom {
  margin:auto;text-align:left;width:860px;min-width:860px;
  min-height: 550px;
  padding-bottom: 20px;
}
/* custom 2 column layout, based on yui-t2, but using px instead of em */
.yui-t-custom #yui-main{
  float:right;margin-left:-325px;
}
.yui-t-custom .yui-b{
  float:left;width:325px;
}
.yui-t-custom #yui-main .yui-b{
  margin-left:325px;
}


/* generic stuff */
a {
  color: #333;
  text-decoration: underline;
}
h1 {
  color: #339;
  font-size: 138.5%;
  padding: 0 0 10px 0;
}
h2 {
  color: #339;
  font-size: 131%;
  padding: 0 0 10px 0;
}


/* header */
#hd {
  background: url(../img/bg-hd.gif) no-repeat top center;
  padding: 30px 0 0 0;
  overflow: hidden;
}
#banner-01 {
  float: left;
}
#nav0 {
  float: right;
}

.logo {
  margin: 20px 20px 17px 20px;
  padding: 0;
}


/* nav 0 */

#nav0 {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 374px;
  height: 40px;
  position: relative;
}
#nav0 ul {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 369px;
  height: 40px;
  list-style-type: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#nav0 ul li {
  display: inline;
  margin: 0;
  padding: 0;
}
#nav0 ul li a {
  float: left;
  padding: 40px 0 0 0;
  margin: 0;
  overflow: hidden;
  height: 0px !important; /* for most browsers */
  height /**/:40px; /* for IE5.5's bad box model */
}
#nav0 ul li, #nav0 ul li a {
  background-image: url(../img/nav0.gif);
  background-repeat: no-repeat;
}
#nav0 ul li.home, #nav0 ul li.home a {
  width: 70px;
  background-position: 0px 0px;
}
#nav0 ul li.jobs, #nav0 ul li.jobs a {
  width: 67px;
  background-position: -70px 0px;
}
#nav0 ul li.contact, #nav0 ul li.contact a {
  width: 117px;
  background-position: -137px 0px;
}
#nav0 ul li.locations, #nav0 ul li.locations a {
  width: 115px;
  background-position: -254px 0px ;
}

#nav0 ul li.home a:hover { background-position: 0px -40px; }
#nav0 ul li.jobs a:hover { background-position: -70px -40px; }
#nav0 ul li.contact a:hover { background-position: -137px -40px; }
#nav0 ul li.locations a:hover { background-position: -254px -40px; }

#nav0 ul li.locations-hover a { background-position: -254px -40px; }
#nav0 ul li.locations-hover a:hover { background-position: -254px -40px; }

/* nav 0 for admin page */
#nav0 p {
  float: right;
  text-transform: uppercase;
  padding: 12px 170px 0 0;
  font-weight: bold;
}

/* nav 1 */

#nav1 {
  clear: both;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 860px;
  height: 40px;
  position: relative;
  background: url(../img/nav1-bg.gif) no-repeat top center;
}
#nav1 ul {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 860px;
  height: 40px;
  list-style-type: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#nav1 ul li {
  display: inline;
  margin: 0;
  padding: 0;
}
#nav1 ul li a {
  float: left;
  padding: 40px 0 0 0;
  margin: 0;
  overflow: hidden;
  height: 0px !important; /* for most browsers */
  height /**/:40px; /* for IE5.5's bad box model */
}
#nav1 ul li, #nav1 ul li a {
  background-image: url(../img/nav1.gif);
  background-repeat: no-repeat;
}
#nav1 ul li.company, #nav1 ul li.company a {
  width: 184px;
  background-position: 0px 0px;
}
#nav1 ul li.places, #nav1 ul li.places a {
  width: 164px;
  background-position: -184px 0px;
}
#nav1 ul li.products, #nav1 ul li.products a {
  width: 164px;
  background-position: -348px 0px;
}
#nav1 ul li.projects, #nav1 ul li.projects a {
  width: 164px;
  background-position: -512px 0px ;
}
#nav1 ul li.news, #nav1 ul li.news a {
  width: 184px;
  background-position: -676px 0px ;
}

#nav1 ul li.company a:hover { background-position: 0px -40px; }
#nav1 ul li.places a:hover { background-position: -184px -40px; }
#nav1 ul li.products a:hover { background-position: -348px -40px; }
#nav1 ul li.projects a:hover { background-position: -512px -40px; }
#nav1 ul li.news a:hover { background-position: -676px -40px; }

#nav1 ul li.company a.selected, #nav1 ul li.company a.selected:hover { background-position: 0px -40px; }
#nav1 ul li.places a.selected, #nav1 ul li.places a.selected:hover { background-position: -184px -40px; }
#nav1 ul li.products a.selected, #nav1 ul li.products a.selected:hover { background-position: -348px -40px; }
#nav1 ul li.projects a.selected, #nav1 ul li.projects a.selected:hover { background-position: -512px -40px; }
#nav1 ul li.news a.selected, #nav1 ul li.news a.selected:hover { background-position: -676px -40px; }

div.nav1admin {
  background: url(../img/nav1-admin-bg.gif) no-repeat top center !important;
}


/* side nav */
div.nav2 {
  padding: 0 20px 20px 20px;
}
div.nav2 ul {
  margin: 0;
  padding: 0;
}
div.nav2 ul li {
  margin: 0;
  padding: 0;
}
div.nav2 ul li.selected {
  background: url(../img/bg-nav2.gif) no-repeat left top;
}
div.nav2 ul li a {
  text-decoration: none;
  color: #000;
  padding: 5px 0 8px 10px;
  margin-top: 7px;
  display: block;
  font-weight: bold;
  font-size: 100%;
}
div.nav2 ul li a:hover {
  text-decoration: none;
  color: #339;
}
div.nav2 ul li.selected a {
  color: #FFF;
  height: 24px;
  padding-bottom: 0;
}
div.nav2 ul li.selected a:hover {
  color: #FFF;
}

/* nav 3 is nested ul inside an li */
div.nav2 ul li ul {
  padding: 0 0 8px 0;
}
div.nav2 ul li.selected ul {
  background: url(../img/bg-nav3-bottom.gif) no-repeat left bottom;
}
div.nav2 ul li ul li {
}
div.nav2 ul li.selected ul li {
  background: url(../img/bg-nav3.gif) repeat-y left center;
}
div.nav2 ul li ul li a {
  font-weight: normal;
  font-size: 85%;
  margin-top: 0;
  padding: 4px 0 8px 22px;
  background: url(../img/nav3-off.gif) no-repeat 12px 8px;
}
div.nav2 ul li ul li a:hover {
  color: #339;
  background: url(../img/nav3-hover.gif) no-repeat 12px 8px;
}
div.nav2 ul li.selected ul li a {
  color: #000;
  height: auto;
  padding: 8px 0 4px 22px;
  background-position: 12px 12px;
}
div.nav2 ul li.selected ul li a:hover {
  color: #339;
  background: url(../img/nav3-hover.gif) no-repeat 12px 12px;
}
div.nav2 ul li.selected ul li.selected a {
  background: url(../img/nav3-on.gif) no-repeat 12px 12px;
}
div.nav2 ul li.selected ul li.selected a:hover {
  color: #000;
  background: url(../img/nav3-on.gif) no-repeat 12px 12px;
}


/* content */
#bd {
  clear: both;
  background: url(../img/bg-bd.gif) repeat-y top center;
  padding: 0;
  min-height: 300px;
}

/* page title area */
#bd .pagetitle {
  clear: both;
  padding: 0 20px;
  overflow: hidden;
  background: url(../img/bg-pagetitle.gif) no-repeat bottom center;
}
#bd .pagetitle h1 {
  float: left;
  margin-left: 305px;
  padding: 19px 10px 10px 0;
  color: #339;
  font-size: 138.5%;
}
#bd .pagetitle-simple h1 {
  margin-left: 20px;
}
#bd .pagetitle span.subh1 {
  float: right;
  padding: 24px 20px 10px 10px;
  color: #339;
}
#bd .pagetitle span.subh1 a {
  text-decoration: none;
  color: #339;
}
#bd .pagetitle span.subh1 a:hover {
  text-decoration: underline;
}

/* 1 column content */
#bd .content1 {
  padding: 20px 20px 10px 20px;
  overflow: hidden;
}
/* 2 column content */
#bd .content2 {
  padding: 20px 20px 10px 0;
  overflow: hidden;
}
#bd .side-column {
  padding: 20px 0 10px 20px;
  overflow: hidden;
}

#bd p {
  padding: 0 20px 10px 0;
}
#bd .content1 p {
  padding-left: 20px;
}

img.photo-frame {
  float: right;
  margin: 0 20px 20px 20px;
}
img.photo-frame-side-nav {
  margin: 20px 0 20px 20px;
}

/* homepage layout */
#bd .content-home {
  margin: 0 37px 0 37px;
  padding-top: 20px;
  overflow: hidden;
}

#bd .content-home p {
  padding-right: 0;
}

#bd .home-1, #bd .home-2, #bd .home-3, #bd .home-4, #bd .home-5, #bd .home-6 {
  width: 250px;
  float: left;
  padding: 0 18px 20px 0;
}
#bd .home-3, #bd .home-6 {
  padding-right: 0;
}

img.photo-frame-home {
}

a.more {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  color: #F00;
  background: url(../img/more-link.gif) no-repeat right center;
  padding-right: 11px;
}
a.more:hover {
  text-decoration: underline;
}

/* footer */
#ft {
  clear: both;
  background: url(../img/bg-ft.gif) no-repeat top center;
  padding: 0 10px 10px 10px;
}
#ft #ft-content {
  text-align: center;
  padding: 9px 10px;
  color: #444;
  font-size: 85%;
  overflow: hidden;
}
#ft #ft-content a {
  color: #444;
  text-decoration: none;
  padding: 0 5px;
}
#ft #ft-content a:hover {
  color: #222;
  text-decoration: underline;
}
#ft #ft-content #ft-content-1 {
  float: left;
  padding-left: 10px;
}
#ft #ft-content #ft-content-2 {
  float: right;
  padding-right: 5px;
}


/* random */
#locations-hover {
  text-align: left;
  position: absolute;
  top: 0px;
  left: -999px;
}
#locations-hover ul {
  border-top: 1px solid #CCC;
}
#locations-hover ul li {
  border: 1px solid #CCC;
  border-top: 0;
}
#locations-hover ul li a {
  display: block;
  padding: 3px 10px;
  background: #EEE;
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
#locations-hover ul li a:hover {
  background: #FFF;
  color: #339;
  text-decoration: none;
}


/* Admin */
div.admin-content {
  padding: 0 20px 10px 20px;
}
div.admin-content label {
  font-weight: bold;
}
div.admin-content .button {
  padding: 1px 10px;
  font-weight: bold;
}
div.admin-content .admin-text-field {
  width: 770px;
}
div.admin-content .admin-textarea {
  height: 250px;
}
#bd .content1 div.admin-content p.error {
  padding-left: 0;
  font-weight: bold;
  color: #F00;
}
#bd .content1 div.admin-content p.error a {
  color: #F00;
}
#bd .content1 div.admin-content p.success {
  padding-left: 0;
  font-weight: bold;
  color: #096;
}
#bd .content1 div.admin-content p.success a {
  color: #096;
}

/* home */
#home {
  padding: 10px 30px 9px 30px;
  overflow: hidden;
}
#home-content {
  background: #F00;  
}
#home-content a {
  display: block;
  float: left;
  width: 160px;
  height: 160px;
}
#home-content #home-content-1 { background: url(../img/home-content.jpg) no-repeat 0 0; }
#home-content #home-content-2 { background: url(../img/home-content.jpg) no-repeat -160px 0; }
#home-content #home-content-3 { background: url(../img/home-content.jpg) no-repeat -320px 0; }
#home-content #home-content-4 { background: url(../img/home-content.jpg) no-repeat -480px 0; width: 320px; }
#home-content #home-content-5 { background: url(../img/home-content.jpg) no-repeat 0 -160px; width: 320px; }
#home-content #home-content-6 { background: url(../img/home-content.jpg) no-repeat -320px -160px; }
#home-content #home-content-7 { background: url(../img/home-content.jpg) no-repeat -480px -160px; }
#home-content #home-content-8 { background: url(../img/home-content.jpg) no-repeat -640px -160px; }

#home-content #home-content-1:hover { background-position: 0 -320px; }
#home-content #home-content-2:hover { background-position: -160px -320px; }
#home-content #home-content-3:hover { background-position: -320px -320px; }
#home-content #home-content-4:hover { background-position: -480px -320px; }
#home-content #home-content-5:hover { background-position: 0 -480px; }
#home-content #home-content-6:hover { background-position: -320px -480px; }
#home-content #home-content-7:hover { background-position: -480px -480px; }
#home-content #home-content-8:hover { background-position: -640px -480px; }