/*****************************************************************
 * ABOUT PAGE STYLE
 *****************************************************************/
body { background-color: rgb(122, 122, 122); }

#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/about/title_site.gif) no-repeat; }
#title_illustration { width: 166px; height: 15px; background: url(img/about/title_illustration.gif) no-repeat; }
#title_pottsblog, #title_animation, #title_personal, #title_store, #title_about { width: 166px; height: 14px; }

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

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

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

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

#subNavigation { }

#subtitle_biography, #subtitle_press, #subtitle_clients, #subtitle_links, #subtitle_contact { display: block; width: 134px; height: 12px }
#subtitle_biography span, #subtitle_press span, #subtitle_clients span, #subtitle_links span, #subtitle_contact span { display: none; }
#subtitle_biography { background: url(img/about/subtitle_biography.gif) no-repeat; }
#subtitle_press { background: url(img/about/subtitle_press.gif) no-repeat; }
#subtitle_clients { background: url(img/about/subtitle_clients.gif) no-repeat; }
#subtitle_links { background: url(img/about/subtitle_links.gif) no-repeat; }
#subtitle_contact { background: url(img/about/subtitle_contact.gif) no-repeat; }

#subtitle_biography:hover { background: url(img/about/subtitle_biography_over.gif) no-repeat; }
#subtitle_press:hover { background: url(img/about/subtitle_press_over.gif) no-repeat; }
#subtitle_clients:hover { background: url(img/about/subtitle_clients_over.gif) no-repeat; }
#subtitle_links:hover { background: url(img/about/subtitle_links_over.gif) no-repeat; }
#subtitle_contact:hover { background: url(img/about/subtitle_contact_over.gif) no-repeat; }

#subtitle_biography:active { background: url(img/about/subtitle_biography_on.gif) no-repeat; }
#subtitle_press:active { background: url(img/about/subtitle_press_on.gif) no-repeat; }
#subtitle_clients:active { background: url(img/about/subtitle_clients_on.gif) no-repeat; }
#subtitle_links:active { background: url(img/about/subtitle_links_on.gif) no-repeat; }
#subtitle_contact:active { background: url(img/about/subtitle_contact_on.gif) no-repeat; }

li.selected #subtitle_biography { background: url(img/about/subtitle_biography_on.gif) no-repeat; }
li.selected #subtitle_press { background: url(img/about/subtitle_press_on.gif) no-repeat; }
li.selected #subtitle_clients { background: url(img/about/subtitle_clients_on.gif) no-repeat; }
li.selected #subtitle_links { background: url(img/about/subtitle_links_on.gif) no-repeat; }
li.selected #subtitle_contact { background: url(img/about/subtitle_contact_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/about/footer_email.gif) no-repeat; }
#footer_contact { width: 204px; height: 41px; background: url(img/about/footer_contact.gif) no-repeat; }
#footer_agent1 { width: 204px; height: 10px; background: url(img/about/footer_agent1.gif) no-repeat; }
#footer_agent2 { width: 204px; height: 9px; background: url(img/about/footer_agent2.gif) no-repeat; }

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

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

#footer p { color: #abbab3; }

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

#portfolio div.dummyPortfolioImage { border: 1px solid #868a88; }

#project { color: #abbab3; }
#project p { color: #abbab3; }
#project a { color: #f46b44; }
#project a:hover { color: #ffffff; }

#project .navigation a, #showcase .navigation a { color: #abbab3; }
#project .navigation a:hover, #showcase .navigation a:hover { color: #f46b44; }

#projects { color: #a8b9b1; }
#projects a { color: #a8b9b1; }
#projects a:hover { color: #f46b44; }
#projects li.selected a { color: #f46b44; }
#projects li.active a { color: #f46b44; }
#paginator span.current { color: #f46b44; }

#pageText { color: #a8b9b1; }
#pageText a { color: #f46b44; }
#pageText a:hover { color: #ffffff; }

#pageLinks { color: #a8b9b1; }
#pageLinks a { color: #abbab3; }
#pageLinks a:hover { color: #f46b44; }

#portfolio img:hover, #portfolio a.selected img { border: 3px solid #f46b44; }