/* CSS Document */ body { font-size:11px; font-family:Arial, Helvetica, sans-serif; margin:0px; color:#666; background-color:#DDDEE3;} hr { display:none;} img { border:0px; behavior: url("/styles/iepngfix.htc") } strong { font-weight:normal;} /* ---------------------------------- Home page -------------------------------------- */ .nav_arrow {margin:0px 0px 0px 0px; padding:0px;} .email_register { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:0px dotted #999; padding:2px 2px 2px 2px; background-color:#FFFFFF;} .submit_button {margin:0px 0px -4px 5px;} .bottom_headline { font-size:22px; color:#000000;} .linkever { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:0px dotted #999; padding:2px 2px 2px 2px;} #container {width:800px; margin: -1000px auto 0px auto; padding:0px 100px 0px 100px; padding:0px 100px 0px 100px; } #home_big_image { width:1000px; margin: 0px auto 0px auto; height:1050px; background-image:url(../Images/background.jpg); background-repeat:repeat-y;} #above_nav {margin:0px 0px 0px 0px; height:129px;} #above_nav_right { margin:9px 10px 0px 0px; float: right; } #nav { border-top:1px dashed #9A9A96; border-bottom:1px dashed #9A9A96; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:12px;} #nav ul { margin: 0px 0px 0px 0px; padding: 10px 0px 10px 15px; list-style-type: none; background-color:#D9D8C7; } #nav li { margin: 0px 0px 0px 0px; display: inline; } #nav a {color:#333333; margin:0px 15px 0px 0px; padding:0px 0px 0px 0px; text-decoration: none;} #nav a:hover { color:#13D1E9;} #nav #currentpage a {color: #13D1E9;} #message_area { font-size:25px; margin:20px 0px 30px 0px; color:#3D575D; font-weight:normal; line-height:32px;} #message_area a {color: #13D1E9; text-decoration:underline;} #message_area a:hover {color: #13D1E9; text-decoration:underline;} #home_content_container { background-image:url(../Images/background.jpg); background-repeat:repeat-y; line-height:16px; } #home_content_container_flash { width:800px; clear:both; padding:10px 0px 0px 0px;} #home_content_container h1 { font-size:16px; font-weight:bold; margin:0px; padding:0px 0px 10px 0px; color:#666666;} #home_content_container img { padding:0px 0px 0px 0px;} #home_content_container a { color:#13D1E9; text-decoration: none;} #home_content_container a:hover { color:#3D575D;} #numbers_1 { font-family:"Times New Roman", Times, serif; font-size:36px; color:#13D1E9; margin:-5px 0px 0px -40px; float:left;} #selected_works { color:#666;float:left; width:337px;} #selected_works a {color:#666; text-decoration: none; } #selected_works h1 { font-size:18px; margin:0px 0px 0px 0px; color:#000;} #selected_works h2 { font-size:12px; margin:-3px 0px 10px 0px; color:#000;} #selected_works_micro { color:#666;float:left; width:530px; border-right:1px dashed #000; height:240px; font-size:16px;} #selected_works_micro a {color:#666; text-decoration: none; } #selected_works_micro h1 { font-size:18px; margin:0px 0px 0px 0px; color:#000;} #selected_works_micro h2 { font-size:12px; margin:-3px 0px 10px 0px; color:#000;} #home_content_container_micro { background-image:url(../Images/background.jpg); background-repeat:repeat-y; height:250px; border-bottom:1px dashed #000;} #home_content_container_micro a { color:#666; text-decoration: none;} #home_content_container_micro a:hover { color:#13D1E9;} #selected_works_2 { color:#666; float:left; padding:21px 8px 0px 10px; border-right:1px dashed #000; height:300px; width:176px; } #selected_works_2 h2 { font-size:12px; margin:18px 0px 10px 0px; color:#000;} #selected_works_2 ul { float:left; list-style-type:none; margin: 15px 0px 8px 0px; padding:0px;} #selected_works_2 li {margin: 0px 0px 5px 0px; padding:0px; } #selected_works_2 a {color:#666; text-decoration: none; } #selected_works_2 a:hover { color:#13D1E9;} .feature_image {margin: 0px 0px 10px 0px; padding:0px; } #numbers_2 { font-family:"Times New Roman", Times, serif; font-size:36px; color:#13D1E9; margin:-5px 8px 0px 5px; float:left;} #home_case_studied { color:#666;float:left; margin:0px 0px 0px 0px; padding:0px 0px 10px 40px; width:217px; } #home_case_studied h1 { font-size:18px; margin:0px 0px 0px 0px; color:#000;} #home_case_studied h2 { font-size:12px; margin:-3px 0px 10px 0px; color:#000;} #demo_reel {float:left; padding:0px 0px 10px 30px; width:227px; color:#666; border-top:1px dashed #000; margin:0px 0px 0px 10px;} #demo_reel h1 { font-size:18px; margin:18px 0px 0px 0px; color:#000;} #demo_reel img { float:right; margin:10px 28px 0px 0px; } #portfolio_links1 {float:left; width:174px;} #portfolio_links2 { float:left; } #portfolio_links1 ul { list-style-type:none; margin: 15px 0px 0px 0px; padding:0px;} #portfolio_links2 ul { list-style-type:none; margin: 15px 0px 0px 0px; padding:0px;} #portfolio_links1 li { margin:0px 0px 4px 0px; } #portfolio_links2 li { margin: 0px 0px 4px 0px; } #home_content_container_2 { background-image:url(../Images/background.jpg); background-repeat:repeat-y; padding:0px 0px 0px 0px; clear:both;} #numbers_3 { font-family:"Times New Roman", Times, serif; font-size:36px; color:#13D1E9; margin:5px 0px 0px -40px; float:left;} #home_we_think{color:#666;float:left; width:528px; line-height:18px; margin:0px 0px 8px 0px; padding:10px 10px 20px 0px; font-size:13px;} #home_we_think h1 { font-size:18px; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; color:#3D575D; } #home_we_think h2 { font-size:12px; margin:0px 0px 10px 0px; color:#000;} #home_we_think a {color:#13D1E9; text-decoration: none; } #home_we_think a:hover { color:#3D575D;} #home_newsletter { color:#666; float:left; border-bottom:1px dashed #000; margin:0px 0px 0px 10px; padding:0px 0px 20px 30px; width:217px;} #home_newsletter a {color:#666; text-decoration: none; } #home_newsletter a:hover { color:#13D1E9;} #home_newsletter h1 { font-size:18px; margin:18px 0px 0px 0px; color:#000;} #home_newsletter img {float:left; margin:0px 10px 10px 0px;} #home_newsletter_micro { color:#666; float:left; margin:0px 0px 0px 10px; padding:0px 0px 20px 30px; width:217px;} #home_newsletter_micro a {color:#666; text-decoration: none; } #home_newsletter_micro a:hover { color:#13D1E9;} #home_newsletter_micro h1 { font-size:18px; margin:18px 0px 0px 0px; color:#000;} #home_brochure { color:#666; float:left; margin:0px 0px 0px 10px; padding:0px 0px 20px 30px; width:217px;} #home_brochure h1 { font-size:24px; margin:10px 0px 0px 0px; color:#000; font-weight:normal;} #title_nav {margin:25px 0px 0px 0px; width:800px;} #title_nav h1 { border-bottom:1px solid #9A9A96; border-top:3px solid #9A9A96; font-size:18px; font-weight:normal; color:#000;padding:2px 0px 2px 0px;} #title_nav ul { margin: 15px 0px 15px 0px; padding: 0px 0px 0px 0px; list-style-type: none; font-size:18px; font-weight:bold;} #title_nav a {color:#666; margin:0px 15px 0px 0px; padding:0px 0px 0px 0px; text-decoration: none;} .reviewhead { font-size: 14px; font-weight: bold; color: #2390B7; } #title_nav a.selected {color:#13D1E9;} #title_nav a:hover { color:#13D1E9;} /* ---------------------------------- Home page classes -------------------------------------- */ .email_register { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:0px dotted #999; padding:2px 2px 2px 2px;} .submit_button {margin:0px 0px -4px 5px;} .botoom_headline { font-size:24px; color:#000000;} /* ---------------------------------- Footer -------------------------------------- */ #footer { clear:both; border-top:1px dashed #9A9A96; padding:10px 0px 40px 0px; background-image:url(../Images/background.jpg); background-repeat:repeat-y;} #footer a {color:#000; text-decoration: none;} #footer a:hover { color:#13D1E9;} #footer ul { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; list-style-type: none;} #footer li { margin: 0px 0px 0px 0px; display: inline; } #footer_gallery { clear:both; border-top:1px dashed #000; padding:10px 0px 40px 0px; background-image:url(../Images/background.jpg); background-repeat:repeat-y; margin:-40px 0px 0px 0px;} #footer_gallery a {color:#000; text-decoration: none;} #footer_gallery a:hover { color:#13D1E9;} #background_fade { background-image:url(../Images/background_fade.jpg); width:800px; height:400px;} /* ---------------------------------- Content Pages -------------------------------------- */ #background_container { background-image:url(../Images/background.jpg); background-repeat:repeat-y; margin:0px auto 0px auto; width:800px; padding:4px 0px 0px 0px;} #inner_container { margin:0px 0px 0px 0px;} #content_pages {margin:25px 0px 0px 0px;} #content_pages h1 { border-bottom:1px solid #13D1E9; border-top:3px solid #13D1E9; font-size:18px; font-weight:normal; color:#000;padding:2px 0px 2px 0px;} /* ---------------------------------- Portfolio Page -------------------------------------- */ #portfolio_content_container { background-image:url(../Images/background.jpg); background-repeat:repeat-y; line-height:16px; } #portfolio_content_container_flash { width:800px; clear:both; padding:0px 0px 0px 0px;} #portfolio_content_container h1 { font-size:14px; font-weight:bold; margin:0px; padding:0px 0px 10px 0px; color:#666666;} #portfolio_content_container img { padding:0px 0px 0px 0px;} #portfolio_content_container a { color:#13D1E9; text-decoration: none;} #portfolio_content_container a:hover { color:#3D575D;} #portfolio_nav {margin:10px 0px 0px 0px; width:800px;} #portfolio_nav h1 { border-bottom:1px solid #13D1E9; border-top:3px solid #13D1E9; font-size:18px; font-weight:normal; color:#000;padding:2px 0px 2px 0px;} #portfolio_nav ul { margin: 15px 0px 15px 0px; padding: 0px 0px 0px 0px; list-style-type: none; font-size:18px; font-weight:bold;} #portfolio_nav a {color:#666; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-decoration: none;} #portfolio_nav a.selected {color:#13D1E9;} #portfolio_nav a:hover { color:#13D1E9;} .client_quote { font-size:12px; line-height: 17px; } .punctuation { margin:0px 0px 0px -10px; font-size:20px;} #portfolio_nav1 {margin:0px 0px 0px 0px; float:left;} #portfolio_nav1 ul { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; list-style-type: none; font-size:18px; font-weight:bold;} #portfolio_nav1 li { margin: 0px 0px -2px 0px;} #portfolio_nav1 a {color:#666; margin:0px 15px 0px 0px; padding:0px 0px 0px 0px; text-decoration: none;} #portfolio_nav1 a.selected {color:#13D1E9;} #portfolio_nav1 a:hover { color:#13D1E9;} #portfolio_nav2 {margin:0px 0px 0px 40px; float:left;} #portfolio_nav2 ul { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; list-style-type: none; font-size:18px; font-weight:bold;} #portfolio_nav2 li { margin: 0px 0px -2px 0px;} #portfolio_nav2 a {color:#666; margin:0px 15px 0px 0px; padding:0px 0px 0px 0px; text-decoration: none;} #portfolio_nav2 a.selected {color:#13D1E9;} #portfolio_nav2 a:hover { color:#13D1E9;} #portfolio { color:#666; clear:both;} #portfolio a {color:#666; text-decoration: none;} #portfolio a:hover {color:#13D1E9; text-decoration: none;} #portfolio h1 { border-bottom:1px solid #666; border-top:3px solid #666; font-size:18px; font-weight:normal; color:#000;padding:2px 0px 2px 0px; margin:0px 0px 20px 0px;} #portfolio h2 { font-size:12px; color:#3D575D; margin:-0px 0px 10px 0px; } #portfolio h3 { font-size:24px; color:#999999; text-align:left; margin:10px 0px 5px 0px;} #portfolio_floatright {float:right; padding:0px 0px 10px 10px;} #featured_1 {height:300px; margin:10px 0px 0px 0px;} .featured_arrow { float:left;} #featured_2 {border-bottom:1px dashed #000; height:300px; margin:20px 0px 0px 0px;} #featured_3 {border-bottom:1px dashed #000; height:300px; margin:10px 0px 0px 0px;} #featured_4 {border-bottom:1px dashed #000; height:300px; margin:20px 0px 0px 0px;} #featured_5 {height:300px; margin:20px 0px 0px 0px;} /* ---------------------------------- Blog -------------------------------------- */ #blog { width:690px; float:left; margin:13px 0px 0px 0px; color:#666;} #blog a {color:#13D1E9; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-decoration: none;} #blog h1 { border-bottom:1px solid #13D1E9; border-top:3px solid #13D1E9; font-size:18px; font-weight:normal; color:#000;padding:2px 0px 2px 0px;} #blog_archive { width:100px; float:right; margin:13px 0px 0px 0px;} #blog_archive h1 { border-bottom:1px solid #13D1E9; border-top:3px solid #13D1E9; font-size:18px; font-weight:normal; color:#000;padding:2px 0px 2px 0px; margin:12px 0px 15px 0px;} #blog_block { width:690px; height:550px; padding:3px 0px 0px 0px; border-bottom:1px dashed #000; font-size:11px; margin:0px 0px 10px 0px;} #blog_block h2 {font-size:18px; margin:10px 0px 10px 0px;} #blog1 {float:left; width:226px; } #blog2 {float:left; width:226px; margin:0px 6px 0px 6px;} #blog3 {float:left; width:226px; } #blog_archive a {color:#666; margin:0px 15px 0px 0px; padding:0px 0px 0px 0px; text-decoration: none;} #blog_archive a.selected {color:#13D1E9;} #blog_archive a:hover { color:#13D1E9;} #dash_hider { background-image:url(../Images/background.jpg); background-repeat:repeat-y; width:690px; height:10px; margin:-20px 0px 0px 0px;} .blog_date { padding:0px 30px 0px 0px; margin:12px 0px 0px 0px;} .blogimage {padding:0px 0px 12px 0px;} /* ---------------------------------- Project pages -------------------------------------- */ #projects_area { width:522px; clear:both; float:left; margin:0px 0px 0px 0px;} #projects_area h1 { font-size:16px; font-weight:normal; color:#9A9A96; padding:2px 0px 2px 0px; border-bottom: 1px solid #C9C9C2; } #projects_area h2 {border-top:3px solid #666; font-size:18px; font-weight:normal; color:#000;padding:2px 0px 3px 0px; border-bottom:1px solid #666; margin:12px 0px 0px 0px;} #projects_area h3 {font-size:12px; font-weight:normal; margin:10px 0px 10px 0px;} #projects_nav { width:267px; float:right; margin:0px 0px 0px 0px; line-height:16px;} #projects_nav h1 { border-bottom:1px solid #C9C9C2; font-size:16px; font-weight:normal; color:#9A9A96;padding:2px 0px 6px 0px; margin:8px 0px 10px 0px;} #projects_nav h2 { font-size:12px; font-weight:normal; color:#000;padding:0px 0px 0px 0px; margin:0px 0px 5px 0px;} #projects_nav h3 { font-size:12px; font-weight:normal; color:#000;padding:0px 0px 0px 0px; margin:0px 0px 5px 0px;} #projects_nav a {color:#666; text-decoration: none; } #projects_nav a:hover { color:#13D1E9;} #projects_nav a.selected { color:#13D1E9;} #project { width:337px; color:#666; float:left; } #project2 { width:337px; color:#666; float:left; } #project h1 {border-top:1px solid #666; font-size:12px; font-weight:bold; color:#000; margin:-11px 0px 5px 0px; padding:20px 0px 0px 0px;} #project img { margin:10px 0px 20px 0px;} #gap { width:522px; border-top:1px dashed #000; clear:both; margin:0px 0px 15px 0px;} #gap-case { width:522px; border-top:1px dashed #000; clear:both; margin:0px 0px 15px 0px;} #project_right { width:175px; border-top:1px solid #666; float:left; margin:-11px 0px 0px 10px;} #project2_right { width:175px;float:left; margin:-11px 0px 0px 10px;} #project2 img { margin:10px 0px 20px 0px;} #top {border-top:1px solid #666; margin:91px 0px 0px 0px; } #top2 {border-top:1px solid #666; margin:91px 0px 0px 0px; } .project_table {border-bottom:1px solid #666; padding:0px 0px 5px 0px; color:#666; text-align:left; font-weight:normal; width:175px;} #project_top {margin:0px 0px 0px 0px;} #project_top a {color:#666; text-decoration: none; } #project_top a:hover { color:#13D1E9;} #project_top a.selected { color:#13D1E9;} #project_top_left {width:512px; color:#666; float:left;} #project_top_right { width:25px; border-top:1px solid #666; float:left; margin:-11px 0px 0px 10px;} #project_top_left h1 {border-top:1px solid #666; font-size:12px; font-weight:bold; color:#000; margin:-11px 0px 5px 0px; padding:20px 0px 0px 0px;} #project_picture_container {width:522px; clear:both; padding:0px 0px 0px 0px} #project_picture_container a {color:#13D1E9; text-decoration:none;} #project_picture { float:left; width:522px; margin:20px 0px 10px 0px;} #project_picture_text { float:left; width:510px; margin:10px 0px 0px 0px; } #profile_contact { width:267px; float:right; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; color:#666666;} #profile_contact img { float:right; margin:30px 0px 0px 0px;} #profile_contact h1 {border-bottom:1px solid #C9C9C2; border-top:3px solid #C9C9C2; font-size:16px; font-weight:normal; color:#9A9A96;padding:2px 0px 3px 0px; margin:12px 0px 20px 0px;} #profile_contact a {color:#13D1E9;; text-decoration: none; } #profile_contact ul {margin:10px 0px 0px -15px; } #profile_contact a:hover { color:#13D1E9;} #services_area { width:522px; clear:both; float:left; margin:-12px 0px 0px 0px;} #services_area h1 { border-bottom:1px solid #666; border-top:3px solid #666; font-size:18px; font-weight:normal; color:#000; padding:3px 0px 1px 0px; margin:12px 0px 10px 0px;} #services_top_left {width:337px; color:#666; float:left; margin:0px 0px 15px 0px;} .top { color:#13D1E9; text-decoration:none; padding:0px 0px 10px 0px;} .link { color:#13D1E9; text-decoration:none;} #services_top_right { width:175px; float:left; margin:-11px 0px 0px 10px;} #services_top_left h2 {font-size:12px; font-weight:bold; color:#000; margin:-10px 0px 5px 0px; padding:15px 0px 5px 0px;} #services_image {float:left; width:175px; height:175px; margin:10px 0px 10px 10px;} #services_nav { width:267px; float:right; margin:-12px 0px 0px 0px; line-height:16px;} #services_nav h1 { border-bottom:1px solid #666; border-top:3px solid #666; font-size:18px; font-weight:normal; color:#000;padding:4px 0px 6px 0px; margin:12px 0px 10px 0px;} #services_nav h2 { font-size:12px; font-weight:normal; color:#000;padding:0px 0px 0px 0px; margin:0px 0px 5px 0px;} #services_nav h3 { font-size:12px; font-weight:normal; color:#000;padding:0px 0px 0px 0px; margin:0px 0px 5px 0px;} #services_nav a {color:#666; text-decoration: none; } #services_nav a:hover { color:#13D1E9;} #services_nav a.selected { color:#13D1E9;} #case_nav { width:267px; float:right; margin:-12px 0px 0px 0px; line-height:16px;} #case_nav h1 { border-bottom:1px solid #666; border-top:3px solid #666; font-size:18px; font-weight:normal; color:#000;padding:4px 0px 6px 0px; margin:12px 0px 10px 0px;} #case_nav h2 { font-size:12px; font-weight:normal; color:#000;padding:0px 0px 0px 0px; margin:0px 0px 5px 0px;} #case_nav h3 { font-size:12px; font-weight:normal; color:#000;padding:0px 0px 0px 0px; margin:0px 0px 5px 0px;} #case_nav a {color:#666; text-decoration: none; } #case_nav a:hover { color:#13D1E9;} #case_nav a.selected { color:#13D1E9;} /* ---------------------------------- Contact Page -------------------------------------- */ #contact { color:#666; float:left; width:290px; } #error { color:#666; float:left; width:600px; } #iframe { color:#666; float:left; width:800px; } #contact_map { float:left; width: 500px; margin:0px 0px 0px 10px; padding:0px 0px 20px 0px;} #contact_map h1 { font-size:16px; margin:0px 0px 10px 0px; border-bottom:1px solid #9A9A96; padding:0px 0px 2px 0px; color:#000; font-weight:normal; } #contact h1 { font-size:16px; margin:0px 0px 10px 0px; border-bottom:1px solid #9A9A96; padding:0px 0px 2px 0px; color:#9A9A96; font-weight:normal; } #contact a {color:#13D1E9; text-decoration: none;} /* ---------------------------------- Client Review Page -------------------------------------- */ #review {color:#666;} #review a {color:#13D1E9; text-decoration: none;} #review h2 { font-size:12px; color:#000; margin:-0px 0px 10px 0px; } #content_pages_review {margin:25px 0px 0px 0px;} #content_pages_review h1 { border-bottom:1px solid #13D1E9; border-top:3px solid #13D1E9; font-size:18px; font-weight:normal; color:#000;padding:2px 0px 2px 0px;} /* ---------------------------------- Exhibition -------------------------------------- */ #selected_works_ex { color:#666;float:left; width:250px; margin:0px 0px 0px 0px;} #selected_works_ex a {color:#666; text-decoration: none; } #selected_works_ex a:hover { color:#13D1E9;} #selected_works_ex h1 { font-size:18px; margin:0px 0px 0px 0px; color:#000;} #selected_works_ex h2 { font-size:12px; margin:-3px 0px 10px 0px; color:#000;} #selected_works_ex img { margin:-8px 0px 0px 0px;} #selected_works_2_ex { color:#666; float:left; padding:21px 8px 10px 10px; border-right:1px dashed #000; height:680px; width:250px; margin:0px 0px 10px 0px ;} #selected_works_2_ex h2 { font-size:12px; margin:18px 0px 10px 0px; color:#000;} #selected_works_2_ex ul { float:left; list-style-type:none; margin: 15px 0px 8px 0px; padding:0px;} #selected_works_2_ex li {margin: 0px 0px 5px 0px; padding:0px; } #selected_works_2_ex a {color:#666; text-decoration: none; } #selected_works_2_ex a:hover { color:#13D1E9;} #selected_works_2_ex img { margin:-8px 0px 0px 0px;} #home_content_container_ex { background-image:url(../Images/background.jpg); background-repeat:repeat-y; height:680px; margin:-10px 0px 10px 0px; } #home_case_studied_ex { color:#666;float:left; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; width:220px; } #home_case_studied_ex h1 { font-size:18px; margin:0px 0px 0px 0px; color:#000;} #home_case_studied_ex h2 { font-size:12px; margin:-3px 0px 10px 0px; color:#000;} #home_newsletter_ex { color:#666; float:left; border-bottom:1px dashed #000; border-top:1px dashed #000; margin:0px 0px 0px 10px; padding:15px 0px 0px 30px; width:210px;} #home_newsletter_ex h1 { font-size:18px; margin:18px 0px 0px 0px; color:#000;} #home_newsletter_ex img {float:left; margin:0px 10px 10px 0px;} #home_case_studied_ex a {color:#666; text-decoration: none; } #home_case_studied_ex a:hover { color:#13D1E9;} #numbers_4 { font-family:"Times New Roman", Times, serif; font-size:36px; color:#13D1E9; margin:-5px 5px 0px 0px; float:left;} #numbers_5 {font-family:"Times New Roman", Times, serif; font-size:36px; color:#13D1E9; margin:-5px 5px 0px 5px; float:left;} #underline { float:left; width:270px; border-bottom:1px dashed #C9C9C2; margin:0px 0px 15px 5px;} #underline2 { float:left; width:100%; border-bottom:1px dashed #C9C9C2; margin:0px 0px 8px 0px;} #underline3 { float:left; width:100%; border-bottom:1px dashed #C9C9C2; margin:0px 0px 20px 0px;} #underline-blank { float:left; width:100%; margin:0px 0px 10px 0px;} #work-row { border-bottom:1px dashed #000; padding:0px 0px 10px 0px;} #work-row a {color:#13D1E9; text-decoration: none;} .work-rowimg { padding:0px 0px 10px 0px; margin:0px 0px 10px 0px;} .work-rowimg2 { padding:0px 0px 1px 0px; margin:0px 0px 10px 0px;} #work1 { width:244px; padding:0px 16px 10px 0px; float:left; margin:0px 0px 0px 0px;} #work2 { width:244px; border-right:1px dashed #C9C9C2; border-left:1px dashed #C9C9C2; padding:0px 16px 10px 16px; float:left; margin:0px 0px 10px 0px;} #work1-long { width:244px; padding:0px 16px 0px 0px; float:left; margin:0px 0px 0px 0px;} #work2-long {width:521px; padding:0px 0px 0px 16px; float:left; border-left: 1px dashed #C9C9C2;} #work3 { width:244px; padding:0px 0px 10px 16px; float:left;} #work4 { width:244px; padding:10px 16px 10px 0px; float:left; margin:0px 0px 0px 0px;} #work5 { width:244px; border-right:1px dashed #C9C9C2; border-left:1px dashed #C9C9C2; padding:10px 16px 10px 16px; float:left; margin:0px 0px 10px 0px;} #work6 { width:244px; padding:10px 0px 10px 16px; float:left;} #twitter_div {width:244px; padding:10px 0px 10px 0px; margin:0px 0px 0px 16px; line-height:16px; border-bottom:1px dashed #000; } #twitter_div a {text-decoration:none; color:#13D1E9;} #twitter_div a:hover { color:#3D575D;} .twitter-link {text-decoration:none; color:#13d1e9;} #twitter_div ul {padding:0px; margin:0px;} #twitter_div ul li {list-style:none; border:0px; padding:0px 0px 10px 0px; margin:0px;} #twitter_div h2 {font-size:18px; margin:0px 0px 0px 0px; color:#9A9A96; padding:0px 0px 10px 0px;} #port_big_thumb_left { width:244px; padding:0px 16px 0px 0px; float:left; margin:0px 0px 0px 0px;} #port_big_thumb_middle { width:244px; border-right:1px dashed #C9C9C2; border-left:1px dashed #C9C9C2; padding:0px 16px 0px 16px; float:left;} #port_big_thumb_right { width:244px; padding:0px 0px 0px 16px; float:left;} #port_small_thumb_left { width:244px; padding:0px 16px 0px 0px; float:left; margin:0px 0px 0px 0px;} #port_small_thumb_middle { width:244px; border-right:1px dashed #C9C9C2; border-left:1px dashed #C9C9C2; padding:0px 16px 0px 16px; float:left;} #port_small_thumb_right { width:244px; padding:0px 0px 0px 16px; float:left;} #think-right { float:left; border-left:1px dashed #C9C9C2; margin:0px 0px 10px 0px;} #think-blog { width:244px; padding:10px 0px 10px 0px; margin:0px 0px 0px 16px; line-height:16px; border-bottom:1px dashed #000; } #think-blog h1 {font-size:18px; margin:0px 0px 0px 0px; color:#000; padding:0px 0px 10px 0px;} #think-blog a {color:#13D1E9; text-decoration: none; } #think-case-study { width:244px; padding:20px 0px 10px 0px; margin:0px 0px 0px 16px; line-height:16px; } #think-case-study img { padding:5px 0px 0px 0px;} #think-case-study h1 {font-size:18px; margin:0px 0px 0px 0px; color:#9A9A96; padding:0px 0px 10px 0px;} #think-case-study a {color:#13D1E9; text-decoration: none; } #think-case-study a:hover { color:#3D575D;} #features { clear:both; width:100%; border-top:1px dashed #C9C9C2; margin:10px 0px 10px 0px; padding:10px 0px 10px 0px; } #features h1 { color:#000; padding:0px 0px 5px 0px; margin:0px; font-size:13px; } #features ul { padding:0px; margin:0px;} #features li { padding:0px 10px 0px 0px; margin:0px; list-style-type:none; display:block; float:left; width:123px;} #features a {color:#13D1E9; text-decoration: none; } #features a:hover { color:#3D575D;} #features2 { clear:both; width:100%; margin:4px 0px 10px 0px; padding:4px 0px 10px 0px; } #features2 h1 { color:#000; padding:0px 0px 5px 0px; margin:0px; font-size:11px; } #features2 ul { padding:0px; margin:0px;} #features2 li { padding:0px 10px 0px 0px; margin:0px; list-style-type:none; display:block; float:left; width:123px;} #features2 a {color:#13D1E9; text-decoration: none; } /* ---------------------------------- Lightbox -------------------------------------- */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #0F1B1E; }