/*===============================IMAGE REPLACEMENT==============================*/ .no { letter-spacing : -1000em; } /* Just for Opera, but hide from MacIE */ /*\*/html>body .no { letter-spacing : normal; text-indent : -999em; overflow : hidden;} /* End of hack */ /*===================================H1/H2/H3/H4/H5=============================*/ h1#banner { width:973px; height:312px; float:left; background:url(/images/index/banner-pic.jpg) top left no-repeat; } /*HEADERS*/ h2#about_us_h { width:973px; height:225px; float:left; background:url(/images/headers/about-h.jpg) top left no-repeat; } h2#services_h { width:973px; height:225px; float:left; background:url(/images/headers/services-products-h.jpg) top left no-repeat; } h2#testimonials_h { width:973px; height:225px; float:left; background:url(/images/headers/testimonials-h.jpg) top left no-repeat; } h2#careers_h { width:973px; height:225px; float:left; background:url(/images/headers/careers-h.jpg) top left no-repeat; } h2#contact_us_h { width:973px; height:225px; float:left; background:url(/images/headers/contact-h.jpg) top left no-repeat; } h2#login_h { width:973px; height:225px; float:left; background:url(/images/headers/customer-login-h.jpg) top left no-repeat; } h2#four_zero_four_h { width:973px; height:225px; float:left; background:url(/images/headers/404-h.jpg) top left no-repeat; } /*PAGE SUBHEADERS*/ h3#about_company_sh { width:525px; height:19px; background:url(/images/sh/about-sh.jpg) top left no-repeat; } h3#our_services_sh { width:525px; height:19px; background:url(/images/sh/services-sh.jpg) top left no-repeat; } h3#our_products_sh { width:525px; height:19px; background:url(/images/sh/products-sh.jpg) top left no-repeat; } h3#what_ppl_sh { width:525px; height:19px; background:url(/images/sh/testimonial-sh.jpg) top left no-repeat; } h3#how_may_sh { width:525px; height:19px; background:url(/images/sh/contact-sh.jpg) top left no-repeat; } /*FOOTER ICONS*/ h3#ms_partner { width:90px; height:96px; float:left; background:url(/images/index/microsoft-partner.jpg) top left no-repeat; margin:0 15px 0 0; } h3#ms_pro { width:90px; height:96px; float:left; background:url(/images/index/microsoft-pro.jpg) top left no-repeat; margin:0 15px 0 0; } h3#bb_logo { width:59px; height:95px; float:left; background:url(/images/index/BBB_accredited_logo.jpg) top left no-repeat; } h3#nrc_logo { width:72px; height:64px; float:right; margin:0 0 0 15px; background:url(/images/index/nrc-logo.jpg) top left no-repeat; } h3#liberty_chamber_logo { width:150px; height:64px; float:right; background:url(/images/index/liberty-chamber.jpg) top left no-repeat; } /*====================ANCHORS====================*/ a#view_testimonials_btn { width:525px; height:13px; float:left; background:url(/images/interior/testimonials-btn.jpg) top left no-repeat; } a#helpdesk_btn { width:371px; height:45px; float:left; background:url(/images/interior/helpdesk-btn.jpg) top left no-repeat; margin:0 0 5px 0; } a#remote_assist_btn { width:371px; height:45px; float:left; background:url(/images/interior/remote-assistance-btn.jpg) top left no-repeat;margin:0 0 5px 0; } /* Page Structure, ID's */ body { text-align:center; background:url(/images/index/bg.jpg) #0D0D0B top left repeat-x; } .interior_body { text-align:center; background:url(/images/interior/bg-repeat.jpg) top left repeat; } /*INDEX PAGE*/ #index_wrapper { width:973px; margin:0 auto; text-align:left; } #index_left { width:317px; float:left; } #our_services_bg { width:262px; height:152px; float:left; padding:90px 25px 0 30px; background:url(/images/index/our-services-bg.jpg) top left no-repeat; } #our_services_bg li { width:250px; background:url(/images/index/bullet.jpg) 0 7px no-repeat; float:left; padding:0 0 7px 12px; } #testimonials_bg { width:262px; height:146px; float:left; padding:80px 25px 0 30px; background:url(/images/index/testimonials-bg.jpg) top left no-repeat; } #testimonials_bg img { float:left; padding:0 10px 35px 0; } #testimonials_bg p { margin:-4px 0 4px 0; } #welcome_bg { width:611px; height:348px; float:left; padding:120px 20px 0 25px; background:url(/images/index/welcome-bg.jpg) top left no-repeat; } #index_footer { width:973px; height:32px; float:left; padding:54px 0; background:url(/images/index/footer.jpg) top left no-repeat; } #index_footer #ms_container { width:943px; height:90px; margin:-65px 0 0 0; padding:0 15px; float:left; } /*INTERIOR*/ #header_stretch { width:100%; height:297px; background:url(/images/interior/header-stretch.jpg) top left repeat-x; } #header { width:973px; height:297px; margin:0 auto; } #content { width:868px; float:left; padding:10px 50px 100px 55px; text-align:left; } /*ABOUT US*/ #left_content { width:540px; float:left; margin:0 30px 0 0; } #right_img_container { width:293px; float:left; } #right_img_container img { margin:0 0 7px 0; } /*SERVICES*/ .services_list li { background:url(/images/index/bullet.jpg) 0 7px no-repeat; padding:0 0 5px 15px; margin:0 0 0 16px; } /*TESTIMONIALS*/ .testimonials { width:853px; float:left; padding:15px 0 0 15px; background:url(/images/interior/quote.jpg) top left no-repeat; } .line_break { width:838px; height:1px; float:left; padding:30px 0; background:url(/images/interior/line-break.jpg) center left no-repeat; } /*CONTACT_US*/ #contact_form input { width:500px; height:20px; border:none; background:#9d9e9d !important; margin:3px 15px 5px 0; padding:3px; } #contact_form textarea { width:500px; height:150px; border:none; background:#9d9e9d !important; margin:3px 15px 5px 0; padding:3px; } #contact_form input.code { width:250px; height:20px; border:none; background:#9d9e9d !important; margin:3px 15px 5px 0; padding:3px; } #contact_form input#submit { width:141px; height:45px; float:left; background:none !important; border:none; } #address_info { width:223px; float:left; padding:0 35px; } /*CUSTOMER LOGIN PAGE*/ .login_btn { width:371px; float:left; margin:0 15px 15px 15px;} .login_btn p { padding:0 0 0 10px; } /*================================================= NAVIGATION =================================================*/ #top_navigation { width:973px; height:72px; float:left; } #top_navigation a { display:block; } #top_navigation li { float:left; } #top_navigation li a { height:72px; } #home a { background: url(/images/nav/home.jpg) top center no-repeat; width:97px; height:72px; } #about_us a { background: url(/images/nav/about.jpg) top center no-repeat; width:101px; height:72px; } #services_products a { background: url(/images/nav/services-products.jpg) top center no-repeat; width:181px; height:72px; } #testimonials a { background: url(/images/nav/testimonials.jpg) top center no-repeat; width:128px; height:72px; } #careers a { background: url(/images/nav/careers.jpg) top center no-repeat; width:96px; height:72px; } #contact_us a { background: url(/images/nav/contact.jpg) top center no-repeat; width:113px; height:72px; } #blank_nav { background: url(/images/nav/blank-nav.jpg) top center no-repeat; width:93px; height:72px; } #login a { background: url(/images/nav/login.jpg) top center no-repeat; width:164px; height:72px; } /*INT NAV*/ #int_contact_us a { background: url(/images/int-nav/int-contact.jpg) top center no-repeat; width:113px; height:72px; } #int_blank_nav { background: url(/images/int-nav/int-blank.jpg) top center no-repeat; width:93px; height:72px; } #int_login a { background: url(/images/int-nav/int-customer-login.jpg) top center no-repeat; width:164px; height:72px; } #home a:hover, #about_us a:hover, #services_products a:hover, #testimonials a:hover, #careers a:hover, #contact_us a:hover, #login a:hover, #int_careers a:hover, #int_contact_us a:hover, #int_login a:hover { background-position:bottom; } #index_body #home a { background-position:bottom; } #about_body #about_us a { background-position:bottom; } #services_body #services_products a { background-position:bottom; } #testimonials_body #testimonials a { background-position:bottom; } #careers_body #careers a { background-position:bottom; } #contact_body #int_contact_us a { background-position:bottom; } #login_body #int_login a { background-position:bottom; } /*====================STICKY FOOTER==========================*/ html, body {height: 100%;} #wrap {min-height: 100%; } #main { overflow:auto; padding-bottom: 113px; /* must be same height as the footer */ width:973px; margin:0 auto; } #footer_stretch { width:100%; height:113px; background:url(/images/interior/footer-stretch.jpg) top left repeat-x; margin-top: -113px; /* negative value of footer height */ } #footer {position: relative; margin:0 auto; width:973px; height:34px; clear:both; padding:40px 0 39px 0; } #footer #ms_container { width:943px; height:90px; margin:-65px 0 0 0; padding:0 15px; float:left; } /*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; } /*================================================= LINKS ======================================================*/ a:link { font-family:verdana, arial, helvetica;font-size:13px; color:#529bca; text-decoration:none; font-weight:normal; } a:visited { font-family:verdana, arial, helvetica;font-size:13px; color:#529bca; text-decoration:none; font-weight:normal; } a:hover { font-family:verdana, arial, helvetica;font-size:13px; color:#529bca; text-decoration:underline; font-weight:normal; } #our_services_bg li a:link { font-family:arial, verdana, helvetica; font-size:12px; color:#e4e6e2; text-decoration:none; font-weight:normal; line-height:150%; } #our_services_bg li a:visited { font-family:arial, verdana, helvetica; font-size:12px; color:#e4e6e2; text-decoration:none; font-weight:normal; line-height:150%; } #our_services_bg li a:hover { font-family:arial, verdana, helvetica; font-size:12px; color:#e4e6e2; text-decoration:underline; font-weight:normal; line-height:150%; } #testimonials_bg a:link { font-family:verdana, arial, helvetica; font-size:12px; color:#407699; text-decoration:none; font-weight:normal; } #testimonials_bg a:visited { font-family:verdana, arial, helvetica; font-size:12px; color:#407699; text-decoration:none; font-weight:normal; } #testimonials_bg a:hover { font-family:verdana, arial, helvetica; font-size:12px; color:#407699; text-decoration:underline; font-weight:normal; } a.mmd_link:link { font-family:verdana, arial, helvetica; font-size:12px; color:#e4e6e2; text-decoration:none; font-weight:normal; text-align:center; display:block; } a.mmd_link:visited { font-family:verdana, arial, helvetica; font-size:12px; color:#e4e6e2; text-decoration:none; font-weight:normal; text-align:center; display:block; } a.mmd_link:hover { font-family:verdana, arial, helvetica; font-size:12px; color:#e4e6e2; text-decoration:underline; font-weight:normal; text-align:center; display:block; } .testimonials a:link { font-family:verdana, arial, helvetica; font-size:13px; color:#FFF; text-decoration:none; font-weight:normal; } .testimonials a:visited { font-family:verdana, arial, helvetica; font-size:13px; color:#FFF; text-decoration:none; font-weight:normal; } .testimonials a:hover { font-family:verdana, arial, helvetica; font-size:13px; color:#FFF; text-decoration:underline; font-weight:normal; } /*================================================= TEXT =======================================================*/ p { font-family:verdana, arial, helvetica; font-size:12px; color:#fff; text-decoration:none; font-weight:normal; line-height:150%; } #our_services_bg li { font-family:arial, verdana, helvetica; font-size:12px; color:#e4e6e2; text-decoration:none; font-weight:normal; line-height:150%; } #testimonials_bg p { font-family:arial, verdana, helvetica; font-size:12px; color:#e4e6e2; text-decoration:none; font-weight:normal; line-height:150%; } #index_footer p { font-family:arial, verdana, helvetica; font-size:12px; color:#e4e6e2; text-decoration:none; font-weight:normal; line-height:150%; text-align:center; margin:0 0 4px 0; } #footer p { font-family:arial, verdana, helvetica; font-size:12px; color:#e4e6e2; text-decoration:none; font-weight:normal; line-height:150%; text-align:center; margin:0 0 4px 0; } #content p { font-family:verdana, arial, helvetica; font-size:13px; color:#fff; text-decoration:none; font-weight:normal; line-height:150%; } #content p.blue_text_sh { font-family:verdana, arial, helvetica; font-size:13px; color:#529bca; text-decoration:none; font-weight:bold; line-height:150%; } #contact_form label { font-family:verdana, arial, helvetica; font-size:16px; color:#529bca; text-decoration:none; font-weight:bold; line-height:150%; } #right_img_container address { font-family:verdana, arial, helvetica; font-size:12px; color:#fff; text-decoration:none; font-weight:normal; font-style:normal; line-height:150%; } li { font-family:verdana, arial, helvetica; font-size:12px; color:#fff; text-decoration:none; font-weight:normal; line-height:150%; } /*================================================= BEGIN CLEARFIX FOR FLOAT STYLES ============================*/ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-block;_height: 1%;} .clearfix {display:block;}