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

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

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

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

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

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

#subNavigation { }

#subtitle_advertising, #subtitle_design, #subtitle_editorial, #subtitle_publishing, #subtitle_various { display: block; width: 134px; height: 12px }
#subtitle_advertising span, #subtitle_design span, #subtitle_editorial span, #subtitle_publishing span, #subtitle_various span { display: none; }
#subtitle_advertising { background: url(img/illustration/subtitle_advertising.gif) no-repeat; }
#subtitle_design { background: url(img/illustration/subtitle_design.gif) no-repeat; }
#subtitle_editorial { background: url(img/illustration/subtitle_editorial.gif) no-repeat; }
#subtitle_publishing { background: url(img/illustration/subtitle_publishing.gif) no-repeat; }
#subtitle_various { background: url(img/illustration/subtitle_various.gif) no-repeat; }

#subtitle_advertising:hover { background: url(img/illustration/subtitle_advertising_over.gif) no-repeat; }
#subtitle_design:hover { background: url(img/illustration/subtitle_design_over.gif) no-repeat; }
#subtitle_editorial:hover { background: url(img/illustration/subtitle_editorial_over.gif) no-repeat; }
#subtitle_publishing:hover { background: url(img/illustration/subtitle_publishing_over.gif) no-repeat; }
#subtitle_various:hover { background: url(img/illustration/subtitle_various_over.gif) no-repeat; }

#subtitle_advertising:active { background: url(img/illustration/subtitle_advertising_on.gif) no-repeat; }
#subtitle_design:active { background: url(img/illustration/subtitle_design_on.gif) no-repeat; }
#subtitle_editorial:active { background: url(img/illustration/subtitle_editorial_on.gif) no-repeat; }
#subtitle_publishing:active { background: url(img/illustration/subtitle_publishing_on.gif) no-repeat; }
#subtitle_various:active { background: url(img/illustration/subtitle_various_on.gif) no-repeat; }

li.selected #subtitle_advertising { background: url(img/illustration/subtitle_advertising_on.gif) no-repeat; }
li.selected #subtitle_design { background: url(img/illustration/subtitle_design_on.gif) no-repeat; }
li.selected #subtitle_editorial { background: url(img/illustration/subtitle_editorial_on.gif) no-repeat; }
li.selected #subtitle_publishing { background: url(img/illustration/subtitle_publishing_on.gif) no-repeat; }
li.selected #subtitle_various { background: url(img/illustration/subtitle_various_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/illustration/footer_email.gif) no-repeat; }
#footer_contact { width: 204px; height: 41px; background: url(img/illustration/footer_contact.gif) no-repeat; }
#footer_agent1 { width: 204px; height: 10px; background: url(img/illustration/footer_agent1.gif) no-repeat; }
#footer_agent2 { width: 204px; height: 9px; background: url(img/illustration/footer_agent2.gif) no-repeat; }

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

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

#footer p { color: #a8b9b1; }

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

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

#project { color: #a8b9b1; }
#project p { color: #a8b9b1; }
#project a { color: #f46b44; }
#project a:hover { color: #478687; }

#project .navigation a, #showcase .navigation a { color: #a8b9b1; }
#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; }

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