body {background: #321; color: #036;}
#wrap {background: url(../images/bg-wrap.jpg) no-repeat; margin: 10px auto 0 auto; padding: 0; width: 962px; height: 748px; position: relative; font-size: 1.2em;}

/**************************************************header**************************************************/
#header {height: 135px;}
#header ul#headerNav {width: 868px; height: 36px; position: relative; z-index: 9;}
#header ul#headerNav li {list-style: none; display: inline;}
#header ul#headerNav li#hm {width: 175px; height: 50px; top:80px; left: 50px; position: absolute; display: block;}
#header ul#headerNav li#hm a#hmlnk {width: 175px; height: 50px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#au {background: url(../images/headerNav-aulnk.gif) no-repeat; width: 80px; height: 36px; top: 88px; left: 227px; position: absolute; display: block;}
#header ul#headerNav li#au:hover, #header ul#headerNav li#au.hdrhover, .aboutus #header ul#headerNav li#au {background-position: 0 -36px;}
#header ul#headerNav li#au a#aulnk {width: 80px; height: 36px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#cp {background: url(../images/headerNav-cplnk.gif) no-repeat; width: 87px; height: 36px; top: 88px; left: 307px; position: absolute; display: block;}
#header ul#headerNav li#cp:hover, #header ul#headerNav li#cp.hdrhover, .capabilities #header ul#headerNav li#cp {background-position: 0 -36px;}
#header ul#headerNav li#cp a#cplnk {width: 87px; height: 36px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#pt {background: url(../images/headerNav-ptlnk.gif) no-repeat; width: 68px; height: 36px; top: 88px; left: 394px; position: absolute; display: block;}
#header ul#headerNav li#pt:hover, #header ul#headerNav li#pt.hdrhover, .portfolio #header ul#headerNav li#pt {background-position: 0 -36px;}
#header ul#headerNav li#pt a#ptlnk {width: 68px; height: 36px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#nw {background: url(../images/headerNav-nwlnk.gif) no-repeat; width: 48px; height: 36px; top: 88px; left: 462px; position: absolute; display: block;}
#header ul#headerNav li#nw:hover, #header ul#headerNav li#nw.hdrhover, .news #header ul#headerNav li#nw {background-position: 0 -36px;}
#header ul#headerNav li#nw a#nwlnk {width: 48px; height: 36px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#ft {background: url(../images/headerNav-ftlnk.gif) no-repeat; width: 92px; height: 36px; top: 88px; left: 510px; position: absolute; display: block;}
#header ul#headerNav li#ft:hover, #header ul#headerNav li#ft.hdrhover, .facilitytour #header ul#headerNav li#ft {background-position: 0 -36px;}
#header ul#headerNav li#ft a#ftlnk {width: 92px; height: 36px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#cu {background: url(../images/headerNav-culnk.gif) no-repeat; width: 83px; height: 36px; top: 88px; left: 602px; position: absolute; display: block;}
#header ul#headerNav li#cu:hover, #header ul#headerNav li#cu.hdrhover, .contactus #header ul#headerNav li#cu {background-position: 0 -36px;}
#header ul#headerNav li#cu a#culnk {width: 83px; height: 36px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#fa {background: url(../images/headerNav-falnk.gif) no-repeat; width: 84px; height: 36px; top: 88px; left: 685px; position: absolute; display: block;}
#header ul#headerNav li#fa:hover, #header ul#headerNav li#fa.hdrhover, .ftpaccess #header ul#headerNav li#fa {background-position: 0 -36px;}
#header ul#headerNav li#fa a#falnk {width: 84px; height: 36px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#ec {background: url(../images/headerNav-eclnk.gif) no-repeat; width: 100px; height: 36px; top: 88px; left: 769px; position: absolute; display: block;}
#header ul#headerNav li#ec:hover, #header ul#headerNav li#ec.hdrhover, .ecommerce #header ul#headerNav li#ec {background-position: 0 -36px;}
#header ul#headerNav li#ec a#eclnk {width: 100px; height: 36px; left: 0; position: absolute; display: block; background: transparent;}
/*1st level dropdown*/
#header ul#headerNav li ul {width: 162px; height: auto; left: -9999px; margin: 36px 0 0 0; padding: 0; background: #258; color: inherit; z-index: 99; position: absolute;}
#header ul#headerNav li ul li {display: inline;}
#header ul#headerNav li ul li a {background: #258; color: #fff; font-size: 1em; padding: 5px 13px; display: block; text-decoration: none;}
#header ul#headerNav li ul li a.row1 {background: #369; color: #fff;}
#header ul#headerNav li ul li a:hover {text-decoration: underline;}
#header ul#headerNav li:hover ul, #header ul#headerNav  li.hdrhover ul {left: 0;}

/**************************************************content area********************************************/
#content {width: 100%; height: 603px; position: relative;}
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#content a {background: transparent; color: #000; text-decoration: none;}
#content a:hover {text-decoration: underline;}
#content #contentcopyInner {width: 100%; height: 95%; padding: 0 20px 0 0; overflow: auto;}
#content #contentcopy h3 {background: transparent; color: #036; margin: 0 0 15px 0; font-size: 1.6em;}
#content #contentcopy p {background: transparent; color: #036; margin: 0 0 15px 0; font-size: .95em;}
#content #contentcopy ul {background: transparent; color: #036; margin: 0 0 15px 20px; font-size: .95em;}
#content #contentcopy blockquote {margin: 0 30px 5px 30px;}
#content #contentcopy img.leftimg {float: left; margin: 0 14px 0 0;}
#content #contentcopy img.rightimg {float: right; margin: 0 0 0 14px;}
#content #contentcopy .twocol {clear: both; position: relative; margin: 0 0 15px 0;}/*see ie.css for fixes*/
#content #contentcopy .twocol:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#content #contentcopy .twocol ul.left {position: relative; float: left; width: 200px; margin: 0 0 0 20px; padding: 0 0 0 15px;}
#content #contentcopy .twocol ul.right {position: relative; float: left; width: 200px; margin: 0 0 0 20px; padding: 0 0 0 15px;}
/*internal rollup menu code*/
#content #contentcopy ul#contentNav {width: 182px; height: 21px; position: absolute;}
#content #contentcopy ul#contentNav li {list-style: none; display: inline;}
#content #contentcopy ul#contentNav li#tl {width: 182px; height: 21px; bottom: 0; left: 0; position: absolute; display: block;}
#content #contentcopy ul#contentNav li#tl:hover, #content #contentcopy ul#contentNavNav li#tl.cntnthover {background: url(../images/contentNav-tllnk.gif) no-repeat;}
#content #contentcopy ul#contentNav li#tl a#tllnk {width: 182px; height: 21px; left: 0; bottom: 0; position: absolute; display: block; background: transparent;}
/*1st level dropdown*/
#content #contentcopy ul#contentNav li ul {width: 162px; height: auto; bottom: 21px; left: -9999px; margin: 0; padding: 0; background: #258; color: inherit; z-index: 99; position: absolute;}
#content #contentcopy ul#contentNav li ul li {display: inline;}
#content #contentcopy ul#contentNav li ul li a {background: #258; color: #fff; font-size: 1.1em; padding: 5px 13px; display: block; text-decoration: none;}
#content #contentcopy ul#contentNav li ul li a.row1 {background: #369; color: #fff;}
#content #contentcopy ul#contentNav li ul li a:hover {text-decoration: underline;}
#content #contentcopy ul#contentNav li:hover ul, #content #contentcopy ul#contentNav li.cntnthover ul {left: 20px;}
/*homepage*/
#home #content #contentcopy {background: url(../images/bg-home.jpg) no-repeat; width: 580px; height: 391px; top: 33px; left: 191px; position: absolute;}
#home #content #contentcopy h2 {background: url(../images/title-no-boundaries.gif) no-repeat; width: 279px; height: 12px; top: 55px; left: 205px; position: absolute;}
#home #content #contentcopy img#colorwheel {top: 17px; left: 12px; position: absolute;}
#home #content #contentcopy .news {width: 250px; top: 236px; left: 23px; position: absolute; display: none;}
#home #content #contentcopy h3 {color: #00457a; font-weight: normal; word-spacing: 3px; font-size: 1.2em; font-weight: bold; line-height: 1; margin: 0 0 5px 0;}
#home #content #contentcopy ul#news2 {width: 250px; top: 205px; left: 280px; position: absolute;}
#home #content #contentcopy ul#news2 li {list-style: none; display: inline;}
#home #content #contentcopy ul#news2 li a {width: 263px; left: 0px; position: absolute; display: block;}
#home #content #contentcopy ul#news2 li a#newslnk1 {height: 67px; top: 0px;}
#home #content #contentcopy ul#news2 li a#newslnk2 {height: 72px; top: 90px;}
#home #content #contentcopy p {background: transparent; color: #000; font-size: 1.1em; line-height: 1;}
#home #content #contentcopy p#copy {width: 350px; top: 79px; left: 205px; position: absolute; line-height: 1.5;}
#home #content #contentcopy a.morenews {background: inherit; color: #c60; font-weight: bold; font-style: italic;}
/*about us section*/
.aboutus #content #contentcopy {background: url(../aboutus/images/bg-aboutus.jpg) no-repeat; width: 577px; height: 402px; top: 18px; left: 171px; position: absolute; padding: 20px 20px 0 20px;}
.aboutus #content #contentcopy h2 {background: url(../aboutus/images/title-aboutus.gif) no-repeat; width: 146px; height: 18px; margin: 0 0 20px 0;}
.aboutus #content #contentcopy img.leftimg {margin: 0 14px 20px 0;}
.aboutus #content #contentcopy img.rightimg {margin: 0 0 20px 14px;}
.aboutus #content #contentcopy p.quoteclient {margin: 0 30px 20px 75px;}
.aboutus #content #contentcopy p#prevtest {bottom: -10px; left: 20px; position: absolute;}
.aboutus #content #contentcopy p#prevtest a {background: inherit; color: #c60; font-weight: bold; font-style: italic;}
.aboutus #content #contentcopy p#moretest {bottom: -10px; right: 20px; position: absolute;}
.aboutus #content #contentcopy p#moretest a {background: inherit; color: #c60; font-weight: bold; font-style: italic;}
/*capabilities section*/
.capabilities #content #contentcopy {background: url(../capabilities/images/bg-capabilities.jpg) no-repeat; width: 523px; height: 367px; top: 28px; left: 193px; position: absolute; padding: 35px 27px 0 27px;}
.capabilities #content #contentcopy h2 {background: url(../capabilities/images/title-capabilities.gif) no-repeat; width: 172px; height: 23px; margin: 0 0 10px 0;}
#digital.capabilities #content #contentcopy {background: url(../capabilities/images/bg-capabilities-digital.jpg) no-repeat;}
#digital.capabilities #content #contentcopyInner {height: 85%;}
#digital.capabilities #content #contentcopy ul#contentNav {bottom: 0; left: 14px;}
#digital.capabilities #flashcontent {width: 430px; height: 136px; margin: 0 0 20px 50px; z-index: 9;}
#digital.capabilities #flashcontent #flash {width: 430px; height: 136px;}
#digital.capabilities .flasherror {background: url(../capabilities/images/digital.jpg) no-repeat; width: 430px; height: 136px; }
#digital.capabilities .flasherror p {background: #fff; color: red; border: 1px dotted red; width: 200px; text-align: center; margin: 0 auto; padding: 10px; position: relative; top: 100px; display: none;}
/*portfolio section*/
.portfolio #content #contentcopy {background: url(../portfolio/images/bg-portfolio.jpg) no-repeat; width: 697px; height: 393px; top: 33px; left: 132px; position: absolute;}
.portfolio.home #content #contentcopy {background: url(../portfolio/images/bg-portfolio-home.jpg) no-repeat;}
.portfolio #content #contentcopy h2 {background: transparent; color: #00457a; margin: 35px 0 10px 44px; font-size: 1.8em;}
.portfolio #content #contentcopy h3 {background: transparent; color: #00457a; margin: 0 0 15px 58px; font-size: 1.6em;}
.portfolio #content #contentcopy img {top: 28px; left: 357px; position: absolute;}
.portfolio #content #contentcopy p {background: transparent; color: #036; width: 225px; margin: 0 0 0 58px; font-size: .95em; line-height: 1.5;}
.portfolio #content #contentcopy div {display: none;}
.portfolio #content #contentcopy div#item0 {display: block;}
.portfolio #content #contentcopy #slideshowouter {width: 299px; height: 39px; overflow: hidden; top: 330px; left: 312px; position: absolute; display: block;}
.portfolio #content #contentcopy ul#slideshow {position: relative; margin: 0;}
.portfolio #content #contentcopy ul#slideshow li {list-style: none; display: inline;}
.portfolio #content #contentcopy ul#slideshow li a img {padding: 0 0 0 11px; top:0; left: 0; position: relative;}
.portfolio #content #contentcopy ul#slideshowbar li {list-style: none;}
.portfolio #content #contentcopy ul#slideshowbar li a#pglt {width: 10px; height: 20px; top: 345px; left: 300px; display: block; position: absolute; cursor: pointer;}
.portfolio #content #contentcopy ul#slideshowbar li a#pgrt {width: 10px; height: 20px; top: 345px; left: 614px; display: block; position: absolute; cursor: pointer;}
.portfolio #content #contentcopy ul#contentNav {bottom: 20px; left: 68px;}
/*news section*/
.news #content #contentcopy {background: url(../news/images/bg-news.jpg) no-repeat; width: 555px; height: 307px; top: 51px; left: 176px; position: absolute; padding: 25px 28px 0 28px;}
.news #content #contentcopy h2 {background: url(../news/images/title-news.gif) no-repeat; width: 85px; height: 18px; margin: 0 0 25px 0;}
.news #content #contentcopy dl {margin: 0 0 0 20px;}
.news #content #contentcopy dl dt {color: #c60; float: left; font-weight: bold;}
.news #content #contentcopy dl dd {margin: 0 0 20px 75px;}
.news #content #contentcopy dl dd a {background: inherit; color: #c60; font-weight: bold; font-style: italic; display: block;}
.news #content #contentcopy p a {background: inherit; color: #c60; font-weight: bold; font-style: italic;}
.news #content #contentcopy p#prevnews {bottom: -10px; left: 20px; position: absolute;}
.news #content #contentcopy p#prevnews a {background: inherit; color: #c60; font-weight: bold; font-style: italic;}
.news #content #contentcopy p#morenews {bottom: -10px; right: 20px; position: absolute;}
.news #content #contentcopy p#morenews a {background: inherit; color: #c60; font-weight: bold; font-style: italic;}
/*facility tour section*/
.facilitytour #content #contentcopy {background: url(../facilitytour/images/bg-facilitytour.jpg) no-repeat; width: 665px; height: 418px; top: 21px; left: 148px; position: absolute;}
.facilitytour #content #contentcopy h2 {background: transparent; color: #00457a; top: 35px; left: 44px; position: absolute; font-size: 1.8em;}
.facilitytour #content #contentcopy img {top: 68px; left: 312px; position: absolute;}
.facilitytour #content #contentcopy p {background: transparent; color: #036; width: 210px; top: 67px; left: 58px; position: absolute; font-size: .95em; line-height: 1.25;}
.facilitytour #content #contentcopy div {display: none;}
.facilitytour #content #contentcopy div#item0 {display: block;}
.facilitytour #content #contentcopy #slideshowouter {width: 299px; height: 39px; overflow: hidden; top: 360px; left: 295px; position: absolute; display: block;}
.facilitytour #content #contentcopy ul#slideshow {position: relative; margin: 0;}
.facilitytour #content #contentcopy ul#slideshow li {list-style: none; display: inline;}
.facilitytour #content #contentcopy ul#slideshow li a img {padding: 0 0 0 11px; top:0; left: 0; position: relative;}
.facilitytour #content #contentcopy ul#slideshowbar {}
.facilitytour #content #contentcopy ul#slideshowbar li {list-style: none;}
.facilitytour #content #contentcopy ul#slideshowbar li a#pglt {width: 10px; height: 20px; top: 375px; left: 283px; display: block; position: absolute; cursor: pointer;}
.facilitytour #content #contentcopy ul#slideshowbar li a#pgrt {width: 10px; height: 20px; top: 375px; left: 594px; display: block; position: absolute; cursor: pointer;}
.facilitytour #content #contentcopy ul#contentNav {bottom: 15px; left: 52px;}
/*contact us section*/
.contactus #content #contentcopy {background: url(../contact/images/bg-contactus.jpg) no-repeat; width: 577px; height: 332px; top: 51px; left: 171px; position: absolute; padding: 25px 22px 0 22px;}
.contactus #content #contentcopy h2 {background: url(../contact/images/title-contactus.gif) no-repeat; width: 120px; height: 18px; margin: 0 0 25px 0;}
.contactus #content #contentcopy .vcard {color: #036; width: 180px; margin: 0 0 0 15px; font-weight: bold; float: left;}
.contactus #content #contentcopy .vcard a {color: #c60; font-weight: bold;}
.contactus #content #contentcopy .vcard .adr, .contactus #content #contentcopy .vcard #fax, .contactus #content #contentcopy .vcard #dstolze {margin: 0 0 20px 0;}
.contactus #content #contentcopy .vcard .adr .street-address {display: block;}
.contactus #content #contentcopy dl {}
.contactus #content #contentcopy dl dt {color: #c60; float: left; font-weight: bold;}
.contactus #content #contentcopy dl dd {margin: 0 0 10px 300px;}
.contactus #content #contentcopy dl dd#comment {width: 250px; height: 100px; overflow: auto; margin: 0 0 0 40px;}
.contactus #content #contentcopy form {margin: 0 0 0 202px; position: relative;}
.contactus #content #contentcopy form h3 {color: #c60; font-weight: bold; text-transform: uppercase; margin: 0 0 10px 100px; font-size: 1em;}
.contactus #content #contentcopy form label {display: block; float: left; width: 100px; padding: 0; margin: 5px 0 0 0; font-size: 1em;}
.contactus #content #contentcopy form input, .contactus #content #contentcopy form textarea {color: #036; margin: 0 0 5px 0; width: 250px; border: 1px solid #666;}
.contactus #content #contentcopy form button#btnNext {background: url(../contact/images/button-next.jpg) no-repeat; width: 50px; height: 16px; margin: 0 0 0 100px; display: block;}
.contactus #content #contentcopy form button#btnSend {background: url(../contact/images/button-send.jpg) no-repeat; width: 50px; height: 16px; margin: 15px 0 0 100px; display: block; float: left;}
.contactus #content #contentcopy form button#btnEdit {background: url(../contact/images/button-edit.jpg) no-repeat; width: 50px; height: 16px; margin: 15px 0 0 20px; display: block; float: left;}
/*ftp access section*/
.ftpaccess #content #contentcopy {background: url(../ftpaccess/images/bg-ftpaccess.jpg) no-repeat; width: 577px; height: 353px; top: 53px; left: 193px; position: absolute; padding: 25px 22px 0 22px;}
.ftpaccess #content #contentcopy h2 {background: url(../ftpaccess/images/title-ftpaccess.gif) no-repeat; width: 251px; height: 18px; margin: 0 0 25px 0;}
.ftpaccess #content #contentcopy .notice {font-size: .9em;}
.ftpaccess #content #contentcopy .notice a {font-size: 1.3em;}
/*ecommerce section*/
.ecommerce #content #contentcopy {background: url(../ecommerce/images/bg-ecommerce.jpg) no-repeat; width: 577px; height: 353px; top: 53px; left: 193px; position: absolute; padding: 25px 22px 0 22px;}
.ecommerce #content #contentcopy h2 {background: url(../ecommerce/images/title-ecommerce.gif) no-repeat; width: 184px; height: 18px; margin: 0 0 25px 0;}
.ecommerce #content #contentcopy form {margin: 50px 0 0 90px; position: relative;}
.ecommerce #content #contentcopy form h3 {color: #c60; font-weight: bold; text-transform: uppercase; margin: 0 0 10px 100px; font-size: 1em;}
.ecommerce #content #contentcopy form label {display: block; float: left; width: 70px; padding: 0; margin: 5px 0 0 0; font-size: 1em;}
.ecommerce #content #contentcopy form input {color: #036; margin: 0 0 5px 0; width: 250px; border: 1px solid #666;}
.ecommerce #content #contentcopy form button {background: url(../ecommerce/images/button-login.jpg) no-repeat; width: 76px; height: 21px; margin: 0 0 0 70px; display: block;}
.ecommerce #content #contentcopy form br {clear: left;}

/**************************************************footer**************************************************/
#footer {clear: both; position: relative;}
#footer p {background: inherit; color: #999; text-align: right; font-weight: normal; font-size: 1em; margin: 0 30px 0 0;}
/********************************************************
Safari needs this - otherwise the ghost overflow, though
painted correctly obscures links and form elements that 
by rights should be above it. An unintended side-effect 
is that it cause such elements to vanish in IE 5.01 and
5.5, hence the child selector hack
********************************************************/
* > #footer, * > form {position: relative; z-index: 1000;}