/* Start global styles */ body {font-family:"Century Gothic", Arial, sans-serif; font-size: 62.5%; /* makes default font-size (1em) = 10px */ color: #333333; margin: 0; background: #e9e9e8; text-align:center; background-image:url(images/container_bkgnd.gif); } * { padding:0; margin:0 } H1 {font-size:2em; color:#333333} /* displayed at 20px */ H2 {font-size:1.5em; color:#333333} /* displayed at 15px */ H3 {font-size:1.25em; color:#333333} /* displayed at 12.5px */ H4 { color:#333333; font-size:1em;} /* displayed at 10px */ INPUT, SELECT, TH, TD, TEXTAREA {font-size:1em; margin:0 0 5px; float:right; clear:right; color:#333333; width:180px; border:1px solid #cccccc; } Label { float:left; } p { font-size:1em; } a:link { color:#3b7ac0; text-decoration:none; } a:visited { color:#3b7ac0; text-decoration:none; } a:hover { color:#333333; text-decoration:none; } img { border:none; } /* End global styles */ /* Start Header styles */ #container { width:960px; text-align:center; margin: 0 auto; } #contentcontainer { width:960px; text-align:left; background-image: url(images/content_container_bkgnd.png); background-repeat:repeat-y; margin:0; padding:0; z-index:300; } #navigation { width:960px; height:37px; margin: 0; background-image:url(images/nav-bkgnd.jpg); background-repeat:no-repeat; z-index:300; } #navigation ul { list-style:none outside none; margin:0 0 0 44px; padding:5px 0 0; } #navigation ul li { color:#FFFFFF; display:inline-block; float:left; padding:9px 0 0; text-align:center; width:95px; height:22px; } #navigation ul li:hover { color: #cccccc; } #navigation ul li a:link, #navigation ul li a:visited { color:#FFFFFF; display:block; font-size:0.9em; font-weight:normal; margin:0; } #navigation ul li a:hover { color: #cccccc; } #navigation ul li.home { height:31px; margin:0; padding:0; } #home #navigation ul li.home { background-image:url(images/nav-current.png); } #services #navigation ul li.services { background-image:url(images/nav-current.png); } #company #navigation ul li.company { background-image:url(images/nav-current.png); } #guarantees #navigation ul li.guarantees { background-image:url(images/nav-current.png); } #pricing #navigation ul li.pricing { background-image:url(images/nav-current.png); } #contact #navigation ul li.contact { background-image:url(images/nav-current.png); } #benefits #navigation ul li.benefits { background-image:url(images/nav-current.png); } /* #navigation a, #navigation a:visited {display:block; font-size:1em; color:#333333; height:2.5em; line-height:2.4em; text-decoration:none; text-indent:5px; border:0px solid #fff; border-width:0px; margin: 0 20px 0 0;} Set up the sub level borders #navigation li ul li a, #navigation li ul li a:visited {border-width:0 ; width:22em;} */ #navigation ul li ul li.first { padding:16px 0 0 0; height:35px; } #navigation ul li ul li.wide { padding:0; margin:0; height:35px; width:24em; } #navigation ul li ul li.first-wide { padding:16px 0 0 0; height:35px; width:24em; } #navigation ul li ul li { display:block; width:18em; height:35px; background:url(images/nav-dropdown-bkgnd.png); float:left; } #navigation ul li ul li a { height:35px; padding:9px; font-size: 1.4em; display:block; font-weight:bold; color:#fff; } #navigation li:hover {position:relative; color:#3b7ac0; text-decoration:none;} /* For Non-IE browsers and IE7 */ #navigation li:hover > a { color:#000; background:url(images/nav-dropdown-bkgnd-roll.png); background-repeat:repeat-x; } /* Make the hovered list color persist */ #navigation li ul {display:none; padding:0; margin:0; } #navigation li:hover > ul {display:block; position:absolute; top:35px; left:-35px; padding:0px 30px 0px 35px; background:transparent; background-image:url(images/transparent.gif); width:18em;}/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */ /* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */ #navigation > li:hover > ul { left:-30px; top:25px; } /* Position the first sub level beneath the top level liinks */ #navigation table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1.4em;} /* get rid of the table */ #navigation li a:active, #navigation li a:focus {color:#fff; text-decoration:none;} /* For accessibility of the top level menu when tabbing */ #navigation li a:hover ul ul{ visibility:hidden; } /* keep the third level+ hidden when you hover on first level link */ #navigation li a:hover ul { visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px; } /* make the second level visible when hover on first level link and position it */ #navigation li.last {width: 150px; background-image: url(images/nav_drop_down_rounded_corners.png); background-repeat:no-repeat; border:0; } /* End header styles */ /* Start main image styles */ #main-image { clear:both; width:920px; height:287px; margin: 0px auto; overflow:hidden; } #main-image span.title {display:block; margin-left:921px; height:78px; } #main-image span.action-buttons { float:left; height:36px; margin:23px 0 0 641px; width:170px; } #main-image img { clear:left; float:left; margin:3px 0 0 0px; } #home #main-image { background-image:url(images/home-main-image.jpg); background-repeat:no-repeat; } #services #main-image { background-image:url(images/home-main-image.jpg); background-repeat:no-repeat; } #guarantees #main-image { background-image:url(images/home-main-image.jpg); background-repeat:no-repeat; } #pricing #main-image { background-image:url(images/home-main-image.jpg); background-repeat:no-repeat; } #company #main-image { background-image:url(images/home-main-image.jpg); background-repeat:no-repeat; } #contact #main-image { background-image:url(images/home-main-image.jpg); background-repeat:no-repeat; } #benefits #main-image { background-image:url(images/home-main-image.jpg); background-repeat:no-repeat; } /* End main image styles */ /* Start text box styles */ #content_block_container {width:880px; margin: 0px 0 0 50px; } #content_block_container h3 { color:#333333; font-size:2.2em; font-weight:normal; margin:0px 10px 0 15px; } #content_block_container h3 a.h3:link, a.h3:visited { color:#333333; text-decoration:none; } #content_block_container h3 a.h3:hover { color:#3b7ac0; text-decoration:underline; } #content_block_container h4 { color:#333333; font-size:1.6em; font-weight:bold; margin:10px 10px 0 15px; position:relative; top:10px; } #content_block_container p { margin: 10px 10px 10px 15px; font-size:1.3em; line-height:1.4em; } #content_block_container p a:link, a:visited { color:#3b7ac0; text-decoration:none; } #content_block_container p a:hover { color:#333333; text-decoration:underline; } #content_block_container ul {margin: 10px 0 0 33px; padding:0 10px 0 0; list-style-image:url(images/logo-symbol_bullet.gif);} #content_block_container ul li {padding: 0px 0 2px 0; margin:0 0 0 0; font-size:1.3em; line-height:1.6em; } #content_block_container img { margin: 1px 0 0 1px; } #content_block_container .what-we-do {float: left; background-image:url(images/what-we-do-bkgnd.jpg); width: 293px; height:164px;} #content_block_container .how-we-do-it {float: left; background-image:url(images/how-we-do-it-bkgnd.jpg); width: 293px; height:164px;} #content_block_container .the-proof {float: left; background-image:url(images/the-proof-bkgnd.jpg); width: 223px; height:164px; margin-left:1px; padding: 0 0 0 70px; } #content_block_container p.button { margin-left:8px; } #content_block_container p.subtitle { margin-top:20px; font-size:1.5em; text-transform:uppercase; border-bottom:1px solid #CCCCCC; } #content_block_container .left-col { width:482px; float:left; } #content_block_container .left-col img.txtimg { clear:right; float:right; margin:10px; } #content_block_container .left-col p { margin-right: 20px; } #content_block_container .right-col { width:378px; float:left; background-image:url(images/right-col-bkgnd.jpg); background-repeat:no-repeat; padding-left:20px; } #content_block_container .right-col h3 { font-size:2em; margin-top:4px; } #content_block_container span.highlighted { font-weight:bold; color:#91499b; } #content_block_container .form { margin: 10px 10px 10px 15px; font-size:1.3em; line-height:1.6em; width:310px; } #content_block_container .form-wide { margin: 10px 10px 10px 15px; font-size:1.3em; line-height:1.9em; width:420px; } #content_block_container .submit-button { position:relative; left:-9px; border: none; } #content_block_container .sitemap ul { margin-top:0; } #content_block_container .defined { padding:10px 0; border-bottom:1px dashed #999; width:350px; } /* End text box styles */ /* Start footer styles */ #footer {clear:both; width:960px; padding:0px 20px 10px 41px; font-size:1.1em; } #footer, #footer ul { float:left; list-style-type: none;} #footer a:link, #footer a:visited {display:block; margin:0 20px 0 0; color:#555555; height:1.1em; line-height:1.1em; text-decoration:none; text-indent:5px;} #footer a:hover {display: block; color:#3b7ac0; text-decoration:none; } #footer li {float:left;} #footer li:hover {position:relative; color:#006633; text-decoration:none;} #footer .copyright { float:right; width: 240px; height:1.1em; padding:0px 0 0 28px; margin:0px 60px 0 0; color:#555555; } #footer .divider { border-top: 1px solid #cccccc; width:880px; } .footer-links { display:block; height:1px; margin:2px 0 0 0; overflow:hidden; } /* End footer styles */ /* PRINT */ @media print { body, #main, #content { color:#000 !important; } a, a:link, a:visited { color:#000 !important; text-decoration:none !important; } }