html,body{/* background:#CBB89A; */}



/* Typography
================================================== */

html {color:#000; font-family:arial,helvetica,sans-serif; font-size:14px; line-height:24px;}

h1 {color:#000; font-size:26px; font-weight:normal; /* margin:0 0 12px 0; */ margin-bottom:50px;}
h2 {color:#000; font-size:22px; font-weight:normal; margin:0 0 12px 0;}
h3 {color:#000; font-size:18px; font-weight:normal; margin:0 0 12px 0;}
h4 {color:#000; font-size:16px; font-weight:normal; margin:0 0 12px 0;}
h5 {color:#000; font-size:14px; font-weight:normal; margin:0 0 12px 0;}
h6 {color:#000; font-size:14px; font-weight:normal; margin:0 0 12px 0;}

p,ul,ol {margin-bottom:12px;}

a {color:#00446B; max-width:100%;}

/* #Header
================================================== */

#header {background:#fff;}
#header .container {}
#header .row {padding:10px 0;}

#header .smicons {list-style:none; margin:0; padding:0;}
#header .smicons li {display:block; float:left; margin:0; padding:0;}

#header .contact {color:#000; font-size:13px; font-weight:bold; margin:0; padding:0;}
#header .contact strong {font-size:16px;}
#header .contact strong:first-child {color:#005EA8; font-size:17px;}

/* #Navigation
================================================== */
/*
I'm taking this out so we don't a color change flash - jdc 2015-02-19
#navigation {background:#523616 url(../../../../images/landstar/assets/carbon-brown.png) repeat-x;}
*/

#navigation .container {}
#navigation .row {}
#navigation .col-xs-12 {}

#navigation ul,
#navigation li,
#navigation a {display:block; margin:0; padding:0;}

#navigation ul.parent-menu {display:block; text-align:center;}
#navigation ul.parent-menu li {display:block; float:left; height:58px; margin:2px 0; position:relative;}
#navigation ul.parent-menu li a {background:transparent; border-right:1px solid #DECBAE; box-sizing:border-box; -moz-box-sizing:border-box; color:#fff; display:block; font-size:14px; font-weight:bold; line-height:16px; margin:0; padding:0; text-decoration:none;}
#navigation ul.parent-menu li:first-child a {border-left:1px solid #DECBAE;}
#navigation ul.parent-menu li:hover a {background:#fff; color:#333;}

#navigation ul.parent-menu ul.sub-menu {display:none; margin:0; padding:0; width:100%; z-index:99999;}
#navigation ul.parent-menu ul.sub-menu li {display:block; float:none; height:auto; margin:0; padding:0;}
#navigation ul.parent-menu ul.sub-menu li a {background:#fff; border:none; border-bottom:1px solid #523616; color:#333; display:block; font-size:12px; height:auto; line-height:25px; margin:0; padding:5px 20px; text-align:left; text-decoration:none;}
#navigation ul.parent-menu ul.sub-menu li a:hover {background:#523616; color:#fff;}



/* #Slideshow
================================================== */

#div_slideshow {position:relative; width:100%;}
#div_slideshow ul.slideshow {list-style:none; margin:0; padding:0; position:relative; width:100%;}
#div_slideshow ul.slideshow li {display:block; left:0; position:absolute; top:0; width:100%;}
#div_slideshow ul.slideshow li:first-child {position:static;}
#div_slideshow ul.slideshow img {display:block; height:auto; margin:0 auto; width:100%;}





/* #Footer
================================================== */

#footer {color:#000; text-align:center;}
#footer a {color:#000; text-align:center;}
#footer .footer-menu {list-style:none; margin:30px 0; padding:0;}
#footer .footer-menu li {display:inline; margin:0; padding:0 5px;}


/* #Sidebar
================================================== */

#middle { /* padding:30px 0; jdc - temp */}


/* #Main Content Column
================================================== */

#main-content table {height:auto !important; max-width:100% !important;}
#main-content div.inner {background:#fff; padding:15px;}

#main-content-nav {margin:0 0 20px 0; text-align:center;}
#main-content-nav table {width:100%;}
#main-content-nav a {background:#79637d; color:#fff; display:inline-block; padding:5px 10px; margin:0; text-decoration:none; width:150px;}
#middle .eight.columns #main-content-nav a {padding:5px 20px; width:auto;}

#interior-banner img {height:auto; width:100%;}


/* #Callouts
================================================== */
.white-callouts {margin-top:-20px;}
.white-callout {background:#fff; color:#000; font-family:Arial, Helvetica, sans-serif; margin:0 0 30px 0; padding:10px;}
.white-callout p {font-size:13px; line-height:24px; text-align:left;}
.white-callout h2 {font-weight:bold; font-size:14px; text-align:center;}
.white-callout ul {margin:0; padding:22px;}
.white-callout ul li {font-size:13px; font-weight:bold; text-align:left; list-style:outside none square; padding-bottom:10px;}
.white-callout p {text-align:left;}
.callouts {color:#797979;}
.callout {color:#797979; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; margin:0 0 30px 0; padding:0; text-align:left;}
.callout h2{color:#797979; font-family:"Arial Black",Gadget,sans-serif; font-size:12px; font-weight:bold; letter-spacing:-1px;}

/* #System Forms
================================================== */

.system-form {background:rgba(255,255,255,.75); border:1px solid #999; padding:40px;}
img.captcha {display:block; margin-bottom:5px;}


/* FAQs
================================================== */

.faqs div {border-bottom:1px solid #eee; margin:0 0 20px 0; padding:0 0 10px 0;}
.faqs div p {margin:10px 0; padding:0 0 0 35px; position:relative;}
.faqs div p:before {color:#00446B; display:block; font-weight:bold; height:25px; left:0; line-height:25px; position:absolute; text-align:center; top:0px; width:25px;}
.faqs div p:first-child:before {content:"Q";}
.faqs div p:nth-child(2):before {content:"A";}

/* #Photo Album Page
================================================== */

#albumwrapper div.thumbcontainer {margin-bottom:20px;}
#albumwrapper div.thumbcontainer h4 {padding:0; text-align:left; font-weight:bold;}
#albumwrapper div.thumbmod {display:block; float:left; width:20%;}
#albumwrapper div.thumbmod a {display:block; padding:0 20px 20px 0;}
#albumwrapper div.thumbmod a img {display:block; height:auto; max-height:100%; max-width:100%; width:auto;}
#albumwrapper div.thumbmod div {display:none;}


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width:320px) {}

/* Extra Small Devices, Phones */
@media only screen and (min-width:480px) {}

/* Small Devices, Tablets */
@media only screen and (min-width:768px) {}

/* Medium Devices, Desktops */
@media only screen and (min-width:992px) {}

/* Large Devices, Wide Screens */
@media only screen and (min-width:1200px) {}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width:1200px) {}

/* Medium Devices, Desktops */
@media only screen and (max-width:992px) {
    #navigation ul.parent-menu li a {font-size:12px; padding:0 20px;}
    #albumwrapper div.thumbmod {display:block; float:left; width:25%;}
}

/* Small Devices, Tablets */
@media only screen and (max-width:768px) {
    #mobile-menu-button {padding:21px 15px;}
    #mobile-menu-button a {color:#fff; text-decoration:none;}
    #mobile-menu-button a:hover {text-decoration:none;}
    #mobile-menu-button a img {margin:0 5px 0 0;}
    #navigation .col-xs-12 {padding:0;}
    #navigation ul.parent-menu {display:none; border-left:none; border-top:1px solid #fff;}
    #navigation ul.parent-menu li {display:block; float:none; height:auto; margin:0;}
    #navigation ul.parent-menu li a {background:#fff; color:#333; border-bottom:1px solid #523616; border-left:none; border-right:none; height:auto; line-height:30px; margin:0; padding:10px 15px; text-align:left;}
    #navigation ul.parent-menu li:first-child a {border-left:none; border-right:none;}
    #navigation ul.parent-menu li a:hover {background:#523616; color:#fff;}
    #navigation ul.parent-menu ul.sub-menu {border:none; width:auto;}
    #navigation ul.parent-menu ul.sub-menu li a {background:#eee; border-left:none; border-right:none; padding:10px 15px 10px 40px;}
    #navigation ul.parent-menu ul.sub-menu li:first-child a {border-left:none; border-right:none;}
    #navigation ul.parent-menu ul.sub-menu li a:hover{}
    .white-callouts {margin-top:0;}
    #albumwrapper div.thumbmod {display:block; float:left; width:33%;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width:480px) {
    #albumwrapper div.thumbmod {display:block; float:left; width:50%;}
}

/* Custom, iPhone Retina */
@media only screen and (max-width:320px) {
    #albumwrapper div.thumbmod {display:block; float:left; width:100%;}
}

.user-generated {text-align:left;}

/* Per Richard's suggestion, this style rule was added - JDC 03/25/2015 */
div.user-generated * {word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto;} 

/*H1 Home page*/
.h1-homepage {
    font-size: medium !important;
    margin: 0px !important;
    font-weight: 700 !important;
    text-align: left !important;
}