/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, #menu, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, #menu, 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;}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*FONTS*/
/* @font-face kit by Fonts2u (http://www.fonts2u.com) */ 
@font-face {font-family:"Eurostar Regular Extended";src:url("eurostarregularextended.eot?") format("eot"),url("eurostarregularextended.woff") format("woff"),url("eurostarregularextended.ttf") format("truetype"),url("eurostarregularextended.svg#EurostarRegularExtended") format("svg");font-weight:normal;font-style:normal;}
h1, h2, h3, h4, h5, #menu {font-family:"Eurostar Regular Extended";font-weight:normal;}
h2 {font-size: 1.25em; letter-spacing: 0.025em;}
h3 {font-size: 0.938em; text-align: center;}
h4 {font-size: 0.938em; line-height: 1.25em;}
p {line-height: 1.25em; margin: 0 0 20px 0;}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*PRIMARY STYLES*/
html {overflow-y: scroll;}/*Special thanks to http://haslayout.net/css-tuts/Fixing-Page-Shift-Problem*/
body {background: #231f20; color: #fff; font-family: "Calibri",Arial,Helvetica,sans-serif; font-size: 0.938em; line-height: 1.8em; margin: 0; padding: 0; text-align: left;}
a {color: #f58320; text-decoration: none;}
a:hover {opacity: 0.65;}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*HEADER*/
.full-width {background: url("images/bkg-header.png") repeat-x; margin: 0 auto; width: 100%; height: 366px;}
#header {height: 213px; margin: 0 auto; padding: 50px 0; max-width: 1000px; width: 100%; clear: both;}
.logo {background: url("./images/JHClogo.png") no-repeat;  text-indent: -1000000px; float: left;}
.logo h2 {width: 341px; height: 215px;}
.logo:hover {opacity: 0.4;}

.request-quote {float: left; max-width: 370px; width: 37%;}
.request-button {float: left; width: 370px; height: 76px; margin: 20px 0 0 0;}
.request-button h2 {width: 370px; height: 76px; background: url("./images/request-quote.png") no-repeat; text-indent: -1000000px;}
.request-button:hover {opacity: 0.4;}

.tagline {float: right; margin-top: 18px;}
.tagline h2 { background: url("./images/JHCtagline.png") no-repeat; width: 510px; height: 56px; text-indent: -1000000px;}
.tagline h3 {margin: 30px 0 0; text-align: center; max-width: 510px; width: 100%; float: left; letter-spacing: 0.06em; line-height: 1.25em;}

#menu {max-width: 1000px; width: 100%; float: left; text-transform: uppercase; font-size: 0.89em; font-weight: bold; margin: 15px 0 60px;  letter-spacing: 0.025em;}
#menu ul > li > ul {display:none;}
#menu > ul > li {cursor: pointer; display: inline-block; margin-right: 39px;}
#menu > ul > li > ul {position: absolute; z-index: 1000;}
#menu ul > li > ul > li {background: url("./images/li.png"); height: 30px; padding: 5px 10px 0 20px;}
#menu ul > li:hover > ul,
#menu ul > li > ul > li:hover > ul { display: block; width: 275px;}
#menu li a {color: #fff; text-shadow: 0 1px 0 #555555, 0 -1px 0 #777777;}
#menu .current-menu-item a, .current-menu-item {color: #f58320; text-shadow: 0 1px 0 #434445, 0 -1px 0 #7D7A78;}
#menu .not-current-menu a {color: #fff;}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*LAYOUT*/
#container {margin: 0 auto; max-width: 1000px; overflow: hidden; padding: 0 0.75%; width: 98.5%;}
#content {margin: 0 0 50px auto; float: left; max-width: 1000px; width: 100%;}
.quote {font-family: Times; font-size: 100px; font-weight: bold; width: 50px; margin: 0 20px 0 0; opacity: 0.6; float: left; line-height: 0.9em;}
.quote-phrase {float: left; width: 340px;}
.column-one {max-width: 535px; width: 52%; margin: 0 2% 0 0; float: left;}
.column-two {max-width: 410px; width: 46%; float: right;}
.design-one {float: left; margin: 0 2% 0 0; max-width: 370px; width: 37%;}
.design-one img {outline: 1px solid #fff;}
#main-logo, #main-signs {outline: 1px solid #fff;}
.design-two {float: right; max-width: 605px; width: 61%;}
.design-two.google-maps a {color: #f58320 !important;}
.thumbnail-row {height: 60px;}
.portfolio-thumbnail {margin: 0 3.6% 0 0; float: left; overflow: hidden; outline: 1px solid #fff;}
.portfolio-last {margin: 0 0 20px 0;}
.portfolio-last-row {float: left; margin: 0 20px 0 0;}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.last {margin: 0 !important; padding: 0 !important;}