/*
Theme Name: Hill Research
Theme URI: http://example.com/example/
Description: A theme designed by Ingram Image and built by ????? for Hill Research.
Author: Ingram Image
Author URI: http://www.ingramimage.net/
Version: 1.0
*/

/* CSS Reset from Eric Meyer */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
    font-family: 'ArialNarrow';
    src: url('fonts/arialn-webfont.eot');
    src: url('fonts/arialn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arialn-webfont.woff') format('woff'),
         url('fonts/arialn-webfont.ttf') format('truetype'),
         url('fonts/arialn-webfont.svg#ArialNarrow') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArialNarrowBold';
    src: url('fonts/arialnb-webfont.eot');
    src: url('fonts/arialnb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arialnb-webfont.woff') format('woff'),
         url('fonts/arialnb-webfont.ttf') format('truetype'),
         url('fonts/arialnb-webfont.svg#ArialNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArialNarrowBoldItalic';
    src: url('fonts/arialnbi-webfont.eot');
    src: url('fonts/arialnbi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arialnbi-webfont.woff') format('woff'),
         url('fonts/arialnbi-webfont.ttf') format('truetype'),
         url('fonts/arialnbi-webfont.svg#ArialNarrowBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* General */

a img {border: 0;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
img.alignleft {margin: 5px 7px 5px 0px; float: left;}

/* Header */

div.header {background: white; width: 100%; height: 73px;}
div.header div.wrapper {width: 1000px; height: 73px; margin: 0 auto; position: relative;}

/* Logo */

img.logo {position: absolute; top: 10px; left: 23px;}

/* Menu */

ul.menu {position: absolute; top: 20px; left: 180px;}
ul.menu > li {display: inline-block; margin: 0px 6px; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #3e3e3e; padding: 8px 0px 10px; width: 89px; height: 32px; text-align: center; position: relative;}
ul.menu > li:hover {background: url(images/bg-menu-item.png) top left no-repeat;}
ul.menu > li > a {text-decoration: none; color: #3e3e3e;}
ul.menu > li:hover > a {color: white;}
ul.menu > li.current-menu-item {background: url(images/bg-menu-item.png) top left no-repeat;}
ul.menu > li.current-menu-item > a {color: white;}

ul.sub-menu {display: none; position: absolute; background-color: rgba(157, 157, 157, 0.8); padding: 5px; width: 159px; top: 32px; left: -40px; -moz-box-shadow: 1px 3px 5px #717171; -webkit-box-shadow: 1px 3px 5px #717171; box-shadow: 1px 3px 5px #717171; z-index: 50;}
ul.sub-menu > li {color: #686868; padding: 3px 8px 7px 8px; font-size: 14px; font-weight: normal; line-height: 18px; background: #e1e0e0; margin: 0px auto 0px; width: 140px;}
ul.sub-menu > li > a {color: #686868; width: 127px; height: 100%; display: inline-block; text-decoration: none; border-bottom: 1px solid #bfbfbf; line-height: 18px; padding: 0px 0px 7px 0px;}
ul.sub-menu > li > a:hover {color: #ee4f00;}
ul.sub-menu > li:last-child > a {border: 0px;}

/* Numbers */

img.numbers {position: absolute; top: 27px; right: 28px;}

/* Main Wrapper */

div.main div.wrapper {width: 100%; padding: 10px 0px 51px; background: #FFFFFF url(images/bg-secondary.jpg) top left repeat-x;}
div.main.home div.wrapper {background: #FFFFFF url(images/bg-home-main.png) top left repeat-x;}
div.main.home div.wrapper h2 {font-family: 'ArialNarrowBold', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #3c3c3c; letter-spacing: 0.1em; line-height: 18px; text-transform: uppercase; padding: 0px 14px;}

/* Banner */

div.banner-container {position: relative;}
div.banner-container div.controls {width: 1000px; margin: 0px auto; position: relative;}
img.main-slide-next, img.main-slide-prev {position: absolute; top: 185px; cursor: pointer; z-index: 50; width: 30px; height: 29px;}
img.main-slide-next {right: 16px;}
img.main-slide-prev {left: 16px;}
div.banner {width: 1000px; height: 398px; background: url(images/bg-banner.png) top left no-repeat; margin: 0px auto; overflow: hidden; position: relative;}
div.banner > div {width: 1000px; height: 398px; position: relative}
div.banner > div > div.slide-content-container {width: 1000px; height: 398px; position: relative;}
div.banner > div > div.slide-content-container > * {position: absolute;}
div.banner div.content {top: 68px; left: 62px; width: 605px;}
div.banner div.content h1 {font-family: 'ArialNarrowBold', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 30px; color: white; text-shadow: 0em 0.1em #454545; margin-bottom: 0px; text-transform: uppercase;}
div.banner div.content p {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: white; margin: 10px 0; line-height: 18px;}
div.banner a.button {right: 118px; bottom: 73px; width: 195px; height: 47px; text-decoration: none;}
div.banner a.button div {width: 195px; height: 47px; background: url(images/bg-slide-btn.png) top left no-repeat;}
div.banner a.button div p {font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 13px; color: white; padding: 14px 0px 0px 40px;}

/* Clients */

div.clients {width: 1000px; margin: 0px auto; margin-top: 29px; position: relative;}
img.client-separator {width: 987px; margin: 8px auto; display: block;}
div.clients h2 {font-family: 'ArialNarrowBold', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #3c3c3c; letter-spacing: 0.1em; line-height: 18px; text-transform: uppercase; padding: 0px 14px;}
div.clients p.disclaimer {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style:italic; color: #b3b3b3; position: absolute; top: 5px; right: 16px;}

/* Client Slideshow */

div.client-slideshow-container {width: 888px; margin: 0px auto; overflow: hidden; height: 108px; }
div.client-slideshow {width: 888px; height: 108px;}
div.client-slideshow div {width: 888px; height: 108px;}
img.prev, img.next {position: absolute; top: 74px; cursor: pointer;}
div.controls.secondary img.prev, div.controls.secondary img.next {top: 75px;}
img.prev {left: 10px;}
img.next {right: 15px;}
div.client-slideshow img {margin: 0px 3px;}
div.client-slideshow img:first-child {margin: 0px 3px 0px 0px;}
div.client-slideshow img:last-child {margin: 0px 0px 0px 3px;}

/* Bottom */

div.bottom {width: 1000px; margin: 0px auto;}

/* Latest News and Twitter */

div.latest-news-and-twitter {display: inline-block; width: 430px; vertical-align: top;}

/* Latest News */

div.latest-news h2 {padding: 8px 14px !important;}
div.latest-news ul {padding: 0px 14px;}
div.latest-news ul li {background: url(images/bg-list-red-dot.png) center left no-repeat; padding-left: 9px; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; font-weight: bold; color: #30527b;}
div.latest-news ul li a {color: #30527b; text-decoration: none;}
div.latest-news ul li a:hover {color: #f64302;}
div.latest-news p {padding: 15px 14px; font-family: Arial, Helvetica, sans-serif; color: #959595; text-transform: capitalize; font-style: italic; font-size: 13px;}
div.latest-news p a {color: #959595; text-decoration: none;}

/* Small Separator */

img.small-separator {margin-bottom: 10px;}

/* Twitter */

div.tweet{width: 400px; font-family: Arial, Helvetica, sans-serif; margin-top: 5px; padding-left: 14px;}
span.twitter-timestamp, span.rstw_comma {display: none;}
span.tweet_user {font-size: 16px; font-weight: bold; color: #f64302; line-height: 18px;}
span.tweet_user a {color: #f64302;}
ul.really_simple_twitter_widget li {font-size: 14px; font-style: italic; color: #595858; line-height: 18px;}
ul.really_simple_twitter_widget li a {color: #595858;}
li.widget-container.widget_reallysimpletwitterwidget {background-color: white; width: 100%; margin: 0; padding: 0px;}

/* Client Testimonial */

div.client-testimonial {display: inline-block; width: 548px; vertical-align: top; position: relative;}
div.client-testimonial h2 {padding: 8px 14px !important;}
div.client-testimonial p.link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style:italic; color: #b3b3b3; position: absolute; top: 13px; right: 16px;}
div.client-testimonial p.link a {color: #b3b3b3; text-decoration: none;}
div.client-testimonial p.link a:hover {text-decoration: underline;}
div.client-testimonial-slideshow-container {width: 548px; height: 271px; background: url(images/bg-client-testimonial-container.png) top left no-repeat; position: relative;}
div.client-testimonial-slideshow {width: 525px; margin: 0px auto;}
div.testimonial-container {position: relative; width: 533px; height: 271px; margin: 0px auto;}
div.client-testimonial p.testimonial {padding: 30px 60px 0px 30px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #565555; font-style: italic; line-height: 36px;}
div.client-testimonial p.testimonial-name {position: absolute; bottom: 0px; right: 60px; font-family: Arial, Helvetica, sans-serif;  font-size: 13px; font-weight: bold; color: #565555; line-height: 18px;}
div.client-testimonial-pager {position: absolute; left: 38px; bottom: -22px; z-index: 50;}
div.client-testimonial-pager a {background: url(images/bg-client-testimonial-pager.png) top left no-repeat; height: 0px; width: 11px; overflow: hidden; padding-top: 12px; display: inline-block; margin: 0px 3px;}
div.client-testimonial-pager a.activeSlide {background: url(images/bg-client-testimonial-pager-active.png) top left no-repeat;}

/* Footer */

div.footer {width: 100%; height: 106px; background: url(images/bg-footer.jpg) top left repeat-x; margin-bottom: 48px;}
div.footer div.wrapper {width: 1000px; margin: 0px auto;}
div.footer p {padding-top: 26px; text-align: center; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px;}
div.footer p a {color: #FFFFFF; text-decoration: none;}
div.footer p a:hover {text-decoration: underline;}

/* Background */

div.background {width: 1000px; margin: 0px auto; background: url(images/bg-background.png) top left no-repeat;}

/* Main Column */

div.main-column {width: 635px; display: inline-block; vertical-align: top;}

/* Page Title */

h1#page-title {width: 976px; height: 41px; background: url(images/bg-page-title.png) top left no-repeat; padding: 20px 0px 0px 24px; font-family: 'ArialNarrowBold', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px; line-height: 18px; color: #474747; text-transform: uppercase;}

/* Entry Content */

div.entry-content {margin: 0px 0px 0px 20px; width: 600px;}
div.entry-content h2 {color: #f64302; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 23px; text-transform: uppercase; margin-bottom: 0px; margin-top: 20px;}
div.entry-content h2:first-child {margin-top: 0px;}
div.entry-content h4 {font-size: 13px; color: #ee4f00; font-family: Arial, Helvetica, sans-serif; margin: 24px 0px 0px;}
div.entry-content p {color: #787878; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; margin: 0px 0px 10px 0px;}
div.entry-content ul {margin-top: 8px; margin-bottom: 12px;}
div.entry-content li {font-size: 13px; font-family: Arial, Helvetica, sans-serif; padding-left: 10px; background: url(images/bg-list-black-dot.png) center left no-repeat; margin-left: 10px; margin-top: 5px; margin-bottom: 5px; color: #787878; list-style: none;}
div.entry-content a {color: #F64302;}

/* Sub-Column */

div.sub-column {width: 346px; height: 472px; background: url(images/bg-sidebar.png) top left no-repeat; display: inline-block; vertical-align: top;}

li.submenu {padding-top: 18px; padding-left: 20px; list-style: none;}
li.submenu h2 {font-family: 'ArialNarrowBold', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: white; letter-spacing: 0.09em; line-height: 18px; text-transform: uppercase; padding: 0px 9px 13px;}
li.submenu ul li {font-family: 'ArialNarrow', serif; font-size: 17px; color: white; line-height: 23px; text-shadow: 0em 0.1em #454545; background: url(images/bg-list-red-dot.png) center left no-repeat; padding-left: 9px; list-style: none; cursor: pointer;}
li.submenu ul li a {color: white; text-decoration: none;}
li.submenu ul li a:hover {color: #454545;} 

/* Accordion */

div.ui-accordion h3 {outline: none; cursor: pointer; color: #ee4f00; font-family: Arial, Helvetica, sans-serif;background: url(images/bg-list-red-dot.png) center left no-repeat; padding: 0px 0px 0px 10px; margin: 5px 0px;}
div.ui-accordion ul {outline: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #787878;padding: 0px 0px 0px 10px; margin: 10px 0px 13px;}
div.entry-content.ui-accordion li {background: none;}
div.ui-accordion ul > li > ul > li {margin-left: -13px;}

/* Contact Form 7 Sidebar */

li.widget-container {background-color: #707070; width: 320px; margin: 40px 0px 0px 12px; padding-top: 20px; list-style: none;}

h3.widget-title {font-family: 'ArialNarrowBold', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #bebebe; letter-spacing: 0.09em; text-transform: uppercase; padding: 0px 14px 13px;}

div.sub-column input.wpcf7-text {background: url(images/bg-input-field.jpg) top left no-repeat; outline: none; border: 0; width: 292px; height: 29px; padding: 0px 10px; font-family: 'ArialNarrow', Arial, Helvetica, sans-serif; font-size: 14px; color: #707070; margin: 4px 0px 4px 11px;}

div.sub-column span.wpcf7-form-control-wrap textarea {width: 276px; height: 60px; background: url(images/bg-textarea.jpg) top left no-repeat; outline: none; border: 0; margin: 4px 0px 4px 11px; padding: 10px 10px; font-family: 'ArialNarrow', Arial, Helvetica, sans-serif; font-size: 14px; color: #707070;}

div.sub-column input.wpcf7-submit {width: 82px; height: 30px; background: url(images/bg-submit.jpg) top left no-repeat; outline: none; border: 0; overflow: hidden; position: relative; left: 222px; margin: 6px 0px 4px 0px; cursor: pointer;}

/* News Page */

div.entry-content.news-page h2 {text-transform: capitalize; font-size: 16px; color: #ee4f00; font-family: Arial, Helvetica, sans-serif; margin-top: 24px; font-weight: normal;}
div.entry-content.news-page h2:first-child {margin-top: 0px;}
div.entry-content.news-page ul {margin-top: 8px; margin-bottom: 24px;}
div.entry-content.news-page li {font-size: 13px; font-family: Arial, Helvetica, sans-serif; padding-left: 10px; background: url(images/bg-list-black-dot.png) center left no-repeat; margin-left: 10px; margin-top: 3px; margin-bottom: 3px;}
div.entry-content.news-page li a {color: #787878; text-decoration: none;}
div.entry-content.news-page li a:hover {text-decoration: underline;}

/* Navigation for News Page */

div.navigation {width: 100%; position: relative; margin-top: 10px;}
div.alignLeft {position: absolute; left: 0px; top: 0px;}
div.alignRight {position: absolute; right: 10px; top: 0px;}
div.navigation a {color: #3e3e3e; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; font-size: 16px; text-decoration: none;}

/* Clients Talk About Hill Research */

div.entry-content.clients-talk p {font-style: italic; margin-bottom: 16px;}
div.entry-content.clients-talk h3 {color: #ee4a00; margin-top: 0px; margin-bottom: 40px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; line-height: 18px;}

/* Contact Page */

div.entry-content input.wpcf7-text {background: url(images/bg-contact-text-field.png) top left no-repeat; outline: none; border: 0; width: 580px; height: 40px; padding: 0px 10px; font-family: 'ArialNarrow', Arial, Helvetica, sans-serif; font-size: 14px; color: #707070; margin: 4px 0px 4px 0px;}

div.entry-content span.wpcf7-form-control-wrap textarea {width: 580px; height: 180px; background: url(images/bg-contact-text-area.png) top left no-repeat; outline: none; border: 0; margin: 4px 0px 4px 0px; padding: 10px 10px; font-family: 'ArialNarrow', Arial, Helvetica, sans-serif; font-size: 14px; color: #707070;}

div.entry-content input.wpcf7-submit {width: 82px; height: 30px; background: url(images/bg-contact-submit.png) top left no-repeat; outline: none; border: 0; overflow: hidden; position: relative; left: 516px; margin: 6px 0px 4px 0px; cursor: pointer;}

img.contact-separator {width: 591px; margin: 0px auto;}

table.phone-directory, table.sample-directory {width: 590px; margin-bottom: 35px;}
table.phone-directory tr.header, table.sample-directory tr.header {background: #cccaca;}
table.phone-directory tr.header td, table.sample-directory tr.header td {color: #3e3e3e; font-weight: bold;}
table.phone-directory td, table.sample-directory td {width: 50%; height: 30px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #787878; font-size: 16px; line-height: 30px;}
table.phone-directory tr.altrow, table.sample-directory tr.altrow {background: #eeeeee;}

/* Form Error Styles */

form.wpcf7-form {position: relative;}

div.wpcf7-response-output {position: absolute; font-family: Arial, Helvetica, sans-serif; padding: 0px !important;}

div#wpcf7-f76-p17-o1 div.wpcf7-response-output {top: 373px; width: 500px; line-height: 15px; font-size: 15px; left: -3px; color: black;}

div#wpcf7-f51-w1-o1 div.wpcf7-response-output {top: 140px; width: 220px; line-height: 15px; font-size: 12px; left: 8px; color: #FFC9B9;}

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok {border: 0px !important;}

span.wpcf7-not-valid-tip {font-family: Arial, Helvetica, sans-serif; width: auto !important;}

/* FAQ Page */

/* div#post-14 div.entry-content h2 {font-size: 16px; color: #ee4f00; font-family: Arial, Helvetica, sans-serif; margin: 24px 0px; font-weight: normal;}
div#post-14 div.entry-content h2:first-child {margin-top: 0px;}
div#post-14 div.entry-content p {margin-bottom: 24px;}
div#post-14 div.entry-content h4 {font-size: 13px; color: #ee4f00; font-family: Arial, Helvetica, sans-serif; margin: 24px 0px 0px;}
div#post-14 div.entry-content p.smaller {font-size: 13px; font-style: italic;}
div#post-14 div.entry-content ul {margin-top: 8px; margin-bottom: 12px;}
div#post-14 div.entry-content li {font-size: 13px; font-family: Arial, Helvetica, sans-serif; padding-left: 10px; background: url(images/bg-list-black-dot.png) center left no-repeat; margin-left: 10px; margin-top: 3px; margin-bottom: 3px; color: #787878;}
div#post-14 div.entry-content li a {color: #787878; text-decoration: none;}
div#post-14 div.entry-content li a:hover {text-decoration: underline;} */

/* Staff Page */

div#post-10 h2 {clear: both;}
div#post-10 p {padding: 0px 0px 8px 0px !important;}
img.staff-picture {border: 7px solid #a7a7a7;}
div.staff-padding {margin-top: 30px; clear: both; display:inline-block;}

/* iPad Fix */

/* Portrait */
@media screen and (orientation:portrait) {
	div.main div.wrapper {width: 1047px;}
	div.footer {width: 1047px;} */
/* Landscape */
@media screen and (orientation:landscape) {
    div.main div.wrapper {width: 3024px;}
	div.footer {width: 1024px;}
}