/* CSS - Pottowatomie Telephone Co. */ /* reset */ body, form, ul, li, img, pre, fieldset {padding: 0; border: 0; margin: 0;} /* general */ strong {font-weight: bold;} em {font-style: italic;} .left {float: left;margin-right: 1em;} .right {float: right;margin-left: 1em;} .hide {display: none;} .show {display: block;} .center {text-align: center; margin: 0 auto;} body {font-size: 12px; background: #fff url(images/bg.jpg) no-repeat center top;font-family: Verdana, Arial, Helvetica, sans-serif;} #inside {background: #fff url(images/inside_bg.jpg) no-repeat center top;} a {color: #db1b3c; font-weight: bold;text-decoration: none;} a:hover {text-decoration: none;} /* basic */ #mainContainer {clear: both;width: 980px;margin: 0 auto;} #inside #mainContainer {width: 896px;} /* header */ #headerContainer {clear : both;} #headerLogo h1 {text-indent: -9999px;margin: 0;display: inline;} #headerLogo a {display: block;background: url(images/potelco.jpg) no-repeat; width: 282px; height: 75px;float: left;} #headerNav ul {position: relative; left: 14px;} #headerNav {float: right; background: url(images/navbg.jpg) no-repeat; width: 698px; height: 75px;} #inside #headerNav {background: url(images/inside_nav.jpg) no-repeat; width: 614px;} #headerNav li {list-style: none;font-size: 15px;display: inline;margin-top: 34px;float: left;} #headerNav li a {color: #fffef8;text-decoration: none;font-weight: bold;display: block; height: 41px; padding: 8px 14px;background: url(images/navnohover.jpg) no-repeat top right;} #headerNav li a:hover {text-decoration: none;background: url(images/navhover.jpg) no-repeat top right;} #headerNav .lastItem a {background: none;padding-right: 16px;} #headerNav .lastItem a:hover {background: url(images/navlasthover.jpg) no-repeat top right;} /* body */ #bodyContainer {clear: both;} #inside #bodyContainer {background: url(images/bodybg.jpg) repeat-y;min-height: 200px;} #inside #bodyContent {background: url(images/bodybgtop.jpg) no-repeat; min-height: 368px;} #leftCol {float: left;} #inside #leftCol {width: 130px; margin-left: 40px;} #inside #leftNav {margin-top: 20px;} #inside #leftNav ul {padding: 0; margin: 0;} #inside #leftNav li {list-style: none;margin-bottom: 5px;} #leftCol #flash {clear: both; width: 737px; height: 309px; padding: 0;} #leftCol #columns {clear: both;} #leftCol .column {padding-top: 40px;} #leftCol .columnCopy {font-size: 11px;} #leftCol .columnCopy h1 {display: none;} #leftCol .columnCopy li {list-style: none;margin-bottom: 10px;} #leftCol .news em {font-size: 9px;color: #bbb;} #columns #leftColumn {background: url(images/leftcolumn.jpg) no-repeat; width: 258px; min-height: 258px;float: left;} #leftCol #leftColumn .columnCopy {padding: 0 30px;} #leftCol #leftColumn .columnCopy h2 {font-size: 12px;} #columns #centerColumn {background: url(images/column.jpg) no-repeat; width: 246px; min-height: 262px;float: left;} #leftCol #centerColumn .columnCopy {padding: 0 20px;color: #db1b3c;} #leftCol #centerColumn a {color: #db1b3c;} #leftCol #centerColumn h4 a {color: #db1b3c;} #columns #rightColumn {background: url(images/rightcolumn.jpg) no-repeat; width: 233px; min-height: 262px;float: left;} #leftCol #rightColumn .columnCopy {padding: 0 10px;} #leftCol #rightColumn strong {color: #db1b3c; font-weight: bold;} #leftCol #rightColumn .redButtons li {list-style: none; display: inline;} #rightCol {float: right;} #inside #rightCol {width: 656px;margin-right: 35px;font-size: 11px;color: #8c8c8c;} #inside #rightCol .hero {margin-top: 20px;} #inside #rightCol h1 {color: #db1b3c; font-size: 16px;font-weight: bold;} #inside #rightCol h2 {color: #db1b3c; font-size: 14px;font-weight: bold;} #inside #rightCol h3 {color: #989898; font-size: 12px;font-weight: bold;} #inside #rightCol .hero h4 {margin: 0; font-size: 11px;} #inside #rightCol ul {padding-left: 30px;} #rightCol #buttons li {list-style: none;} #rightCol #buttons li a {width: 243px;display: block;} #rightCol #buttons .blueButton a {background: url(images/bluebutton_new.jpg) no-repeat; height: 208px;} #rightCol #buttons .blueButton a:hover {background-position: 0 -208px;} #rightCol #buttons .greenButton a {background: url(images/greenbutton_new.jpg) no-repeat; height: 187px;} #rightCol #buttons .greenButton a:hover {background-position: 0 -187px;} #rightCol #buttons .redButton a {background: url(images/redbutton_new.jpg) no-repeat; height: 172px;} #rightCol #buttons .redButton a:hover {background-position: 0 -172px;} /* footer */ #footerContainer {clear: both;} #inside #footerContainer {background: url(images/footer.jpg) no-repeat; height: 59px; width: 896px;} #footerContent {text-align: left;color: #59595b;position: relative; top: -30px;left: 15px;} #inside #footerContent {/*position: static;*/ margin-left: 20px; margin-top: 30px;} #footerContent li {display: inline;list-style: none; padding: 0 8px; border-right: 1px solid #59595b;} #footerContent .lastItem {border-right: 0;} .b40d {font-weight: normal;} #footerContent a {color: #59595b;} #footerContent p {padding-left: 8px;} .gallery2 {padding: 0!important; margin: 0!important;} .gallery2 li {width: 190px; margin-right: 15px; display: inline; list-style: none; float: left; margin-bottom: 15px;} .bundles, .features {padding: 0!important; clear: left;} .bundles li, .features li {display: inline; list-style: none; float: left;} .features {height: 105px;} .bundles {margin-bottom: 10px; height: 75px;} .features li { margin-right: 35px; margin-bottom: 10px;} .redButtons li {position: relative;} .redButtons .avail {left: 11px;} .redButtons .speed {left: 10px; top: 20px;} .redButtons .newsletter {left: 10px;} .redButtons .channel {left: 28px; top: 20px;} .redButtons .order {top: 11px;} /* custom stuff */ .customBullet {list-style: url(/uploads/images/customBullet.jpg); font-size: 14px; font-style:italic;} .customBullet li {margin-bottom: 10px;} .customBullet2 {list-style: url(/uploads/images/customBullet.jpg); font-size: 14px; font-weight: bold; line-height: 25px;} #heroHighspeed {width: 659px; height: 266px; background: url(/uploads/images/highspeed.jpg) no-repeat;} .highspeedHeroText {position: relative; top: 140px; left: 20px;} .highspeedHeroText li {margin-bottom: 5px;} .highspeedHeroText h3 {margin: 0;} .heroText {width: 290px; height: 85px; margin-left: 27px; padding-top: 132px; text-align: left; line-height: 15px;} .heroBroadband {width: 659px; height: 266px; background: url(/uploads/images/heroBroadband.jpg) no-repeat;} .broadbandText {width: 290px; height: 85px; margin-left: 347px; padding-top: 132px; text-align: left; line-height: 15px;} .heroService {width: 659px; height: 266px; background: url(/uploads/images/servicemaintenance.jpg) no-repeat;} .serviceText {width: 290px; height: 85px; left: 347px; top: 132px; text-align: left; line-height: 15px; position: relative;} .heroTech {width: 659px; height: 266px; background: url(/uploads/images/heroTech.jpg) no-repeat;} .techText {width: 348px; height: 185px; position: relative; left: 30px; top: 104px; text-align: left; line-height: 15px;} .heroDTV {width: 659px; height: 266px; background: url(/uploads/images/heroDTV.jpg) no-repeat;} .dtvText {width: 330px; height: 131px; margin-left: 314px; padding-top: 105px; text-align: left; line-height: 15px;} #dtvPricing {width: 250px; float:right;} .heroPhone {width: 659px; height: 266px; background: url(/uploads/images/heroPhone.jpg) no-repeat;} .phoneText {width: 325px; height: 185px; margin-left: 30px; padding-top: 104px; text-align: left; line-height: 15px;} .heroBundle {width: 659px; height: 251px; background: url(/uploads/images/heroBundle.jpg) no-repeat;} .bundleText {width: 315px; height: 185px; text-align: left; line-height: 15px; position: relative; top: 100px;left: 35px;} .heroVoicemail {width: 659px; height: 266px; background: url(/uploads/images/heroVoicemail.jpg) no-repeat;} .voicemailText {width: 300px; height: 131px; margin-left: 350px; padding-top: 93px; text-align: left; line-height: 15px;} .blueBundle {float: left; background: url(/uploads/images/blueBundleNew.jpg) no-repeat; width: 214px; height: 440px;} .blueText {padding-top: 260px;} .blueText h6 a {display: block; width 200px; height: 200px; margin-top: -260px;} .greenBundle {float: left; background: url(/uploads/images/greenBundleNew.jpg) no-repeat; width: 225px; height: 440px;} .greenText {padding-top: 260px;} .greenText h6 a {display: block; width 200px; height: 200px; margin-top: -260px;} .redBundle {float: left; background: url(/uploads/images/redBundle.jpg) no-repeat; width: 213px; height: 440px;} .redText {padding-top: 260px;} .redText h6 a {display: block; width 200px; height: 200px; margin-top: -260px;} #featuresHero {background: url(images/featuresheading.jpg) no-repeat; width: 660px; height: 233px;} #featuresHero .featuresText {position: relative; top: 95px; width: 300px; float: right; text-align: left; margin-right: 9px;} #featuresPage h2 {background: url(images/plusheading.jpg) no-repeat; padding: 4px 0 5px 25px;} #featuresPage ul {padding-left: 3px!important;} #featuresPage ul li {background: url(images/circlebullet.jpg) no-repeat 0 4px; padding-left: 10px; list-style: none; margin-bottom: 10px; font-size: 12px; color: #59595b;} #featuresPage ul li strong {color: #a3a3a3; font-style: italic; font-weight: bold;} .popcornImage {background: url(/uploads/images/digitaltvgraphic.jpg) no-repeat; width: 200px; height: 129px; float: left; padding-left: 196px; padding-top: 20px; overflow: hidden;} .facebook a {background: url(images/icon_facebook.png) no-repeat; width: 23px; height: 22px; text-indent: -9999px; display: block; position: absolute; left: 338px; bottom: 23px;}