/*********************************************************************CSS Reset*****************************************************************************/
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

table, caption, tbody, tfoot, thead, tr, th, td {font-size: 100%; vertical-align: baseline; background: transparent;}

body {line-height: 1;}

ol, ul {list-style: none;}

em {font-style: italic;}

strong {font-weight: bold;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
a:hover, a:active {outline: none;}

a[href^="http"], a[target="_blank"] {background: url(http://www.netgainsmarketing.com/cssimg/external_icon.gif) no-repeat center right; padding-right: 20px;}

a[href^="mailto"] {background: url(http://www.netgainsmarketing.com/cssimg/email_icon.png) no-repeat center right; padding-right: 20px;}

a[href$=".pdf"] {background: url(http://www.netgainsmarketing.com/cssimg/pdf_icon.gif) no-repeat center right; padding-right: 20px;}

a[href$=".doc"], a[href$=".docx"] {background: url(http://www.netgainsmarketing.com/cssimg/page_word.png) no-repeat center right; padding-right: 20px;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}

del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
/*********************************************************************END Reset****************************************************************************/

html, body {height: 100%;}

body {background: #525252 url(../images/body_repeat.png) repeat-x top left; position: relative; text-align: center; font: normal 62.5%/1.6em Arial, Helvetica, sans-serif; color: #000000; min-width: 960px; min-height: 800px;}

#bg2 {background: url(../images/truck_bg.jpg) no-repeat top center; position: absolute; top: 220px; left: 0; float: left; width: 100%; min-height: 750px;}

#container {position: relative; margin: 0 auto; width: 936px; text-align: left; overflow: visible;}

/*****************************************************************HEADER styles**************************************************************************/
#header {position: relative; float: left; clear: both; width: 100%; height: 133px; margin: 0 0 22px 0;}

#top_info {float: left; clear: left; width: 100%; margin: 0; padding: 3px 0 10px 0; list-style: none;}

#top_info li {font-size: 1.2em; color: #ffffff; display: inline; margin: 0 20px 0 0;}

#header h1 {float: left; clear: left; width: 164px; height: 98px;}

#header h1 a {background: url(../images/logo_new.png) no-repeat top left; width: 100%; height: 100%; display: block; text-indent: -9999px;}

#top_links {position: absolute; top: 3px; right: 0; margin: 0; padding: 0; list-style: none;}

#top_links li {display: inline; padding: 0 5px 0 7px; border-left: 1px solid #ffffff;}

#top_links li:first-child {border: none;}

#top_links li a {font-size: 1.2em; color: #ffffff; text-decoration: none;}

#top_links li a:hover {color: #ff6931;}

#tagline {font-size: 1.9em; font-weight: normal; line-height: 1.2em; color: #00245c; float: left; padding: 10px 0 0 180px; text-indent: -90px;}

#tagline span {font-weight: bold; color: #ff6931;}

#call_us {background: url(../images/call_us_at.png) no-repeat 0px 5px; position: relative; float: right; clear: right; width: 238px; height: 54px; padding: 5px 0 0 0; text-indent: -9999px;}

#cat_1012110_divs {position: absolute; bottom: 0; right: -6px;}

#cat_1012110_divs ul {margin: 0; padding: 0; list-style: none;}

#cat_1012110_divs ul li {position: relative; float: right;}

#cat_1012110_divs ul li a {display: block; height: 39px; text-indent: -9999px;}

#contact_us_button a {background: url(../images/contact_us_button.png) no-repeat top left; width: 131px;}

#carriers_button a {background: url(../images/carriers_button.png) no-repeat top left; width: 115px;}

#careers_button a {background: url(../images/careers_button.png) no-repeat top left; width: 115px;}

#blog_button a {background: url(../images/blog_button.png) no-repeat top left; width: 115px;}

#why_jadd_button a {background: url(../images/why_jadd_button.png) no-repeat top left; width: 135px;}

#about_us_button a {background: url(../images/about_us_button.png) no-repeat top left; width: 114px;}

#faqs_button a {background: url(../images/faqs_button.png) no-repeat top left; width: 86px;}

#freight_services_button a {background: url(../images/freight_services_button.png) no-repeat top left; width: 158px;}

#cat_1012110_divs ul li a:hover, #cat_1012110_divs ul li:hover a, #cat_1012110_divs ul li.selected a {background-position: bottom left;}

#cat_1012110_divs ul li ul {position: absolute; top: 33px; left: -8px; width: 450px; padding: 12px 0 0 0; display: none; list-style: none;}

#cat_1012110_divs ul li:hover > ul {display: block;}

#cat_1012110_divs ul li ul li {float: none; display: inline;}

#cat_1012110_divs ul li ul li a {background: none; font-size: 1.2em; color: #e1e1e1; line-height: 16px; text-decoration: none; display: inline; height: 16px; padding: 2px 15px 2px 15px; text-indent: 0;}

#cat_1012110_divs ul li ul li a:hover {color: #ff6931;}

/*****************************************************************CONTENT styles**************************************************************************/
#content {background: url(../images/content_repeat.png) repeat-y top left; position: relative; float: left; clear: both; padding: 8px 15px 0 15px; width: 906px; height: auto !important; height: 725px; min-height: 725px;}

#content p {font-size: 1.2em; line-height: 1.5em; margin: 0 0 15px 0;}

#content h1, #content h2 {font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 3.6em; font-weight: normal; line-height: 1.2em; margin: 0 0 15px 0;}

#content h3 {font-size: 2em; font-weight: bold; line-height: 1.2em; margin: 0 0 5px 0;}

#content h4 {font-size: 1.8em; font-weight: bold; line-height: 1.2em; margin: 0 0 10px 0;}

#content h5 {font-size: 1.4em; font-weight: bold; line-height: 1.2em; margin: 0 0 10px 0;}

#content h6 {font-size: 1.2em; font-weight: bold; margin: 0 0 5px 0;}

#content table {margin: 0 0 15px 0;}

#content td {font-size: 12px; line-height: 1.2em; padding: 5px;}

#content td p {font-size: 12px;}

#content ul {margin: 0 0 15px 0; padding: 0 0 0 25px; list-style: none !important; list-style: none;}

#content li {background: url(../images/list_item.png) no-repeat 0 6px; font-size: 1.2em; line-height: 1.5em; padding: 0 0 0 15px;}

#content a {color: #002d63;}

#content a:hover {color: #ff6931; text-decoration: none;}

#content dl {margin: 0 0 15px 0; padding: 0; list-style: none;}

#content dt {font-size: 1.4em; font-weight: bold;}

#content dd {font-size: 1.2em; line-height: 1.5em; padding: 0 0 0 40px;}

#content_bottom {background: url(../images/content_bottom.png) no-repeat top left; position: absolute; bottom: -16px; left: 0; width: 936px; height: 16px;}

#slideshow, #slideshow_static {position: relative; left: -7px; width: 920px; height: 355px; padding: 0 0 20px 0;}

#slideshow img {position: absolute; top: 0; left: 0;}

#preload {display: none;}

#content #big_buttons {position: relative; float: left; clear: both; left: -7px; width: 920px; height: 130px; margin: 0 0 -8px 0; padding: 20px 0 0 0; list-style: none;}

#content #big_buttons li {background: none; position: relative; float: left; padding: 0;}

#big_buttons li:hover {top: 1px;}

#big_buttons li a {font-size: 1.2em; color: #ffffff; text-decoration: none;}

#big_buttons li a:hover {text-decoration: underline;}

#big_quote_button a {background: url(../images/request_quote_button.png) no-repeat top left; width: 306px; height: 63px; padding: 67px 40px 0 115px; display: block;}

#big_jadd_button a {background: url(../images/new_to_jadd_button.png) no-repeat top left; width: 319px; height: 63px; padding: 67px 100px 0 40px; display: block;}

#big_quote_button a:hover {color: #ff6931;}

#big_jadd_button a:hover {color: #002d63;}

#big_buttons li a span {position: absolute; left: -9999px;}

#main_content, #main_content2 {position: relative; float: left; min-height: 530px;}

#main_content {clear: left; width: 550px; padding: 0 12px 0 0; border-right: 1px solid #c1c1c1;}

#main_content2 {clear: both; width: 100%;}

#sidebar {position: relative; float: right; clear: right; width: 315px; padding: 0 16px 0 0;}

#content #freight_services {position: relative; left: -12px; margin: 0; padding: 0 0 5px 0;}

#freight_services dt {position: absolute; left: 10px; width: 341px; height: 110px; margin: 0; display: block;}

#freight_services dt a {width: 100%; height: 100%; display: block; text-indent: -9999px;}

#truckload_service a {background: url(../images/truckload_services_title.jpg) no-repeat top left;}

#less_than_service a {background: url(../images/less_than_services_title.jpg) no-repeat top left;}

#air_service a {background: url(../images/air_services_title.jpg) no-repeat top left;}

#rail_service a {background: url(../images/rail_services_title.jpg) no-repeat top left;}

#content #freight_services dd {position: relative; margin: 0 0 0 100px; padding: 35px 0 0 0; min-height: 85px; height: auto !important; height: 85px;}

#content #freight_services dd ul li {font-size: 1em;}

#forms_documents_link {position: relative; width: 340px; height: 60px; margin: 0 0 20px 0;}

#forms_documents_link a {background: url(../images/forms_documents_link.png) no-repeat top left; width: 100%; height: 100%; display: block; text-indent: -9999px;}

.contact_info_boxes {position: relative; float: left; clear: both; width: 100%; overflow: hidden;}

/*****************************************************************FOOTER styles**************************************************************************/
#footer {background: url(../images/footer_repeat.png) repeat-x bottom left; position: relative; clear: both; width: 100%; height: 74px; padding: 25px 0 0 0;}

#footer_content {position: relative; width: 936px; margin: 0 auto; text-align: left;}

#footer_links {float: left; clear: left; margin: 0; padding: 35px 0 0 0;}

#footer_links li {display: inline; border-left: 1px solid #ffffff;}

#footer_links li:first-child {border: none;}

#footer_links li a {font-size: 1.2em; color: #ffffff; text-decoration: none; padding: 0 10px 0 10px;}

#footer_links li a:hover {color: #ff6931;}

#ngm_link {font-size: 1.2em; color: #ffffff; float: right; clear: right; padding: 30px 10px 0 0;}

#ngm_link a {background: none; padding-right: 0;}

/*******************************************************************CLASSES******************************************************************************/
.orange {color: #ff6931;}