/* CSS Main Template for PixelFlourh Multimedia Studio */ #screen {width: 100%; overflow: hidden;} #sections {overflow: hidden; clear: left; height: 100%; } .height {height: 100%; } * {margin: 0; padding: 0; } body, p {color: #ddd; font: 13px/1.5em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; } .homebottom h2 {margin: 0 auto; } .home-nav {background-color: #333; width: 565px; overflow: hidden; float: left; margin-left: 20px; } .homebottom {overflow: hidden; padding-top: 10px; } .titles {padding: 10px 0; } html, body {height: 100%; } body {position:relative;} a {outline: none; } .both {clear: both; } .contact-header {padding: 0px 0 0 0; } a {color: #c0b944; text-decoration: none; } #h-navigation .selected, #h-navigation a:hover {background-position: 0 -28px; } #h-navigation {width: 400px; overflow: hidden; clear: both; list-style-type: none; display: inline; } #h-navigation li {display: inline; float: left; } #h-navigation li a {display: inline; float: left; text-indent: -90000px; } /* @end */ .hide {display: none; } .right {float: right; } .left {float: left; } .right-col {float: right; width: 265px; margin-right: 20px; } .divider {width: 100%; height: 20px; } * { } .home-wrapper {background: url(images/side.gif) no-repeat right 78px; width: 960px !important; overflow: hidden; } .home-wrapper ul {overflow: hidden; } .banner {height: 99px; width: 400px; float: right; margin-top: 78px; padding: 10px 20px 20px; background: url(images/black.png) } .homebody {/*width: 960px; height: 100%;*/ background-image: url(images/black.png); position: relative;} .right-col ul {color: #eee; list-style-type: none; font-size: 13px; padding: 10px 0; } .location-text .right-col ul li {background: url(images/flickr.jpg) no-repeat 1px 1px; padding-bottom: 10px; padding-left: 25px; } .left-col {float: left; width: 575px; } /* -----------------------------------------Top Of Page Main Navigation------------------------------------------------------- */ #logo { width:274px; height: 170px; margin-left: 100px; background-image:url(images/navigation/logo.png); background-repeat:no-repeat; float: left; text-indent: -90000px; } /* Navigation Styling */ #navigation {position: absolute; width: 100%; height: 170px; text-align: center; overflow: hidden; background-color:#040904; z-index: 10; border-bottom: solid 4px #c2bb44;} #navigation ul {float: left; width: 676px; margin-top:106px;} #navigation li {display: block; float: left; list-style-type: none; } #navigation li a, #navigation span a {display: block; height: 63px; text-indent: -90000px; } #navigation li a:hover, #navigation span a:hover {background-position: 0 -63px; } .home {background: url(images/navigation/home.png) no-repeat; width: 109px; } .samples {background: url(images/navigation/samples.png) no-repeat; width: 109px; } .testimonials {background: url(images/navigation/testimonial.png) no-repeat; width: 140px; } .services {background: url(images/navigation/services.png) no-repeat; width: 120px; } .faq {background: url(images/navigation/faq.png) no-repeat; width: 72px; } .contact {background: url(images/navigation/contact.png) no-repeat; width: 109px; } #navigation .selected {background-position: 0 -63px; } /* -------------------------------------------------------------------------------------------------------------------------- */ /*-------------------- Global Image Files ------------------------------------------------------------------------------------ */ #sections .container {width: 57660px; height: 1050px; background: #000000 url(images/background.jpg); background-repeat:repeat; overflow: hidden; position:center;} /* Background Images For Each Page */ .testimony.bg {background: url(images/testimony-bg.png) no-repeat; overflow: hidden; float: left; height: 100%; maring-top: 100px; padding-left: 40px; } .c.bg {background: url(images/service-bg.png) no-repeat; overflow: hidden; float: left; height: 100%; padding-left: 100px; } .cl.bg {background: url(images/clients_top.png) no-repeat; overflow: hidden; float: left; height: 100%; padding-left: 50px; } .co.bg {background: url(images/contact-bg.png) no-repeat; overflow: hidden; float: left; height: 100%; padding-left: 80px; } #a {background: url(images/about-company.png) no-repeat; overflow: hidden; float: left; height: 100%; padding-left: 60px; } /* Background Images For Each Page */ #services.sub.floor {height: 100%; overflow: hidden; background: url(images/services-bottom.png) no-repeat left bottom; } #samples.sub.floor {background: url(images/samples_bottom.png) no-repeat right bottom; } #testimonials.sub.floor {height: 100%; background: url(images/testimony_bottom.png) no-repeat right bottom; width: 880px; } #faq.sub.floor {height: 100%; background: url(images/faq-bottom.png) no-repeat right bottom; } #contact.sub.floor {height: 100%; background: url(images/contact-bottom.png) no-repeat right bottom; } /* -------------------------------------------------------------------------------------------------------------------------- */ .main {float: left; padding: 11px 30px; } /*THIS IS THE SCRIPT THAT MOVES THE ENTIRE CONTAINER INTO POSITION */ div.sub {float: left; padding: 174px 200px 0px 100px; margin-right: 100px; } /*--------------------------------------- Content Menu For Samples, FAQ and Services Pages --------------------------------------------------- */ #cmenu {overflow: hidden; } #cmenu li {padding-top: 10px; } ul#cmenu {padding-left: 20px; list-style-type: none; } #c-navigation.right {width: 250px; float: left; background: #191717; clear: none; height: 330px; } #cmenu a {display: block; text-indent: -9000%; outline: none; } #cmenu a:hover { } #cmenu .packages {height: 26px; background: url(images/packages.png) no-repeat; width: 138px; } #cmenu .sample_choice {height: 26px; background: url(images/sample_choices.png) no-repeat; width: 180px; } #cmenu .faq {height: 26px; background: url(images/faq_head.png) no-repeat; width: 138px; } /* --------------------------------------------Sample Area Headings------------------------------------------------------------------- */ #cmenu .pos1 {width: 208px; height: 26px; background: url(images/sam_allday_heading.png) no-repeat; } #cmenu .pos2 {width: 208px; height: 26px; background: url(images/sam_bridal_heading.png) no-repeat; } #cmenu .pos3 {width: 208px; height: 26px; background: url(images/sam_ceremony_heading.png) no-repeat; } #cmenu .pos4 {width: 208px; height: 26px; background: url(images/sam_reception_heading.png) no-repeat; } #cmenu .pos5 {width: 208px; height: 26px; background: url(images/sam_friends_heading.png) no-repeat; } #cmenu .pos6 {width: 208px; height: 26px; background: url(images/sam_photo_heading.png) no-repeat; } /* --------------------------------------------Packages Headings------------------------------------------------------------------- */ #cmenu .pos9 {width: 208px; height: 26px; background: url(images/classicSD.png) no-repeat; } #cmenu .pos10 {width: 208px; height: 26px; background: url(images/exclusiveSD.png) no-repeat; } #cmenu .pos11 {width: 208px; height: 26px; background: url(images/classicHD.png) no-repeat; } #cmenu .pos12 {width: 208px; height: 26px; background: url(images/exclusiveHD.png) no-repeat; } #cmenu .pos13 {width: 208px; height: 26px; background: url(images/ceremonyOnly.png) no-repeat; } #cmenu .pos14 {width: 208px; height: 26px; background: url(images/extras.png) no-repeat; } /* --------------------------------------------FAQ Headings------------------------------------------------------------------- */ #cmenu .pos20 {width: 208px; height: 26px; background: url(images/why_record.png) no-repeat; } #cmenu .pos21 {width: 208px; height: 26px; background: url(images/samples_dvd.png) no-repeat; } #cmenu .pos22 {width: 208px; height: 26px; background: url(images/how_book.png) no-repeat; } #cmenu .pos23 {width: 208px; height: 26px; background: url(images/before_wedding.png) no-repeat; } #cmenu .pos24 {width: 208px; height: 26px; background: url(images/on_day.png) no-repeat; } #cmenu .pos25 {width: 208px; height: 26px; background: url(images/meet_person.png) no-repeat; } #cmenu .pos26 {width: 208px; height: 26px; background: url(images/additional_dvd.png) no-repeat; } /* Background for the Samples, FAQ and Services content sections */ .c-company {background: url(images/black2.png); } /* --------------------------------------------------------------------------------------------------------------------------------------------- */ .careers-text {overflow: hidden; } .buffer {padding-top: 20px; } .careers-text .left p {width: 575px !important; margin: 0! important; padding: 0; overflow: hidden; padding-left: 30px; padding-top: 20px; margin-bottom: 30px !important; } /* @end */ #c-screen h2.title {background-color: transparent; width: 192px; height: 10px; text-indent: -90000px; float: right; margin: 7px 0; } .c-company img {padding-left: 30px; } .career-home img {padding: 0; float: left; padding: 5px 0 0 23px; } .c-company .border {border-bottom: 4px solid #c0b944; width: 100%; padding: 0px 0; } #c-screen {height: 550px; width: 950px; margin-left: 0px;} #c-navigation {width: 880px; height: 64px; text-align: center; overflow: hidden; clear: both; } /* --------------------------------------------Testimonial Menu CSS------------------------------------------------------------------------------------------------------------------- */ #s-screen h2.title {background-color: transparent; width: 203px; height: 10px; text-indent: -90000px; float: right; margin: 7px 0; } #s-screen {width: 880px; margin-left: 40px;} #s-screen .next, #s-screen .prev {position: absolute; top: 200px; } #s-screen .prev {left: 10px; } #s-screen .next {right: 10px; } #s-navigation {width: 880px; text-align: center; overflow: hidden; background-image: url(images/black.png); clear: both; border-bottom: 4px solid #c0b944; } #smenu a.selected, #smenu a.selected:hover {background-position: 0 -188px; } #s-sections {overflow: hidden; background-image: url(images/black.png); width: 880px; height: 310px; clear: left; } #s-sections ul {width: 3660px; } #s-sections li {float: left; padding: 11px 20px; height: 405px; list-style-type: none; width: 823px; } #s-sections li.fallen {clear: both; overflow: hidden; } #s-sections li.left {clear: right; } #s-sections p {width: 820px; margin: 16px 0; line-height: 1.4em; } #smenu {overflow: hidden; } .menu-wrap {padding-left: 2px; } #smenu li {display: inline !important; float: left !important; } #smenu a {display: block; text-indent: -90000px; outline: none; } #smenu a:hover {background-position: 0 -94px; } #smenu .davidson {width: 219px; height: 94px; background: url('images/davidson_button.png') no-repeat; } #smenu .hughes {height: 94px; background: url('images/hughes_button.png') no-repeat; width: 219px; } #smenu .andrews {width: 219px; height: 94px; background: url('images/andrews_button.png') no-repeat; } #smenu .rogers {width: 219px; height: 94px; background: url('images/rogers_button.png') no-repeat; } #smenu .odonnell {width: 219px; height: 94px; background: url('images/odonnell_button.png') no-repeat; } #smenu .clarke {width: 219px; height: 94px; background: url('images/clarke_button.png') no-repeat; } #smenu .patterson {width: 219px; height: 94px; background: url('images/patterson_button.png') no-repeat; } #smenu .mcconnon {width: 219px; height: 94px; background: url('images/mcconnon_button.png') no-repeat; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------Contacts Page CSS------------------------------------------------------------------------------------------------------------------- */ /* Contact Page */ #contact-heading {width: 950px; margin-left: 0px;} #contact-heading .contact-wrapper .right-col img {padding: 10px 0; } #contact-heading h2.title {background-color: transparent; width: 460px; height: 10px; text-indent: -90000px; float: right; margin: 7px 0; } .contact-wrapper {background-image: url(images/black.png); overflow: hidden; padding-bottom: 20px; width: 950px; } .dxxcartext, .dxxtraintext, .dxxdinotext, .dxxfeettext {padding: 0px 20px; } /* @end */ ul#comenu {display: inline; } ul#comenu li {display: inline; float: left; } ul#comenu li a {display: block; text-indent: -90000px; } ul#comenu li a:hover {background-position: 0 -61px; } ul#comenu li a.selected, ul#comenu li a.selected:hover {background-position: 0 -122px; } .dxfeet {background-image: url('images/availability_button.png'); width: 190px; height: 61px; } .dxcar {background-image: url('images/terms_button.png'); width: 140px; height: 61px; } .dxtrain {background-image: url('images/brochure_button.png'); width: 170px; height: 61px; } #staffing {overflow: hidden; } .panel {width: 450px; overflow: auto; padding-right: 10px; height: 80px; padding: 0 10px 0 0; margin: 10px 0; color: white; clear: both; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ div.homebottom h2 {font-size: 14px; } div.homebottom ul.bot li {width: 570px; float: left; display: inline; background: url(images/dot.png) repeat-y right 0; padding: 10px 20px; min-height: 61px; } div.homebottom ul.bot li h2 {padding-left: 20px; background-position: 3px 0; } div.homebottom ul.bot li.blog h2 {background: url(images/blog_ico.png) no-repeat; } div.homebottom ul.bot li.friends h2 {background: url(images/blog_ico.png) no-repeat; margin-bottom: 5px; } div.homebottom ul.bot li.blog p a {color: #FFF; } div.homebottom ul.bot li.blog p a:hover {color: #88C746; text-decoration: underline; } div.homebottom ul.bot li p {font-size: 12px; } ul.bot li.last {background: none !important; } div.homebottom ul.bot ul li {background: none; width: auto; padding: 0; } div.homebottom ul.bot ul li a {background: url(images/socialsprites.png) no-repeat; display: block; width: 28px; height: 25px; text-indent: -9000px; } div.homebottom ul.bot li.friends {width: 310px; } .hometop2 ul {width: 88900px; list-style-type: none; } .hometop2 li {float: left; margin: 0 0px; cursor: pointer; margin-bottom: -5px; } .homebody #buttons2 {display: none; position: relative; width: 900px; top: 200px; margin-top: -29px; } .right.servicon {width: 235px; }