/*--------- COMMON ---------*/ body{background: #000 url(/presents/perficut/designs/swooshes/winter/images/bk.jpg) repeat-x; padding:0px;margin:0px; } div { margin: 0; padding: 0; } img { border: 0; } p { font: 14px Arial, Helvetica, sans-serif; line-height: 1.4em; color: #fff; padding: 0px; margin: 0;} li { font: 14px Arial, Helvetica, sans-serif; line-height: 1.4em; color: #fff; padding: 0px; margin: 0;} /* tables??? really? */ td { font: 14px Arial, Helvetica, sans-serif; line-height: 1.4em; color: #fff; padding: 0px; margin: 0;} th { font: 15px Arial, Helvetica, sans-serif; line-height: 1.4em; color: #fff; padding: 0px; margin: 0; font-weight: bold;} a {text-decoration: underline; color: #067EBF;} a:hover {color: #4AAAD3; } h1 {font-family: 'QuicksandBook', Arial, Helvetica, sans-serif; font-size: 32px; letter-spacing: 0; color: #fff; text-transform: uppercase; margin: 0px; padding: 0px; font-weight:normal;} h2 {font-family: 'QuicksandBook', Arial, Helvetica, sans-serif; font-size: 28px; letter-spacing: 0; color: #fff; text-transform: uppercase; margin: 0px; padding: 0px; font-weight:normal;} h3 {font-family: 'QuicksandBook', Arial, Helvetica, sans-serif; font-size: 20px; letter-spacing: 0; color: #fff; margin: 0px; padding: 0px; font-weight:normal;} h4 {font: 14px Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; font-weight: bold;} hr {width: 550px; text-align:center; } .column{position: relative;float: left;} .inline {display: inline;} .center {text-align: center; font-size: 10px;} .clear {clear: both;} /* forms */ fieldset { border:0; padding:7px 0; } fieldset label, fieldset input, fieldset textarea { margin:5px 0; } legend { color: #FFC952; font:16px Arial, Helvetica, sans-serif; } label { font:14px Arial, Helvetica, sans-serif; line-height:1.4em; color:#fff; padding:0px 10px 0 0; margin:0; width:150px; float:left; text-align:right; } .input {border: 1px solid #0573ad; background:#0573ad url(/presents/perficut/designs/swooshes/winter/images/gradient_blue.gif) top left repeat-x; padding: 4px; color: #fff; width: 375px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:.1em; font-size:11px; } .submit {border-color: #000; color: #fff; width: 100px; height: 25px; background: #000 url(/presents/bix/designs/produce/dec09/images/bk_button.gif) repeat-x;} .buttonwrapper { display:block; float:right; clear:both; background: transparent url(/presents/perficut/designs/swooshes/winter/images/button_sprite.gif); font-size:11px; height:26px;} .buttonwrapper:hover { display:block; float:right; clear:both; background: transparent url(/presents/perficut/designs/swooshes/winter/images/button_sprite.gif) bottom left no-repeat;} .buttonwrapper a { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; text-decoration:none; display:block; padding:3px 25px 3px 8px; margin-left:4px; background: transparent url(/presents/perficut/designs/swooshes/winter/images/button_sprite.gif) top right no-repeat;} .buttonwrapper a:hover { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; background: transparent url(/presents/perficut/designs/swooshes/winter/images/button_sprite.gif) bottom right no-repeat;} *html .buttonwrapper a:hover { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; background: transparent url(/presents/perficut/designs/swooshes/winter/images/button_sprite.gif) top right no-repeat;}/*--------- targets IE6 to remove background hover ---------*/ .buttonwrapper input {margin:0px; padding:0px; display:block; border:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; text-decoration:none; padding:3px 25px 3px 8px; margin-left:4px; background: transparent url(/presents/perficut/designs/swooshes/winter/images/button_sprite.gif) top right no-repeat; height:26px; width:auto; font-size:11px; } .buttonwrapper input:hover { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; background: transparent url(/presents/perficut/designs/swooshes/winter/images/button_sprite.gif) bottom right no-repeat; padding:3px 25px 3px 8px; margin-left:4px; font-size:11px;} #choose_time_slot { padding-left: 70px; } #choose_time_slot fieldset { float:left; padding-bottom:10px; width:160px } #choose_time_slot legend { text-align:center; } /*--------- font embedding ---------*/ @font-face { font-family: 'QuicksandBook'; src: url('Quicksand_Book.eot'); src: local('Quicksand Book'), local('QuicksandBook-Regular'), url('Quicksand_Book.woff') format('woff'), url('Quicksand_Book.ttf') format('truetype'), url('Quicksand_Book.svg#QuicksandBook-Regular') format('svg'); } /*--------- structure ---------*/ #container{width: 100%;margin:0px auto;} #content{ text-align:left; margin:0px auto;} #header{margin:0px auto; width: 945px; height: 120px;} #logo {width: 233px; height:96px; padding: 20px 0 0 30px;} #topnav {margin:0px auto; width: 680px; position:relative; top: 30px; left: 105px; z-index:2;} #topnav ul {list-style: none; margin: 0;padding: 0;} #topnav li {list-style: none; float: left; padding: 0px; margin: 0 0 0 10px;} #topnav a { display: block; height: 73px; text-indent: -5000px; overflow: hidden;} #home a { width: 97px; background: transparent url(/presents/perficut/designs/swooshes/winter/images/topnav/home.gif) no-repeat 0 0; } #residential a { width: 155px; background: transparent url(/presents/perficut/designs/swooshes/winter/images/topnav/residential.gif) no-repeat 0 0; } #commercial a { width: 159px; background: transparent url(/presents/perficut/designs/swooshes/winter/images/topnav/commercial.gif) no-repeat 0 0; } #contact a { width: 124px; background: transparent url(/presents/perficut/designs/swooshes/winter/images/topnav/contact.gif) no-repeat 0 0; } #topnav a:hover, #topnav .on a { background-position:0 -73px } /* Dropdowns */ #topnav .subnav { position:absolute; z-index:1000; background: none; width: 145px; height: 163px; background: transparent url(/presents/perficut/designs/swooshes/winter/images/trans_white.png) top left repeat; margin: -6px 0 0 3px; padding: 0px; } #topnav .subnavcontact { position:absolute; z-index:1000; background: none; width: 115px; height: 133px; background: transparent url(/presents/perficut/designs/swooshes/winter/images/trans_white_contact.png) top left repeat; margin: -6px 0 0 3px; padding: 0px; } #topnav .subnavres { position:absolute; z-index:1000; background: none; width: 145px; height: 215px; background: transparent url(/presents/perficut/designs/swooshes/winter/images/trans_white_res.png) top left repeat; margin: -6px 0 0 3px; padding: 0px; } #topnav .subnav li, #topnav .subnavcontact li, #topnav .subnavres li { font-size: 14px; clear: both; position: relative; top:2px; background: none; float: left; /*For Gecko*/ display: block !important; /*display: inline;*/ /*For IE*/ margin: 0; padding: 0; line-height: 12px; width: 100%; z-index:1001; list-style: none; overflow: hidden; font-family: Arial, Helvetica, sans-serif; } #topnav .subnav li a, #topnav .subnavcontact li a, #topnav .subnavres li a { font-size: 14px; background: transparent; height: auto; /* height: auto; - breaks anchor in IE6 */ padding: 7px 10px; color: #134779; margin: 0; border: none; text-indent: 0px; text-align: left; vertical-align: middle; font-weight: normal; line-height: 12px; z-index:1002; font-family: Arial, Helvetica, sans-serif; text-decoration: none; } #topnav .subnav li a:hover, #topnav .subnavcontact li a:hover, #topnav .subnavres li a:hover { color: #134779; background: #ffee88; } #hpbanner {margin:0px auto; width: 945px; padding-top: 30px;} .hpmessage {width: 384px; height: 317px; background: transparent url(/presents/perficut/designs/swooshes/winter/images/bk_hpmessage.gif) no-repeat; padding:0px;margin:0px;} .hpmessage h1 {color: #134779; padding: 25px 0 0 20px;} .hpmessage p {font-size: 14px; color: #134779; padding: 10px 20px 0 20px; line-height: 1.3em;} .hpimage {width: 400px;} #hpcallouts {margin:0px auto; width: 945px; background-color: #000; padding: 20px 0;} #hpcallouts h1 {padding: 10px 0 15px 0;} #hpcallouts img {padding-top: 20px;} .news, .calloutbox {width: 250px; padding-left: 40px;} .seo {width: 350px;} .seo p, .news p, .calloutbox p {font-size: 14px; line-height: 1.5em;} #button {padding: 20px 0 0 0; margin: 0px; z-index:2;} #button.news {padding: 0px 0 20px 0; margin: 0px; z-index:2;} #button ul {list-style: none; margin: 0; padding: 0;} #button li {list-style: none; padding: 0px; margin: 0px;} #button a { display: block; height: 27px; text-indent: -5000px; overflow: hidden;} #button a:hover{background-image: none;} #learn-off {width: 102px; background: transparent url(/presents/perficut/designs/swooshes/winter/images/button_learnmore.gif) no-repeat 0 -27px;} #learn-off a {background: transparent url(/presents/perficut/designs/swooshes/winter/images/button_learnmore.gif) no-repeat 0 0;} #learn-on {width: 102px; background: transparent url(/presents/perficut/designs/swooshes/winter/images/button_learnmore_over.gif); } #callouts {margin:0px auto; width: 945px; padding-top: 40px;} .email_newsletter, .estimator, .irrigation, .online_payment{width: 230px; height: 98px; padding: 10px 0 10px 6px; background: #000 url(/presents/perficut/designs/swooshes/winter/images/bk_callout.gif) no-repeat;} .email_newsletter p, .estimator p, .irrigation p, .online_payment p {color: #8C8C8C; font-size: 12px; line-height: normal;} .calltext {width: 150px; float: left; padding: 5px 0 0 5px;} .icon {width: 60px; float: left; padding-top: 10px;} #subpage {margin:0px auto; width: 945px;} #maincontent {width: 619px; background: transparent url(/presents/perficut/designs/swooshes/winter/images/bk_sub.png) no-repeat; margin-top: 30px; padding: 25px 0px 0 20px; min-height: 500px; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://perficut.red5demo.com/presents/perficut/designs/swooshes/winter/images/bk_sub.png',sizingMethod='scale');} #maincontent p {padding: 0 25px 20px 0;} #maincontent h2 {padding: 15px 10px 5px 0; } #maincontent h3 {padding: 0px 0 5px 0; } #maincontent h4 {color: #fff; padding: 0px 0 5px 0;} #maincontent ul {margin: 0px 0 15px 40px;} #maincontent td {padding: 5px;} #maincontent img {padding: 10px;} .header {padding-bottom: 30px;} .header h1 {color: #134779; padding: 0px;} .cutetable {width: 500px; border-collapse: collapse; margin-bottom: 20px;} .cutetable th {border-bottom: 1px solid #b42c3a; border-top: 1px solid #b42c3a; font-family:'ChunkFiveRegular', Georgia, Times, serif; font-size: 14px; letter-spacing: 0; color: #808080; text-transform: uppercase; padding: 5px; margin: 0; font-weight: bold; background-color: #e3b1b6;} .cutetable td {border-bottom: 1px solid #b42c3a; border-collapse: collapse; padding: 8px; background-color: #f7f2f3;} #popform, #popform2, #popform3 {} #popform a, #popform2 a, #popform3 a {display: block; color: #fff; text-decoration: none; padding: 0px; margin: 0px; line-height: normal;} #popform a span, #popform2 a span, #popform3 a span {display: none;} #popform a:hover span {display: block; position: absolute; top: 550px; left: 600px; z-index: 100; width: 400px; background-color: #000; padding: 10px; border: 1px solid #FFC952;} #popform2 a:hover span {display: block; position: absolute; top: 900px; left: 600px; z-index: 100; width: 400px; background-color: #000; padding: 10px; border: 1px solid #FFC952;} #popform3 a:hover span {display: block; position: absolute; top: 1225px; left: 650px; z-index: 100; width: 400px; background-color: #000; padding: 10px; border: 1px solid #FFC952;} #gallerycontent {width: 943px; background: transparent url(/presents/perficut/designs/swooshes/winter/images/bk_gallery.png) no-repeat; margin-top: 30px; padding: 25px 0px 0 20px; min-height: 500px; _padding: 0px; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://perficut.red5demo.com/presents/perficut/designs/swooshes/winter/images/bk_gallery.png',sizingMethod='no-scale');} #gallerycontent p{font-size: 11px;} #gallery {width: 282px; position: relative; float: left; padding: 20px 0 0 15px; } #gallery h3 {padding-bottom: 3px;} #gallery .photos { width: 282px; height: 213px; position: relative; } #gallery .photos span {width: 282px; height: 213px; position: absolute; background: url(/presents/perficut/designs/swooshes/winter/images/gallery_overlap.png) no-repeat; display: block; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://perficut.red5demo.com/presents/perficut/designs/swooshes/winter/images/gallery_overlap.png',sizingMethod='scale');} #gallery .photos2 { width: 282px; height: 213px; position: relative; } #gallery .photos2 span {width: 282px; height: 213px; position: absolute; background: url(/presents/perficut/designs/swooshes/winter/images/gallery_zoom.png) no-repeat; display: block; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://perficut.red5demo.com/presents/perficut/designs/swooshes/winter/images/gallery_zoom.png',sizingMethod='scale');} #gallery .title {font: 9px Arial, Helvetica, sans-serif; line-height: 1.4em; color: #fff; padding: 5px 0 0 0;} #gallery .description {font: 11px Arial, Helvetica, sans-serif; line-height: 1.4em; color: #fff; padding: 7px 15px 15px 0;} #rightcol {width: 306px;} #rightnav {padding: 30px 0 0 30px;} #rightnav ul{list-style: none; margin: 0; padding: 0;} #rightnav li {list-style: none; padding: 0px; margin: 0px; padding-bottom: 10px;} #rightnav li a {font-size: 14px; color: #FFC952; text-decoration: none; padding-left: 5px;} #rightnav li a:hover {color: #fae3af;} #rightnav h3 {padding-bottom: 20px;} .rightbanner {padding-top: 60px;} #footer {width: 945px; margin:0px auto; padding-bottom: 30px;} #footer ul {list-style: none; margin: 0; padding: 5px 0 0 0;} #footer li {list-style: none; float: left; padding: 0px; margin: 0; font: 12px Arial, Helvetica, sans-serif; color: #fff;} #footer li a{font: 12px Arial, Helvetica, sans-serif; color: #067EBF; text-decoration: underline;} #footer li a:hover {color: #4AAAD3;} #footer .grey {color: #3F3F3F; padding: 0 3px;}