/*****************************************************************
 * PERSONAL PAGE STYLE
 *****************************************************************/
body { background-color: rgb(116, 168, 170); }

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

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

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

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

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

#subNavigation { }

#subtitle_artwork, #subtitle_sketchbook, #subtitle_photography { display: block; width: 151px; height: 12px }
#subtitle_artwork span, #subtitle_sketchbook span, #subtitle_photography span { display: none; }
#subtitle_artwork { background: url(img/personal/subtitle_artwork.gif) no-repeat; }
#subtitle_sketchbook { background: url(img/personal/subtitle_sketchbook.gif) no-repeat; }
#subtitle_photography { background: url(img/personal/subtitle_photography.gif) no-repeat; }

#subtitle_artwork:hover { background: url(img/personal/subtitle_artwork_over.gif) no-repeat; }
#subtitle_sketchbook:hover { background: url(img/personal/subtitle_sketchbook_over.gif) no-repeat; }
#subtitle_photography:hover { background: url(img/personal/subtitle_photography_over.gif) no-repeat; }

#subtitle_artwork:active { background: url(img/personal/subtitle_artwork_on.gif) no-repeat; }
#subtitle_sketchbook:active { background: url(img/personal/subtitle_sketchbook_on.gif) no-repeat; }
#subtitle_photography:active { background: url(img/personal/subtitle_photography_on.gif) no-repeat; }

li.selected #subtitle_artwork { background: url(img/personal/subtitle_artwork_on.gif) no-repeat; }
li.selected #subtitle_sketchbook { background: url(img/personal/subtitle_sketchbook_on.gif) no-repeat; }
li.selected #subtitle_photography { background: url(img/personal/subtitle_photography_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/personal/footer_email.gif) no-repeat; }
#footer_contact { width: 204px; height: 41px; background: url(img/personal/footer_contact.gif) no-repeat; }
#footer_agent1 { width: 204px; height: 10px; background: url(img/personal/footer_agent1.gif) no-repeat; }
#footer_agent2 { width: 204px; height: 9px; background: url(img/personal/footer_agent2.gif) no-repeat; }

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

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

#footer p { color: #c2cdc8; }

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

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

#project { color: #c2cdc8; }
#project p { color: #c2cdc8; }
#project a { color: #f46b44; }
#project a:hover { color: #7a7a7a; }

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

#projects { color: #b6c7b9; }
#projects a { color: #b6c7b9; }
#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; }