/* #Clear# */ body { margin: 0; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; } h1, h2, h3, h4, h5, ul, p { margin: 0; } ul { padding: 0; margin: 0; } ul li { list-style: none; } a { text-decoration: none; } a:focus { outline: none; } /* #Start# */ #container { margin: 0 auto; width: 920px; } /* #Header# */ #header { position: relative; display: block; height: 150px; } /* # BHI Languages# */ .language { width: 100px; display: block; padding: 18px 0 0 304px; } .language li { float: left; width: 100px; padding: 2px 0 2px 27px; margin: 0; } .language li.lang1 { background: url('../App_Themes/FBPH/Images/flag1.gif') no-repeat; } .language li.lang2 { background: url('../App_Themes/FBPH/Images/flag2.gif') no-repeat; } .language li.lang3 { background: url('../App_Themes/FBPH/Images/flag3.gif') no-repeat; } .language li.lang4 { background: url('../App_Themes/FBPH/Images/flag4.gif') no-repeat; } .language li a { font-family: Arial, Helvetica, sans-serif; color: #666; } .language li a:hover, .language li a.active-lang { color: #c00; } /* #Between Sites Navigation# */ #menu { display: block; position: absolute; top: 100px; left: 0; } #menu li { display: inline; } #menu li a { float: left; width: 300px; margin-right: 10px; display: inline; height: 34px; padding-top: 16px; color: #fff; text-align: center; font: 16px "Times New Roman" , Times, serif; } #menu li a.active { height: 200px; margin-top: -150px; position: relative; } #menu li a.link1 { background: url('../App_Themes/FBPH/Images/link1.gif') no-repeat; } #menu li a.link2 { background: url('../App_Themes/FBPH/Images/link2.gif') no-repeat; } #menu li a.link3 { background: url('../App_Themes/FBPH/Images/link3.gif') no-repeat; margin-right: 0; } /*Content Holder# */ .content { display: block; background: #d2cf84 url('../App_Themes/FBPH/Images/home-rb.gif') no-repeat 100% 100%; } .content:before { background: url( '../App_Themes/FBPH/Images/home-rt.gif' ) no-repeat 100% 0; content: url( '../App_Themes/FBPH/Images/home-lt.gif' ); display: block; height: 15px; line-height: 0; font-size: 0px; } .content:after { background: url( '../App_Themes/FBPH/Images/home-rb.gif' ) no-repeat 100% 0; content: url( '../App_Themes/FBPH/Images/home-lb.gif' ); display: block; line-height: 0; height: 15px; font-size: 0px; } /* #Page Navigation# */ #navi { display: block; width: 890px; overflow: hidden; height: 60px; margin: 0 15px; } #navi li { display: block; float: left; font-style: italic; height: 45px; width: 127px; text-align: center; padding: 29px 0 0 0; font-family: Times New Roman, Times, Serif; font-size: 15px; } #navi li a { color: #FFFFFF; } #navi li.active { background: url('../App_Themes/FBPH/Images/tab-thin.png') no-repeat 0 18px; } #navi li.active a { color: #FFFFFF; font-weight: bold; } .area { display: block; padding: 0 15px; position:relative; } .home-area { min-height: 520px; } * html .home-area { height: 520px; } .main { display: block; background: #666; overflow: hidden; position: relative; } .main:before, .main:after { display: block; height: 15px; line-height: 0; font-size: 0px; } /* #Sub Page Navigation# */ #sub-navi { display: block; padding:0; position: relative; margin: 19px 0 -10px 2px; } #sub-navi li { display:inline; margin: 0 10px; padding: 0; height:auto; } #sub-navi li a{ color: #FFFFFF; text-transform: uppercase; font-weight: bold; text-decoration: none; } #sub-navi li a:hover{ text-decoration: none; color: #E51B24; } #sub-navi li a:active, #sub-navi li a.active{ color: #E51B24; text-transform: uppercase; text-decoration: none; font-weight: bold; } /* #Content# */ .info { padding: 20px 20px 0 25px; display: block; min-height: 180px; height:auto; position: relative; margin: 20px 0 0 0; } * html .info { height: 180px; } .info h1 { color: #333333; font-size: 48px; font-family: Times New Roman,Serif; line-height: 57px; font-style:italic; } .info h2 { color: #FFFFFF; font-size: 21px; line-height: 25px; font-weight: bold; font-family: Arial,Sans-Serif; margin: 0 0 10px 0; } .info p { line-height: 19px; font-size: 12px; margin: 0 0 10px 0; display:block; padding:0; } .info a { color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; text-decoration: none; } .info a:hover { text-decoration: underline; } .info ul { margin: 20px 0 0 30px; padding: 0; } .info li { margin: 0 0 15px 0; list-style: disc; } /* #Right Column# */ .rightColumn { width: 320px; float: right; display: block; margin: 10px 5px 0 10px; background: transparent url('../App_Themes/FBPH/Images/box-bottom.png') no-repeat 0pt 100%; padding:0 0 13px 0; clear: right; } .rightColumn .topImg { padding: 12px 0 0 0; background: transparent url('../App_Themes/FBPH/Images/box-top.png') no-repeat 0% 0%; background-attachment: scroll; } .rightColumn .columnArea { background: #2f2f2f; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; padding: 0px 20px 13px 20px; margin: 0px 0 0 0; } .rightColumn .columnArea p { line-height: 14px; margin: 10px 0; } .rightColumn .columnArea ul { margin: -5px 0 0 20px; } .rightColumn .columnArea li { margin: 0; } .rightColumn h3 { font-weight: bold; margin: 0 -10px 10px -15px; color: #bbb2a4; font-size: 14pt; text-align: right; } .rightColumn h4 { font-weight:bold; color: #D2CF84; margin: 0 0 -10px 0; } /* #Contact Info# */ .contactcard { width: 320px; float: right; clear: right; display: block; margin: 10px 0px 0 10px; background: transparent url('../App_Themes/FBPH/Images/box-bottom.png') no-repeat 0pt 100%; padding:0 0 13px 0; } .contactcard .topImg { padding: 12px 0 0 0; background: transparent url('../App_Themes/FBPH/Images/box-top.png') no-repeat 0% 0%; background-attachment: scroll; } .contactcard .contactArea { background: #2f2f2f; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; padding: 0px 10px 13px 10px; margin: 0px 0 0 0; } .contactcard .contactArea ul { margin: 0; } .contactcard .contactArea li { list-style: none; margin: 0; } .contactcard h3 { font-weight: bold; margin: 0 0 10px 0; color: #bbb2a4; font-size: 14pt; text-align: right; } .contactcard h4 { font-weight:bold; } .title { font-style: italic; } .company { color:#D2CF84; } .channels { margin: 0 0 20px 0; } .street, .zip, .phone, .fax { font-style: normal; } .city, .state { float: left; font-style: normal; padding: 0 5px 0 0; } .phone span, .email span, .fax span{ font-weight: bold; padding: 0 5px 0 0; font-style: normal; } .email a{ color: #BBB2A4; font-weight:normal; font-style: normal; } /* #News# */ .news { padding: 40px 0 0 25px; display: block; min-height: 180px; } * html .news { height: 180px; } .news p { line-height: 19px; font-size: 12px; margin: 0 0 0px 0; font-weight: bold; } .news p a { color: #D2CF84; text-decoration: none; margin: 0 0 0 10px; font-weight: normal; } .news p a:hover { color: #ECE994; text-decoration: underline; } /* #Photos# */ .photos { width: 320px; float: right; clear: right; display: block; margin: 10px 0 0 10px; background: transparent url('../App_Themes/FBPH/Images/box-bottom.png') no-repeat 0pt 100%; padding:0 0 13px 0; } .photos .topImg { padding: 12px 0 0 0; background: transparent url('../App_Themes/FBPH/Images/box-top.png') no-repeat 0% 0%; background-attachment: scroll; } .photos .photoArea { background: #2f2f2f; padding: 0px 10px 13px 10px; margin: 0px 0 0 0; } .photos h3 { font-weight: bold; margin: 0 0 10px 0; color: #bbb2a4; font-size: 14pt; text-align: right; } /* #Related Links# */ .relatedLinks { width: 320px; float: right; clear: right; display: block; margin: 10px 0 0 10px; background: transparent url('../App_Themes/FBPH/Images/box-bottom.png') no-repeat 0pt 100%; padding:0 0 13px 0; } .relatedLinks .topImg { padding: 12px 0 0 0; background: transparent url('../App_Themes/FBPH/Images/box-top.png') no-repeat 0% 0%; background-attachment: scroll; } .relatedLinks .linkArea { background: #2f2f2f; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; padding: 0px 10px 13px 10px; margin: 0px 0 0 0; } .relatedLinks .linkArea ul { margin: 0; } .relatedLinks .linkArea li { list-style: none; margin: 0 0 10px 0; } .relatedLinks .linkArea li a{ color: #BBB2A4; font-weight: normal; } .relatedLinks h3 { font-weight: bold; margin: 0 0 10px 0; color: #bbb2a4; font-size: 14pt; text-align: right; } /* #Testimonials# */ .testimonials { width: 320px; float: right; clear: right; display: block; margin: 10px 0px 0 10px; background: transparent url('../App_Themes/FBPH/Images/box-bottom.png') no-repeat 0pt 100%; padding:0 0 13px 0; } .testimonials .topImg { padding: 12px 0 0 0; background: transparent url('../App_Themes/FBPH/Images/box-top.png') no-repeat 0% 0%; background-attachment: scroll; } .testimonials .testimonialArea { background: #2f2f2f; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; padding: 0px 5px 13px 0px; margin: 0px 0 0 0; line-height: 14px; } .testimonials .testimonialArea ul { margin: 0 0 0 10px; } .testimonials .testimonialArea li { list-style: none; margin: 0 0 30px 0; } .testimonials .testimonialArea li span { color: #D2CF84; } .testimonials .testimonialArea li p { line-height: 14px; margin: 10px 0; } .testimonials .testimonialArea li img { float: right; margin: 0 0 0 10px; } .testimonials h3 { font-weight: bold; margin: 0 0 10px 0; color: #bbb2a4; font-size: 14pt; text-align: right; } .testimonials h4 { font-weight:bold; } /* #Related Attachments# */ .attachments { width: 320px; float: right; clear: right; display: block; margin: 10px 0px 0 10px; background: transparent url('../App_Themes/FBPH/Images/box-bottom.png') no-repeat 0pt 100%; padding:0 0 13px 0; clear: right; } .attachments .topImg { padding: 12px 0 0 0; background: transparent url('../App_Themes/FBPH/Images/box-top.png') no-repeat 0% 0%; background-attachment: scroll; } .attachments .attachArea { background: #2f2f2f; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; padding: 0px 5px 13px 0px; margin: 0px 0 0 0; } .attachments .attachArea li { list-style: none; margin: 0 0 30px 0; } .attachments .attachArea li a{ font-weight: normal; color: #BBB2A4; text-decoration: none; line-height: 14px; display: block; } .attachments .attachArea li a:hover { text-decoration: underline; } .attachments .attachArea li span { color: #D2CF84; } .attachments .attachArea li p { line-height: 14px; margin: 10px 0; } .attachments .attachArea li img { margin: 0 0 0 -22px; } .attachments h3 { font-weight: bold; margin: 0 0 10px 0; color: #bbb2a4; font-size: 14pt; text-align: right; } .attachments h4 { font-weight:bold; } /* #Contact Page# */ .leftColumn { padding: 40px 0 10px 25px; display: block; min-height: 180px; height:auto; width: 500px; float:left; } .contactHolder { width: auto; float: right; padding: 35px 10px 0 0; } /* #Footer# */ .footer { display: block; height: 185px; position: relative; } .footer .adSection { width: 325px; height: auto; margin: 15px 0 0 0; float: left; } .footer .adSection img{ display:block; margin:0 0 5px 0; } /* #Holders# */ .holder1 { float: left; margin-top: 15px; width: 330px; height: 170px; } .holder2 { width: 530px; height: 170px; position: absolute; right: 0; top: 15px; } .holder2 .titleHolder { position: absolute; left: 0px; top: 44px; width: 510px; height: 60px; overflow: hidden; } .holder2 .titleHolder .title { font-family: Times New Roman, Serif; font-size: 32pt; font-style: italic; color: #333333; } /* #Search Box# */ #searchbox { margin: 112px 0 0 255px; padding: 0; display:block; } #searchbox .labelText { font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-transform: uppercase; float: left; padding: 7px 6px 0 0; } #searchbox .inputText { float: left; width: 152px; font-size: 12px; padding: 5px 0; margin: 0 7px 0 0; border: solid 1px #000000; } /* #FBPH Site# */ .fbph-main:before { background: url( '../App_Themes/FBPH/Images/main-yellow-r.gif' ) no-repeat 100% 0; content: url( '../App_Themes/FBPH/Images/main-yellow-l.gif' ); margin-bottom: -15px; } .info h1.fbph-head { display: block; clear: both; color: #d2cf84; } .fbph-footer { background: url('../App_Themes/FBPH/Images/fbph-footer.jpg') no-repeat 100% 0; } /* #BHI Site# */ .bhi-cont { background: #c00 url('../App_Themes/FBPH/Images/bhi-rb.gif') no-repeat 100% 100%; } .bhi-cont:before { background: url( '../App_Themes/FBPH/Images/bhi-rt.gif' ) no-repeat 100% 0; content: url( '../App_Themes/FBPH/Images/bhi-lt.gif' ); } .bhi-cont:after { background: url( '../App_Themes/FBPH/Images/bhi-rb.gif' ) no-repeat 100% 0; content: url( '../App_Themes/FBPH/Images/bhi-lb.gif' ); } .bhi-main:before { background: url( '../App_Themes/FBPH/Images/main-red-r.gif' ) no-repeat 100% 0; content: url( '../App_Themes/FBPH/Images/main-red-l.gif' ); margin-bottom: -15px; } .bhi-footer { background: url('../App_Themes/FBPH/Images/bhi-footer.jpg') no-repeat 100% 0; } /* #PHI Site# */ .phi-cont { background: #bbb2a4 url('../App_Themes/FBPH/Images/phi-rb.gif') no-repeat 100% 100%; } .phi-cont:before { background: url( '../App_Themes/FBPH/Images/phi-rt.gif' ) no-repeat 100% 0; content: url( '../App_Themes/FBPH/Images/phi-lt.gif' ); } .phi-cont:after { background: url( '../App_Themes/FBPH/Images/phi-rb.gif' ) no-repeat 100% 0; content: url( '../App_Themes/FBPH/Images/phi-lb.gif' ); } .phi-main:before { background: url( '../App_Themes/FBPH/Images/main-gray-r.gif' ) no-repeat 100% 0; content: url( '../App_Themes/FBPH/Images/main-gray-l.gif' ); margin-bottom: -15px; } .phi-main img.visual { float: left; border: 2px solid #fff; } .info h1.phi-head { color: #bbb2a4; padding-bottom: 10px; } .phi-footer { background: url('../App_Themes/FBPH/Images/phi-footer.jpg') no-repeat 100% 0; } .bhi-main:after, .fbph-main:after, .phi-main:after { background: url( '/App_Themes/FBPH/Images/none.gif' ) no-repeat 100% 0; content: url( '/App_Themes/FBPH/Images/none.gif' ); } .phi-main p, .fbph-main p { padding: 0 40px 0 0; } /* #Slideshow# */ .slideshow { width: 400px; height: 300px; background: #ff0066; position: absolute; top: 0; right:0; } /* #Gallerific# */ /* Current Projects */ #thumbs { width: 300px; margin: 0px 0px 0px 6px; } #thumbs ul { list-style: none !important; margin: 0px; padding: 0px; } #thumbs ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #thumbs ul li { list-style: none !important; } #thumbs ul li img { width: 60px; height: 40px; } #thumbs li { float: left; margin: 0px 10px 10px 0px; } #thumbs .bottom { padding: 0px 0px 0px 0px; clear: both; } #thumbs .bottom span.current { padding: 5px; border: 1px solid #054F7C; background: #74C2D9; color: White; font-weight: bold; } #thumbs .bottom a { padding: 5px; } .photoArea .nav-controls .next { float: right; } .photoArea .ss-controls .pause { display: block; text-align: center; } .photoArea .ss-controls .play { display: block; text-align: center; } #slideshow { margin: 0px 0px 10px 0px; } #slideshow a { text-decoration: none !important; }