/* COLORS WarmBlack #684f40 WarmBlack 75% #958379 WarmBlack 50% #bcaa9e Red #ef3e42 Green #b2aa7e Brown #7b5c40 Fl Green #C1D630 */ * { margin: 0; padding: 0 } .clear { clear: both; } a { text-decoration: none; color: #ef3e42; } .bold { font-weight: bold; } .italic { font-style: italic; } .case-studies { font: lighter 14px Arial, Helvetica, sans-serif; color: #958379; line-height: 20px; } #page-wrap { width: 800px; min-height: 300px; height: auto !important; height: 300px; background: url(images/page-wrap-bg.jpg) no-repeat #FFFFFF; margin: 0 auto; padding-top: 20px; } #header { width: 800px; height: 182px; } /** #header-logo { width: 260px; height: 182px; repeat: none; outline: none; float: left; }**/ #header_link { height:120px; position:relative; width: 250px; cursor:pointer; z-index:2; float:left; } #header-login { width: 18px; height: 182px; background: url(images/client-login-vertical.png) no-repeat; float: right; } #log-in { width:180px; min-height: 80px; height:auto !important; height:80px; background: url(images/callout-gradient.jpg) repeat-y; padding-top: 10px; margin-top: 35px; float: right; margin-right: 50px; } h3 { font: normal 12px Arial, Helvetica, sans-serif; color: #ef3e42; margin: 0 0 3px 10px ; } #login input.submit-button { width: 30px; height: 45px; background:url(images/submit-button.jpg) no-repeat bottom center; } #login input.submit-button:hover, #login input.submit-button:active { background-shift: top center; } .login-copy { font: 10px Arial, Helvetica, sans-serif; color: #000000; display: block; margin: 2px 0 10px 10px; } #main-nav { width: 200px; min-height: 180px; height: auto !important; height: 180px; margin: 0 0 20px 50px; padding: 20px 0 20px 0; float: left; } #nav-top { width: 200px; height: 78px; background: url(images/nav-top.jpg) repeat-x; } #nav-bottom { width: 200px; height: 238px; background: url(images/nav-bottom.jpg) repeat-x; padding-top: 30px; } #main-nav ul { font: bold 12px/35px Arial, Helvetica, sans-serif; } #main-nav ul li { list-style: none; } #main-nav ul li a { text-decoration: none; color: #684f40; outline: none; display: block; width: 200px; height: 35px; } #main-nav ul li a:hover { color: #ef3e42; } #main-nav ul li a:active { color: #ef3e42; } #main-nav .nav-landing { color: #ef3e42; } .sub-nav { color: #958379; } .sub-nav a { color: #958379; } .sub-nav a:hover { color: #ef3e42; } .sub-nav a:active { color: #ef3e42; } #advantage-button { width: 131px; height: 49px; margin-bottom: 10px; background: url(images/advantage-button2.png) no-repeat; margin: 0 0 0 20px; } .callout1 { width: 180px; height: 1px; margin-bottom: 20px; background: url(images/callout1.jpg) no-repeat; margin: 10px 0 0 10px; } #potential-button { width: 167px; height: 98px; background-image: url(images/potential-button.jpg) } #main-column { width: 420px; min-height: 550px; height: auto !important; height: 550px; margin: 25px 70px 20px 0; background: url(images/main-column-bg.jpg) no-repeat; float: right; } .main-column-title-1 { font: 20px Arial, Helvetica, sans-serif; color: #000000; } .main-column-title-2 { font: 24px Arial, Helvetica, sans-serif; color: #ef3e42; } #main-column p { font: 12px Arial, Helvetica, sans-serif; color: #684f40; line-height: 18px; margin-top: 10px; } #main-column h2 { font: normal 14px Arial, Helvetica, sans-serif; color: #ce6f19; margin-top: 20px; } #main-column-image { width: 420px; height: 180px; margin: 0 0 20px 0; float: left; } ul.body { list-style: disk; margin-left: 12px; } ul.body li { font: 12px Arial, Helvetica, sans-serif; color: #684f40; line-height: 18px; margin-top: 10px; } .call-out-box { width: 160px; min-height: 52px; height: auto !important; height: 52px; float: left; margin: 10px 0 0 25px; } .call-out-headline { font: 12px Arial, Helvetica, sans-serif; color: #72a492; display: block; margin: 0 0 0 0; } .call-out-copy { font: 10px Arial, Helvetica, sans-serif; color: #000000; display: block; margin: 0 0 0 0; } .call-out-headline2 { font: 12px Arial, Helvetica, sans-serif; color: #ce6f19; display: block; margin: 5px 0 0 0; } #footer { width: 800px; min-height: 50px; height: auto !important; height: 50px; } #footer-copy { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-align: center; margin-top: 11px; float: left; } #footer-bar { width: 800px; height: 30px; background-color: #b2aa7e; display: block; } #footer-sitemap { width: 350px; height: auto; margin: 0 0 5px 30px; float: left; display: inline; } #footer-sitemap-copy { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #684f40; line-height: 18px; } #footer-sitemap-copy a { text-decoration: none; color: #684f40; outline: none; } #footer-sitemap-copy a:hover { color: #bcaa9e; } #footer-sitemap-copy a:active { color: #ef3e42; } #footer-contact { width: 375px; height: auto; margin: 20px 30px 5px 0; float: right; display: inline; } #footer-contact-copy { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #684f40; line-height: 18px; text-align: right; } #footer-contact-copy a { text-decoration: none; color: #ef3e42; outline: none; } #footer-contact-copy a:hover { color: #bcaa9e; } #footer-contact-copy a:active { color: #ef3e42; } /**HomePage**/ #home-main-column { width: 500px; min-height: 420px; height: auto !important; height: 420px; margin: 50px 20px 20px 0; float: right; background: url(images/home-bg.jpg) no-repeat; } #home-main-column-copy { width: 280px; margin: 130px 0 0 5px; } #home-main-column p { font: 11px Arial, Helvetica, sans-serif; color: #684f40; line-height: 18px; margin-top: 10px; } #home-graphic { Wwidth: 172px; height: 212px; background: url(images/home-graphic.jpg) no-repeat; margin: 20px 0 0 120px; } .quote-title { font: bold 12px Arial, Helvetica, sans-serif; color: #684f40; line-height: 30px; margin-top: 10px; }