/*Universal*/ body { background-image: url(../images/BGMain.gif); background-repeat: repeat-x; margin: 0px; } #Sub { background-image: url(../images/BGMainSub.gif); background-repeat: repeat-x; margin: 0px; } /*Template*/ #Template { position: relative; width: 732px; margin: 0 auto 0 auto; font: 12px Arial; color: #666666; border: 1px solid #5C94B3; } #Header { position: relative; width: 732px; height: 109px; background-image: url(../images/BGHeader.gif); background-repeat: repeat-x; } #Logo { position: relative; width: 211px; height: 98px; float: right; background: url(../images/HeaderLogo.png) no-repeat 0px 0px; margin-left: 2px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/HeaderLogo.png'); } #Picture { position: relative; width: 732px; height: 245px; background-image: url(../images/HeaderImage.jpg); } #PictureSub { position: relative; width: 732px; height: 48px; background-image: url(../images/HeaderImageSub.jpg); } #LearnMore { position: absolute; width: 203px; height: 82px; margin-top: 159px; margin-left: 503px; } .ContentArea { position: relative; width: 732px; padding: 0px; background-color: #FFFFFF; } .ContentAreaSub { position: relative; width: 428px; padding: 10px; margin-top: 30px; margin-left: 25px; } .ContentAreaSubRight { position: absolute; width: 200px; left: 485px; top: -20px; } #ContentAreaRight { position: relative; float: left; width: 470px; padding: 10px; } .PanelContainer { position: relative; float: left; width: 237px; background-color: #FFFFFF; padding-top: 8px; padding-left: 9px; } .PanelContent { position: relative; width: 201px; padding: 5px; font: 11px Arial; color: #909090; } #PanelHome { position: relative; width: 52px; height: 60px; background: url(../images/ShieldHome.jpg) no-repeat 0px 0px; margin: 10px; float:left; } #PanelSmall { position: relative; width: 52px; height: 60px; background: url(../images/ShieldSmall.jpg) no-repeat 0px 0px; margin: 10px; float:left; } #PanelEnterprise { position: relative; width: 52px; height: 60px; background: url(../images/ShieldEnterprise.jpg) no-repeat 0px 0px; margin: 10px; float:left; } #TitleContainer { position: relative; width: 732px; height: 20px; } #TitleBullet { position: absolute; width: 11px; height: 17px; background-image: url(../images/TitleBullet.gif); margin-top: 22px; margin-left: 17px; background-repeat: none; } #Title { position: absolute; width: 500px; margin-left: 35px; font: 24px Helvetica; color: #5F5F5F; text-align: left; margin-top: 18px; } /* Top Nav */ #NavTop { position:relative; top: 0; width: 732px; height: 31px; margin: 0; padding: 0; /* white-space: nowrap; */ } #NavTop ul,#NavTop li { list-style: none; float: left; margin: 0; padding: 0; } #NavTop span { display: none; } #Navigation { position: relative; z-index: 3; } li#Home a { display: block; background: url(../images/NavHome.gif) no-repeat 0px 0px; width: 121px; height: 31px; } li#Home a:hover { display: block; background: url(../images/NavHome.gif) no-repeat 0px -31px; width: 121px; height: 31px; } li#AboutUs a { display: block; background: url(../images/NavAbout.gif) no-repeat 0px 0px; width: 121px; height: 31px; } li#AboutUs a:hover { display: block; background: url(../images/NavAbout.gif) no-repeat 0px -31px; width: 121px; height: 31px; } li#Products a { display: block; background: url(../images/NavProducts.gif) no-repeat 0px 0px; width: 151px; height: 31px; } li#Products a:hover { display: block; background: url(../images/NavProducts.gif) no-repeat 0px -31px; width: 151px; height: 31px; } li#News a { display: block; background: url(../images/NavNews.gif) no-repeat 0px 0px; width: 97px; height: 31px; } li#News a:hover { display: block; background: url(../images/NavNews.gif) no-repeat 0px -31px; width: 97px; height: 31px; } li#ContactUs a { display: block; background: url(../images/NavContactUs.gif) no-repeat 0px 0px; width: 121px; height: 31px; } li#ContactUs a:hover { display: block; background: url(../images/NavContactUs.gif) no-repeat 0px -31px; width: 121px; height: 31px; } li#ClientLogin a { display: block; background: url(../images/NavClientLogin.gif) no-repeat 0px 0px; width: 121px; height: 31px; } li#ClientLogin a:hover { display: block; background: url(../images/NavClientLogin.gif) no-repeat 0px -31px; width: 121px; height: 31px; } /* Sub Nav */ #SubNav { position: absolute; width: 262px; padding: 5px; left: 445px; top: 10px; font: 10px Helvetica; color: #B9B9B9; z-index: 2; } /* Links */ a:link { font: 12px Arial; color: #0C76B4; text-decoration: none; } a:hover { font: 12px Arial; color: #43B103; text-decoration: underline; } a:visited { font: 12px Arial; color: #0C76B4; text-decoration: none; } a.Red:link { font: 12px Arial; color: #FF0000; text-decoration: none; } a.Red:hover { font: 12px Arial; color: #FF0000; text-decoration: underline; } a.Red:visited { font: 12px Arial; color: #FF0000; text-decoration: none; } a.SubNav:link { font: bold 10px Helvetica; color: #777777; text-decoration: none; } a.SubNav:hover { font: bold 10px Helvetica; color: #C82F3C; text-decoration: none; } a.SubNav:visited { font: bold 10px Helvetica; color: #777777; text-decoration: none; } a.Footer:link { font: bold 10px Helvetica; color: #777777; text-decoration: none; } a.Footer:hover { font: bold 10px Helvetica; color: #C82F3C; text-decoration: none; } a.Footer:visited { font: bold 10px Helvetica; color: #777777; text-decoration: none; } /* Copy Nav */ .CopyGray { font: 12px Arial; color: #777777; } .CopyRed { font: 12px Arial; color: #FF0000; } .CopyGray18 { font: 18px Arial; color: #626262; } .CopyBlue18 { font: 18px Arial; color: #1272B1; } /* Buttons */ #ButtonClickHere { position: absolute; padding: 0; float: left; display: inline; z-index: 5; margin-top: 125px; margin-left: 32px; } #ButtonClickHere a { display: block; background: url(../images/ButtonTestDrive.gif) no-repeat 0px 0px; width: 76px; height: 21px; } #ButtonClickHere a:hover { display: block; background: url(../images/ButtonTestDrive.gif) no-repeat 0px -21px; width: 76px; height: 21px; } #ButtonViewDemo { padding: 0; display: inline; } #ButtonViewDemo a { display: block; background: url(../images/ButtonViewDemo.gif) no-repeat 0px 0px; width: 98px; height: 19px; } #ButtonViewDemo a:hover { display: block; background: url(../images/ButtonViewDemo.gif) no-repeat 0px -19px; width: 98px; height: 19px; } #ButtonLearnMore { padding: 0; float: left; display: inline; margin-top: 5px; } #ButtonLearnMore a { display: block; background: url(../images/ButtonLearnMore.gif) no-repeat 0px 0px; width: 76px; height: 21px; } #ButtonLearnMore a:hover { display: block; background: url(../images/ButtonLearnMore.gif) no-repeat 0px -21px; width: 76px; height: 21px; } #Footer { position: relative; width: 732px; margin: 0 auto 0 auto; font: 10px Arial; color: #CCC; }