html, body { height:100%; } * { margin: 0; padding: 0; } body { text-align: center; border: 0; background: url(pics/bg.gif) repeat-x #fff;} /* holder */ #holder { position: relative; margin: 0 auto; padding: 0; width: 970px; overflow: hidden; text-align: left; border: 0px solid red; } .holder { position: relative; float: right; padding: 0; width: 964px; } /* head */ #hhead { position: relative; float: left; margin: 17px 0px 0px 0px; padding: 0; width: 962px; height: 143px; } #hhead h1.logo { position: absolute; display: block; top: 8px; left: 0; width: 161px; height: 124px; background: url(pics/logo.gif); z-index: 1; } #hhead h1.logo a { position: relative; float: left; display: block; width: 161px; height: 124px; } #hhead h1.logo a span { display: none; } #hhead h2 { position: absolute; left: 315px; top: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 29px; font-weight: normal; color: #FFFFFF; } #hhead h2 span { color: #ece180; } #hhead h3 { position: absolute; left: 196px; top: 106px; width: 370px; height: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 19px; font-weight: normal; line-height: normal; color: #FFFFFF; background:url(pics/bgArrow.gif) right no-repeat; } #hhead h3 span { color: #ece180; } #hhead h3 a, #hhead h3 a:visited { color: #FFFFFF; } /* #hhead h3 { display: none; } */ /* head - temp */ #hhead img.banner { position: relative; float: right; margin-right: 8px; width: 780px; height: 143px; } #hhead img.crm { position: absolute; right: 8px; top: 85px; float: right; width: 287px; height: 58px; background: url(pics/headLogoCrm.gif) } /* body */ #hbody { position: relative; float: left; width: 964px; height: auto; min-height: 707px; } #hbody img.shadow { position: absolute; left: 164px; z-index: 0; } #hbody .hbody { position: relative; float: right; margin-right: 10px; width: 780px; height: auto; min-height: 707px; background: #FFFFFF; } /* body - IE 6 */ * html #hbody { height: 707px; display: inline; } * html #hbody .hbody { height: 707px; display: inline; } /* body - tpl */ #hbody .tpl { position: relative; float: left; width: 490px; min-height: 200px; margin: 0; padding: 48px 10px 40px 20px; } #hbody .tpl #content { margin: 0; padding: 30px 10px 0 0px; } #hbody .tplRight { position: relative; float: right; display: inline; width: 240px; margin: 0px 18px 0px 0px; } /* body - newsletter */ #hbody #newsletter { position: relative; float: left; margin: 8px 0px 0px 0px; width: 240px; height: 133px; background: url(pics/bgEletter.jpg) } #hbody #newsletter h1 { margin: 28px 0px 0px 26px; font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: normal; color: #a4a4a4; } #hbody #newsletter p { margin: 8px 0px 0px 26px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; } #hbody #newsletter a { margin: 8px 0px 0px 26px; display: block; width: 60px; height: 17px; padding-right: 24px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #f39241; background: url(pics/eletterArrow.gif) top right no-repeat; } /* body - newsletter - IE 6 */ #hbody #newsletter { display: inline; } /* body - newsletter */ #hbody #newsBox { position: relative; float: right; margin: 34px 0px 0px 0px; width: 240px; height: auto; background: url(pics/bgNewsbox.gif) top no-repeat; } #hbody #newsBox h1 { margin: 24px 0px 0px 26px; font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: normal; color: #a4a4a4; } #hbody #newsBox .newsBox { position: relative; padding-bottom: 10px; margin: 2px 0px 0px 12px; width: 217px; height: auto; background: url(pics/bgNewsHolder.gif) repeat-x #e7e7e7; } #hbody #newsBox .newsBox .newsholder { width: 184px; margin: 0px 0px 0px 16px; } #hbody #newsBox .newsBox .newsholder ul { list-style: none; } #hbody #newsBox .newsBox .newsholder ul li { padding: 16px 0px 16px 0px; background: url(pics/bgNewsSeperator.gif) bottom repeat-x; } #hbody #newsBox .newsBox .newsholder ul li h2 a, #hbody #newsBox .newsBox .newsholder ul li h2 a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #e5362e; text-decoration: none; } #hbody #newsBox .newsBox .newsholder ul li h2 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #e5362e; text-decoration: underline; } #hbody #newsBox .newsBox .newsholder ul li span { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #828282; } #hbody #newsBox .newsBox .newsholder ul li a, #hbody #newsBox .newsBox .newsholder ul li a:visited { display: block; clear: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #e5362e; text-decoration: none; } #hbody #newsBox .newsBox .newsholder ul li a:hover { display: block; clear: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #e5362e; text-decoration: underline; } #hbody #newsBox .newsBox .newsholder ul li.lastNode { margin-bottom: 16px; height: 21px; font-size: 11px; font-weight: normal; background-position: top; } #hbody #newsBox .newsBox .newsholder ul li.last { padding: 5px 0px 0px 0px; height: 20px; font-size: 11px; font-weight: normal; background-position: bottom; } #hbody #newsBox .newsBox .newsholder ul li.archive { padding: 5px 0px 0px 0px; height: 20px; font-size: 11px; font-weight: normal; background: none; } #hbody #newsBox .newsBox .newsholder ul li.newslink { list-style: disc; padding: 0; margin-left: 15px; color: #9a245b; background: none; } #hbody #newsBox .newsBox .newsholder ul li.newslink a, #hbody #newsBox .newsBox .newsholder ul li.newslink a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #9a245b; text-decoration: underline; } #hbody #newsBox .newsBox .newsholder ul li.newslink a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #9a245b; text-decoration: none; } #hbody #newsBox .newsBox .newsholder ul li.firstLink { padding-top: 16px; } /* body - newsletter - IE 6 */ #hbody #newsBox { display: inline; } /* body - address */ #hbody .hbody .tplRight #address { display: none; } /* main menu */ .mainMenu { position: relative; float: left; margin-top: 40px; width: 174px; } #mainMenu { } #mainMenu ul.mainMenu { position: relative; float: right; width: 169px; } #mainMenu ul.mainMenu li { position: relative; float: left; width: 169px; min-height: 35px; } #mainMenu ul.mainMenu li a, #mainMenu ul.mainMenu li a:active, #mainMenu ul.mainMenu li a:visited { position: relative; float: left; padding: 0px 14px 0px 0px; display: block; width: 155px; min-height: 36px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: right; text-decoration: none; line-height: 36px; color: #2e2e2e; background: none; } #mainMenu ul.mainMenu li a:hover, #mainMenu ul.mainMenu li a.active, #mainMenu ul.mainMenu li a.active:visited, #mainMenu ul.mainMenu li a.active:hover, #mainMenu ul.mainMenu li a.active:active { position: relative; float: left; padding: 0px 14px 0px 0px; display: block; width: 155px; min-height: 36px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: right; text-decoration: none; line-height: 36px; color: #da3e32; background: url(pics/bgMainMenuItem.gif) #FFFFFF; } #mainMenu ul.mainMenu li ul.active { position: relative; float: left; display: block; visibility: visible; width: 169px; background: #d9d9d9; } #mainMenu ul.mainMenu li ul.active li { position: relative; float: left; display: block; width: 169px; min-height: 25px; } #mainMenu ul.mainMenu li ul.active li a, #mainMenu ul.mainMenu li ul.active li a:visited, #mainMenu ul.mainMenu li ul.active li a:active, #mainMenu ul.mainMenu li ul.active li a.active { position: relative; float: left; padding: 0; margin: 0px 0px 0px 7px; display: block; width: 150px; min-height: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; line-height: 24px; color: #5f5f5f; background: url(pics/bgMainMenuSubItem.gif) bottom repeat-x; } #mainMenu ul.mainMenu li ul.active li a:hover, #mainMenu ul.mainMenu li ul.active li a.active, #mainMenu ul.mainMenu li ul.active li a.mouse, #mainMenu ul.mainMenu li ul.active li a.active:visited, #mainMenu ul.mainMenu li ul.active li a.active:hover, #mainMenu ul.mainMenu li ul.active li a.active:active { position: relative; float: left; padding: 0; margin: 0px 0px 0px 7px; display: block; width: 150px; min-height: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; line-height: 24px; color: #5f5f5f; background: url(pics/bgMainMenuSubItem.gif) bottom repeat-x; } #mainMenu ul.mainMenu li ul.active li.firstNode { padding-top: 2px; } #mainMenu ul.mainMenu li ul.active li.lastNode { padding-bottom: 4px; } #mainMenu ul.mainMenu li ul.active li.lastNode a, #mainMenu ul.mainMenu li ul.active li.lastNode a:hover, #mainMenu ul.mainMenu li ul.active li.lastNode a.active { background: none; } /* foot */ #hfoot { position: relative; float: left; margin-left: 162px; width: 799px; height: 70px; clear: both; background: url(pics/bgFoot.gif); } /* foot seo menu */ #hfoot #generalMenu { position: relative; float: left; margin-left: 38px; padding-top: 30px; width: 230px; height: 24px; } #hfoot #generalMenu p { position: relative; float: left; display: inline; width: 104px; height: 24px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #838383; } #hfoot #generalMenu ul { position: relative; float: left; display: inline; height: 24px; list-style: none; } #hfoot #generalMenu ul li { position: relative; float: left; display: inline; height: 24px; list-style: none; } #hfoot #generalMenu ul li a, #hfoot #generalMenu ul li a:link, #hfoot #generalMenu ul li a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #838383; text-decoration: underline; } #hfoot #generalMenu ul li a:hover, #hfoot #generalMenu ul li a:active, #hfoot #generalMenu ul li a.active, #hfoot #generalMenu ul li a:visited.active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #838383; text-decoration: none;} /* foot - footmenu */ #hfoot #footMenu { position: relative; float: right; padding-top: 48px; margin: 0px 28px 0px 0px; width: 472px; height: 24px; } #hfoot #footMenu ul { position: relative; float: right; height: 24px; list-style: none; } #hfoot #footMenu ul li { position: relative; float: right; padding: 0px 6px 0px 6px; height: 24px; background: url(pics/divFootMenu.gif) right 5px no-repeat; } #hfoot #footMenu ul li a, #hfoot #footMenu ul li a:link, #hfoot #footMenu ul li a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #838383; text-decoration: underline; } #hfoot #footMenu ul li a:hover, #hfoot #footMenu ul li a:active, #hfoot #footMenu ul li a.active, #hfoot #footMenu ul li a:visited.active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #838383; text-decoration: underline;} #hfoot #footMenu ul li.firstNode { background: none; } /* foot - IE 6 */ #hfoot { display: inline; } #hfoot #generalMenu { display: inline; } #hfoot #footMenu { display: inline; }