/*LAYOUT*/
html body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
.clear{clear:both;}
html body{font-family: Tahoma; background: #0a2d4d;}
#container{width: 970px; margin: 0 auto; padding-top: 91px; position: relative;}
#innerLeft h3{margin-top: 1.2em; color: #ffc758; font-size: 18px; font-weight: bold; margin-bottom: .5em;}
#respond h3{margin-top: .4em; color: #ffc758; font-size: 18px; font-weight: bold; margin-bottom: .5em;}
.fieldLabel{margin-top: 1.2em; color: #fff; font-size: 14px; font-weight: bold; margin-bottom: .5em;}
#breadcrumb{position: absolute; top: 110px; left: -15px; font-size: 11px; font-family: Tahoma; margin: 0; padding: 0; clear: both;}
#breadcrumb ul{list-style: none;}
#breadcrumb ul li{float: left; color: #fff; font-size: 11px;}
#breadcrumb a{font-size: 11px;}
#breadcrumb a:hover{text-decoration: underline;}
.entry-content ul li{color: #fff; font-size: 12px; line-height: 1.4em;}
#logo{float: left; display: block; width: 200px; position: absolute; top: 20px; left: 10px;}
#navList{position: absolute; right: 2px; top: 42px;}
#navList ul{list-style: none; margin: 0px;}
#navList ul li{float: left; padding-left: 25px; display: block;}
#navList ul li a{display: block; height: 23px; line-height: 23px; text-decoration: none;}
#navList li a span{display: block; float: left; padding-right: 12px; margin-left:14px; height: 23px; font-size: 14px; cursor: pointer; color: #1c507f;}
#navList li a:hover, #navList a.current-page{background:url("images/navHover.jpg") left no-repeat;}
#navList li a:hover span, #navList a.current-page span{background:url("images/navHover.jpg") right no-repeat;}
p {margin:0 0 1.5em; color: #fff; font-size: 13px; line-height: 1.3em;}
#topnavigation {display:block; margin:0; padding:0; list-style-type:none; float:right; margin-top:10px;}
#topnavigation li {float:left; margin:0 2px;}
#topnavigation li a{color:#fff; display:block; float:left; font-size:14px; text-decoration:none; line-height: 26px; height:26px;}
#topnavigation li a span{display:block; float:left; height:26px; padding-right: 8px; margin-left:8px; cursor:pointer;}
#topnavigation li a:hover, #topnavigation a.current-page {background:url("images/navhlt.png") no-repeat left;}
#topnavigation li a:hover span, #topnavigation a.current-page span {background:url("images/navhlt.png") no-repeat right;}
#tabContainer{width: 228px; position: absolute; top: 0px; right: 0px;}
#twitter{float: left; width: 20px; display: block; padding-top: 6px;}
#linkedin{float: left; width: 20px; display: block; padding-top: 6px;}
#tab{background: url(images/tab.jpg) no-repeat; color: #dd9e21; font-size: 14px; font-weight: bold;padding-left: 10px; padding-top: 4px;display: block; float: left; height: 24px; width: 125px;}
#login{padding-top: 6px; float: left; color: #999; font-size: 13px; font-weight: bold;}
#bodyhome{background: url(images/bg.jpg) repeat-x; min-height: 718px; min-width: 970px;}
#footer{background: url(images/footer.jpg) repeat-x; height: 132px; clear: both; color: #fff; min-width: 970px;}
#footer1{width: 970px; margin: 0 auto; padding-top: 25px; height: 70px;}
#footerNav{padding: 0; padding-top: 10px; margin: 0; float: left; margin-left: -18px;}
#footerNav ul{list-style: none;}
#footerNav ul li{float: left; padding-right: 15px;}
#footerNav a{color: #fff; font-size: 11px; text-decoration: none;}
#newsletter{float:right; width: 250px; height: 30px;text-align: right; ; font-size: 12px;}
#newsletter a{color: #edb036; text-decoration: none;}
#footerInner{background: #0a2d4d url(images/footerInnerBg.jpg) repeat-x; height: 160px; clear: both; color: #fff;}
#footer2{clear: both; width: 970px; margin: 0 auto; padding-top: 10px;}
#dtFooter{color: #aaa; float: left;font-size: 10px; width: 400px;}
#dtFooter a{color: #888;}
#copyright{color: #aaa; font-size: 11px; float: right; width: 300px; text-align: right;}
/* Home */
#slogan{z-index: 200; position: absolute; color: #fff; font-size: 30px; right: 50px; top: 30px;}
.homeSubHeading{padding-top: 66px; padding-left: 38px;color: #ffb522; font-weight: bold; font-size: 20px; letter-spacing:-1px; margin-bottom: .5em;}
.cta{color: #fff; line-height: 1.4em; max-width: 320px; padding-left: 38px; font-size: 13px; letter-spacing: .1px;}
#firstFold{height: 345px;}
#slider{width: 970px; float: left; height: 345px; background: url(images/glow.jpg) right top no-repeat; position: relative;}
#secondFold{clear: both; padding-top: 15px;}
#welcomeText{width: 560px; float: left; padding-top: 13px;}
#welcomeText p{color: #333; font-size: 14px;}
#welcomeHeading{background: url(images/globe.jpg) left no-repeat; padding-left: 40px; padding-top: 10px;}
#seeMore{position: absolute; right: 200px; top: 250px; background: url(images/seeMoreBtn.png) top no-repeat; display: block; width: 157px; height: 80px;}
#seeMore:hover{background-position: bottom; cursor: pointer;}
#contact{position: absolute; right: 35px; top: 260px; background: url(images/contactBtn.png) top no-repeat; display: block; width: 148px; height: 70px;}
#contact:hover{background-position: bottom; cursor: pointer;}
#learnMore{background: url(images/learnMoreBtn.jpg) top no-repeat; margin-top: -15px;float: right; display: block; width: 147px; height: 45px;}
#learnMore:hover{background-position: bottom;}
#recentNews{float: right; margin-right: 32px;}
#newsHeading{margin: 0; font-size:20px; color: #333; font-weight: bold; font-family: Georgia;background: url(images/news.jpg) left no-repeat; display: block; padding-left: 42px; padding-top: 10px;}
#newsTop{background: url(images/newsTop.jpg) no-repeat; width: 320px; height: 13px;}
#newsRepeat{background: url(images/newsRepeat.jpg) repeat-y; width: 300px; max-height: 220px; padding-left: 20px;}
#newsBottom{background: url(images/newsBottom.jpg) no-repeat; width: 320px; height: 11px;}
/* Subpages layout */
#bodyinner{background: #094477 url(images/innerBg.jpg) repeat-x; min-width: 970px; height: auto; position: relative;}
#content{text-align: left;}
#subNavigation{width: 20em; float: right;}
#subNavigation ul{list-style: none; border: 1px solid #FFE8CD; background: #FFF9D8;}
#innerContent{background: #094477 url(images/innerTopBg.jpg) top repeat-x; min-height: 380px; margin-top: 1px;}
#innerLeft{float: left; width: 470px; background: url(images/innerLeft.jpg) no-repeat; min-height: 390px; margin-top: 1px; padding-top: 40px; padding-bottom: 10px; }
#innerLeft p{ font-size: 13px; color: #fff;}
#innerLeft ul li{color: #fff; font-size: 12px; line-height: 1.3em;}
#pageSlogan{color: #0a2d4d; font-weight: bold; padding-top: 22px;}
#innerRight{float: right; width: 464px; padding-top: 35px;}
#innerPhoto{margin-top: 10px;}
#innerLists{margin-top: 0px; clear: left; margin-bottom: 0; padding-left: 0px;}
#innerRight ul{width: 480px; float: left; margin-left: -6px; margin-top: 25px;}
#innerRight ul li{float: left; display: block; font-size: 13px; width: 188px; background: url(images/bullet.jpg) no-repeat;
padding-bottom: 5px; padding-top: 3px; padding-left: 30px; margin-left: 22px; color: #fff; min-height: 30px;}
#innerRight ul li a{font-weight: bold;}
#divider{background: url(images/divider.jpg) repeat-x; height: 65px; min-width: 970px;}
#ctaContainer{width: 415px; margin: 0 auto;}
#quote{background: url(images/quote.png) top no-repeat; float: right;width: 196px; height: 91px; display: block; margin: 0 auto; margin-top: 18px;}
#quote:hover{background-position: bottom;}
#contactInner{background: url(images/contactBtn2.png) top no-repeat; float: left; width: 196px; height: 91px; display: block; margin: 0 auto; margin-top: 18px;}
#contactInner:hover{background-position: bottom;}
#pageName{color: #fff; font-size: 26px; margin-bottom: .7em; font-weight: bold;font-family: Georgia;}
#pageName2{color: #fff; font-size: 26px; margin-bottom: .3em;}
/* Organizations Page */
#organizationsContainer{background: url(images/innerLeft.jpg) no-repeat; padding-bottom: 30px;}
#organizationsTop{margin-top: 1px; padding-top: 40px; height: 130px;}
#orgTopLeft p{color: #fff; line-height: 1.4em; font-size: 14px; width: 600px;}
#orgTopLeft{float: left;}
#orgTopRight{margin-top: 12px;float: right; background: url(images/orgNav.jpg) no-repeat; width: 308px; height: 110px;}
#orgTopRight ul{width: 380px; float: left; margin-left: -3px; margin-top: 20px;}
#orgTopRight ul li{float: left; display: block; font-size: 13px; width: 106px; background: url(images/bullet.jpg) no-repeat;
padding-bottom: 5px; padding-top: 3px; padding-left: 30px; margin-left: 22px; color: #fff; min-height: 34px;}
#orgTopRight ul li a{font-weight: bold;}
#organizationsBottom{clear: both; margin-top: 20px;}
.orgBox{width: 225px; float: left; padding-left: 14px; height: 150px;}
.orgBox img{padding: 0; margin: 0;}
#orgCTA{width: 400px; margin: 0 auto; position: absolute; bottom: -70px; left: 284px;}
/* Contact */
#contactLeft{float: left; width: 455px; height: 490px; background: url(images/contacGlow.png) no-repeat; margin-top: 1px; padding-top: 40px;}
#contactRight{float: right; position: relative;height: 480px;width: 464px; padding-top: 40px;}
#contactPhoto{float: left; margin-right: 20px; height: 225px;}
#contactInfo{margin-top: 20px;}
#contactInfo p{line-height: 1.5em; font-size: 14px;}
#contactInfo p a{font-weight: bold; text-decoration: underline;}
#contactEmail{clear: left;}
#contactEmail p{line-height: 1.9em; letter-spacing: .3px;}
#contactCTA{width: 400px; margin: 0 auto; position: absolute; bottom: -70px; left: 175px;}
#contactForm{height: 316px; width: 400px;}
.orangeBold{margin-top: .8em; color: #ffc758; font-size: 16px; font-weight: bold; margin-bottom: .5em;}
.contactInput{width: 240px;}
.formText{color: #fff; float: right;}
.contactMessage{width: 232px; height: 40px;}
.contactTable{padding-bottom: 4px;}
#ctaContact{position: absolute; bottom: -25px; left: 100px;}
/* Services */
#serviceTop{padding-top: 40px;}
#serviceBottom{padding: 10px 0px 10px 35px; height: 380px;}
.serviceInfo{width: 300px; padding-left: 105px; margin-top: -75px;}
.serviceInfo p{color: #0f487a;}
.paragraphList{float: left; background: url(images/serviceBG.jpg) no-repeat; width: 425px; height: 130px; padding: 26px 18px 20px 18px;}
.paragraphList:hover{background: url(images/serviceBGhover.jpg) no-repeat;}
.paragraphList h2{color: #0f487a; font-weight: bold; font-family: Tahoma; font-size: 16px; cursor: pointer;}
.paragraphList a:hover{text-decoration: none; border: none; cursor: pointer;}
#SCM{background: url(images/icons/iconSCM.jpg) no-repeat; height: 92px; display: block; cursor: pointer; padding-top: 6px;padding-left: 105px;}
#ILM{background: url(images/icons/iconILM.jpg) no-repeat; height: 92px; display: block; cursor: pointer; padding-top: 6px;padding-left: 105px;}
#IFF{background: url(images/icons/iconIFF.jpg) no-repeat; height: 92px; display: block; cursor: pointer;padding-top: 6px;padding-left: 105px;}
#OS{background: url(images/icons/iconOS.jpg) no-repeat; height: 92px; display: block; padding-top: 6px;padding-left: 105px;}
/* Quote */
#quotePage{padding-top: 40px;}
#quoteContainer{padding: 40px 0px 10px 35px;}
#freightIcon{background: url(images/icons/iconFreight.png) no-repeat; height: 110px; display: block; padding-top: 40px;padding-left: 120px;}
#contactIcon{background: url(images/icons/iconContact.png) no-repeat; height: 110px; display: block; padding-top: 0px;padding-left: 105px;}
.paragraphList h3{color: #0f487a; font-weight: bold; font-family: Tahoma; font-size: 20px; cursor: pointer;}
#contactIcon p{color: #0f487a; width: 275px; padding-left: 15px; padding-top: 10px;}
/* Industries */
#industriesLeft{float: left; width: 570px; background: url(images/innerLeft.jpg) no-repeat; min-height: 320px; margin-top: 1px; padding-top: 40px; padding-bottom: 10px; }
#industriesLeft p{font-size: 13px; color: #fff;}
#industriesLeft ul{list-style: none; width: 560px; float: left; margin-left: -15px; margin-top: 10px;}
#industriesLeft ul li{float: left; font-size: 13px; width: 212px; padding-bottom: 5px;
padding-top: 8px; padding-left: 44px; margin-left: 22px; color: #fff; min-height: 35px;}
#industriesLeft ul a{color: #fff; font-size: 14px; font-weight: bold;}
#aero{background: url(images/icons/icoSatellite.png) no-repeat; display: block;}
#auto{background: url(images/icons/iconWheel.png) no-repeat; display: block;}
#dev{background: url(images/icons/icoBarrier.png) no-repeat; display: block;}
#health{background: url(images/icons/icoBeaker.png) no-repeat; display: block;}
#hosp{background: url(images/icons/icoHotel.png) no-repeat; display: block;}
#amuse{background: url(images/icons/icoCastle.png) no-repeat; display: block;}
#consumer{background: url(images/icons/icoIpod.png) no-repeat; display: block;}
#energy{background: url(images/icons/icoAtom.png) no-repeat; display: block;}
#tech{background: url(images/icons/icoComp.png) no-repeat; display: block;}
#industriesRight{float: right; width: 364px; padding-top: 35px;}
#innerPhoto{margin-top: 10px;}
#industriesLists{margin-top: 0px; clear: left; margin-bottom: 0; padding-left: 0px;}
/* News */
#innerNewsLeft{float: left; width: 670px; background: url(images/innerLeft.jpg) no-repeat; min-height: 390px; margin-top: 1px; padding-top: 40px; padding-bottom: 20px; }
#innerNewsLeft h2{color: #fff; font-size: 22px;}
#innerNewsRight{float: right; width: 264px; padding-top: 35px;}
.entry-meta{color: #ddd; font-size: 11px; margin-bottom: 1.1em;}
.entry-date{color: #ddd; font-size: 11px; margin-bottom: 1.1em; text-decoration: none; margin-top: 0;S}
.entry-title h2{margin: 0;}
.entry-title{margin: 0; padding: 0; margin-bottom: 6px;}
.page-title{color: #fff; font-size: 22px;}
.hentry{margin-bottom: 50px;}
.postHome{width: 280px; margin-top: 10px;}
.postHome h3{font-size: 13px; line-height: 1.1em;margin: 0; font-weight: bold; color: #aaa; font-family: Tahoma;}
.postHome p{color: #444; font-size: 12px; margin: 0;}
.smallHome{color: #888; font-size: 10px;}
.readMore{margin: 0; text-align: right; font-size: 12px;}
.newsArchives{color: #fff;}
#news_sidebar{padding-top: 0px; width: 200px; float: right; color: #fff; font-size: 12px; line-height: 1.4em;}
#news_sidebar ul{margin: 0; padding: 0; padding-left: 0px; list-style: none;}
#news_sidebar ul ul{padding: 0 0 5px 10px;}
#news_sidebar li{font-size: 15px; color: #fff;}
#news_sidebar li a{color: #ffc758;}
#news_column{float: left; width: 280px; padding-left: 1px; margin-top: 9px;}
#news_column a{color: #0f487a;}
/* Login */
.loginBtn{background: url(images/loginBtn.png) top no-repeat; width: 442px; margin-bottom: 10px; padding-top: 12px; height: 76px; display: block;}
.loginBtn:hover{background-position: bottom;}
.loginBtn h3{color:#0f487a; font-weight: bold; padding-left: 80px; margin-left: 16px; font-size: 28px; padding-top: 20px;}
#loginContainer{padding: 10px 0px 20px 265px;}
#forwarding{background: url(images/forwardIcon.jpg) no-repeat; height: 60px;}
#fulfillment{background: url(images/globeIcon.jpg) no-repeat; height: 60px;}
#tracking{background: url(images/phoneIcon.jpg) no-repeat; height: 60px;}
/* Freight Quote*/
#freightQuoteContent{padding: 40px 0 20px 0;}
.freightSubmit{background: url(images/submitBtn.png) top no-repeat; width: 196px; height: 91px; border: none;}
.freightSubmit:hover{background-position: bottom; cursor: pointer;}
.red{color: red;}
#freightQuoteContent td{color: #fff;}
#freightQt{width: 400px;}
.Address2{margin-top: 8px;}
.freightQuote{margin-top: .4em; color: #ffc758; font-size: 18px; font-weight: bold; margin-bottom: .5em;}
.freightBold{margin-top: .4em; color: #fff; font-size: 18px; font-weight: bold; margin-bottom: .5em;}
/* FONTS standards */
body {font-size: 14px; background:#fff; font-family: "Lucida Grande", Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {color: #333; font-weight: 500;}
h1 {font-size:27px; color: #fff; line-height: 1; margin-bottom:0.8em; font-weight: bold; font-family: Georgia}
h2 {font-size:20px; color: #333; margin-bottom:0.75em; font-weight: bold; font-family: Georgia;}
h3 {font-size: 18px;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
/* LINKS standards */
a:focus, a:hover {color:#000;}
a {color: #ffc758; text-decoration:none;}
a:hover{color: #ffc758; text-decoration: hover;}
h1 a{color: #666; text-decoration: none;}
/* ELEMENTS standards */
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol p{margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
/* FORM ELEMENTS */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:300px;height:25px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.error ul{margin-bottom: 0; padding-bottom: 0;}
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
div.scrollable {
/* required settings */
position:relative;
overflow:hidden;
padding-top: 14px;
width: 970px;
height:312px;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set width and height for the root element and
not for this element.
*/
div.scrollable div.items {
/* this cannot be too large */
width:20000em;
position:absolute;
}
/*
a single item. must be floated in horizontal scrolling.
typically, this element is the one that *you* will style
the most.
*/
div.scrollable div.items div {
float:left;
}
/* you may want to setup some decorations to active the item */
div.items div.active {
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */