[AN:This is the main container box]

<p></p><div class="trifold_letter">  

 

 

[AN:This is the cover letter/envelope section]

<p></p><div class="letter_cover">

<p class="letter_cover_stamp"></p>

<p></p><div class="letter_cover_text_top">

<p><b>Full Name</b><br />
123 Random St.<br />
City, ST. 12345
</p></div>

<p></p><div class="letter_cover_text">

<p align="center"><b>Full Name</b><br />
123 Random St.<br />
City, ST. 12345
</p></div></div>

 

 

[AN:These are the three segments of page one]

<p></p><div class="letter_top">

<p></p><div class="letter_top_text">

<p><br />
Dear Reader,</p>

<p>
Etiam sodales in ligula a luctus. Donec ullamcorper turpis nec risus finibus, ac consectetur dui rutrum. Curabitur vel condimentum ante. In hac habitasse platea dictumst. Phasellus tincidunt est vel lectus ullamcorper condimentum. Nulla sapien leo, semper finibus lacus sit amet, hendrerit finibus risus. Cras id posuere nisi, non tempor purus. Nunc eget cursus magna.
</p></div></div>

 

 

<p></p><div class="letter_mid">

<p></p><div class="letter_mid_text">

<p>
Duis sit amet dapibus dui. Vestibulum finibus pellentesque tincidunt. Vestibulum placerat leo odio, vitae placerat mi pellentesque nec. Etiam sapien dui, pulvinar in lectus non, posuere cursus tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque lorem mauris, rutrum et pharetra eleifend, porttitor eu mi. Donec euismod nulla quis tellus dictum, at ultricies massa sodales. Ut sem neque, ullamcorper eu urna ut, tempus luctus eros. Nulla facilisi. Maecenas et ipsum sed leo pretium placerat ut sit amet quam. Phasellus commodo faucibus enim, in vestibulum mauris vestibulum ac. Aenean non faucibus lorem. Maecenas consectetur maximus lobortis.<br />
</p></div></div>

 

 

<p></p><div class="letter_bot">

<p></p><div class="letter_bot_text">

<p>Proin id leo sed sapien facilisis lacinia id consectetur mauris. Quisque tempus mauris vel turpis scelerisque sollicitudin. Nunc viverra et dolor ut dictum. Fusce sed ipsum at magna ullamcorper pellentesque. Nulla malesuada fermentum tempus. Morbi et nibh rutrum, fermentum eros vitae, tincidunt velit. In tincidunt laoreet metus, vestibulum maximus nibh volutpat ut. Cras eget sollicitudin nisl. Integer sagittis lorem massa, nec dapibus nisi interdum a. Cras vulputate maximus nunc, id vulputate nibh tristique et. Suspendisse nisi felis, pulvinar aliquet venenatis a, hendrerit ut eros. Donec erat quam, eleifend non consequat nec, laoreet vel mauris. In hac habitasse platea dictumst. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.
</p>

<p align="right">Sincerly,</p>

<p align="right">Author</p></div></div>

 

 

 

 

[AN:This is page two. Page two hass it's own container box so that all the segments can be selected on :hover. This simulates the "turn page" animation.]

<p></p><div class="trifold_letter2">

 

 

<p></p><div class="letter_top2">

<p></p><div class="letter_top_text2">

<p><br />
Dear Reader this IS PAGE 2!!!!!!!!!!!!!!!!!!!!!!!!!!!11,</p>

<p>
Etiam sodales GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGntum. Nulla sapien leo, semper finibus lacus sit amet, hendrerit finibus risus. Cras id posuere nisi, non tempor purus. Nunc eget cursus magna.
</p></div></div>

 

 

<p></p><div class="letter_mid2">

<p></p><div class="letter_mid_text2">

<p>
DuiGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGm neque, ullamcorper eu urna ut, tempus luctus eros. Nulla facilisi. Maecenas et ipsum sed leo pretium placerat ut sit amet quam. Phasellus commodo faucibus enim, in vestibulum mauris vestibulum ac. Aenean non faucibus lorem. Maecenas consectetur maximus lobortis.<br />
</p></div></div>

 

 

 

<p></p><div class="letter_bot2">

<p></p><div class="letter_bot_text2">

<p>AHSFEWRGETHRYJUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUuet venenatis a, hendrerit ut eros. Donec erat quam, eleifend non consequat nec, laoreet vel mauris. In hac habitasse platea dictumst. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.
</p>

<p align="right">Sincerly,</p>

<p align="right">Author</p></div></div></div></div>

[AN:Those last two divs close out  .trifold_letter2 and .trifold letter]