Shared CSS Text Styles

Selector CSS
body
p text-align: left;
font: 17px/20px Arvo;
text-transform: none;
text-decoration: none;
color: #000000;
letter-spacing: -0.064em;
.text-style-1 text-align: left;
font: bold 17px/23px Oswald;
text-transform: none;
text-decoration: none;
color: #014C90;
letter-spacing: normal;
.text-style-2 text-align: left;
font: 13px/22px Arvo;
text-transform: none;
text-decoration: none;
color: #717171;
letter-spacing: -0.045em;
.text-style-3 text-align: left;
font: 14px/8px Oswald;
text-transform: none;
text-decoration: none;
color: #FFFFFF;
letter-spacing: 0.025em;
.text-style-4 text-align: left;
font: 22px/12px Oswald;
text-transform: none;
text-decoration: none;
color: #FCCE0C;
letter-spacing: normal;
.text-style-5 text-align: left;
font: 36px/48px Oswald;
text-transform: none;
text-decoration: none;
color: #014C90;
letter-spacing: normal;
.text-style-6 text-align: left;
font: 300 13px/7px Oswald;
text-transform: none;
text-decoration: none;
color: #FFFFFF;
letter-spacing: normal;
.text-style-7 text-align: left;
font: bold 17px/17px Oswald;
text-transform: none;
text-decoration: none;
color: #014C90;
letter-spacing: normal;
.span color: #FFFFFF;

HTML Elements and Styles

Selector Content Pos Size CSS
#header   19, 27 979x555
#top-banner-shadow top-banner-shadow.png
19, 30 979x50
#top-banner-flap top-banner-flap.png
19, 65 28x29
#top-banner top-banner.png
19, 27 979x50
#harpos-logo harpos-logo.png
32, 34 152x35
#main-navigation   250, 87 645x55
#about-us <p class="text-style-7">ABOUT US</p>
251, 112 78x23
#vertical-seperator-1 vertical-seperator-1.png
333, 87 1x55
#your-home your-home.png
347, 92 76x16
#pest-control <p class="text-style-1">PEST CONTROL</p>
351, 112 110x23
#termite-control <p class="text-style-1">RODENT CONTROL</p>
461, 112 132x23
#other-services <p class="text-style-1">OTHER SERVICES</p>
593, 112 123x23
#vertical-seperator vertical-seperator.png
720, 87 1x55
#commercial-services <p class="text-style-1">COMMERCIAL SERVICES</p>
735, 112 171x23
#your-business your-business.png
736, 92 92x16
#header-phone-info header-phone-info.png
628, 34 296x37 background-image: url(header-phone-info.png);
background-repeat: no-repeat;
#serving-counties <p class="text-style-3">SERVING ALL OF VENTURA & LOS ANGELES COUNTY</p>
628, 34 302x19
#call <p class="text-style-6">CALL:</p>
631, 55 31x17
#phone-numbers <p class="text-style-4">805-522-4071 <span class="span"> </span> 818-772-6800</p>
662, 51 267x29
#or <p class="text-style-6">OR</p>
785, 55 20x17 opacity: 0.52;
#body-headline <p class="text-style-5">COMMERCIAL SERVICES</p>
104, 184 353x47
#body-text <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante </p>
<p>dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris.</p>
<p>Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent </p>
<p>taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in </p>
<p>libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem </p>
<p>at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus </p>
<p>risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. </p>
<p><br></p>
<p>Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. </p>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. </p>
<p>Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla</p>
<p>facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. </p>
<p>Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod </p>
<p>lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum </p>
<p>magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia </p>
<p>Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue </p>
<p>elementum. Morbi in ipsum sit amet pede facilisis laoreet. Donec lacus nunc, viverra nec.</p>
143, 245 763x339 opacity: 0.7;
#bg2 bg2.png
37, 454 962x210
#bg1 bg1.png
37, 15 962x478
#bg3 bg3.png
37, 680 962x57
#copyright <p class="text-style-2">Copyright © 2015 Harpo’s Pest Control. All rights reserved.</p>
349, 705 354x16