/* Site-wide Elements */ body { font: normal x-small/1.5em Verdana, sans-serif; color: #000000; voice-family: "\"}\""; voice-family: inherit; font-size: small; margin: 0px; padding: 0px; background: #EEE url(images/gfx_pageBkg.jpg) repeat-x; height: 100%; } html>body { font-size: small;} #pageBkg { position: absolute; left: 50%; margin-left: -396px; margin-top: 0px; background-color: #FFF; width: 792px; height: 100%; z-index: 2; top: -7px; } #copyright { position: absolute; left: 50%; margin-top: 63px; margin-left: 405px; width: 10px; height: 403px; z-index: 99; } .phoneNumber { float: right; width: 157px; height: 38px; } h1 { font: normal 160%/1em Verdana, sans-serif; color: #993300; padding: 0 0 10px 0; margin: 0; } h3 { font: bold 90%/1.5em Verdana, sans-serif; padding: 0 0 2px 0; margin: 0; } h4 { font: normal 90%/1.5em Verdana, sans-serif; padding: 0 0 10px 0; margin: 0; } /* Hypertext Elements */ a:link { color: #2152A3; text-decoration: underline; } a:visited { color: #2152A3; } a:hover { color: #015EFF; } a { color: #2152A3; text-decoration: underline; } /* Primary Navigation */ #navcontainer { margin: 0 0 0 34px; padding: 10px 0 0 0; height: 20px; } #navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; } #navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; } #navcontainer ul li a { padding: 5px 17px 5px 17px ; margin: 0; color: #000; text-decoration: none; display: block; font: normal 10px/1em verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; } #navcontainer ul li a:hover { color: #000; background: #FFE683; } #navcontainer a:active { background: #c60; color: #000; } #navcontainer li#active a { background: #c60; color: #000; } #navcontainer2 { margin: 0 0 0 34px; padding: 10px 0 0 0; height: 20px; } #navcontainer2 ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; } #navcontainer2 ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; } #navcontainer2 ul li a { padding: 5px 17px 5px 17px ; margin: 0; color: #000; text-decoration: none; display: block; font: normal 10px/1em verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; } #navcontainer2 ul li a:hover { color: #000; background: #FFE683; } #navcontainer2 a:active { background: #FFF; color: #000; } #navcontainer2 li#active a { background: #FFF; color: #000; } .PnavON { font: normal 10px/1em verdana, sans-serif; background-color: #00203B; color: #FFF; text-transform: uppercase; letter-spacing: 1px; padding: 5px 17px 5px 17px ; display: block; } /* Secondary Navigation */ #navcontainerSec { width: 190px; padding: 0px; } #navcontainerSec ul { margin: 0; padding: 0; list-style-type: none; font: normal 10px/1em verdana, sans-serif; line-height: 20px; } #navcontainerSec a { display: block; width: 178px; background-color: #F2F0DF; border-bottom: 1px solid #FFF; text-transform: uppercase; letter-spacing: 1px; padding: 0px 0px 0px 5px ; } #navcontainerSec a:link, #navlistSec a:visited { color: #000; text-decoration: none; } #navcontainerSec li { margin: 0 ; padding: 0; } #navcontainerSec a:hover { background-color: #FFE683; color: #000; } .SnavON { font: normal 10px/1em verdana, sans-serif; background-color: #003159; color: #FFF; text-transform: uppercase; letter-spacing: 1px; padding: 0px 0px 0px 5px ; display: block; line-height: 20px; width: 178px; } /* Home Page */ .homeBanner { margin-left: 12px; margin-top: 10px; width: 768px; height: 171px; } .contentWrapper { margin-left: 12px; padding-bottom: 20px; width: 766px; border-left: 1px #7E8E9C solid; border-right: 1px #7E8E9C solid; } .contentBottom { margin-left: 12px; width: 768px; height: 10px; background-color: #00203B; } .homeImage { margin-left: 34px; margin-top: 17px; width: 700px; height: 213px; overflow: hidden } #KUT_wrapper { margin-left: 9px; margin-top: 22px; width: 748px; height: 82px; } #index_KUT_01 a:link, #index_KUT_01 a:visited { width: 244px; height: 82px; background: url(images/gfx_home_KUT_01.gif) #F2F0DF no-repeat; display: block; } #index_KUT_01 a:hover { background-color: #FFE683; } #index_KUT_02 a:link, #index_KUT_02 a:visited { width: 244px; height: 82px; background: url(images/gfx_home_KUT_02.gif) #F2F0DF no-repeat; display: block; } #index_KUT_02 a:hover { background-color: #FFE683; } #index_KUT_03 a:link, #index_KUT_03 a:visited { width: 244px; height: 82px; background: url(images/gfx_home_KUT_03.gif) #F2F0DF no-repeat; display: block; } #index_KUT_03 a:hover { background-color: #FFE683; } .KUT { padding: 0px 7px 0 11px; } .KUT_text { } .KUT_text a { color: #000; text-decoration: none; } .KUT_text a:link { color: #000; text-decoration: none; font: normal 80%/0.8em Verdana, sans-serif; } .KUT_text a:visited { color: #000; } .KUT_text a:hover { color: #000; text-decoration: none; } /* Interior Pages */ .interiorBanner { margin-left: 12px; padding-top: 10px; width: 768px; height: 108px; } .contentSecNav { margin-left: 12px; margin-top: 20px; width: 748px; } .secNavCol { width: 190px; } .contentwell { padding: 0 15px 50px 20px; } .contentwell_iframe { padding: 0 0px 50px 20px; } .visualExamples_wrapper { float: right; padding: 0 0 12px 15px; width: 200px; } .pictureText { font: normal 88%/1.2em Verdana, sans-serif; text-align: center; color: #688397; } .pictureText2 { font: normal 85%/1.2em Verdana, sans-serif; text-align: center; color: #688397; text-transform: uppercase; letter-spacing: 1px; padding-top: 10px; } .quote { font: normal 140%/1.4em Verdana, sans-serif; color: #0099FF; margin: 35px 0 14px 11px; } .creditText { font: normal 88%/1.2em Verdana, Arial, Helvetica, sans-serif; margin: 0 10px 0 11px; padding: 10px 0 0 0; color: #688397; border-top: 1px #000 dotted; } /* FAQ */ .FAQ_question { color: #2152A3; text-decoration: underline; cursor: hand; padding: 0 0 6px 0; } .FAQ_answer { padding: 0 20px 0 0 ; } /* Portfolio */ .thumbnailArea { overflow: auto; width: 190px; height: 412px; } .thumb_text { font: normal 11px/1em verdana, sans-serif; line-height: 20px; color: #003159; } .thumb_text2 { font: normal 11px/1em verdana, sans-serif; padding: 0px 0px 0px 0px; line-height: 20px; color: #003159; } .thumb_image { padding: 0 0 2px 0; } .clickToView { position: absolute; left: 45%; margin-left: -19px; margin-top: 166px; z-index: 99; ; clip: rect( )} .iframe_wrapper { padding: 3px 0 0 0; width: 525px; height: 415px; } .textBelowiframe { font: normal 11px/1.5em Verdana, Arial, Helvetica, sans-serif; padding: 20px 40px 0px 20px; } .blend img {opacity: 0; -moz-opacity: 0; -khtml-opacity:0; filter: alpha(opacity=0); }