The dropcap class makes the initial letter of a paragraph look larger then the rest of the text. Edit the HTML of your text and use it like this <span class="dropcap">E</span>xample .

Use the blockquote HTML tag to bring well shaped excerpts into your text. Edit the HTML of your text and use like this: <blockquote><p> Your quote goes here. </p></blockquote>

This is a Heading 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

This is a Heading 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

This is a Heading 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

This is a Heading 4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

This is a Heading 5

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

This is a Heading 6

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

This is a highlight phrase. Use <span class="highlight-1">Your highlight phrase goes here!</span>.

This is a highlight phrase. Use <span class="highlight-2">Your highlight phrase goes here!</span>.

This is a highlight phrase. Use <span class="highlight-3">Your highlight phrase goes here!</span>.

This is a highlight phrase. Use <span class="highlight-4">Your highlight phrase goes here!</span>.

Below is a list with arrows. To use this style create a list in the following format: <ul><li class="arrow1">....</li><li class="arrow1">....</li>...</ul>

• Quisque ultrices etiam, class nec velit vestibulum sit congue pulvinar, mattis penatibus proin odio placerat ante.

To use this style create a list in the following format: <ul><li class="arrow2">....</li><li class="arrow2">....</li>...</ul>

• Quisque ultrices etiam, class nec velit vestibulum sit congue pulvinar, mattis penatibus proin odio placerat ante.

Below is a list with circle. To use this style create a list in the following format: <ul><li class="circle">....</li><li class="circle">....</li>...</ul>

• Quisque ultrices etiam, class nec velit vestibulum sit congue pulvinar, mattis penatibus proin odio placerat ante.

Alert box

This is a sample pin note. Use <span class="alert">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

Info box

This is a sample pin note. Use <span class="info">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

Download box

This is a sample pin note. Use <span class="download">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

Code

#subheader h1 {
float: left;
margin-top: 28px;
background: url(../images/logo.gif) no-repeat;
width: 335px;
height: 58px;
text-indent: -9999px;
}