/* Site Colours --------------------------- #footer bg #c6c8c9 #bottom blue #272f39 #bottom text #686e75 #2ndary nav blue #8ea3ba #h2 blue shadow #1f2e40 #blog link hilite #6C747E #tech_used gray #9c9d9f --------------------------- */ /* @group Elements */ body {background:#272f39; font-family: arial, helvetica, verdana, sans-serif; font-size:11px; line-height: 16px; color:#686e75;} ul.arrow li {background:transparent url(../images/bullet_arrow.png) no-repeat;background-position: 0px 2px;padding-left:20px;line-height:18px;} /* input.text {background:#fff url(../images/input_field_bg.png) repeat-x;font-size:13px;padding:4px;border:1px solid #001d4c;width:275px;} */ input#file {height: 26px;} a {color:#8ea3ba; font-weight: normal; text-decoration: none;} a:hover {text-decoration:underline;} /* font-family */ h1, h2, h3, h4, h5, h6, .submenu a, #contact_details p {font-family:"Lucida Grande", "Lucida Sans Unicode", "Myriad Pro", "Helevtica", "arial", "sans-serif";} #subpage_content, .subheading, #technologies_used_container h4, #home_title_container, #our_process_title_container, #news_content .entry p, #news_sidebar_container .widget ul li a {font-family:"Helevtica", "arial", "sans-serif";} .thumb_caption, .badge, .submenu a span {font-family:"arial", "Helevtica", "sans-serif";} h1, h2, h3, h4, h5, h6, .submenu a {color: #375171;} h1 {font-size: 28px; margin-bottom: 0px; line-height: 30px;} h2, h1.h2 {font-size: 18px; font-weight: bold; margin-bottom: 10px;} h2 a { color: #375171;} ol li a, ul li a {display: block;} ol li a span, ul li a span {display: none;} ol { list-style: circle;} #home_title_container {margin: 50px auto 0px; width: 540px; height: 100px; border: 0px solid red; color: #1f2e40; text-align: center; position: relative; top: 0; left: 0;} /* @end */ /* @group Structure */ #skip {display:none;} #wrapper {position: relative; top: 0; left: 0;} #seo_text, #secondary_nav_container, #header, #main_content, #footer, #bottom {width: 900px; margin: 0 auto; position: relative; top: 0; left: 0; } #header_wrapper {background: transparent url(../images/header_bg01.jpg) repeat-x;} #header {height: 105px; background: transparent url(../images/header_bg01.jpg) repeat-x; position: relative; top: 0; left: 0;} /* #header #header_logo {background: transparent url(../images/header_logo.png) no-repeat -140px 0; height: 105px; width: 450px; margin-left: -120px; float: left;} */ #header #header_logo img {height: 105px; margin-left: -270px; float: left; border: 0px solid red;} #content_container {background:transparent; width: 960px; margin: 0 auto;} #main_content_wrapper {background: #fff url(../images/subpage_bg.jpg) repeat-x; border-bottom: 1px solid #C6C8C9; position: relative; top: 0; left: 0;} #main_content {width: 900px; position: relative; top: 0; left: 0;} #bottom_wrapper {border-top: 1px solid #fff;} #bottom {padding:0 10px 30px; text-align: center; font-size: 10px; color: #bcc4c8; } #copyright {margin: 30px 10px;} #xhtml_valid {position: absolute; top: 10px; right: 10px;} /* @end */ /* @group seo */ #seo_wrapper {position: absolute; bottom: 0; left: 0; width: 100%} #seo_text {color: #686e75; font-size: 11px; clear: both; margin-bottom: 0px; } #seo_text h1 {font-size:12px; color:#686e75; font-weight:bold;} #seo_text p {margin-bottom: 12px;} #seo_right {margin-top:31px;} #seo_text div { width: 424px; padding: 0 10px; line-height: 20px;} .has_seo_text {padding-bottom: 380px;} /* @end */ /* @group Primary Navigation */ #nav {position: absolute; top: 25px; right: 15px;} #nav li {float:left;} #nav li a { width: 144px; height: 54px; display:block; margin-left: 10px;} #nav li a span {display:none;} #nav_home a {background: transparent url(../images/nav/home.png) no-repeat;} #nav_about a {background: transparent url(../images/nav/about.png) no-repeat;} #nav_work a {background: transparent url(../images/nav/work.png) no-repeat;} #nav_services a {background: transparent url(../images/nav/services.png) no-repeat;} #nav li a:hover {background-position: 0 -54px;} #nav li a:active {background-position: 0 -108px;} #nav li.selected a, #nav li.selected a:active {background-position: 0 -54px;} #secondary_nav_wrapper, #secondary_nav_container {background: #122437; height: 28px; color: #fff; border-bottom: 1px solid #2e4560;} #secondary_nav { float: right;} #secondary_nav_container li {float: left; padding-top: 7px; font-weight: normal; font-size: 10px; font-family: helvetica, arial, sans-serif;} #secondary_nav_container li a {color: #8ea3ba; padding: 0px 10px; display:block; font-weight: bold;} #secondary_nav_container li a:hover {color: #fff;} #secondary_nav_container li.selected a {color: #fff;} #secondary_nav_container li#chat {padding: 0;} /* social links */ #social_stumbleupon a {background: transparent url(../images/footer/social_stumbleupon.jpg) no-repeat;} #social_twitter a {background: transparent url(../images/footer/social_twitter.jpg) no-repeat;} #social_facebook a {background: transparent url(../images/footer/social_facebook.jpg) no-repeat;} #social_rss a {background: transparent url(../images/footer/social_rss.jpg) no-repeat;} #social_heart a {background: transparent url(../images/footer/social_heart.jpg) no-repeat;} #footer #social {position: absolute; bottom: 11px; right: 10px;} #footer #social li {float: left; margin: 0 0 0 8px;} #footer #social li a {height: 32px; width: 32px; display: block;} #footer #social li a span {display: none;} #footer #social li a:hover {background-position: 0 -32px;} /* bottom links */ #bottom_nav_container {background: #122437; height: 28px; color: #fff; border-bottom: 1px solid #2e4560;} #bottom_nav {} #bottom_nav li {float: left; margin-top: -6px; height: 38px;} #bottom_nav li a, #bottom a {color: #bcc4c8; font-weight: bold;} #bottom_nav li a:hover, #bottom a:hover {color: #fff; text-decoration: underline;} #bottom_nav li a {padding: 15px 10px; display:block; height: 38px;} #bottom_nav li a:hover {color: #fff; text-decoration: underline;} #bottom_nav li.fr {float: right;} #bottom_nav li.selected {color: #272f39; background: transparent url(../images/footer_nav_bg_left.png) no-repeat 0 0; } #bottom_nav li.selected a {color: #272f39; padding: 15px 25px; background: transparent url(../images/footer_nav_bg_right.png) no-repeat right 0;} #bottom_nav li.selected a:hover {text-decoration: none;} /* @end */ /* @group footer */ #footer_wrapper { background: #c6c8c9 url(../images/footer_bg.png) repeat-x; border-top: 1px solid #fff; border-bottom: 1px solid #979899; } /* * padding-top not on Footer because divider needs to be connected to top * instead use #footer ul#footer_columns li */ #footer {padding:0px 10px; text-align: left; font-size: 10px; color: #2b2f31; min-height: 300px; } #footer a {color: #000; font-weight: #000; text-decoration: underline;} #footer ul#footer_columns li.column {height: 275px; width: 277px; float: left; padding: 20px 11px 50px; background: transparent url(../images/footer/divider.png) no-repeat left bottom;} #footer ul#footer_columns li.last_column {width: 2px; padding-left: 0; padding-right: 0;} /* * The badges are 256px wide. div is made to 258px wide and background-image is aligned right to accomodate * the 2px border. This makes the image look centered. (with use of the margin: auto) */ #footer .badge {width: 258px; height: 128px; margin: 0px auto 15px; background: transparent no-repeat right 0; font-size: 11px; line-height: 13px; color: #a5a8ad; position: relative; top: 0; left: 0;} #footer .badge_content {width: 110px; position: absolute; top: 40px; right: 15px;} #footer .badge_content a {color: #a5a8ad; text-decoration: none;} #footer .badge_content a:hover {color: #fff; text-decoration: underline;} #footer #badge_ourprocess {top: 52px;} #footer .badge_ourprocess {background-image: url(../images/footer/badge_ourprocess.jpg)} #footer .badge_tweetus {background-image: url(../images/footer/badge_tweetus.jpg);} .twit_date {color: #686b6f;} .block {width: 256px; margin: 0 auto 30px;} .block h3 {height: 41px; margin: 0 0 10px -5px;} .block h3 span {display: none;} .block #footer_solutions {background: transparent url(../images/footer/headers/solutions.png) no-repeat 0 0; } .block #footer_labs {background: transparent url(../images/footer/headers/thelab.jpg) no-repeat 0 0; } .block #footer_teamblog {background: transparent url(../images/footer/headers/teamblog.png) no-repeat 0 0; } .block #footer_newsletter_signup {background: transparent url(../images/footer/headers/newsletter_signup.png) no-repeat 0 0; } .block .block_content p {font-size: 11px; line-height: 20px; text-align: justify; margin-bottom: 10px;} .block_content a {display:inline;} /* @end */ /* @group Home */ #body_home #main_content_wrapper {background: transparent url(../images/home/main_content_bg.jpg) repeat-x; height: 453px; border-bottom: 1px solid #c6c8c9; } #body_home #main_content {background: transparent url(../images/home/main_content_home_bg.jpg) no-repeat center 0; padding-top: 40px; height: 413px; width: 1200px;} #body_home #main_content a {color: #fff;} #home_title_container {margin: 45px auto 0px; width: 700px; height: 100px; border: 0px solid red; color: #1f2e40; text-align: center; position: relative; top: 0; left: 0;} h2#home_title {font-size: 42px;} #home_title_container span#sub_text {font-family: helvetica, arial, sans-serif; color: #3e4b5b;} .orange_arrow {position: absolute; top:18px; left: 45px; display: inline;} /* Home Left Area */ #home_left {width: 433px; height: 260px; padding:0; background: transparent url(../images/home/left_screen_bg_with_arrow.png) no-repeat; position: absolute; bottom: 60px; left: 145px;} #home_left h2, #screenshots h2 {color:#fff; margin-bottom: 15px; font-size: 28px; font-weight: bold;} #home_left p, #screenshots p {color:#7e7e7e; font: 11px; line-height: 20px;} .home_left_1sthalf {height: 99px; padding: 20px 26px 0; margin: -10px 0 0 -470px; width: 380px; overflow:hidden; position: absolute; top: 0; left: 0;} #home_left_2ndhalf {height: 125px; padding: 16px 26px 0; overflow:hidden; margin-top: 120px;} #home_left_2ndhalf ul {margin-top: 5px;} #home_left_2ndhalf ul li {float: left;font-size: 22px; font-weight: bold;} #home_left_2ndhalf ul li a {display: inline; margin: 0 10px; line-height: : 30px;} #home_left_2ndhalf ul li a:hover {text-decoration: none; border-bottom: 1px solid #AFB2B6; } #home_left_2ndhalf ul li img {margin-top: 5px; display: inline;} .with_arrow {margin-left: 25px;} .arrow_sketch {width: 11px;} /* Screenshots */ #screenshots {width: 450px; height: 275px; background: transparent url(../images/home/screenshots_bg.jpg) no-repeat; position: absolute; bottom: 45px; right: 145px;} #screenshot_container {position: absolute; top: 13px; left: 12px;} #screenshots_nav { width: 100px; margin: 270px auto 0;} #screenshots_nav li {float: left; margin-left: 5px;} #screenshots_nav li a {width: 15px; height: 15px; background: transparent url(../images/home/screenshot_button.png) no-repeat;} #screenshots_nav li a:hover, #screenshots_nav li.selected a {background-position: 0 -15px;} #body_home #footer ul#footer_columns li.column, #body_process #footer ul#footer_columns li.column {height: 570px;} #screenshots_nav a {display: block; float: left; margin-left: 5px; width: 15px; height: 15px; text-indent: -9999px; background: transparent url(../images/home/screenshot_button.png) no-repeat;} #screenshots_nav a.activeSlide {background-position: 0 -15px; display: block;} /* @end */ /* @group Submenu */ .submenu {width: 262px; float:left;} .submenu li {width: 262px; height: 40px; display: block; background: url(../images/submenu/submenu_bg.png) no-repeat; display: block; color: #343f4c; line-height: 40px; font-size: 12px;} .submenu li a { display: block; color: #343f4c; padding-left: 20px; line-height: 40px; font-size: 12px;} .submenu li:hover, .submenu li.selected {background-position: 0px -40px;} .submenu li a:hover, .submenu li.selected a { color: #1a1d20; text-decoration: none;} .submenu li.selected a {font-weight: bold;} .submenu li#submenu_bottom { height: 53px; background: transparent url(../images/submenu/bottom.png) no-repeat; display: block;} #submenu_services {} li.submenu_header, li.submenu_header a {height: 87px; text-indent: -9999px;} li.submenu_header li a span {display: none;} #submenu_header_aboutus { background: transparent url(../images/submenu/head_aboutus.png) no-repeat 0 0;} #submenu_header_solutions { background: transparent url(../images/submenu/head_solutions.png) no-repeat 0 0;} #submenu_header_services { background: transparent url(../images/submenu/head_services.png) no-repeat 0 0;} #submenu_header_ourwork { background: transparent url(../images/submenu/head_ourwork.png) no-repeat 0 0;} .twoliner li {line-height: 11px; font-size: 11px; cursor: pointer; position: relative; top: 0; left: 0;} .twoliner li a {padding: 6px 0 18px 20px; line-height: 16px;} .twoliner li a span {color: #8d9aa0; font-size:10px; position: absolute; top: 20px; left: 20px; font-weight: normal; display: inline;} /* @end */ /* @group Blocks */ /* Blog */ #block_team_blog .entry { height: 42px; width: 236px; padding: 8px 10px; margin-bottom: 2px; background: transparent url(../images/footer/blog_bubble.png) no-repeat 0 0; position: relative; top: 0; left: 0;} #block_team_blog .entry p {line-height: 12px;} #block_team_blog .entry span.blog_author {position: absolute; bottom: 8px; left: 10px; font-weight: bold;} #block_team_blog .entry span.blog_date {position: absolute; bottom: 8px; right: 10px;} #block_team_blog a {display:block;} #block_team_blog .entry a { text-decoration: none; color: #2b2f31; font-weight: normal;} #block_team_blog .entry a:hover { text-decoration: none; color: #6C747E; font-weight: normal;} /* Certified */ #certified {margin: 30px 0 0 25px; clear: both;} #certified a, #givingback a {display:block;} #certified li, #givingback li {float: left;} #certified li a:hover {background-position: 0 -105px;} #certified #zend a {height: 105px; width: 108px; background-image: url(../images/footer/icons/zend.png)} #certified #php a {height: 105px; width: 100px; margin-left: 5px; background-image: url(../images/footer/icons/php.png);} #givingback {margin: 0px 0 0 70px; clear: both;} #givingback li a:hover {background-position: 0 -84px;} #givingback #humanrights a {height: 84px; width: 69px; background-image: url(../images/footer/icons/humanrights.png)} #givingback #drugfree a {height: 84px; width: 55px; margin-left: 5px; background-image: url(../images/footer/icons/drugfree.png);} /* Newsletter */ #newsletter_signup_form li {float: left; min-height: 0;} /* We Support */ #we_support {padding: 35px 0 5px 0px; font-weight: bold; font-size: 11px;} /* General */ .btn {height: 29px; margin: 10px 0; display: block; text-indent: -9999px;} .btn:hover {background-position: 0 -29px;} .btn:active {background-position: 0 -58px;} .btn_view_blog { width: 110px; background: transparent url(../images/elements/buttons/view_blog_trans.png) no-repeat;} .btn_signup {width: 69px; margin: 0 0 0 6px; background: transparent url(../images/elements/buttons/signup_trans.png) no-repeat; cursor: pointer;} .btn_get_in_touch {width: 100px; margin: 5px 0 0 0px; background: transparent url(../images/elements/buttons/get_in_touch.png) no-repeat; cursor: pointer; text-indent: -9999px; display: inline;} .btn_submit_resume {width: 110px; margin: 0 0 0 0px; background: transparent url(../images/elements/buttons/submit_resume.png) no-repeat; cursor: pointer; text-indent: -9999px; display: inline;} a.btn_link_to_site {width: 191px; height: 17px; background: transparent url(../images/elements/buttons/link_to_site.png) no-repeat 0 0; display: block; text-indent: 0; padding: 6px 10px; color: #000;} #subpage_content a.btn_link_to_site {text-decoration: none;} /* @end */ /* Subpage */ #subpage_content {width: 600px; padding: 30px 0 30px 18px; float: left;} #subpage_content.full {width: 900px;} #subpage_content h1, #subpage_content h2, #subpage_content h3, #subpage_content h4 {font-weight: normal;} #subpage_content p {margin: 0 0 15px 2px; font-size: 12px; line-height: 22px; color: #505e6f; } #subpage_content h2 {font-size: 18px; color: #375171; margin-top: 25px; font-weight: normal;line-height:23px;} #subpage_content h4 {margin-bottom: 10px; letter-spacing: -0.03em; font-weight: bold; font-size:12px; color: #505e6f;} #subpage_content a, #news_content .entry a.more-link, #body_about #main_content_wrapper.toronto-quality-web-process a, #contact_details a {color: #000; text-decoration: underline; font-weight: bold;} #subpage_content a:hover, #news_content .entry a.more-link:hover, #body_about #main_content_wrapper.toronto-quality-web-process a:hover {text-decoration: none;} #subpage_content ul {list-style:disc; margin-bottom: 20px; } #subpage_content li {font-size: 12px; line-height: 22px; color: #505e6f; margin-left: 30px;} .subheading, #subpage_content h2.subheading {margin: 0 0 15px 2px; font-size: 11px; line-height: 16px; color: #3e4b5b;} /* thumbnails */ .thumb_container_fr {float:right; width: 193px; height: 200px; margin: 0 0 0 20px; position: relative; top: 0; left: 0;} .thumb_container_fl {float:left; width: 193px; height: 200px; margin: 0 20px 0 0; position: relative; top: 0; left: 0;} .thumb_caption { margin: 10px 0 5px 0; padding: 0 0 0 10px; font-size: 13px; font-weight: bold; line-height: 12px; color: #2b2f31;} .thumb_subtext { padding: 0 0 0 10px; font-size: 11px; font-weight: normal; line-height: 12px; color: #97a0a4;} .last_thumb {margin: 0;} .thumb_zoom {height: 128px; width: 193px; background: transparent url(../images/elements/thumb_zoom.png) no-repeat; position: absolute; top: 0; left: 0; cursor: pointer;} .thumb_zoom:hover {background-position: 0 -128px;} /* @end */ /* Our Work */ .our_work_main_image {margin: 0 auto 30px; width: 612px;} #our_work_testimonial_container {} #our_work_testimonial {width: 355px; padding: 10px 20px; background: url(../images/elements/quotes.png) no-repeat;} #our_work_testimonial_author {color: #9c9d9;} #technologies_used_container { width: 180px; position: absolute; top: 15px; right: 0;} #technologies_used li {margin: 0 0 6px 0; padding-left: 15px; color: #9c9d9f; font-size: 11px; background: url(../images/elements/li_arrow01.gif) no-repeat 0 1px; list-style-type: none;} /* About Us */ #body_about #main_content_wrapper.toronto-quality-web-process {background: #fff url(../images/about/our_process_bg.jpg) repeat-x; border-bottom: 1px solid #c6c8c9; } #body_about #main_content_wrapper.toronto-quality-web-process #main_content {background: transparent url(../images/about/our_process_main_bg.jpg) no-repeat center 0; padding: 40px 0 80px; width: 1200px;} #our_process_title_container {margin: 130px auto 30px; width: 700px; height: 100px; border: 0px solid red; color: #1f2e40; text-align: center; position: relative; top: 0; left: 0;} #our_process_title_container span#sub_text {color: #3e4b5b;} .step_container {width: 720px; margin: 0 auto 30px; } .step_container h2 {font-family: "lucida grande", Helvetica; font-size: 28px; font-weight: normal;} .step_container .subtext {margin-bottom: 20px; font-size: 11px; display:none;} .step_container .step_content {width: 580px; float: right; } .step_container .main_text {line-height: 22px; font-size: 12px;} .step_container img {width: 100px;} .preview_work {cursor: pointer;} /* News */ #body_news #news_content {width: 600px; padding: 0 0 100px;} #body_news #news_sidebar_container {width: 215px; padding-bottom: 100px; position: relative; top: 0; left: 0;} #body_news #main_content_wrapper {background: #fff url(../images/news/news_bg.jpg) repeat-x; border-bottom: 1px solid #c6c8c9; } #body_news #main_content {background: #fff url(../images/news/news_main_bg.jpg) no-repeat center 0; padding: 40px 150px 100px;} #news_content h3 {color: #375171; font-size: 24px; line-height: 36px; width: 510px; letter-spacing: -1px; font-weight: normal;} #news_content .post_comments {float: right;} #news_content .post_date {font-size: 11px; line-height: 16px; color: #3e4b5b; margin-bottom: 20px;} #news_content .post {padding-top: 24px; margin-bottom:} #news_content .entry {margin-bottom: 30px; border-bottom: 1px solid #8797aa;} #news_content p, .entry-content {color: #505e6f; font-size: 12px; line-height: 22px; margin-bottom: 8px;} #news_sidebar_container h3.widgettitle {padding: 20px 0 20px 10px; border-bottom: 1px solid #8797aa; font-size: 18px; font-weight: normal; margin-bottom:0;} #news_sidebar_container .widgetcontainer { padding-bottom: 0px; margin-bottom: 20px; border-bottom: 1px solid #8797aa; } #news_sidebar_container .widgetcontainer ul {padding: 5px 0;} #news_sidebar_container .widgetcontainer ul li {padding: 5px;} #news_sidebar_container .widgetcontainer ul li a {color: #505e6f; font-size: 12px; line-height: 18px;} #news_rss_icon {position: absolute; top: 20px; right: 5px;} .entry-content ol, .entry-content ul {margin-left: 35px; margin-bottom: 20px;} .entry-content ul {list-style-type:circle; } .entry-content ol {list-style-type:decimal; } #body_news h1.entry-title {font-size: 24px; margin-bottom: 10px;} #body_news h2.entry-title {font-size: 24px; margin-bottom: 10px;} #body_news h2.entry-title a {font-size: 18px; line-height: 24px;} #body_news h3 {font-size:14px;} .entry-meta {margin: 5px 0;} /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #A7B3BC; text-align: center; background-color: #EBEFF2; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0 auto; padding: 0; border: 0 none; } #news_content .entry .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 7px 6px 5px; margin: 0; text-align: left; } .widget_search label {display: none;} .commentlist li.comment {margin-bottom: 10px; padding: 10px 0; border-bottom: 1px solid #8797aa; clear: both; overflow: hidden;} #respond input { padding: 6px 0px 0 10px} #respond input { height: 26px; width: 231px; background: transparent url(../images/elements/textfield_bg_comments.png) no-repeat; } #respond textarea {width: 500px;} #respond input#submit { padding: 10px 0px; width: 95px; margin: 10px 0px; background: transparent url(../images/elements/buttons/add_comment.png) no-repeat; cursor: pointer; text-indent: -9999px;} #respond input#submit:hover {background-position: 0 -29px;} /* labs */ #body_labs #main_content_wrapper.innovation-in-the-lab #subpage_content {padding-left: 0px; width: auto; margin-left: 0;} #body_labs #main_content_wrapper.innovation-in-the-lab #subpage_content #labs_content {margin-left: 300px; width: 600px;} #body_labs #subpage_content {padding-left: 0px; width: 900px;} #labs_logo {position: absolute; top: 0; left: 0;} #labs_current_projects {width: 590px;} #labs_recent_projects {width: 300px;} #labs_current_projects h2, #labs_recent_projects h2 {margin-left: 19px; margin-bottom: 20px;} #labs_current_projects ul, #labs_recent_projects ul {margin: 0; list-style: none;} #labs_current_projects ul li, #labs_recent_projects ul li {margin: 0; background-color: #eef1f2;} /* labs list background */ .labs_projects_list_top {height: 8px; background: #eef1f2 url(../images/labs/labs_corner_top_left.png) no-repeat; position: relative; top: 0; left: 0;} .labs_projects_list_top span {height: 8px; width: 8px; display: block; background: #eef1f2 url(../images/labs/labs_corner_top_right.png) no-repeat; position: absolute; top: 0; right: 0;} .labs_projects_list_bottom {height: 8px; background: #eef1f2 url(../images/labs/labs_corner_bottom_left.png) no-repeat; position: relative; top: 0; left: 0;} .labs_projects_list_bottom span {height: 8px; width: 8px; display: block; background: #eef1f2 url(../images/labs/labs_corner_bottom_right.png) no-repeat; position: absolute; top: 0; right: 0;} #labs_current_projects ul li {padding: 0px 25px;} #labs_current_projects ul li .current_projects_container {padding: 18px 0 22px 0; height: 122px; border-bottom: 1px solid #c4cfd2;} #labs_current_projects ul li .last-item {border-bottom: 0;} #labs_recent_projects ul li {padding: 0px 14px;} #labs_recent_projects ul li .recent_projects_container { border-bottom: 1px solid #c4cfd2; margin-bottom: 6px; } #labs_recent_projects ul li .last-item {border-bottom: 0; margin-bottom: 0px;} .recent_projects_container {position: relative; top: 0; left: 0;} .recent_projects_thumb {position: absolute; top: 12px; left: 12px;} .recent_projects_title { } #subpage_content .recent_projects_container a {padding: 20px 0 13px 110px; height: 50px; text-decoration: none; line-height: 16px; background: #eef1f2 url(../images/labs/labs_recent_projects_bg.png) no-repeat;} #subpage_content .recent_projects_container a:hover {color: #eb7b0a; background-position: 0 -83px;} .current_projects_thumb {float: left; margin-right: 20px;} #subpage_content .current_projects_container a {display: inline;} #subpage_content .current_projects_container h3.current_projects_title {padding: 0px 0 3px 10px; display: block; text-decoration: none; line-height: 16px;font-family:"Helevtica","arial","sans-serif";color:#000;font-weight:bold;} /*#subpage_content .current_projects_container h3.current_projects_title:hover {color: #eb7b0a;}*/ /* FAQs */ #body_faqs #main_content_wrapper {background: #fff url(../images/news/news_bg.jpg) repeat-x; border-bottom: 1px solid #c6c8c9; } #body_faqs #main_content {background: #fff url(../images/news/news_main_bg.jpg) no-repeat center 0; padding: 40px 150px 100px; height: 476px;} .faq_question {font-weight: bold; padding: 14px 28px 0px;} div#faq_container .faq_answer {padding-left:29px;} #contact_details {padding-top: 87px; width:225px;} #contact_details h2 {font-size: 14px;} #contact_details p {margin-bottom: 10px;} .contact_container {clear: both; margin-bottom: 10px;} /* work */ .work_container {border-bottom: 1px solid #c6c8c9; padding: 10px 0; margin-bottom: 10px;} .last-item {border-bottom: 0;} #subpage_content .work_container h2 {margin-top: 0;} .work_project_description {width: 390px; float: right;} .our_work_thumb_container {width: 193px; margin-left: 7px;} /* -------------------------------------------------------------------------- */ /* #group Simple Modal */ /* -------------------------------------------------------------------------- */ #simplemodal-overlay { background-color:#000; } #simplemodal-container { background-color:#ccc; border:10px solid #1F2E40; padding:10px 30px; -moz-border-radius:10px; -webkit-border-radius:10px; } #simplemodal-container a.modalCloseImg { background:url(../images/elements/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer; } #dit_recent_posts_widget.widget {padding-bottom: 0; border-bottom:0;} #dit_recent_posts_widget ul li {border-bottom: 1px solid #8798A8; padding-top: 5px; padding-bottom: 5px;} .recent_posts_date {color:#C8D1D8;}