/*****************************************************************
 * HOME PAGE STYLE
 *****************************************************************/
body { background-color: rgb(194, 205, 200); }

#title_site { }
#navigation { }

#title_site, #title_illustration, #title_pottsblog, #title_animation, #title_personal, #title_store, #title_about { display: block; }
#title_site span, #title_illustration span, #title_pottsblog span, #title_animation span, #title_personal span, #title_store span, #title_about span { display: none; }
#title_site { width: 294px; height: 25px; background: url(img/home/title_site.gif) no-repeat; }
#title_illustration { width: 166px; height: 15px; background: url(img/home/title_illustration.gif) no-repeat; }
#title_pottsblog, #title_animation, #title_personal, #title_store, #title_about { width: 166px; height: 14px; }

#title_pottsblog { background: url(img/home/title_pottsblog.gif) no-repeat; }
#title_animation { background: url(img/home/title_animation.gif) no-repeat; }
#title_personal { background: url(img/home/title_personal.gif) no-repeat; }
#title_store { background: url(img/home/title_store.gif) no-repeat; }
#title_about { background: url(img/home/title_about.gif) no-repeat; }

#title_illustration:hover { background: url(img/home/title_illustration_over.gif) no-repeat; }
#title_pottsblog:hover { background: url(img/home/title_pottsblog_over.gif) no-repeat; }
#title_animation:hover { background: url(img/home/title_animation_over.gif) no-repeat; }
#title_personal:hover { background: url(img/home/title_personal_over.gif) no-repeat; }
#title_store:hover { background: url(img/home/title_store_over.gif) no-repeat; }
#title_about:hover { background: url(img/home/title_about_over.gif) no-repeat; }

#title_illustration:active { background: url(img/home/title_illustration_on.gif) no-repeat; }
#title_pottsblog:active { background: url(img/home/title_pottsblog_on.gif) no-repeat; }
#title_animation:active { background: url(img/home/title_animation_on.gif) no-repeat; }
#title_personal:active { background: url(img/home/title_personal_on.gif) no-repeat; }
#title_store:active { background: url(img/home/title_store_on.gif) no-repeat; }
#title_about:active { background: url(img/home/title_about_on.gif) no-repeat; }

#footer_email, #footer_contact, #footer_agent1, #footer_agent2 { display: block; }
#footer_email span, #footer_contact span, #footer_agent1 span, #footer_agent2 span { display: none; }
#footer_email { width: 204px; height: 13px; background: url(img/home/footer_email.gif) no-repeat; }
#footer_contact { width: 204px; height: 41px; background: url(img/home/footer_contact.gif) no-repeat; }
#footer_agent1 { width: 204px; height: 10px; background: url(img/home/footer_agent1.gif) no-repeat; }
#footer_agent2 { width: 204px; height: 9px; background: url(img/home/footer_agent2.gif) no-repeat; }

#footer_email:hover { background: url(img/home/footer_email_over.gif) no-repeat; }
#footer_agent1:hover { background: url(img/home/footer_agent1_over.gif) no-repeat; }
#footer_agent2:hover { background: url(img/home/footer_agent2_over.gif) no-repeat; }

#footer_email:active { background: url(img/home/footer_email_on.gif) no-repeat; }
#footer_agent1:active { background: url(img/home/footer_agent1_on.gif) no-repeat; }
#footer_agent2:active { background: url(img/home/footer_agent2_on.gif) no-repeat; }

#footer p { color: #ffffff; }


#folio_latest, #folio_previous, #folio_pause, #folio_play, #folio_next, #folio_text { display: block; float: left; }
#folio_latest span, #folio_previous span, #folio_pause span, #folio_play span, #folio_next span { display: none; }

#folio_latest { width: 119px; height: 19px; background: url(img/home/folio_latest.gif) no-repeat; }
#folio_previous { cursor: pointer; width: 15px; height: 19px; background: url(img/home/folio_previous.gif) no-repeat; }
#folio_pause { cursor: pointer; width: 17px; height: 19px; background: url(img/home/folio_pause.gif) no-repeat; }
#folio_play { cursor: pointer; display: none; width: 17px; height: 19px; background: url(img/home/folio_play.gif) no-repeat; }
#folio_next { cursor: pointer; width: 15px; height: 19px; background: url(img/home/folio_next.gif) no-repeat; }

#folio_previous:hover { width: 15px; height: 19px; background: url(img/home/folio_previous_over.gif) no-repeat; }
#folio_pause:hover { width: 17px; height: 19px; background: url(img/home/folio_pause_over.gif) no-repeat; }
#folio_play:hover { width: 17px; height: 19px; background: url(img/home/folio_play_over.gif) no-repeat; }
#folio_next:hover { width: 15px; height: 19px; background: url(img/home/folio_next_over.gif) no-repeat; }

#folio_previous:active { width: 15px; height: 19px; background: url(img/home/folio_previous_on.gif) no-repeat; }
#folio_pause:active { width: 17px; height: 19px; background: url(img/home/folio_pause_on.gif) no-repeat; }
#folio_play:active { width: 17px; height: 19px; background: url(img/home/folio_play_on.gif) no-repeat; }
#folio_next:active { width: 15px; height: 19px; background: url(img/home/folio_next_on.gif) no-repeat; }

#folio_previous.on { width: 15px; height: 19px; background: url(img/home/folio_previous_on.gif) no-repeat; }
#folio_pause.on { width: 17px; height: 19px; background: url(img/home/folio_pause_on.gif) no-repeat; }
#folio_play.on { width: 17px; height: 19px; background: url(img/home/folio_play_on.gif) no-repeat; }
#folio_next.on { width: 15px; height: 19px; background: url(img/home/folio_next_on.gif) no-repeat; }

#folio_text { height: 19px; text-decoration: none; color: #ffffff; padding: 4px 4px 0 8px; }
#folio_text:hover { color: #74a8aa }


div.hr { height: 14px; background: url(img/home/deck_lines.gif) no-repeat; }
div.hr hr { display: none; }