/**
 * Theme Name: Hi-Way Services
 * Version: 1.0
 * Author: ADM
 * Description: Custom theme created for Hi-Way Services
 */

@import "reset.css"; /* reset all defaults to 0 */
 
/* ===[ General declarations ]=== */

body {
    font-size: 100%; /* Resets 1em = 16px */
    background-color: white;
    background-image: url(images/body-bg.png);
    background-repeat: repeat-y;
    background-position: right top;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

body #post-title {
    display: none
}

h1,
h2,
h3,
h4 {
    font-family: Arial, Helvetica, sans-serif;
    color: #0B1560;
}

h3,
h2 {
    margin-top: 2em;
    margin-bottom: 0px;
    line-height: normal;
}

h1 {
    font-size: 3em;
    line-height: normal;
}

h2 {
    font-size: 1.2em
}

h3 {
    font-size: 1em
}

ul,
ol {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    list-style: disc;
    line-height: 130%;
    margin: 0 0 1em 2em;
}

a {
    font-size: 12px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

a img {
    border: none
}

p {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    padding-bottom: 1.5em;
}

/* end of general declarations  */

/* HEADER
   ================================================== */

#header {
	position:relative;
    background-color: white;
    height: 195px;
    margin-bottom: 15px;
    padding-bottom: 24px;
    width: 980px;
}

#header p {
    margin: 0px;
    padding: 0px;
}

#headerimg {
    height: 180px;
    margin: 0;
    position: absolute; /*needed for #header-slideshow */
    width: 500px;
    z-index: 500;
}/* width: 980px; */

#headerimg span {
    display: none
}

#header-slideshow {
    background: #000 url('images/header-bg.png') repeat-x;
    width: 980px;
    height: 180px;
}

#description {
    text-align: right;
    float: right;
    width: 162px;
    padding-right: 20px;
    margin-top: 25px;
    line-height: 1.2em;
}

#date_div {
    text-align: right;
    float: right;
    width: auto;
    padding-right: 20px;
    line-height: 1.2em;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 0.8em;
}

/* horizontal menu on top of the page  */

.horizontal-menu {
    background-color: #696969;
    border-top: 1px solid #FCAF17;
    border-bottom: 5px solid #000;
    width: 100%;
    height: 28px;
    padding-top: 5px;
    text-align: center;
}

.horizontal-menu .current_page_item a {
    background: transparent url('images/tab-long-active-180.png') no-repeat;
    color: #FCAF17;
}

.horizontal-menu .menu-last-item a {
    border-right: none
}

.horizontal-menu ul,
.horizontal-menu ol {
    margin: 0px 0 0 0;
    padding: 0;
    list-style: none;
}

.horizontal-menu ul li {
    display: inline;
    vertical-align: middle;
}

.horizontal-menu ul li a {
    background: transparent url('images/tab-long-180.png') no-repeat;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 30px;
    padding: 0;
    height: 30px;
    min-width: 180px;
    text-decoration: none;
    text-transform: uppercase;
}

.horizontal-menu ul li a:hover {
    text-decoration: underline;
    color: #fff;
}

#small-logo {

}

#static-menu {
    background-color: transparent;
    border: none;
    height: 30px;
    margin: 0 0 0 605px;
    padding: 0;
    position: absolute;
    width: 380px;
    z-index: 502;
}

#static-menu ul li a {
    background: transparent url('images/tab-short.png') no-repeat;
    color: #FCAF17;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    height: 30px;
    min-width: 120px;
    text-decoration: none;
    text-transform: uppercase;
}

#search-box {
    background: url(images/search-box-bg.png) no-repeat right bottom;
    height: 30px;
    margin: 133px 0 0 591px;
    padding: 15px 0 0 0;
    position: absolute;
    width: 389px;
    z-index: 501;
}

#search-box #searchsubmit {
    background: url(images/search-button.png) no-repeat;
    border: none;
    color: transparent;
    cursor: pointer;
    float: left;
    height: 20px;
    margin: 0;
    margin-right: 10px;
    padding: 0;
    width: 42px;
}

#search-box input#s {
    border: none;
    border-top: 1px solid #bcbcbc;
    font-size: 12px;
    float: left;
    height: 19px;
    line-height: 20px;
    margin: 0;
    margin-left: 25px;
    padding: 0;
    width: 312px;
    -o-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

/* end of HEADER   */

/* page container  */

#page {
    padding: 0;
    margin: 0 auto;
    max-width: 980px;
    background: url(images/content-background.png) no-repeat right bottom;
    background-color: white;
}

/* end of page container   */

/* middle section of the page  - content */

#content {
    background-color: transparent;
    font-size: 12px;
    line-height: 130%;
    margin: 30px 30px 0 400px;
    min-height: 400px;
    padding-left: 10px;
    width: auto;
}

#content .post blockquote {
    background-color: rgba(0,0,0,0.05);
    font-style: italic;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px 20px;
}

#content table {
    font-size: 0.9em;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    width: 100%;
    margin-bottom: 1.5em;
}

#content img {
    padding: 3px;
    background-color: #fff;
    border: 1px #000 solid;
    margin: 5px;
}

#content td {

}

#post-title,
.custom-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    text-transform: uppercase;
    color: #949599;
    display: block;
    border-bottom: 6px double #FCAF17;
    margin: 0 0 0.7em 0;
}

#links-table td {
    padding-bottom: 10px;
    vertical-align: middle;
}

/* ===[ News page ]=== */

.news-title,
.publication_date,
.news_list {
    font-family: Arial, Helvetica, sans-serif
}

.news_list h2 {
    font-size: 18px;
    display: block;
    border-bottom: 4px solid #FCAF17;
    color: #000;
    margin: 0 0 0.6em 0;
}

.news-title {
    font-size: 18px;
    display: block;
    border-bottom: 4px solid #FCAF17;
    background-color: #888;
    color: #fff;
    margin: 0 0 0.6em 0;
    padding-left: 0.5em;
}

.publication_date {
    font-size: 13px;
    font-weight: bold;
}

div.post {
    margin: 0 0 1.6em 0
}

.news_list {
    list-style-type: none;
    margin: 0;
    font-size: 14px;
    margin-bottom: 1em;
}

.pagetitle {
    margin-bottom: 1em
}

/* modifications for qualifications subpage  */

#content.qualifications {
    margin: 0px 10px 0 10px
}

#content.qualifications table {
    font-size: 0.9em;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    width: 48%;
    margin-bottom: 1.5em;
}

#left_table {
    float: left
}

#right_table {
    float: right
}

.clear {
    clear: both
}

/* end of content   */

/* ===[ Sidebar ]=== */

#sidebar {
    background-color: #dadada;
    height: auto;
    float: left;
    font-size: 11px;
    margin: 10px 0 10px 10px;
    min-height: 242px;
    padding: 10px;
    width: 360px;
    text-align: left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

#sidebar .current_page_item {
    border-left: 8px solid #90A106
}

#sidebar .page_item {
    border-left: 8px solid #173F26
}

#sidebar img {
    margin-right: auto
}

#sidebar>ul {
    padding: 15px 0 20px 30px
}

#sidebar h2 {
    margin: 0.5em 0 0.5em 0
}

#sidebar ul,
#sidebar ul ol {
    margin: 0;
    padding: 0;
}

#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
}

#sidebar ul li a:hover {
    color: #0B1560;
    background-color: #feebc5;
}

.sidebar-post {
    background-color: #feebc5;
    margin: 20px 20px 10px 20px;
    text-align: left;
    color: #000;
    font-size: 17px;
    letter-spacing: -1px;
    background-image: url(images/sidebar-bg.png);
    background-position: center;
    /* following lines added so the round corners wrap properly at the bottom of the div */
    width: auto;
    height: auto;
    padding: 0 0 5px 0;
}

.sidebar-post .leftTopCorner1,
.sidebar-post .leftTopCorner2,
.sidebar-post .leftTopCorner3,
.sidebar-post .leftTopCorner4,
.sidebar-post .leftTopCorner5,
.sidebar-post .rightTopCorner1,
.sidebar-post .rightTopCorner2,
.sidebar-post .rightTopCorner3,
.sidebar-post .rightTopCorner4,
.sidebar-post .rightTopCorner5,
.sidebar-post .leftBottomCorner1,
.sidebar-post .leftBottomCorner2,
.sidebar-post .leftBottomCorner3,
.sidebar-post .leftBottomCorner4,
.sidebar-post .leftBottomCorner5,
.sidebar-post .rightBottomCorner1,
.sidebar-post .rightBottomCorner2,
.sidebar-post .rightBottomCorner3,
.sidebar-post .rightBottomCorner4,
.sidebar-post .rightBottomCorner5 {
    background-color: #dadada
}

.sidebar-post .entry {
    height: auto;
    padding: 20px;
}

/* compatibility with round corners  */

/* obsolete

.sidebar-post .entry p{
    padding:0;
    line-height:150%;
}

.sidebar-form {
    margin:0 0 10px 30px;

}

.sidebar-form form {
    margin-top:25px;
}

.sidebar-form form p{
    font-size:12px;
    padding-bottom:15px;
}
.sidebar-form form h3{
    margin:0;
    padding:0 0 10px 0;
}

.sidebar-form form input, .sidebar-form form textarea{
    width:230px;
} */

#sidebar-logos {
    margin-left: 10px
}

#sociallinks {
    top: 10px;
    right: 10px;
    text-align: right;
    width: 100%;
}

#sociallinks img {
    vertical-align: middle
}

#facebook-link {
    float: left
}

#twitter-link {
    float: right
}

#contact-us-button,
.side-button {
    margin-top: 20px;
    text-align: center;
}

#facebook-container {
    background-color: #fff;
    margin-bottom: 10px;
}

/* popup contact form  */

#contact {
    background-color: #dadada;
    font-size: 12px;
    height: auto;
    padding: 0 20px;
    width: 280px;
}

#contact #submit-button {
    background-image: url('images/small-button.png');
    color: #fff;
    font-size: 14px;
    height: 30px;
    width: 115px;
}

#contact input,
#contact textarea {
    border: none;
    width: 280px;
}

#contact input:focus,
#contact texarea:focus {
    background-color: #fff9ed
}

#contact h2 {
    margin-top: 10px
}

#contact p {
    padding: 5px 0
}

#contact p span {

}

#fancybox-content {
    border-color: #dadada !important;
    background-color: #dadada;
}

span.wpcf7-not-valid-tip {
    width: auto !important
}

/* end popup contact form  */

#seals {
    /*    background: url(images/search-box-bg.png) no-repeat right bottom;*/
    height: 340px;
    margin: 30px 0 10px 0;
    padding: 0;
    width: 360px;
}

/* end of Sidebar   */

/* ===[ Footer ]=== */

#footer {
    height: auto;
    width: 100%;
    clear: both;
    background-color: #000;
    background-image: url('images/footer-background.png');
    background-repeat: no-repeat;
    overflow: hidden;
}

#footer ul,
#footer ol {
    margin: 0 0 5px 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

#footer h4,
#footer ul li.pagenav {
    color: #FCAF17;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}

#footer ul li a {
    font-size: 11px;
    text-decoration: none;
    color: #fff;
}

#footer ul li a:hover {
    text-decoration: underline
}

#footer p {
    font-size: 11px;
    text-decoration: none;
    color: #FFF;
    margin: 1em 0 0 0;
    text-align: center;
}

#footer p a {
    text-decoration: none;
    color: #FFF;
}

#footer p a:hover {
    text-decoration: underline
}

#footer-container1 {
    float: right;
    height: auto;
    width: 550px;
}

#footer-container1 h3,
#address-info h3 {
    color: #fff;
    font-size: 16px;
    margin: 20px 0 0 30px;
    padding: 0;
    text-transform: uppercase;
    text-align: center;
}

#footer-menu {
    background-image: url('images/divider.png');
    background-repeat: no-repeat;
    float: right;
    height: 230px;
    margin: 20px 20px 0 0;
    padding-left: 20px;
    width: auto;
}

#footer-menu h4 {
    margin: 0 0 10px 0
}

#google-map {
    background-color: #fff;
    height: 270px;
    margin: 10px 0 0 10px;
    width: 455px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#google-map div:first-child {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#address-info {
    background-image: url('images/divider.png');
    background-repeat: no-repeat;
    background-color: transparent;
    float: right;
    height: 230px;
    margin: 20px 30px 0 0;
    width: 330px;
}

#address-info  .leftTopCorner1,
#address-info  .leftTopCorner2,
#address-info  .leftTopCorner3,
#address-info  .leftTopCorner4,
#address-info  .leftTopCorner5,
#address-info  .rightTopCorner1,
#address-info  .rightTopCorner2,
#address-info  .rightTopCorner3,
#address-info  .rightTopCorner4,
#address-info  .rightTopCorner5,
#address-info  .leftBottomCorner1,
#address-info  .leftBottomCorner2,
#address-info  .leftBottomCorner3,
#address-info  .leftBottomCorner4,
#address-info  .leftBottomCorner5,
#address-info  .rightBottomCorner1,
#address-info  .rightBottomCorner2,
#address-info  .rightBottomCorner3,
#address-info  .rightBottomCorner4,
#address-info  .rightBottomCorner5 {
    background-color: #FCAF17
}

#address-info p+p+p {
    text-align: left
}

#address-info p+p {
    text-align: right
}

#address-info p {
    float: left;
    color: #fff;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px;
    line-height: 15px;
    padding-left: 20px;
    text-align: left;
    font-style: normal;
    margin: 0;
}

#address-info p a {
    text-decoration: underline;
    color: #fff;
}

#address-info h4 {
    margin: 0 0 10px 20px
}

#footer-menu h4,
#address-info h4 {
    text-transform: uppercase
}

#sussex-address {
    text-align: right
}

/* end of footer   */

/* comments  */

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
}

#commentform textarea {
    width: 100%;
    padding: 2px;
}

/* end of comments   */

/* general classes  */

.alignleft {
    float: left
}

.aligncenter {
    margin: 0 auto;
    clear: both;
}

.alignright {
    float: right
}

.more-link {
    text-align: left
}

.text-align-right {
    text-align: right
}

.hidden {
    display: none
}

/* end of classes   */

/* ****************** rounded corners and look Ma, no pictures!! ***************
   ================================================== */

.leftTopCorner1,
.leftTopCorner2,
.leftTopCorner3,
.leftTopCorner4,
.leftTopCorner5 {
    float: left;
    clear: left;
    background-color: #fff;
    width: 5px;
    height: 1px;
    line-height: 1px;
    margin: 0;
    padding: 0;
}

.leftTopCorner1 {
    margin-left: 0
}

.leftTopCorner2 {
    margin-left: -2px
}

.leftTopCorner3 {
    margin-left: -3px
}

.leftTopCorner4 {
    margin-left: -4px
}

.leftTopCorner5 {
    margin-left: -4px
}

.rightTopCorner1,
.rightTopCorner2,
.rightTopCorner3,
.rightTopCorner4,
.rightTopCorner5 {
    float: right;
    clear: right;
    background-color: #fff;
    width: 5px;
    height: 1px;
    line-height: 1px;
    margin: 0;
    padding: 0;
}

.rightTopCorner1 {
    margin-right: 0
}

.rightTopCorner2 {
    margin-right: -2px
}

.rightTopCorner3 {
    margin-right: -3px
}

.rightTopCorner4 {
    margin-right: -4px
}

.rightTopCorner5 {
    margin-right: -4px
}

.leftBottomCorner1,
.leftBottomCorner2,
.leftBottomCorner3,
.leftBottomCorner4,
.leftBottomCorner5 {
    margin: 0;
    padding: 0;
    float: left;
    clear: left;
    background-color: #fff;
    width: 5px;
    height: 1px;
    line-height: 1px;
}

.leftBottomCorner1 {
    margin-left: -4px
}

.leftBottomCorner2 {
    margin-left: -4px
}

.leftBottomCorner3 {
    margin-left: -3px
}

.leftBottomCorner4 {
    margin-left: -2px
}

.leftBottomCorner5 {
    margin-left: 0
}

.rightBottomCorner1,
.rightBottomCorner2,
.rightBottomCorner3,
.rightBottomCorner4,
.rightBottomCorner5 {
    margin: 0;
    padding: 0;
    float: right;
    clear: right;
    background-color: #FEE8BD;
    width: 5px;
    height: 1px;
    line-height: 1px;
}

.rightBottomCorner1 {
    margin-right: -4px
}

.rightBottomCorner2 {
    margin-right: -4px
}

.rightBottomCorner3 {
    margin-right: -3px
}

.rightBottomCorner4 {
    margin-right: -2px
}

.rightBottomCorner5 {
    margin-right: 0
}

/* end of rounded corners  */

/* *** gallery overrides ***
   ================================================== */

.ngg-galleryoverview {
    clear: none !important
}

.ngg-slideshow {
    overflow: visible !important
}

/* *** TESTING *** */
#headerquote { position:absolute; display:block; width:245px; padding:5px 5px; text-align:center; top:45px; right:0;}
#headerquote a { padding:5px; display:block; color:#FFF;}
#hiddenwrap {display:none;}
#bodyquote {font-size:12px; padding:10px; height:130px; width:350px;}