/* for image replacement */ .ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; } /* >> The Magnificent CLEARFIX << */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } /* Hides from IE-mac \*/ .clearfix { display: block; } /* Globals ------------------------------------------------------*/ html, body { margin:0; padding:0; border:0; height:100%; } body { font:12px "Gill Sans", Arial, Sans-Serif; background:#272521; color:#463d3b; text-align:center; } .wrapper { margin:0 auto; width:982px; text-align:left; } a { color: #963d1b; text-decoration:none; } /* Header ------------------------------------------------------*/ #header { background:url(../images/background-header.jpg) repeat-x; } #header .wrapper { position:relative; } #header p#firefighters-logo { display: block; float: left; padding:29px 0px 22px; width: 430px;} #header p#firefighters-logo a { display:block; height:94px; width:430px; background:url(../images/firefighters-logo.png) no-repeat; overflow:hidden; text-indent:-9999em; } #header ul.nav { clear: left; overflow:hidden; zoom:1.0; } #header ul.nav li { float:left; } #header ul.nav li a { display:block; float:left; height:45px; background:url(../images/header-sprite.png) no-repeat; line-height:45px; overflow:hidden; text-indent:-9999em; } /* News & Events Link */ #header ul.nav li.newsevents a { width:125px; background-position:0px 0px; } #header ul.nav li.newsevents a:hover { background-position:0px -50px; } /* Gallery Link */ #header ul.nav li.gallery a { width:75px; background-position:-125px 0px; } #header ul.nav li.gallery a:hover { background-position:-125px -50px; } /* Local 28 Link */ #header ul.nav li.local28 a { width:80px; background-position:-200px 0px; } #header ul.nav li.local28 a:hover { background-position:-200px -50px; } /* Memorial Link */ #header ul.nav li.memorial a { width:93px; background-position:-280px 0px; } #header ul.nav li.memorial a:hover { background-position:-280px -50px; } /* About Us Link */ #header ul.nav li.aboutus a { width:87px; background-position:-373px 0px; } #header ul.nav li.aboutus a:hover { background-position:-373px -50px; } /* Public Resources Link */ #header ul.nav li.publicresources a { width:145px; background-position:-460px 0px; } #header ul.nav li.publicresources a:hover { background-position:-460px -50px; } /* Live Scanner Link */ #header ul.nav li.livescanner { padding-left:9px; } #header ul.nav li.livescanner a { width:245px; background-position:0px -100px; } #header ul.nav li.livescanner a:hover { background-position:0px -150px; } #header #account-box { position:absolute; top:-90px; right:0px; padding:6px 0px 0px 22px; height:150px; width:236px; background:url(../images/header-sprite.png) no-repeat -250px -120px; } #header #account-box p { font-size:1.17em; color:#fffaf4; line-height:3.57em; } #header #account-box a { float:left; display:block; overflow:hidden; text-indent:-9999em; } #header #account-box a.logout { float:none; display:inline; text-indent:0; color:#fffaf4; } #header #account-box a.logout:hover { text-decoration:underline; } #header #account-box a.btn-signup { height:44px; width:119px; background:url(../images/header-sprite.png) no-repeat -510px -100px; } #header #account-box a.btn-signup:hover { background-position:-510px -150px; } #header #account-box a.btn-login { height:44px; width:95px; background:url(../images/header-sprite.png) no-repeat -630px -100px; } #header #account-box a.btn-login:hover { background-position:-630px -150px; } #header #account-box form { } #header #account-box form .textfield { position:relative; height:44px; width:214px; } #header #account-box form .textfield label { display: none; } /* position:absolute; top:10px; left:15px; font-size:20px; color:#272521; z-index:2; }*/ #header #account-box form .textfield input { position:absolute; top:0px; left:0px; padding:0px 15px; height:44px; width:184px; font-size:20px; color:#272521; background:url(../images/header-sprite.png) no-repeat -510px -200px; border:none; z-index:1; } /* Footer ------------------------------------------------------*/ #footer { /*height:50%;*/ background: #272521; position: relative; z-index: 1; } #footer .wrapper { padding:59px 0px 100px; overflow:hidden; zoom:1.0; position: relative; z-index: 1;} #footer a { color:#d2c3b1; } #footer a:hover { text-decoration:underline; } /* Address Info */ #footer p.address { float:left; width:490px; font-size:1.17em; color:#d2c3b1; } #footer p.address em { font-weight:bold; color:#fffaf4; font-style:normal; } /* Contact Info */ #footer p.contact { float:left; width:300px; font-size:1.17em; color:#d2c3b1; } #footer p.contact em { color:#fffaf4; font-style:normal; } /* Social Bookmarks */ #footer ul.social { float:right; width:144px; } #footer ul.social li { float:left; padding-left:6px; } #footer ul.social li a { float:left; display:block; height:30px; width:30px; overflow:hidden; text-indent:-9999em; background:url(../images/social-icons-sprite.jpg) no-repeat; } #footer ul.social li.icon-sms a { background-position:0px 0px; } #footer ul.social li.icon-facebook a { background-position:-30px 0px; } #footer ul.social li.icon-twitter a { background-position:-60px 0px; } #footer ul.social li.icon-subscribe a { background-position:-90px 0px; } #header ul.social { float:right; margin: 60px 10px 0 0; width:144px; } #header ul.social li { float:left; padding-left:6px; } #header ul.social li a { float:left; display:block; height:30px; width:30px; overflow:hidden; text-indent:-9999em; background:url(../images/social-icons-sprite.png) no-repeat; } #header ul.social li.icon-sms a { background-position:0px 0px; } #header ul.social li.icon-facebook a { background-position:-30px 0px; } #header ul.social li.icon-twitter a { background-position:-60px 0px; } #header ul.social li.icon-subscribe a { background-position:-90px 0px; } /* Content ------------------------------------------------------*/ #content { background:url(../images/background.jpg); position: relative; } #content .wrapper { background: transparent url(../images/background-bar-stripes.png) no-repeat scroll 0 0; overflow: hidden; padding: 20px 0 340px 20px; zoom:1.0; } #content .wrapper .side { display: block; min-height: 125px; } #content .wrapper .side-wrapper { margin-bottom: 20px; } #content .wrapper .leftside { float: left; width: 630px; } #content .wrapper .rightside { float: right; width: 310px; } /* Copy Text ------------------------------------------------------*/ .copy { } .copy h1 { padding-bottom:5px; font-size:2em; font-weight:normal; color:#7d2e13; } .copy h2 { padding:0px 10px; font-size:2em; color:#fffaf4; font-weight:normal; background:#272521; line-height:35px; margin: 30px 0 20px; } .copy h3 { padding:0px 10px 0 0; font-size:1.7em; color:#7d2e13; font-weight:normal; line-height:35px; margin: 30px 0 5px; } .copy p { font-size:1.3em; margin-bottom:1.5em; } /* Masthead ------------------------------------------------------*/ #masthead { background-color: #fffaf4; border: 1px solid #cecece; margin-bottom: 20px; padding: 10px;} #masthead img { display:block; } #ad-container { background: transparent url(../images/background-stripes-repeat.png) repeat-x scroll 48% 340px; top: -360px; left: 0; position: absolute; width: 100%; z-index: 1000; } #content #ad-container .wrapper { background-image: none; padding: 0 0 0 20px; } #footer #ad-container .wrapper { padding-bottom:0; } #ad-container .wrapper .outdent a.advertisement { display: block; margin: 110px 0 0 170px; } #ad-container .wrapper .fireman { background: transparent url(../images/background-fireman.png) no-repeat scroll 0 0; display: block; height: 170px; padding-top: 131px; position: absolute; width: 350px; z-index: 1; } #ad-container .wrapper .fireman h2 { font: 4.3em/.9em 'ArvoBold'; margin: 0; padding-left: 1.4em; } #ad-container .wrapper .fireman h2.orange { color: #7d2e13; padding: 0; } #ad-container .wrapper .outdent { background: transparent url(../images/background-stripes-outdent.png) no-repeat scroll 93% 100%; display: block; float: right; height: 350px; position: relative; width: 736px; z-index: 200; } /* Listing ------------------------------------------------------*/ .listing { float:left; width:610px; padding:0 0 40px; } .listing h2 { padding:0px 10px; font-size:2em; color:#fffaf4; font-weight:normal; background:#272521; line-height:35px; margin: 0; } .listing ul { overflow:hidden; zoom:1.0; } .listing ul li { float:left; } .listing ul li a { float:left; display:block; padding:10px; background:#d9cdbc url(../images/listing-separator.jpg) repeat-x bottom left; cursor:pointer; width: 450px; } .listing ul li a:hover { background-color:#ded3c4; } .listing ul li a p.date, , .listing ul li a p.platoon { float:left; margin-bottom:0; min-width:50px; } .listing ul li a p.date span , .listing ul li a p.platoon span { border: 1px solid #262521; } .listing ul li a p.date span.month , .listing ul li a p.platoon span.label { background-color: #262521; display:block; color:#fffaf4; float: left; font-size: 12px; font-weight:bold; line-height: 14px; padding: 2px 6px; text-align:center; width: 24px; } .listing ul li a p.date span.day , .listing ul li a p.platoon span.number { background-color: #eae3d9; display:block; float: left; color:#7d2e13; font-size: 16px; line-height: 18px; font-weight:bold; padding: 0 5px; text-align:center; width: 24px; } .listing ul li a .copy { float:left; padding-left:10px; width:210px; } .listing ul li a .copy p { margin-bottom:0; font-size:1em; color:#463d3b; } .listing ul li a .copy p.title { margin-bottom:0; font-size:1.33em; color:#7d2e13; } .listing ul li.news a .copy { padding-left:25px; } .page-events .listing { margin-left: 20px; width: 314px; } .page-events #firehouse-news.listing{ margin: 0; } /* Archive Listing */ #archive.listing { margin: 0; width: 610px; } #archive.listing .copy { width: 525px; } #archive.listing a { width: 610px; } /* Pagintaion */ .listing ul.pagination { padding-bottom:20px; overflow:hidden; zoom:1.0; } .listing ul.pagination li { } .listing ul.pagination li a { padding:10px 0px 10px 0px; font-size:1.17em; color:#7d2e13; background:none; } .listing ul.pagination li a:hover { color:#272521; } .listing ul.pagination li.next-link { float:left; } .listing ul.pagination li.prev-link { float:right; } /* Firefighters Association Logo ------------------------------------------------------*/ .firefightersassociation-logo {} .firefightersassociation-logo a { display:block; } .firefightersassociation-logo a img { display:block; } /* Links Listing ------------------------------------------------------*/ .links { padding:0px 0px 20px; width:314px; float:right; clear:right; } .links h2 { padding:0px 10px; font-size:2em; color:#fffaf4; font-weight:normal; background:#272521; line-height:35px; margin: 0; } .links h3 { padding:5px 10px 0px; font-size:1.33em; color:#7d2e13; font-weight:normal; } .links ul { padding:0px 10px 10px; } .links ul li { } .links ul li a { font-size:1.17em; color:#272521; } .links ul li a:hover { text-decoration:underline; } /* Event View ------------------------------------------------------*/ .page-events .wrapper { background: transparent url(../images/background-bar-stripes.png) no-repeat scroll 0 0; padding-bottom: 330px; } .page-single .listing ul li a { float:left; display:block; padding:10px; background:#d9cdbc url(../images/listing-separator.jpg) repeat-x bottom left; cursor:pointer; width: 290px; } .page-single .listing ul li a .copy { padding-left: 20px; width: 170px; } .page-single .listing div.date-platoon { display: block; float: left; width: 75px; } #content.page-events .wrapper .rightside { float: right; width: 310px; } .page-events #sidebar-link { float:right; margin-top: 63px; padding:9px 0px; width:314px; background-color:#272521; } .page-events #sidebar-link a { display:block; margin:0 auto; height:44px; width:299px; background:url(../images/btn-archives.jpg) no-repeat top left; overflow:hidden; text-indent:-9999em; } .page-events #sidebar-link a:hover { background-position:bottom left; } #events-single { margin:0px; min-height: 100px; padding: 0; width:632px; float:left; background:#d9cdbc url(../images/listing-separator.jpg) repeat-x bottom left; } #events-single h2 { margin-bottom:10px; padding:0px 10px; font-size:2em; color:#fffaf4; font-weight:normal; background:#272521; line-height:35px; } #events-single li.events p.copy { float: left; width: 170px; } #events-single p.date { float:left; margin-left:10px; height:44px; width:37px !important; background:url(../images/background-date-box.jpg) no-repeat; } #events-single p.date span.month { display:block; color:#fffaf4; font-weight:bold; line-height:20px; text-align:center; } #events-single p.date span.day { display:block; font-size:2em; color:#7d2e13; font-weight:bold; line-height:24px; text-align:center; } #events-single p.platoon { float:left; margin-left:5px; height:44px; width:37px !important; background:url(../images/background-date-box.jpg) no-repeat; } #events-single p.platoon span.label { display:block; color:#fffaf4; font-weight:bold; line-height:20px; text-align:center; } #events-single p.platoon span.number { display:block; font-size:1.5em; color:#272521; font-weight:bold; line-height:24px; text-align:center; } #events-single .copy { padding-left:10px; width:500px; float:left; } #events-single .purchase-ticket button { margin-bottom:20px; display:block; height:33px; width:125px; background:url(../images/btn-events-purchaseticket.jpg) no-repeat top left; overflow:hidden; text-indent:-9999em; border:none; padding:0; cursor:pointer; } #events-single .purchase-ticket button:hover { background-position:bottom left; } /* News View ------------------------------------------------------*/ #news-single { margin:0 0 30px; padding:0; width:632px; float:left; background:#d9cdbc url(../images/listing-separator.jpg) repeat-x bottom left; } #news-single h2, #news-single .copy h2 { margin: 0 0 10px; padding:0px 10px; font-size:2em; color:#fffaf4; font-weight:normal; background:#272521; line-height:35px; } #news-single p.date { float:left; margin-left:10px; height:44px; width:37px !important; background:url(../images/background-date-box.jpg) no-repeat; } #news-single p.date span.month { display:block; color:#fffaf4; font-weight:bold; line-height:20px; text-align:center; } #news-single p.date span.day { display:block; font-size:2em; color:#7d2e13; font-weight:bold; line-height:24px; text-align:center; } #news-single .copy { padding-left:10px; width:543px; float:left; } /* About ------------------------------------------------------*/ .page-about .section { } .page-about .section .copy { padding-left:10px; } .page-about #about-content.section { width:610px; float:left; } .page-about #sidebar-link { float:right; margin-bottom:20px; padding:9px 0px; width:314px; background-color:#272521; } .page-about #sidebar-link a { display:block; margin:0 auto; height:44px; width:299px; background:url(../images/button-stationsandapparatus.jpg) no-repeat top left; overflow:hidden; text-indent:-9999em; } .page-about #sidebar-link a:hover { background-position:bottom left; } .page-about #yearbooks.listing { padding-top:0px; width:314px; float:right; } .page-about #yearbooks.listing ul { } .page-about #yearbooks.listing ul li { } .page-about #yearbooks.listing ul li a { width:294px; } .page-about #yearbooks.listing ul li a span.label { display:block; float:left; font-size:2em; color:#7d2e13; } .page-about #yearbooks.listing ul li a span.download-btn { display:block; float:right; height:33px; width:125px; background:url(../images/btn-download.jpg) no-repeat top left; overflow:hidden; text-indent:-9999em; } .page-about #yearbooks.listing ul li a:hover span.download-btn { background:url(../images/btn-download.jpg) no-repeat bottom left; } .page-about #members.listing { padding-top:0px; width:314px; clear:right; float:right; } .page-about #members.listing ul { } .page-about #members.listing ul li { } .page-about #members.listing ul li a { width:310px; } .page-about #members.listing ul li a span.name { display:block; font-size:1.83em; line-height:18px; color:#7d2e13; } .page-about #members.listing ul li a span.position { display:block; font-size:1.5em; line-height:18px; color:#463d3b; } .page-about #members.listing ul li a span.email { display:block; font-size:1em; line-height:12px; color:#463d3b; } .page-about #members.listing ul li a:hover span.email { text-decoration:underline; } .page-about .firefightersassociation-logo { clear:right; float:right; } /* Public Resources ------------------------------------------------------*/ .page-publicresources .section { width:610px; float:left; } .page-publicresources .section .copy { padding-left:10px; } /* Pages ------------------------------------------------------*/ h2 { font: 1.7em/1.3em "Gill Sans", Arial, Sans-Serif; margin-bottom: 40px; } h2 span.orange { color: #7d2e13; font: 3em/.9em 'ArvoBold'; text-transform: uppercase; } h2 span.gray { font-size: 3em; font-weight: bold; line-height: .8em; text-transform: uppercase; } .page-memorial h2 span.gray { font-size: 1.3em; font-weight: bold; text-transform: none; } h2 span.larger { font-size: 1.35em; font-weight: bold; } h2#page-title { margin: 0 0 40px; } #content.page .wrapper { background-image: none; } /* Home */ #content.page-home .wrapper { background: transparent url(../images/background-bar.png) repeat-y scroll 0 0; padding-bottom: 330px; } #content.page-home .wrapper .leftside { float: left; width: 400px; } #content.page-home .wrapper .rightside { float: right; width: 470px; } .page-home #calendar-events.listing { width:470px; } .page-home .copy { width: 460px; float: left;} .page-home #intro.copy h2 { background-color: transparent; color:#463d3b; font-size: 1.7em; margin-top: 0; padding: 0; } .page-home #intro.copy { display: block; float; left; } .page-home #intro.copy p { font: 1.5em/1.8em 'ArvoRegular'; } .page-home #intro.copy p.white-out { color: #fff; } .page-home #wnyt-news ,.page-home #calendar-events ,.page-home #sff-news { width: 470px;} .page-home #wnyt-news .copy ,.page-home #calendar-events .copy ,.page-home #sff-news .copy { width: 365px;} .page-home #wnyt-news ul li a p.title ,.page-home #calendar-events p.title ,.page-home #sff-news p.title { color: #963d1b; display: block; float: left; width: 360px;} .page-home #wnyt-news ul li a div.img-wrap img { float: none!important; margin: 0 auto; position: relative; z-index: 1} .page-home #wnyt-news ul li a div.img-wrap { background: #fff; border: 1px solid #cecece; display:none; /*hide because markup is inconsistent*/ float: right; height: 100px; overflow: hidden; position: relative; text-align: center; width: 100px; z-index: 10; } .page-home #wnyt-news ul li a div.img-wrap-inner { height: 88px; width :88px;border: 6px solid #fffaf4; position: absolute; z-index: 11 } ul#gallery { display: block; float: right; margin: 100px 23px 0 0; } ul#gallery li { color: #fff; float:left; height:190px; margin:0px 15px 10px 0px; width:170px; } ul#gallery li a { display:block; margin-bottom: 5px; padding:9px; background:#272521; } ul#gallery li a img { display:block; width:100%; } /* Stations */ .page-stations .copy { position:relative; } .page-stations ul.pagination { position:absolute; top:0px; right:0px; overflow:hidden; zoom:1.0; } .page-stations ul.pagination li { float:left; } .page-stations ul.pagination li a { float:left; display:block; background:url(../images/stations-pagination-sprite.jpg) no-repeat; overflow:hidden; text-indent:-9999em; } .page-stations ul.pagination li.prev-link a { height:29px; width:27px; background-position:top left; } .page-stations ul.pagination li.prev-link a:hover { background-position:bottom left; } .page-stations ul.pagination li.next-link a { height:29px; width:26px; background-position:top right; } .page-stations ul.pagination li.next-link a:hover { background-position:bottom right; } /* Gallery ------------------------------------------------------*/ .page-gallery { } #content.page-gallery .wrapper { background-image: none; } .page-gallery ul { overflow:hidden; zoom:1.0; } .page-gallery ul li { float:left; height:158px; margin:0px 10px 10px 0px; width:128px; } .page-gallery ul li a { display:block; padding:9px; background:#272521; } .page-gallery ul li a img { display:block; height: 110px; width: 110px; } .page-gallery ul li.last { margin-right:0px; } /* Memorial ------------------------------------------------------*/ .page-memorial { overflow: hidden; } .page-memorial .copy { position:relative; } .page-memorial ul.pagination {overflow:hidden; zoom:1.0; } .page-memorial ul.pagination li { float:left; } .page-memorial ul.pagination li a { float:left; display:block; background:url(../images/stations-pagination-sprite.jpg) no-repeat; overflow:hidden; text-indent:-9999em; } .page-memorial ul.pagination li.prev-link a { height:29px; width:27px; background-position:top left; } .page-memorial ul.pagination li.prev-link a:hover { background-position:bottom left; } .page-memorial ul.pagination li.next-link a { height:29px; width:26px; background-position:top right; } .page-memorial ul.pagination li.next-link a:hover { background-position:bottom right; } .page-memorial .section { } .page-memorial .section h2 { margin-bottom:10px; padding:0px 10px; font-size:2em; color:#fffaf4; font-weight:normal; background:#272521; line-height:35px; } .page-memorial .section .copy { padding-left:10px; } .page-memorial #memorial-content.section { width:610px; float:left; } .page-memorial #purchase-bricks.section { width:314px; float:right; } .page-memorial ul#memorial-links { margin-top: 20px; } .page-memorial ul#memorial-links li { margin-bottom: 20px; } .page-memorial a.sidebar-link, .page-memorial button.sidebar-link { background: transparent url(../images/memorial-sprite.jpg) no-repeat scroll 0 0; border: 0; color: #fff; cursor: pointer; display: block; font:1.7em "Gill Sans", Arial, Sans-Serif; padding: 6px 60px 6px 50px; text-align: left; width: 310px; } .page-memorial a#national.sidebar-link { background-position: 0 -35px; } .page-memorial button#purchase.sidebar-link { background-position: 0 -70px; } .page-memorial .purchasebricks-btn { position:relative; margin:10px 0px 20px; height:145px; width:314px; background:url(../images/background-purchaseabrick.jpg) no-repeat; } .page-memorial .purchasebricks-btn button { position:absolute; bottom:6px; right:6px; display:block; height:33px; width:125px; background:url(../images/purchasebrick-sprite.jpg) no-repeat top left; overflow:hidden; text-indent:-9999em; border:none; padding:0; margin:0; cursor:pointer; } .page-memorial .purchasebricks-btn button:hover { background-position:bottom left; } /* Registration Form ------------------------------------------------------*/ form#registerform { padding:5px; width:430px; background:#272521; overflow:hidden; } form#registerform .textfield { float:left; position:relative; height:44px; width:214px; } form#registerform .textfield label { display: none; } /* position:absolute; top:10px; left:15px; font-size:20px; color:#272521; z-index:2; }*/ form#registerform .textfield input { position:absolute; top:0px; left:0px; padding:0px 15px; height:44px; width:184px; font-size:20px; color:#272521; background:url(../images/header-sprite.png) no-repeat -510px -200px; border:none; z-index:1; } form#registerform a { float:right; display:block; overflow:hidden; text-indent:-9999em; } form#registerform a.btn-signup { height:44px; width:121px; background:url(../images/header-sprite.png) no-repeat -510px -100px; } form#registerform a.btn-signup:hover { background-position:-510px -150px; } /* SMS Subscribe Form ------------------------------------------------------*/ div.easysms_widget { padding:15px 0px; } div.easysms_widget div#easysmsDiv { } div.easysms_widget div#easysmsDiv p.easysms_error { margin:0; padding:0; color:#f80000; } div.easysms_widget div#easysmsDiv h2 { padding:0px; color:#272521; background:none; } div.easysms_widget div#easysmsDiv form.easysms { padding-top:25px; } div.easysms_widget div#easysmsDiv form.easysms label.easysms { display:block; font-size:1.5em; } div.easysms_widget div#easysmsDiv form.easysms input.easysms { display:block; margin-bottom:15px; padding:4px 5px; width:200px; } div.easysms_widget div#easysmsDiv form.easysms input.easysms_button { } div.easysms_widget div#easysmsDiv form.easysms select.easysms { display:block; margin-bottom:15px; width:210px; } div.easysms_widget div#easysmsDiv form.easysms p.easysms_text { } div.easysms_widget div#easysmsDiv form.easysms_links { } div.easysms_widget div#easysmsDiv form.easysms_links input { } div.easysms_widget div#easysmsDiv form.easysms_links input#easysms_manage { } div.easysms_widget div#easysmsDiv form.easysms_links input#easysms_retrieve { } .clearer { clear: both;} @font-face { font-family: 'ArvoRegular'; src: url('../css/fonts/Arvo-Regular-webfont.eot'); src: url('../css/fonts/Arvo-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/Arvo-Regular-webfont.woff') format('woff'), url('../css/fonts/Arvo-Regular-webfont.ttf') format('truetype'), url('../css/fonts/Arvo-Regular-webfont.svg#ArvoRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ArvoItalic'; src: url('fonts/Arvo-Italic-webfont.eot'); src: url('fonts/Arvo-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Arvo-Italic-webfont.woff') format('woff'), url('fonts/Arvo-Italic-webfont.ttf') format('truetype'), url('fonts/Arvo-Italic-webfont.svg#ArvoItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ArvoBold'; src: url('fonts/Arvo-Bold-webfont.eot'); src: url('fonts/Arvo-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Arvo-Bold-webfont.woff') format('woff'), url('fonts/Arvo-Bold-webfont.ttf') format('truetype'), url('fonts/Arvo-Bold-webfont.svg#ArvoRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ArvoItalic'; src: url('fonts/Arvo-BoldItalic-webfont.eot'); src: url('fonts/Arvo-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Arvo-BoldItalic-webfont.woff') format('woff'), url('fonts/Arvo-BoldItalic-webfont.ttf') format('truetype'), url('fonts/Arvo-BoldItalic-webfont.svg#ArvoItalic') format('svg'); font-weight: normal; font-style: normal; }