/********************************************************************************************************************/ /********* RESET STYLESHEET IS A MODIFIED VERSION OF ERIC MEYER'S 'RESET RELOADED STYLESHEET ************************/ /********************************************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0; outline:0;font-family:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-weight: normal;text-align:left;} :focus{outline: 0;} ul, ol{list-style:none;} caption{text-align:left;font-weight:normal;} em{font-style:italic;} strong{font-weight:bold;} sup{font-size:0.7em;vertical-align:top;} blockquote:before, blockquote:after, q:before, q:after{content: "";} blockquote, q{ font-size:1.2em; font-weight:bold; font-style:italic; line-height:1.5em; color:#666666;} /* remove borders from linked images */ a img{border:none;} /* tables still need cellspacing to match in the markup */ table{border-collapse:separate;} th, td{text-align:left;font-weight:normal;vertical-align:top;} /********************************************************************************************************************/ /***************************************** * GLOBAL PREDICTABLE ELEMENTS * ******************************************/ /********************************************************************************************************************/ body{font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#300 url(../images/page_bg.gif) top left repeat-x;} /* DEFAULT LINK STYLES ***********************************************************************************************************************/ a, a:visited, a:focus {color:#b5121b;text-decoration:underline;} /* DEFAULT HEADER STYLES *********************************************************************************************************************/ h1{font-size: 0em;} h2{font-size: 20px; line-height:1.5em; font-weight:bold; color:#900;} h3{font-size: 14px; line-height:1.5em; font-weight:bold; color:#666;} h3 a:link, h3 a:visited, h3 a:active {font-weight:bold; color:#900; text-decoration:none;} h3 a:hover{text-decoration:underline;} body.home h3{font-size: 14px; line-height:1.5em; font-weight:bold; color:#900;} h4{font-size: 14px; line-height:1.4em; font-weight:bold; color:#500; text-transform:capitalize; font-style:italic;} h5, h6 {font-size: 1em;} h3 span.date{font-size:12px; font-style:italic; font-weight:bold;} /* DEFAULT TEXT STYLES ***********************************************************************************************************************/ p {margin:8px 0; line-height:1.5em;} .caption{font-size: 1.2em;line-height:1.3em;font-family:Trebuchet MS, Tahoma, sans-serif;color:#666;} .note{font-size: .9em;color:#666;} .small{font-size:.8em;} .big{font-size:1.3em;} .disc{margin-left:15px; list-style:outside disc;} .disc li{margin-bottom:4px;} .thank_you{font-weight:bold; color:#00FF00; font-size:1.3em;} .error{font-weight:bold; color:#FF0000; font-size:1.3em;} .address{color:#FFFFFF; font-weight:bold; margin:15px 0 0 20px;} /* DEFAULT IMAGE STYLES ***********************************************************************************************************************/ img.right {float:right; margin-left:15px;margin-bottom:10px;} img.left {float:left; margin-left:15px;margin-bottom:10px;} .right {float:right;} .left {float:left;} .required{color:#C00;} .award{margin:0 auto 10px auto; display:block;} /********************************************************************************************************************/ /***************************************** GLOBAL LAYOUT ELEMENTS ***************************************************/ /********************************************************************************************************************/ #wrapper{width:931px; overflow:auto; margin:30px auto 20px auto; background:url(../images/content_bg.gif) top left repeat-y;padding:1px;} #header, #content, #footer{float:left; display:inline; width:929px;} #header{background:url(../images/header_bg.jpg); height:138px;} #header h1 a{float:left; display:inline; height:125px; width:185px; text-indent:-1000000px; background:url(../images/logo.jpg); margin:10px 0 0 28px;} #main_nav{float:left; display:inline; margin:95px 0 0 5px;} #main_nav li{float:left; display:inline; margin-right:3px; position:relative; z-index:1;} #main_nav li a{display:block; height:28px; text-indent:-1000000px;} #main_nav li.services a{width:114px; background-image:url(../images/nav_services_off.gif);} #main_nav li.services a:hover, #main_nav li.services a.active, #main_nav li.services a.over{background-image:url(../images/nav_services_on.gif);} #main_nav li.results a{width:114px; background-image:url(../images/nav_results_off.gif);} #main_nav li.results a:hover, #main_nav li.results a.active, #main_nav li.results a.over{background-image:url(../images/nav_results_on.gif);} #main_nav li.about a{width:114px; background-image:url(../images/nav_about_off.gif);} #main_nav li.about a:hover, #main_nav li.about a.active, #main_nav li.about a.over{background-image:url(../images/nav_about_on.gif);} #main_nav li.news a{width:115px; background-image:url(../images/nav_news_off.gif);} #main_nav li.news a:hover, #main_nav li.news a.active, #main_nav li.news a.over{background-image:url(../images/nav_news_on.gif);} #main_nav li.blog a{width:115px; background-image:url(../images/nav_blog_off.gif);} #main_nav li.blog a:hover, #main_nav li.blog a.active, #main_nav li.blog a.over{background-image:url(../images/nav_blog_on.gif);} #main_nav li.contact a{width:115px; background-image:url(../images/nav_contact_off.gif);} #main_nav li.contact a:hover, #main_nav li.contact a.active, #main_nav li.contact a.over{background-image:url(../images/nav_contact_on.gif);} #main_nav li ul{display:none; position:absolute; z-index:2 !important; top:24px; background:#c2bdaa; padding:1px; width:150px; margin-left:-18px;} #main_nav li ul li{margin-bottom:1px; margin-right:0;} #main_nav li ul li a{width:150px !important; position:relative; text-indent:0px; text-align:center; color:#FFFFFF; background-image:none !important; background-color:#333; !important; height:16px; padding:4px 0; text-decoration:none;} #main_nav li ul li a:hover{background-color:#666 !important;} #content{background:url(../images/content_cols_bg.gif) top left repeat-y;} #content_left{float:left; display:inline; width:536px; padding:50px 30px 30px 30px; background:url(../images/content_left_top.gif) top left no-repeat;} #content_right{float:left; display:inline; width:273px; padding:50px 30px 30px 30px; background:url(../images/content_right_top.gif) top left no-repeat;} #content_right h3{color:#333; padding-bottom:5px;} #footer{background:url(../images/footer_bg.gif); height:56px;} #footer ul{float:left; display:inline; margin:13px 0 0 41px;} #footer ul li{float:left; display:inline; margin-right:3px;} #footer ul li a{display:block; height:33px; text-indent:-1000000px;} #footer ul li.linkedin a{width:88px; background:url(../images/footer_linkedin.jpg);} #footer ul li.facebook a{width:98px; background:url(../images/footer_facebook.jpg);} #footer ul li.twitter a{width:97px; background:url(../images/footer_twitter.jpg);} #footer ul li.youtube a{width:98px; background:url(../images/footer_youtube.jpg);} #copywrite{clear:left;text-align:center; color:#FFF; width:931px; margin:0 auto; font-size:10px; padding-bottom:20px;} /********************************************************************************************************************/ /****************************************** CHANGING CONTENT FORMATTING *********************************************/ /********************************************************************************************************************/ /* INDEX PAGE *********************************************************************************************************************************/ body.home #content{background:none;} body.home h4{font-size:12px; font-weight:normal; font-style:normal; line-height:1.1em;} #home_welcome{float:left; display:inline; width:595px; height:352px; background:url(../images/welcome_bg.gif) left 46px repeat-x;} #home_welcome h2{margin:30px 30px 20px 40px;line-height:1.2em;} #home_welcome p{margin: 8px 30px 8px 40px; line-height:1.2em;} #home_divider{float:left; display:inline;} #home_results h3,#home_news h3,#home_video h3{text-indent:20px; margin:25px 20px 10px 15px; text-transform:uppercase;} #home_results h4,#home_news h4,#home_video h4{ margin:0 15px 15px 15px;} #home_results a, #home_news a, #home_video a{float:right; display:inline; width:57px; height:18px; margin-right:15px; text-indent:-1000000px;} #home_results{float:left; display:inline; width:157px; height:174px; margin-right:1px; background:url(../images/home_results_bg.gif);} #home_results h3{ background:url(../images/icon_results.gif) left 4px no-repeat; } #home_results a{background:url(../images/btn_read.gif); } #home_news{float:left; display:inline; width:154px; height:174px; background:url(../images/home_news_bg.gif);} #home_news h3{background:url(../images/icon_news.gif) left 4px no-repeat;} #home_news a{background:url(../images/btn_read.gif);} #home_video{float:left; display:inline; width:312px; height:178px; background:url(../images/home_vid_bg.gif);} #home_video img{float:right; display:inline; margin:25px 25px 0 0;} #home_video h3{background:url(../images/icon_watch.gif) left 4px no-repeat;} #home_video a{background:url(../images/btn_watch.gif);} /* NEWS PAGE **********************************************************************************************************************************/ .article{float:left; display:inline; width:536px; padding-bottom:20px;} .article img{float:left; display:inline; margin:0 10px 10px 0;} /* CONTACT PAGE *******************************************************************************************************************************/ body.contact #content_right{float:left; display:inline; width:273px; padding:50px 30px 30px 30px; background:#070707 url(../images/contact_right_bg.gif) top left repeat-x !important; min-height:620px; height:620px;} html>body.contact #content_right{height:auto;} #form_tabs{float:left; display:inline; clear:both; margin-left:18px} #form_tabs a{float:left; display:inline; margin-right:3px; padding:4px; border:1px solid #ddd; border-bottom:none; text-decoration:none; color:#000; background-color:#999; margin-top:2px;} #form_tabs a:hover, #form_tabs a.active{background-color:#CCC;} #form_tabs a.active{padding-top:6px; margin-top:0;} .contact_form_wrapper{float:left; display:inline; width:100%;} .contact_form{background-color:#ccc; padding:5px; margin:0 auto; width:238px;} .contact_form th, .contact_form td{padding:1px 0;} .contact_form th{background-color:#efefef; text-align:right; vertical-align:middle; padding-right:3px; width:100px;} .contact_form th.center{text-align:center; width:238px;} .contact_form .center p.half{float:left; display:inline; width:108px; text-align:center; clear:none; margin:0; line-height:1em;} .contact_form .send{background-color:#333; text-align:right; padding:3px;} .contact_form .form_text{width:136px; height:17px; border:1px solid#666;} .contact_form textarea{width:217px; border:1px solid#666;} #join_ink_table{display:none;} /* HITS SIDEBAR *******************************************************************************************************************************/ #content_right .hit{float:left; display:inline; width:270px; margin-bottom:15px;} #content_right .hit p{line-height:1.2em; margin-top:0} #content_right .hit p.hit_link{text-align:right;margin-right: 40px;} /* HITS PAGE *******************************************************************************************************************************/ #content_left .hit{float:left; display:inline; width:100%; margin-bottom:15px;} #content_left .hit p{line-height:1.2em; margin-top:0} #content_left .hit p.hit_link{text-align:right;margin-right: 40px;} #content_left .hit_page{float:left; display:none;} #content_left #hit_page_1{display:inline;} #page_nav{float:left; width:100%;} #page_nav li{float:left; display:inline; margin-right:4px;} #page_nav li a{display:block; padding:3px 5px; border:1px solid #990000; text-decoration:underline; background-color:#dfabab;} #page_nav li a:hover{display:block; padding:3px 5px; border:1px solid #990000; text-decoration:underline; background-color:#990000; color:#FFFFFF;} #page_nav li a.active{display:block; padding:3px 5px; border:1px solid #990000; text-decoration:underline; background-color:#FFF;} .case_study{margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #333;} .case_section_title{ float:left; display:inline; width:100%; clear:both; color:#000; border-bottom:#000 solid 1px; margin-top:15px;} .case_section{float:left; display:inline; width:506px; margin:5px 0 0 10px;} .person_quoted{text-align:right; font-weight:bold; font-style:italic;}