body { background-color: white; text-align: center; margin: 0; }
#container { margin: 0 auto; position: relative; width: 1000px; }
#wrapper { background-image: url("img/background.jpg"); background-position: 0 0; text-align: left; position: relative; z-index: 0; top: 0; right: 0; }
.animation  { margin-top: 15px; padding-top: 15px; width: 1000px; height: 219px }
.contentBand   { position: relative; width: 1000px; height: 448px }
.branding    { background-repeat: no-repeat; margin-top: 45px; margin-right: 32px; margin-left: 34px; position: absolute; top: 0; left: 0; width: 388px; height: 203px; overflow: hidden }
.contentContainer   { position: absolute; top: 0; left: 454px; width: 546px }
/*Navigation*/
.navContainer  { background-image: url("img/nav_T1.gif"); background-repeat: no-repeat; margin-bottom: 10px; position: relative; width: 546px; height: 80px; overflow: hidden }
.navContainer ul { list-style-type: none; margin: 0; padding: 0; width: 546px; height: 57px; overflow: visible; }
.navContainer li { display: inline; width: 30px; height: 25px; }
.navContainer a { text-decoration: none; background-image: url("img/nav_T1_hover.gif"); background-repeat: no-repeat; background-position: 534px 82px; text-indent: -9999px; height: 25px; float: left; overflow: hidden; }
.navContainer li ul  { visibility: hidden; list-style-type: none; display: block; margin: 25px 0 0; position: absolute; z-index: 99; top: 0; left: 0; width: 543px; height: 57px }
.navContainer li:hover ul  { visibility: visible; position: absolute; z-index: 100; top: 0; left: 0 }
/*home nav*/
#T1home { width: 65px; }
a#T1home:hover { background-position: 0 0; }
a#T1home:active { background-image: url("img/nav_T1_active.gif"); background-position: 0 0; }
/*about nav*/
#T1about { width: 76px; }
a#T1about:hover { background-position: -65px 0 }
a#T1about:active { background-image: url(img/nav_T1_active.gif); background-position: -65px 0; }
a#T1aboutOn { background-image: url(img/nav_T1_visited.gif); background-position: -65px 0; width: 76px; }
.subAbout { background-image: url("img/nav_T2_About.gif"); background-repeat: no-repeat; } 
.subAbout a:link { background-image: url(img/nav_T2_About_visited.gif); }
.subAbout a:visited { background-image: url(img/nav_T2_About_visited.gif); }
#T2history { width: 231px; height: 19px; margin-top: 18px; }
a#T2history:hover { background-position: 0 -18px; }
a#T2historyOn { background-position: 0 -18px; width: 231px; height: 19px; margin-top: 18px; }
#T2mission { width: 116px; height: 19px; margin-top: 18px; }
a#T2mission:hover { background-position: -231px -18px; }
a#T2missionOn { background-position: -231px -18px; width: 116px; height: 19px; margin-top: 18px; }
#T2testimonial { width: 196px; height: 19px; margin-top: 18px; }
a#T2testimonial:hover { background-position: -347px -18px; }
a#T2testimonialOn { background-position: -347px -18px; width: 196px; height: 19px; margin-top: 18px; }
#T2news { width: 246px; height: 20px; }
a#T2news:hover { background-position: -0px -37px; }
a#T2newsOn { background-position: 0 -37px; width: 246px; height: 19px; }
#T2community { width: 75px; height: 20px; }
a#T2community:hover { background-position: -246px -37px; }
a#T2communityOn { background-position: -246px -37px; width: 75px; height: 19px; }
#T2affiliations { width: 222px; height: 20px; }
a#T2affiliations:hover { background-position: -321px -37px; }
a#T2affiliationsOn { background-position: -321px -37px; width: 222px; height: 19px; }
/*capabilities nav*/
#T1capabilities { width: 112px }
a#T1capabilities:hover { background-position: -141px 0 }
a#T1capabilities:active { background-image: url(img/nav_T1_active.gif); background-position: -141px 0; }
a#T1capabilitiesOn { background-image: url(img/nav_T1_visited.gif); background-position: -141px 0; width: 112px; }
.subCapabilities { background-image: url("img/nav_T2_Capabilities.gif"); background-repeat: no-repeat; }
.subCapabilities a:link { background-image: url(img/nav_T2_Capabilities_visited.gif); }
.subCapabilities a:visited { background-image: url(img/nav_T2_Capabilities_visited.gif); }
#T2management   { margin-top: 18px; width: 214px; height: 19px }
a#T2management:hover { background-position: -0px -18px; }
a#T2managementOn   { background-position: 0 -18px; margin-top: 18px; width: 214px; height: 19px }
#T2manufacturing  { margin-top: 18px; width: 105px; height: 19px }
a#T2manufacturing:hover   { background-position: -214px -18px }
a#T2manufacturingOn    { background-position: -214px -18px; margin-top: 18px; width: 105px; height: 19px }
#T2estimating  { margin-top: 18px; width: 224px; height: 19px }
a#T2estimating:hover   { background-position: -319px -18px }
a#T2estimatingOn    { background-position: -319px -18px; margin-top: 18px; width: 224px; height: 19px }
#T2installation   { width: 219px; height: 20px }
a#T2installation:hover   { background-position: 0 -37px }
a#T2installationOn     { background-position: 0 -37px; margin-top: 18px; width: 219px; height: 20px }
#T2wayfinding   { width: 81px; height: 20px }
a#T2wayfinding:hover    { background-position: -219px -37px }
a#T2wayfindingOn     { background-position: -219px -37px; width: 81px; height: 20px }
#T2partnership    { width: 243px; height: 20px }
a#T2partnership:hover    { background-position: -300px -37px }
a#T2partnershipOn      { background-position: -300px -37px; width: 243px; height: 20px }
/*design nav*/
#T1design { width: 79px }
a#T1design:hover { background-position: -253px 0 }
a#T1design:active  { background-image: url(img/nav_T1_active.gif); background-position: -253px 0; }
a#T1designOn { background-image: url(img/nav_T1_visited.gif); background-position: -253px 0; width: 79px; }
.subDesign { background-image: url("img/nav_T2_Design.gif"); background-repeat: no-repeat; }
.subDesign a:link { background-image: url(img/nav_T2_Design_visited.gif); }
.subDesign a:visited { background-image: url(img/nav_T2_Design_visited.gif); }
#T2logo  { margin-top: 18px; width: 543px; height: 19px }
a#T2logo:hover { background-position: -0 -18px; }
a#T2logoOn  { background-position: 0 -18px; margin-top: 18px; width: 543px; height: 19px }
#T2branding { width: 72px; height: 19px; margin-top: 18px; }
a#T2branding:hover { background-position: -225px -18px; }
a#T2brandingOn { background-position: -225px -18px; width: 72px; height: 19px; margin-top: 18px; }
#T2files { width: 246px; height: 19px; margin-top: 18px; }
a#T2files:hover { background-position: -297px -18px; }
a#T2filesOn { background-position: -297px -18px; width: 246px; height: 19px; margin-top: 18px; }
/*product gallery nav*/
#T1product { width: 135px  }
a#T1product:hover { background-position: -332px 0 }
a#T1product:active { background-image: url(img/nav_T1_active.gif); background-position: -332px 0; }
a#T1productOn { background-image: url(img/nav_T1_visited.gif); background-position: -332px 0; width: 135px; }
#subVisible ul { display: block; margin: 25px 0 0; position: absolute; left: 0; width: 543px; height: 57px ; z-index: 99; visibility: visible; list-style-type: none; }
.subProduct { background-image: url("img/nav_T2_Product.gif"); background-repeat: no-repeat; }
.subProduct a:link { background-image: url(img/nav_T2_Product_visited.gif); }
.subProduct a:visited { background-image: url(img/nav_T2_Product_visited.gif); }
#T2pylons  { margin-top: 18px; width: 123px; height: 19px }
a#T2pylons:hover { background-position: 0 -18px; }
a#T2pylonsOn  { background-position: 0 -18px; margin-top: 18px; width: 123px; height: 19px }
#T2ada  { margin-top: 18px; width: 35px; height: 19px }
a#T2ada:hover  { background-position: -123px -18px }
a#T2adaOn   { background-position: -123px -18px; margin-top: 18px; width: 35px; height: 19px }
#T2channel  { margin-top: 18px; width: 106px; height: 19px }
a#T2channel:hover  { background-position: -158px -18px }
a#T2channelOn   { background-position: -158px -18px; margin-top: 18px; width: 106px; height: 19px }
#T2vehicle  { margin-top: 18px; width: 56px; height: 19px }
a#T2vehicle:hover  { background-position: -264px -18px }
a#T2vehicleOn   { background-position: -264px -18px; margin-top: 18px; width: 56px; height: 19px }
#T2awnings  { margin-top: 18px; width: 61px; height: 19px }
a#T2awnings:hover  { background-position: -320px -18px }
a#T2awningsOn   { background-position: -320px -18px; margin-top: 18px; width: 61px; height: 19px }
#T2digital  { margin-top: 18px; width: 53px; height: 19px }
#T2digital:hover  { background-position: -381px -18px }
a#T2digitalOn   { background-position: -381px -18px; margin-top: 18px; width: 53px; height: 19px }
#T2vinyl  { margin-top: 18px; width: 109px; height: 19px }
a#T2vinyl:hover  { background-position: -434px -18px }
a#T2vinylOn   { background-position: -434px -18px; margin-top: 18px; width: 109px; height: 19px }
#T2message   { width: 174px; height: 20px }
a#T2message:hover  { background-position: 0 -37px }
a#T2messageOn   { background-position: 0 -37px; width: 174px; height: 19px }
#T2wayfindings  { width: 81px; height: 20px }
#T2wayfindings:hover  { background-position: -174px -37px }
a#T2wayfindingsOn   { background-position: -174px -37px; width: 81px; height: 20px }
#T2neon  { width: 43px; height: 20px }
a#T2neon:hover  { background-position: -255px -37px }
a#T2neonOn   { background-position: -255px -37px; width: 43px; height: 20px }
#T2ground  { width: 101px; height: 20px }
a#T2ground:hover  { background-position: -298px -37px }
a#T2groundOn   { background-position: -298px -37px; width: 101px; height: 20px }
#T2wall  { width: 144px; height: 20px }
#T2wall:hover  { background-position: -399px -37px }
a#T2wallOn   { background-position: -399px -37px; width: 144px; height: 20px }
/*contact nav*/
#T1contact { width: 76px }
a#T1contact:hover { background-position: -467px 0 }
a#T1contact:active { background-image: url(img/nav_T1_active.gif); background-position: -467px 0; }
a#T1contactOn { background-image: url(img/nav_T1_visited.gif); background-position: -467px 0; width: 76px; }
/*Content Area
*/
.content    { padding: 0 10px 10px 20px; width: 505px; height: 200px; float: left; clear: left; overflow: auto }
.content a { outline-style: solid; outline-width: 0 }
.content a:link { color: #81190e; text-decoration: none; background-color: #e4d6d3; padding-right: 2px; padding-left: 2px }
.content a:visited { color: #617231; text-decoration: none }
.content a:hover { color: #000; text-decoration: none; outline: solid 1px #81190e }
.content a:active { color: #d6453b; text-decoration: none }
.content p   { color: #656353; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-right: 33px }
.content h2  { color: #617231; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif }
.content h3  { color: #81190e; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }
.content dl { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-right: 20px; margin-left: 20px; }
.content dd { font-size: 10px; margin-bottom: 20px; }
.content dt.color1 { color: #656353 }
.content dd.color1 { color: #656353 }
.content dt.color2 { color: #81190e }
.content dd.color2 { color: #81190e }
.content dt.color3 { color: #617231 }
.content dd.color3 { color: #617231 }
.content ul { color: #656353; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: disc; }
.content ol { color: #656353; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: decimal }
.logoband  { padding-left: 20px; width: 534px; height: 97px; clear: left }
.logoband img  { padding-right: 10px }
.address { line-height: 100em; background-image: url("img/address.gif"); background-repeat: no-repeat; text-align: center; width: 1000px; height: 18px; overflow: hidden }
/*Form Definition*/
fieldset  { width: 60%; border-width: 0 }
legend { color: #656353; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold }
fieldset input { color: #62683b; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; float: right; border: solid 1px #6c3519 }
fieldset input:hover  { border: solid 1px #000 }
fieldset input: active, input:focus { border: solid 1px #ccc }
fieldset textarea { color: #62683b; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; border: solid 1px #6c3519 }
fieldset textarea:hover  { border: solid 1px #000 }
fieldset textarea:active, textarea:focus { border: solid 1px #ccc }
#submit input { color: #656353; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #f6d5d2; padding: 2px; border: solid 1px #6c3519 }
#submit input:hover { color: #6c3519; background-color: #ccc }
label, label span { display: block; margin-bottom: 0.25em }
label { width: 100%; float: left }
label span { color: #62683b; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: right; width: 45%; float: left }