@charset "utf-8"; @import "/reset.css"; @import "/leftNavstyle.css"; /* Main Styles */ header, footer, section, article, nav { display:block; } html, body { height: 100%; } body { color:#000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; background-image: url(/mainBG.jpg); background-repeat: repeat-x; background-color: #4A72B0; } /* ===== @DEFAULT STYLES ============================== */ .floatL { float:left; } .floatR { float:right; } .clear { clear:both; } img { border:none; } hr { height:1px; border:0; background:#4A72B0; } #container { color:#0088db; text-decoration:none; outline:none; } a:hover, a:active { color:#003771; } /* Sticky Footer */ * { margin:0; padding:0; } #header .phoneNumber { height: 100%; } body > #container { height: auto; min-height: 100%; } /* Layout */ #container { width:100%; position:relative; margin:0 auto; font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#000; } #innerContainer { width:900px; height:auto; margin:0 auto; } #header { width:900px; height:105px; margin:0px auto; } #header .logo {float:left; width:428px; height:105px; } #header .phoneNumber { float:right; width:217px; height:60px; padding-top:5px; padding-bottom:14px; } #header .phoneNumber .call { color:#646464; font-size:15px; text-align:right; } .phoneNumber .number, .phoneNumber .number1, .phoneNumber .number2 { font-size:20px; color:#4c4c4c; text-align:right; } #header .navContainer { float:right; width:472px; height:105px; } #header .navContainer .nav { float:right; width:472px; height:38px; } #header .navContainer .nav ul { border:none; padding:0px; margin:0; list-style:none; } #header .navContainer .nav li { float:left; } #header .navContainer .nav li a.productsNav { width:119px; height:38px; background-image:url(/products.jpg); background-repeat:no-repeat; display:block; } #header .navContainer .nav li a.productsNav:hover { width:119px; height:38px; background-image:url(/products.jpg); background-repeat:no-repeat; background-position: 0 -38px; display:block; } #header .navContainer .nav li a.learningNav { width:118px; height:38px; background-image:url(/learningCenter.jpg); background-repeat:no-repeat; display:block; } #header .navContainer .nav li a.learningNav:hover { width:118px; height:38px; background-image:url(/learningCenter.jpg); background-repeat:no-repeat; background-position: 0 -38px; display:block; } #header .navContainer .nav li a.reportNav { width:119px; height:38px; background-image:url(/reportClaim.jpg); background-repeat:no-repeat; display:block; } #header .navContainer .nav li a.reportNav:hover { width:119px; height:38px; background-image:url(/reportClaim.jpg); background-repeat:no-repeat; background-position: 0 -38px; display:block; } #header .navContainer .nav li a.contactNav { width:116px; height:38px; background-image:url(/contactUs.jpg); background-repeat:no-repeat; display:block; } #header .navContainer .nav li a.contactNav:hover { width:116px; height:38px; background-image:url(/contactUs.jpg); background-repeat:no-repeat; background-position: 0 -38px; display:block; } /* Home Cycle*/ #home { width:900px; margin:14px auto 0} #home .homeCycle{ width:900px; height:275px; margin:0; padding:0; overflow:hidden; clear:both; } #home .slider ul, #home .slider li{ width:900px; height:275px; margin:0; padding:0; list-style:none; } #home .slider { width:900px; height:275px; margin-top:5px; overflow:hidden;} /* Easy Slider Numeric Controls */ ol#controls{ padding:0; height:30px; margin-top: 3px; margin-right: 0; margin-bottom: 3px; margin-left: 0; } ol#controls li{ margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; } ol#controls li a{ float:left; height:28px; font-size:18px; line-height:28px; border:1px solid #ccc; background:#e9e9e9; color:#bbbbbb; padding:0 10px; text-decoration:none; } ol#controls li.current a{ background:#c7c7c7; color:#424141; text-decoration:none; } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} /* Home Text */ #home .homeText { float:right; width:900px; padding-top:20px; clear:both;} #home .homeText h1 { font-size:27px; color:#000; text-align:justify;} #home .homeText h1 .companyName { color:#333;} #home .homeText h2 { font-size:22px; color:#474747; padding-top:15px; text-align:justify;} #home .homeText h3 { font-size:18px; color:#000; text-align:justify; padding-bottom:7px; padding-top:7px; font-weight:normal; line-height:28px; } #home .homeText h3 a { font-size:18px; color:#000; text-decoration:none; font-weight:normal; } #home .homeText h3 a:hover { font-size:18px; color:#005dce; text-decoration:none; font-weight:normal; } #home .homeText h3 a:visited { font-size:18px; color:#000; text-decoration:none; font-weight:normal; } #home .homeText p { font-size:17px; color:#000; padding-top:15px; text-align:justify;} #home .homeText p a{ color:#333; text-decoration:none;} #home .homeText p a:hover{ color:#005dce; text-decoration:none;} /* Side Menu */ #home .sideMenu { float:left; width:220px; margin-top:20px; } #home .sideMenu .insideMenu {margin-top:10px; } /* Main Text */ #home .mainText { float:right; width:630px; padding:20px 10px 10px; } #home .mainText h1 { font-size:27px; color:#000000; text-align:justify;} #home .mainText h1 .companyName { color:#333;} #home .mainText h2 { font-size:22px; color:#000; padding-top:15px; text-align:justify;} #home .mainText h3 { font-size:18px; color:#000; padding-top:10px; font-weight:normal; line-height:28px; } #home .mainText h3 a { font-size:18px; color:#000; text-decoration:none; font-weight:normal; } #home .mainText h3 a:hover { font-size:18px; color:#005dce; text-decoration:none; font-weight:normal; } #home .mainText h3 a:visited { font-size:18px; color:#000; text-decoration:none; font-weight:normal; } #home .mainText p { font-size:13px; color:#000; padding-top:5px; line-height:14px; text-align:justify;} #home .mainText p a{ color:#333; text-decoration:none;} #home .mainText p a:hover{ color:#005dce; text-decoration:none;} #home .mainText ul {padding-left:20px;} /* Free Quote */ #home .flashQuote { width:900px; height:275px; background-image:url(/freeQuoteBG.jpg); background-repeat:no-repeat; margin-top:5px; overflow:hidden;} #home .flashQuote .flashConatiner { float:left; width:529px; height:203px; padding-left:13px; padding-top:72px;} #home .flashQuote .quoteForm { float:left; width:357px; height:174px; padding-top:101px; } #home .flashQuote .quoteForm fieldset { width:357px; } #home .flashQuote .quoteForm .row { width:357px; padding-bottom:3px; } #home .flashQuote .quoteForm .row input.text1 { width:170px; height:20px; color:#333; } #home .flashQuote .quoteForm .row input.text2 { width:347px; height:20px; color:#333; } #home .flashQuote .quoteForm .row input.text3 { width:193px; height:20px; color:#333; } #home .flashQuote .quoteForm .row input.text4 { width:64px; height:20px; color:#333; } #home .flashQuote .quoteForm .row input.text5 { width:76px; height:20px; color:#333; } #home .flashQuote .quoteForm .rowBTN { width:357px; padding-top:1px; padding-bottom:1px; text-align:center; } #home .flashQuote .quoteForm label.check { font-size:13px; color:#333; padding-top:3px; padding-left:5px;} /* Other Forms */ .presForm{ border: 1px solid #333; height:220px; margin:10px 0 0; width:900px; background-image:url(/bg2.jpg); background-repeat:no-repeat; margin-top:5px;} .presForm .flashConatiner { float:left; width:529px; height:203px; padding-left:13px; padding-top:20px;} .presForm .quoteForm { float:left; width:357px; height:174px; padding-top:30px; } .presForm .quoteForm h2{text-align:center; font-size:18px; color:#333; margin:0 0 5px 0;} .presForm .quoteForm fieldset { width:357px; } .presForm .quoteForm .row { width:357px; padding-bottom:3px; } .presForm .quoteForm .row input.text1 { width:170px; height:20px; color:#333; } .presForm .quoteForm .row input.text2 { width:347px; height:20px; color:#333; } .presForm .quoteForm .row input.text3 { width:193px; height:20px; color:#333; } .presForm .quoteForm .row input.text4 { width:64px; height:20px; color:#333; } .presForm .quoteForm .row input.text5 { width:76px; height:20px; color:#333; } .presForm .quoteForm textarea { width:345px; height:30px; color:#333; } .presForm .quoteForm .rowBTN { width:357px; padding-top:1px; padding-bottom:1px; text-align:center; } .presForm .quoteForm label.check { font-size:13px; color:#333; padding-top:3px; padding-left:5px;} /* Bottom */ #bottom {width:900px; height:176px; margin:0 auto; margin-top:20px; clear: both;} #bottom .social { float:left; width:298px; height:176px; margin-right:3px;} #bottom .social .getSocial { width:298px; height:64px; background-image:url(/getSocial.jpg); background-repeat:no-repeat;} #bottom .social .facebook a{ float:left; width:149px; height:39px; background-image:url(/facebook.jpg); background-repeat:no-repeat; display:block;} #bottom .social .twitter a{ float:left; width:149px; height:39px; background-image:url(/twitter.jpg); background-repeat:no-repeat; display:block;} #bottom .social .linkedIn a{ float:left; width:149px; height:73px; background-image:url(/linkedIn.jpg); background-repeat:no-repeat; display:block;} #bottom .social .youTube a{ float:left; width:149px; height:73px; background-image:url(/youTube.jpg); background-repeat:no-repeat; display:block;} #bottom .bio a{ float:left; width:298px; height:176px; margin-right:3px;background-image:url(/bio.jpg); background-repeat:no-repeat; display:block;} #bottom .combo .goGreen a{ float:left; width:298px; height:90px; background-image:url(/goGreen.jpg); background-repeat:no-repeat; display:block;} #bottom .combo .refer a{ float:left; width:298px; height:90px; background-image:url(/referFriend.jpg); background-repeat:no-repeat; display:block;} /* Footer */ #footer { float:left; width:100%; margin:0 auto; padding-bottom:40px; } #footer .footerContainer { width:900px; height:69px; margin:0 auto; background-image: url(/footerShadow.jpg); background-repeat: no-repeat; background-position: center bottom; } #footer .footerNav { width:900px; margin:0 auto; font-size: 12px; color: #fff; padding-top:18px; padding-bottom:15px; text-align:center; } #footer .footerNav a { margin:0 8px; font-size: 12px; color: #fff; text-decoration:none; } #footer .footerNav a:hover { margin:0 8px; font-size: 12px; color: #000; text-decoration:none; } #footer .footerNav a:visited { margin:0 8px; font-size: 12px; color: #fff; text-decoration:none; } /* Squid */ #squid { width:132px; height:50px; margin-left:auto; margin-right:auto; position: relative; margin-top: -40px; clear:both; padding-top: } #squid a { width:132px; height:50px; background-image: url(images/squidLogo.png); background-repeat: no-repeat; display:block; } #squid a:hover { width:132px; height:50px; background-image: url(images/squidLogo.png); background-repeat: no-repeat; background-position: 0 -50px; display:block; } #squid a:visited { width:132px; height:50px; background-image: url(images/squidLogo.png); background-repeat: no-repeat; display:block; } /* CLEAR FIX*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* ===== @VIDEO GIRL STYLES ============================================= */ #vpPlayer, #vpBtn, #vpBtnPause{ position:fixed; bottom:0; right:0; z-index: 9999; } #vpBtn{display:none;} /* Get a Quote Forms*/ #formGetQuote .row { width:550px; padding-bottom:5px;} #formGetQuote .row input.text1 { width:265px; height:20px; color:#333;} #formGetQuote .row input.text2 { width:265px; height:20px; color:#333;} #formGetQuote .row input.text3 { width:155px; height:20px; color:#333;} #formGetQuote .row input.text4 { width:44px; height:20px; color:#333;} #formGetQuote .row input.text5 { width:56px; height:20px; color:#333;} #formGetQuote .row .textArea { width:265px; height:50px; color:#333; overflow:auto; font-family: Helvetica, Arial, sans-serif; font-size:13px; color:#333;} #formGetQuote .rowBTN { width:530px; padding-top:2px; padding-bottom:2px; text-align:center; } #formGetQuote label.check { font-size:13px; color:#333; padding-top:3px; padding-left:5px;} #formGetQuote .row input{margin:0; padding:0; border-width:1px;} /* Contact Form */ #address{float:left; width:250px;} #googleMap{clear:both; padding:20px 0 0 0;} #contactForm { float:left; width:295px;} #contactForm .row { width:295px; padding-bottom:3px; } #contactForm .row input.text1 { width:140px; height:20px; color:#333;} #contactForm .row .text2{ width:287px; height:50px; color:#333; overflow:auto; font-family: Helvetica, Arial, sans-serif; font-size:13px; color:#333;} #contactForm .rowBTN { width:295px; padding-top:2px; padding-bottom:2px; text-align:center; } #contactForm label.check { font-size:13px; color:#333; padding-top:3px; padding-left:5px;}