/* Title: Flocco Enterprises, LLC. Author: Tome Wilson - tome@creativewebgroup.net Last Updated: July 2, 2009 */ /* ---[ css reset ]--------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ol, ul {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline} :focus {outline: 0} body {line-height: 1} ol, ul {list-style: none} table {border-collapse: separate; border-spacing: 0} /* tables still need 'cellspacing="0"' in the markup */ caption, th, td {text-align: left; font-weight: normal; border-top: 1px solid #fff; padding: 6px} a {text-decoration: none} img, div, input { behavior: url("iepngfix.htc") } /* ---[ structure ]--------------------- */ html, body {background: #171717 url(images/shell/background.png) repeat; min-height: 100%; height: 100%; min-width: 773px; width: 100%; text-align: center; color: #fff} #center-on-page {width: auto; height: 100%; text-align: center} #header-bar {height: 343px; width: 100%; display: block; background: transparent url(images/shell/header-background.png) repeat-x; text-align: center} #header-container {margin: 0 auto; padding-top: 18px; width: 773px} #logo, #car {float: left} /* ---[ top navigation rollover buttons ]--------------------- */ #navigation {background: url(images/shell/navigation.png) no-repeat; width: 589px; height: 38px; display: block; padding-left: 15px} #navigation ul {list-style: none} #navigation li {float: left; /*width: 89px*/ /* needed for IE and Opera */} #navigation a.about-flocco, #navigation a.lots-for-sale, #navigation a.sell-to-us, #navigation a.customer-updates {float: left; background: url(images/shell/navigation.png) no-repeat; display: block; width: 604px; height: 38px; text-indent: -999999px} #navigation a.about-flocco {background-position: -15px 0; width: 89px; padding-right: 31px} #navigation a.about-flocco:hover {background-position: -15px -38px} #navigation a.lots-for-sale {background-position: -135px 0; width: 127px; padding-right: 30px} #navigation a.lots-for-sale:hover {background-position: -135px -38px} #navigation a.sell-to-us {background-position: -292px 0; width: 96px; padding-right: 30px} #navigation a.sell-to-us:hover {background-position: -292px -38px} #navigation a.customer-updates {background-position: -418px 0; width: 186px} #navigation a.customer-updates:hover {background-position: -418px -38px} #content-container {margin: 0 auto; width: 773px; display: block; font: normal 13px/1.65em Verdana, Arial, Helvetica, sans-serif} #contact-us {width: 177px; text-align: center; float: left; display: block; font: normal 15px/25px Arial, Helvetica, sans-serif} #content {width: 578px; text-align: justify; float: left; padding: 16px; padding-right: 0; border: 2px solid #fff; border-right: 0} /* ---[ content styles ]--------------------- */ em, .em {font-style: italic} strong, .strong {font-weight: bold} .big {font-size: 110%} .small {font-size: 75%} .l {float: left} .r {float: right} .clear {clear: both; display: block} .center {text-align: center} .none {padding: 0; border: 0 !Important} #content-container a {color: #ee2e24} #content-container a:hover {color: #ee2e24; text-decoration: underline} #content-container p {padding: .35em 0} #content-container .lot-description {width: 440px; padding-left: 110px; background: transparent url(images/icons/flocco-logo.png) no-repeat} #content ul {padding: .35em 0 .35em 1em; line-height: 1.65em; list-style-type: none; text-align: left} #content li {padding: .35em 0 .35em 1em; background: transparent url(images/icons/arrows.gif) 0 1em no-repeat} #content-container .arrows {padding-left: 1em; background: transparent url(images/icons/arrows.gif) 0 1em no-repeat; font-size: 15px; font-weight: bold} .hr {width: auto; height: 1px; font-size: 1px; display: block; border-top: 2px solid #fff; margin: 10px 0} .logo-background {width: 84px; height: 84px; padding: 8px; margin: .5em 6px; float: left; background: transparent url(images/graphics/logo-background.png) no-repeat} .border {border: 2px solid #fff} .photoL {float: left; margin: 3px 8px 0 0} .photoR {float: right; margin: 3px 0 0 10px} #footer {clear: both; padding: 25px 0; text-align: center; font: normal 12px/2.25em Arial, Helvetica, sans-serif} /* ---[ headings ]--------------------- */ h1 {font: normal 33px/1em Arial, Calibri, Helvetica, sans-serif; color: #fff; padding: 47px 0 0 0; margin-bottom: 25px; overflow: hidden; height: 0 !important; height /**/:47px} h1#flocco-enterprises {background: transparent url("images/headings/flocco-enterprises.png") no-repeat; behavior: url("iepngfix.htc")} h1#about-flocco {background: transparent url("images/headings/about-flocco.png") no-repeat; behavior: url("iepngfix.htc")} h1#lots-for-sale {background: transparent url("images/headings/lots-for-sale.png") no-repeat; behavior: url("iepngfix.htc")} h1#sell-to-us {background: transparent url("images/headings/sell-to-us.png") no-repeat; behavior: url("iepngfix.htc")} h1#customer-updates {background: transparent url("images/headings/customer-updates.png") no-repeat; behavior: url("iepngfix.htc")} h1#contact-flocco {background: transparent url("images/headings/contact-flocco.png") no-repeat; behavior: url("iepngfix.htc")} h1#privacy-policy {background: transparent url("images/headings/privacy-policy.png") no-repeat; behavior: url("iepngfix.htc")} h1#sitemap {background: transparent url("images/headings/sitemap.png") no-repeat; behavior: url("iepngfix.htc")} h1#thank-you {background: transparent url("images/headings/thank-you.png") no-repeat; behavior: url("iepngfix.htc")} h1#welcome-to-flocco {background: transparent url("images/headings/welcome-to-flocco.png") no-repeat; behavior: url("iepngfix.htc")} h1#lot1 {background: transparent url("images/headings/lot1.png") no-repeat; behavior: url("iepngfix.htc")} h1#lot2 {background: transparent url("images/headings/lot2.png") no-repeat; behavior: url("iepngfix.htc")} h1#lot3 {background: transparent url("images/headings/lot3.png") no-repeat; behavior: url("iepngfix.htc")} h1#lot4 {background: transparent url("images/headings/lot4.png") no-repeat; behavior: url("iepngfix.htc")} h1#lot5 {background: transparent url("images/headings/lot5.png") no-repeat; behavior: url("iepngfix.htc")} h1#lot6 {background: transparent url("images/headings/lot6.png") no-repeat; behavior: url("iepngfix.htc")} h1#lot7 {background: transparent url("images/headings/lot7.png") no-repeat; behavior: url("iepngfix.htc")} h1#lot8 {background: transparent url("images/headings/lot8.png") no-repeat; behavior: url("iepngfix.htc")} h1#lot9 {background: transparent url("images/headings/lot9.png") no-repeat; behavior: url("iepngfix.htc")} h1#lot10 {background: transparent url("images/headings/lot10.png") no-repeat; behavior: url("iepngfix.htc")} h2 {font: bold italic 25px/1.25em Arial Black, Arial, Helvetica, sans-serif; color: #fff; padding: 0 0 .35em 0; text-transform: uppercase; letter-spacing: -1px} h3 {font: bold 16px/1.35em Arial, Helvetica, sans-serif; color: #ee2e24; margin: .35em 0 .35em 0} /* ---[ font colors ]--------------------- */ .black {color: #000 !Important} .white {color: #fff !Important} .red {color: #ee2e24 !Important} .grey {color: #231f20 !Important}