:focus { outline: none; } body { width: 1000px; background: #fff url(../images/ui/global_bg.jpg) top left repeat-y; background-position: 800px 0px; margin: 0; padding: 0; } body, p, a { font-family: helvetica, arial, verdana; font-size: 12px; line-height: 16px; color: #666; } a { text-decoration: none; color: #48669d; } a:hover { text-decoration: underline; } #main_area { float: left; width: 820px; } #main_area .content { padding: 55px 0 0 0; } #logo { display: block; background: #fff url(../images/ui/logo2.jpg) top left no-repeat; width: 538px; height: 90px; margin: 0 0 50px 48px; } #logo span { display: none; } #project_media { clear: both; } #arrow_left { float: left; display: block; background: #fff url(../images/ui/arrow_left.gif) bottom left no-repeat; width: 48px; height: 200px; } #arrow_right { float: left; display: block; background: #fff url(../images/ui/arrow_right.gif) bottom left no-repeat; width: 48px; height: 200px; } #arrow_left span { display: none; } #arrow_right span { display: none; } #media { float: left; margin-bottom: 10px; } #work_info { width: 700px; padding: 20px 10px 50px 48px; } #work_info p { clear: both; margin: 0; } #work_info .info_item { clear: both; height: 20px; } #work_info .info_item h4{ width: 80px; float: left; margin: 0; font-size: 12px; } #work_info .info_item p { width: 400px; float: left; clear: none; } #nav { float: left; width: 157px; } #nav a { display: block; } #nav a span { display: none; } #download_resume { background: #f5f3f2 url(../images/ui/download_portfolio.gif) top left no-repeat; width: 157px; height: 30px; } #nav_work { background: #f5f3f2 url(../images/ui/nav_work.gif) top left no-repeat; width: 157px; height: 34px; } .spacer { height: 6px; width: 10px; } #nav_contact { background: #f5f3f2 url(../images/ui/nav_contact.gif) top left no-repeat; width: 157px; height: 40px; clear: both; } #nav_work:hover { background-position: 0px -34px; } #nav_work.selected { background-position: 0px -34px; } #nav_contact:hover { background-position: 0px -40px; } #nav_contact.selected { background-position: 0px -40px; } #nav #tier_1 { margin-bottom: 15px; } #subnav_interactive { margin: 0 5px 0 16px; float: left; background: #f5f3f2 url(../images/ui/subnav_interactive.gif) top left no-repeat; width: 64px; height: 21px; } #subnav_tv { margin: 0 5px 0 0; float: left; background: #f5f3f2 url(../images/ui/subnav_tv.gif) top left no-repeat; width: 18px; height: 21px; } #subnav_print { float: left; background: #f5f3f2 url(../images/ui/subnav_print.gif) top left no-repeat; width: 30px; height: 21px; } #nav #tier_2 a:hover { background-position: 0px -21px; } #nav #tier_2 a.selected { background-position: 0px -21px; } /* Hidden or Show Navigation */ #nav .tier_3 { display: none; } #nav #tier_2 { display: none; } .interactive #nav #interactive_items, .interactive #nav #tier_2 { display: block; } .tv #nav #tv_items, .tv #nav #tier_2 { display: block; } .print #nav #print_items, .print #nav #tier_2 { display: block; } #nav .tier_3 a:hover { background-position: 0px -30px; } #nav .tier_3 a.selected { background-position: 0px -30px; } #nav_campbells { background: #f5f3f2 url(../images/ui/nav_campbells.gif) top left no-repeat; width: 147px; height: 30px; } #nav_kamberedelson { background: #f5f3f2 url(../images/ui/nav_kamberedelson.gif) top left no-repeat; width: 147px; height: 30px; } #nav_visionon { background: #f5f3f2 url(../images/ui/nav_visionon.gif) top left no-repeat; width: 147px; height: 30px; } #nav_lockandmane { background: #f5f3f2 url(../images/ui/nav_lockandmane.gif) top left no-repeat; width: 147px; height: 30px; } #nav_subaru { background: #f5f3f2 url(../images/ui/nav_subaru.gif) top left no-repeat; width: 147px; height: 30px; } #nav_dove { background: #f5f3f2 url(../images/ui/nav_dove.gif) top left no-repeat; width: 147px; height: 30px; } #nav_qwest { background: #f5f3f2 url(../images/ui/nav_qwest.gif) top left no-repeat; width: 147px; height: 30px; } #nav_apple { background: #f5f3f2 url(../images/ui/nav_apple.gif) top left no-repeat; width: 147px; height: 30px; } #nav_freshthrills { background: #f5f3f2 url(../images/ui/nav_freshthrills.gif) top left no-repeat; width: 147px; height: 30px; } #nav_ibm { background: #f5f3f2 url(../images/ui/nav_ibm.gif) top left no-repeat; width: 147px; height: 30px; } #nav_discover { background: #f5f3f2 url(../images/ui/nav_discover.gif) top left no-repeat; width: 147px; height: 30px; } #nav_volvo { background: #f5f3f2 url(../images/ui/nav_volvo.gif) top left no-repeat; width: 147px; height: 30px; } #nav_1800collect { background: #f5f3f2 url(../images/ui/nav_1800collect.gif) top left no-repeat; width: 147px; height: 30px; } #nav_airwick { background: #f5f3f2 url(../images/ui/nav_airwick.gif) top left no-repeat; width: 147px; height: 30px; } #nav_volvo { background: #f5f3f2 url(../images/ui/nav_volvo.gif) top left no-repeat; width: 147px; height: 30px; } #nav_viagra { background: #f5f3f2 url(../images/ui/nav_viagra.gif) top left no-repeat; width: 147px; height: 30px; } #nav_tattooremoval { background: #f5f3f2 url(../images/ui/nav_tattooremoval.gif) top left no-repeat; width: 157px; height: 30px; } #nav_sears { background: #f5f3f2 url(../images/ui/nav_sears.gif) top left no-repeat; width: 147px; height: 30px; } #nav_tdameritrade { background: #f5f3f2 url(../images/ui/nav_tdameritrade.gif) top left no-repeat; width: 157px; height: 30px; } /* ---------------------------------- Landing Page ---------------------------------- */ #landing_body, #landing { background-color: #edeeef; } #landing #landing_copy { padding-left: 48px; } #landing #main_area { height: 800px; width: 800px; margin-right: 20px; background: #edeeef url(../images/ui/landing_copy_letter2.jpg) top left no-repeat; } /* ---------------------------------- Contact Page ---------------------------------- */ #contact #contact_form { width: 600px; padding: 100px 0 0 48px; } #contact #contact_form p { margin-bottom: 50px; } #contact .field { margin-bottom: 38px; } #contact .field img { display: block; } #contact .text { border: 1px solid #aaa; width: 200px; height: 20px; color: #666; padding: 2px 4px; font-size: 12px; font-family: helvetica, arial, verdana; } #contact textarea { border: 1px solid #aaa; width: 450px; height: 130px; color: #666; padding: 4px; font-size: 12px; font-family: helvetica, arial, verdana; } #contact #form_name { width: 250px; float: left; } #contact #form_email { width: 250px; float: left; } #contact #form_msg { clear: both; margin: 0; } #contact #form_submit { display: block; background: #fff url(../images/ui/form_submit.gif) top left no-repeat; width: 64px; height: 39px; } #contact #form_submit span { display: none; } #contact #response { color: #c00; }