/* CSS Document */ body{background:#ffffff url('../_img/bg.gif') top left repeat-x; margin:0; padding:0;font-size:11px; color:#333333; font-family:Arial, Helvetica, sans-serif;} /* Main Styles */ #container{width:781px;margin-left:auto;margin-right:auto;border-top: 6px solid #bc006f;} b {color:#5a008d;} i { font-family: Palatino Linotype, Times, serif; font-size:11px; text-transform:none; font-style:normal;} strong {color:#bc006f;} a:link, a:active, a:visited{font-weight:bold;color:#bc006f;text-decoration:none;} a:hover{background-color:#ffffe1;} .fr{float:right;} .fl{float:left;} .w30{width:40px;} .w210{width:200px;} .mr20{margin-right:40px;} .upper{text-transform:uppercase;font-size:9px;} .center{text-align:center;} .grey{color:#999999;} /* Top Bar Styles */ #topbar{width:781px;height:98px;position:relative;} /* Header Styles */ h1,h2{margin:0;} h1#toplogo{width:175px;height:76px;background: transparent url('../_img/h1_logo.gif') top left no-repeat; float:left; margin-top:11px;} h1#toplogo a{display:block;width:175px;height:76px;} h1#toplogo a:hover{background:transparent;} h1 a span, h2 span, h3 span{display:none;} /* Top Nav Styles */ #topnav { /* holds the navigation bar together */ width: 88px; height: 13px; margin:0; position:absolute; right:0;top:41px;} ul#tnav { margin: 0; padding: 0; width: 88px; height: 13px; background: url('../_img/tnav.gif') no-repeat left top;} #tnav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; background: transparent; } #tnav li, #tnav a { /* turns links into blocks */ display: block; height: 13px; } #tnav li a { /* pushes link text off the page */ text-indent: -9999px; text-decoration: none; height: 13px; } #faqs{left:0;width:32px;} #staff_list{left:41px;width:47px;} #faqs a:hover{background: transparent url('../_img/tnav.gif') 0 -13px no-repeat; } #staff_list a:hover{background: transparent url('../_img/tnav.gif') -41px -13px no-repeat; } /* navigation styles */ #binder-nav { /* holds the navigation bar together */ position: relative; width: 781px; height: 33px;margin: 0 0 12px 0;} ul#nav { margin: 0; padding: 0; width: 781px; height: 33px; background: url('../_img/nav.gif') no-repeat left top; } #nav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; background: transparent; } #nav li, #nav a { /* turns links into blocks */ display: block; height: 33px; } #nav li a { /* pushes link text off the page */ text-indent: -9999px; text-decoration: none; height: 33px; } /* setting width & position of main nav links... */ #home {left:0; width:98px;} #services { left: 101px; width: 119px; } #quote { left: 223px; width: 146px; } #gallery { left: 372px; width: 156px; } #clients { left: 531px; width: 127px; } #contact { left: 661px; width: 120px; } /* setting background image positions of main nav buttons... */ #home a:hover { background: transparent url('../_img/nav.gif') 0 -33px no-repeat; } #services a:hover { background: transparent url('../_img/nav.gif') -101px -33px no-repeat; } #quote a:hover { background: transparent url('../_img/nav.gif') -223px -33px no-repeat; } #gallery a:hover { background: transparent url('../_img/nav.gif') -372px -33px no-repeat; } #clients a:hover { background: transparent url('../_img/nav.gif') -531px -33px no-repeat; } #contact a:hover { background: transparent url('../_img/nav.gif') -661px -33px no-repeat; } /*middle pic */ #middle_pic{width:781px; height:365px; background: transparent url('../_img/middle_pic.jpg') top left no-repeat;position:relative;} #quote_form{height:249px;width:212px;top:78px;left:28px;position:absolute; padding:0 10px 0 10px;color:#5a008d;} form, p{margin:0;padding:0;} #quote_form input{font-size:11px;} .qf_text{font-size:9px; color:#5a008d;border: 2px solid #888888;padding:2px;width:204px;} .qf_text2{font-size:9px; color:#5a008d;border: 2px solid #888888;padding:2px;width:102px;} div.learn { position: relative; width: 69px; height: 17px; margin: 10px 0 10px 0; } div.learn span { display: none; } div.learn a:link, div.learn a:visited { display: block; height: 17px; background: transparent url(../_img/learn_more_but.gif) no-repeat; } div.learn a:hover { background: transparent url(../_img/learn_more_but.gif) no-repeat 0 -17px; } div.paynow { position: relative; width: 69px; height: 17px; margin: 10px 0 10px 0; } div.paynow span { display: none; } div.paynow a:link, div.paynow a:visited { display: block; height: 17px; background: transparent url(../_img/pay_now_but.gif) no-repeat; } div.paynow a:hover { background: transparent url(../_img/pay_now_but.gif) no-repeat 0 -17px; } /* bottom bar */ #bottom_bar{margin-top:15px;position:relative;} #bottom_bar b{color:#000000;} #bb1{width:120px;padding:0 17px 0 111px;background: transparent url('../_img/bot_but1.gif') top left no-repeat;border-right:1px solid #c5c5c5; float:left;margin-right:17px;} #bb2{width:120px;padding:0 17px 0 111px;background: transparent url('../_img/bot_but2.gif') top left no-repeat;border-right:1px solid #c5c5c5;float:left;margin-right:17px;} #bb3{width:170px;height:94px;padding:0 61px 0 0;background: transparent url('../_img/bot_but3.jpg') center right no-repeat;float:left;} .cb{clear:both;} .botlink img{margin-top:7px;} /* footer */ #footer{margin-top:45px;padding-top:15px;border-top:1px solid #c5c5c5;margin-bottom:15px;} #footer a:link, #footer a:active, #footer a:visited{text-decoration:underline;font-weight:normal;color:#5a008d;} #footer a:hover{text-decoration:none;color:#bc006f;background:transparent;font-weight:normal;} #rfooter_links{float:right;} /* H2 Styles */ h2{display:block;height:25px;margin-bottom:15px;} h2#our_services{background: transparent url('../_img/h2_our_services.gif') top left no-repeat;} h2#online_quote{background: transparent url('../_img/h2_online_quote.gif') top left no-repeat;} h2#photo_gallery{background: transparent url('../_img/h2_photo_gallery.gif') top left no-repeat;} h2#client_list{background: transparent url('../_img/h2_client_list.gif') top left no-repeat;} h2#thanks{background: transparent url('../_img/h2_thanks.gif') top left no-repeat;} h2#contact_us{background: transparent url('../_img/h2_contact_us.gif') top left no-repeat;} h2#green{background: transparent url('../_img/h2_green.gif') top left no-repeat;} h2#faqs_header{background: transparent url('../_img/h2_faqs.gif') top left no-repeat;} h2#staff_list_header{background: transparent url('../_img/h2_staff_list.gif') top left no-repeat;} h2#online_bill_pay{background: transparent url('../_img/h2_online_bill_pay.gif') top left no-repeat;} /* Left Box Styles */ #left-small{width:495px;background: transparent url('../_img/left-square-small-mid.gif') top left repeat-y;float:left;} #left-small-top{width:495px;height:16px;background: transparent url('../_img/left-square-small-top.gif') top left no-repeat;} #left-small-bot{width:495px;height:16px;background: transparent url('../_img/left-square-small-bot.gif') top left no-repeat;} #left-small-mid{padding:10px 26px 10px 26px;width:443px;} #left-small-mid b{color:#000000;} .hr{color:#ffffff;background: transparent url('../_img/hr-bg.gif') top left repeat-x;height:1px;display:block;margin-top:10px;margin-bottom:10px;} /* Right Small Box Styles */ #right-small{width:250px;float:right;background:transparent url('../_img/right-small-mid-gray.gif') top left repeat-y; margin-top:-9px;} #right-small-top{width:250px;height:18px;background:transparent url('../_img/right-small-top-gray.gif') top left repeat-y;} #right-small-top-header{background:#e5e5e5;padding:0 18px 9px 18px;} #right-small-top-header b{color:#000000;} #right-small-top-2{width:250px;height:10px;background:transparent url('../_img/right-small-top-2-gray.gif') top left repeat-y;} #right-small-bot-2{width:250px;height:10px;background:transparent url('../_img/right-small-bot-2-gray.gif') top left repeat-y;} #right-small-bot{width:250px;height:18px;background:transparent url('../_img/right-small-bot-gray.gif') top left repeat-y;} #right-small-mid{padding: 9px 18px 9px 18px;} /* Online Quote Styles */ .quote_input{background:#f3f3f3;border-left:1px solid #bbbbbb;border-right:1px solid #bbbbbb;border-top:2px solid #bbbbbb;border-bottom:1px solid #dddddd;font-weight:bold;font-size:14px;color:#000000;padding:2px;margin-top:5px;width:250px;letter-spacing:0;font-family:Arial, Helvetica, sans-serif;} .quote_input2{background:#f3f3f3;border-left:1px solid #bbbbbb;border-right:1px solid #bbbbbb;border-top:2px solid #bbbbbb;border-bottom:1px solid #dddddd;font-weight:bold;font-size:14px;color:#000000;padding:2px;margin-top:5px;width:100px;letter-spacing:0;} .quote_input3{background:#f3f3f3;border-left:1px solid #bbbbbb;border-right:1px solid #bbbbbb;border-top:2px solid #bbbbbb;border-bottom:1px solid #dddddd;font-weight:bold;font-size:14px;color:#000000;padding:2px;margin-top:5px;width:50px;letter-spacing:0;} .quote_select{background:#f3f3f3;border-left:1px solid #bbbbbb;border-right:1px solid #bbbbbb;border-top:2px solid #bbbbbb;border-bottom:1px solid #dddddd;font-weight:bold;font-size:14px;color:#000000;padding:2px;margin-top:5px;letter-spacing:0;font-family:Arial, Helvetica, sans-serif;} .quote_select option{background:#f3f3f3;border-left:1px solid #bbbbbb;border-right:1px solid #bbbbbb;border-top:2px solid #bbbbbb;border-bottom:1px solid #dddddd;font-weight:bold;font-size:14px;color:#000000;padding:2px;margin-top:5px;letter-spacing:0;} .big_text{font-weight:bold;font-size:16px;color:#000000;margin:0 5px 0 5px;} .h75{height:75px;} /* Photo Gallery Styles */ #flashcontent{text-align:center;margin-top:50px;margin-bottom:50px;} /* go green styles */ .ggp{border-bottom:1px solid #d5e8c4;border-right:1px solid #d5e8c4;padding:5px; text-align:left;} .ggp2{border-bottom:1px solid #d5e8c4;border-right:1px solid #d5e8c4;padding:5px; text-align:center;} .ggplb{border-left:10px solid #d5e8c4;} .green{color:#73b23b;} /* BILL PAY STYLES */ .error-comment{background-color:#ffffe1;padding:5px;font-weight:bold; text-transform:uppercase;font-family: Palatino Linotype, Times, serif;color:#333333;margin-bottom:10px;width:485px;} .error{color:#d70051;font-weight:bold;font-size:16px;} /* Client Page Styles */ ul.client_list { width: 90%; margin-bottom: 10px; margin-left:0;margin-top:0;margin-right:0;padding:0;} ul.client_list li { width: 95%; margin-left: 15px; list-style: square; vertical-align: middle; color:#666666; } ul.client_list li.letter { width: 100%; margin:10px 0 8px 0; padding-bottom: 4px; list-style: none; font-size: 130%; border-bottom: 3px solid #eee; font-family:Georgia, "Times New Roman", Times, serif; color:#5a008d; font-weight:normal; }