/* CSS Document for logisticedge.com by DianeV. Web Design Studio http://dianev.com */

body {color:#000; margin:5px 0 15px 0; padding:0; font-size:82.5%; text-align:center; font-family:Arial, Helvetica, sans-serif; background:#989898}

#pagewrap {width:920px; margin:auto}
#bktop {width:920px; height:25px; background:url(images/l/call-now.gif) no-repeat}
#pagebkwrap {width:920px; padding-bottom:25px; background:url(images/l/bkpage.jpg) repeat-y}

/* LOGO */
#logowrap {width:920px; margin:0 auto}
#thelogo {float:left; width:280px; padding:18px 0 0 30px}
	#thelogo img  {width:260px; height:80px}
	#thelogo a img {border:none; text-decoration:none}

	#thelogo div#tagline {color:#354b72; padding-top:10px; font-size:19px; font-weight:bold; letter-spacing:-1px}

#logophoto {float:right; width:578px; height:167px} /* building photo */
	#logophoto img {width:578px; height:167px}

/* HNAV */
#hnav {clear:both; width:900px; margin:auto; font-size:12px; border-top:3px solid #94B0C8; background:#B93530}
#hnav ul {width:900px; height:28px; margin:0; padding:0; font-size:12px; list-style:none; line-height:1} /* leave line-height:1 */
	#hnav li {float:left; padding:0; margin:0; font-weight:bold} /* width needed for Opera */
	#hnav li a {color:#fff; display:block; padding:8px 20px; text-decoration:none; border-left:1px solid #94B0C8}
	#hnav li#navblog {background:#7A9CBA}
	#hnav li#hnavleft a {border-left:none}
	#hnav li a:hover {color:#fff; background:#384768}

	/* dropdowns (using :left => display:none not read by screen readers) */
#hnav li ul {position:absolute; left:-999em; display:block; height:24px; font-weight:normal; padding:0; margin:0}
#hnav li ul li {width:100%; text-align:left; letter-spacing:normal}
#hnav li li a {color:#000; display:block; padding:6px 30px; text-decoration:none; font-weight:normal; border-bottom:1px solid #748998; background:#E9ECEF} /* conform padding-left to #hnav a */

	/* second level widths */
	#hnav li ul#hnavsvcs {width:260px}

#hnav li:hover ul, #hnav li.sfhover ul {left:auto} /* lists nested under hovered list items */

#bk-hnavshadow {width:900px; height:14px; margin:0 auto; background:url(images/l/bk-hnavshadow.jpg) repeat-x}

/* CONTENT */
#contentwrap {width:830px; margin:auto; padding-bottom:10px; text-align:left} /* see also pagebkwrap */

/* FOOTER */
#footerwrap {clear:both; width:920px; height:33px; margin:auto; background:url(images/l/bk-btm.jpg) no-repeat}
	#thec {color:#ddd; font-size:11px; padding-top:15px; letter-spacing:1px}
	#thec a {color:#ddd; text-decoration:underline}
	#thec a:hover {color:#fff; text-decoration:none}

/* END MAJOR LAYOUT STYLES */
#bread {width:584px; font-size:11px; letter-spacing:1px; padding-bottom:15px}
#bread a {color:#000; text-decoration:underline}
#bread a:hover {color:#B93530; text-decoration:none}

ul.ulnext {list-style:none; padding:8px 0 0 30px; margin:0 0 0 25px; background:url(images/l/arrow.gif) no-repeat}
ul.ulnext a {color:#992B28; font-weight:bold; text-decoration:underline}
ul.ulnext a:hover {color:#0A3E99; text-decoration:none}

#theslide       {width:250px; height:57px; margin:8px auto}
#theslide img   {width:250px; height:57px; border:none}
#theslide a img {text-decoration:none; border:none}

/*                         */
h1,h2,h3,h4,.h1,.h2,.h3,.h4 {color:#000; font-weight:bold}
h1,.h1 {font-size:18px; margin-top:0} /* margin-top for Opera */
h2,.h2 {font-size:17px}
h3,.h3 {font-size:15px}
.hsub {color:#777}

.b {font-weight:bold}
.i {font-style:italic}
.bi {font-weight:bold; font-style:italic}
.highlightred {color:#B93530}
.grey666 {color:#666}

.mt0 {margin-top:0}
.mb0 {margin-bottom:0}

.tinyfont {font-size:11px}
.tinydetail {font-size:11px}

.goto {font-size:11px}
.dv {color:#CE1C94; font-size:13px; font-weight:bold; font-style:italic}

/* inquiry table */
table.inquirytable {width:730px; margin:auto; background:#DDE2E6}
table.inquirytable th {color:#fff; text-align:left; font-size:14px; padding:1px 4px; font-weight:bold; font-style:italic; background:#4B6A85}
table.inquirytable td {padding:1px 4px; vertical-align:top}

/* locations table */
.locationtable {float:left; width:440px; border-bottom:5px solid #DDE2E6; background:#efefef}
.locationtable th {color:#fff; text-align:left; font-size:14px; padding:1px 5px; font-weight:bold; font-style:italic; background:#4B6A85}
.locationtable td {padding:2px 5px; vertical-align:top}
.locationtable a img {border:1px solid #0A3E99}
.locationtable a:hover img {border:1px solid #B93530}

	/* location inquiry table */
	table.locationinquirytable {float:right; width:350px; border-bottom:5px solid #DDE2E6; background:#efefef}
.locationinquirytable th {color:#fff; text-align:left; font-size:14px; padding:1px 5px; font-weight:bold; font-style:italic; background:#4B6A85}
.locationinquirytable td {padding:2px 5px; vertical-align:top}
.locationinquirytable a img {border:1px solid #0A3E99}
.locationinquirytable a:hover img {border:1px solid #B93530}

/* testimonials */
.testimonialsig {font-weight:bold; font-style:italic; line-height:1.1em; margin-bottom:40px}
div.testimonialpics {float:left; width:280px}
div.testimonialpics img {width:280px; height:210px}

/* home page thumbnails => contentwrap = 830px  */
ul.uldots {margin:10px 0 0 10px; padding:0 0 10px 5px; line-height:1.7em; list-style:none}
ul.uldots li {background:url(images/l/uldot.gif) no-repeat; padding-left:18px}
ul.uldots ul {margin-left:0; padding-left:0; list-style:none}
ul.uldots ul li {padding-left:18px; background:url(images/l/uldot.gif) no-repeat}

.hometbl {width:510px; height:215px; padding:5px 1px; line-height:normal}
.hometbl td { padding:0 0 2px 0}
.hometbl h2 {margin:0; letter-spacing:-1px}
.hometbl p {margin:0; font-size:12px; font-family:Arial,Helvetica,sans-serif}
.hometbl img {width:86px; height:86px}
.hometbl a img {text-decoration:none; border:4px solid #B93530}
.hometbl a:hover img {text-decoration:none; border:4px solid #94b0c8}

	.hometbl td.hometbltext {padding:0 0 2px 15px}

img.img666 {border:1px solid #666}
img.imgccc {border:1px solid #ccc}
img.img999 {border:1px solid #999}

.imgborderleft {border-left:9px solid #94B0C8}
.imgborderright {border-right:9px solid #94B0C8}
.imgborderleft img, .imgborderright img {border:1px solid #94b0c8}

/*input {border:1px solid #999}
input.rdio {border:none}*/

/* blue:354b72  border:94B0C8   red: B93530  tagline:354b72  hnav border:94B0C8 */

a:link, a:visited {color:#990000 /*#0A3E99*/; text-decoration:underline}
a:hover {color:#094277; text-decoration:none}
