/* ----------------------------------------------------------------------------------------------------------
HTML tags, reset
---------------------------------------------------------------------------------------------------------- */
* {margin:0; padding:0;}

body {
	padding-bottom:20px; 
	/*background:url("http://logisticslogic.com/images/bg.gif") 0 0 repeat-x;*/
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

p, table, ul, ol, dl, fieldset {margin:5px 0;}
table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 2px;}
ul, ol {margin-left:10px;}
ul ul, ol ol {margin:0; margin-left:10px;}

dt {font-weight:bold;}
dd {margin-left:30px;}


/* ----------------------------------------------------------------------------------------------------------
Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */
.box {min-height:1px; width:910px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
.relative {position:relative;}
.clear {clear:both;}
.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}
.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}
.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}
.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.noscreen {display:none;}
         
/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */
#main {width:910px; margin:0 auto; text-align:left;}
#header {
	position:relative; 
	height:80px; 
	background:url("http://logisticslogic.com/images/header.jpg") no-repeat;
	
}

#cols {background:url("http://logisticslogic.com/images/cols.gif") repeat-y;}
#content {float:left; width:655px; overflow:hidden;}
#content #content-title {
	margin:0; 
	padding:15px 15px 10px 20px; 
	background:url("http://logisticslogic.com/images/content-title.jpg") 0 0 no-repeat; 
	font-size:100%;  
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content #content-in {padding:15px 15px 10px 20px;}
#aside {float:right; width:255px; overflow:hidden;}
#aside #aside-title {
	margin:0; 
	padding:15px 15px 10px 15px; 
	background:url("http://logisticslogic.com/images/aside-title.jpg") 0 0 no-repeat; 
	font-size:100%;  
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#aside .aside-in {padding:10px 10px 15px 10px;}
#aside .aside-box {padding:10px; background:url("http://logisticslogic.com/images/aside-box.jpg") 0 0 no-repeat;}
#aside .title {
	margin:0 5px 0 0; 
	padding:5px 15px; 
	background:url("http://logisticslogic.com/images/aside-title-02.gif") 0 0 repeat-x; 
	font-size:100%;
	color:#FFFFFF;
	font-family:Verdana;
}    
#cols-bottom {width:910px; height:12px; background:url("http://logisticslogic.com/images/cols-bottom.gif") 0 0 no-repeat; font-size:0;}
#footer {
	width:870px; 
	height:45px; 
	padding:13px 20px 0 20px; 
	background:url("http://logisticslogic.com/images/footer.gif") 0 0 no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px
}
#footer p {
	margin:0;
}
#footer a {
	font-weight:bold;
	text-decoration:none;
}

.page_header
{
	font-size: 18px;
	font-weight: bold;
	color: black;
}

.page_content {
	margin-top:5px;
	padding-left:10px;
	width:555px;
	text-align:justify;
}
 
/* ----------------------------------------------------------------------------------------------------------
5) Page: Home
---------------------------------------------------------------------------------------------------------- */
#perex {margin-left:5px; padding:15px; background:url("http://logisticslogic.com/images/banner_top.jpg") 0 100% no-repeat;}
#perex p {margin:0;}
#sections {background:url("http://logisticslogic.com/images/sections.gif") 0 0 repeat-y;}
#sections-bottom {width:620px; height:7px; background:url("http://logisticslogic.com/images/sections-bottom.gif") 0 0 no-repeat; font-size:0;}
.section {float:left; width:200px;}
.section p {margin:0;}
.section.margin {margin:0 10px;}
.section h3 {margin:0; padding:10px; background:url("http://logisticslogic.com/images/section-title.gif") 0 0 no-repeat; font-size:100%;}
.section-in {margin-bottom:10px; padding:0 10px 10px 10px;}
dl#news, dl#news dd {margin:0;}
dl#news dt {clear:both; padding-left:18px; background:url("http://logisticslogic.com/images/ico-list.gif") 0 2px no-repeat;}
dl#news dd {margin:7px 0 10px 0; padding-bottom:10px;}
dl#news dd span.date {padding-right:10px; background:url("http://logisticslogic.com/images/date.gif") 100% 50% no-repeat; font-size:85%; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
Round Box Main Content
---------------------------------------------------------------------------------------------------------- */
.rbroundbox { background: url(http://logisticslogic.com/images/nt.gif) repeat; }
.rbtop div { background: url(http://logisticslogic.com/images/tl.gif) no-repeat top left; }
.rbtop { background: url(http://logisticslogic.com/images/tr.gif) no-repeat top right; }
.rbbot div { background: url(http://logisticslogic.com/images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(http://logisticslogic.com/images/br.gif) no-repeat bottom right; }

.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; }



/*-----------------------------------------------------------------------------------------------------------
Round Box Content Pages
-----------------------------------------------------------------------------------------------------------*/
.rb_content_top 
{
	background-image:url(http://logisticslogic.com/images/body_box/top.gif);
	background-repeat:no-repeat;
	height:9px;
	width:608;
	margin-left:25px;
	margin-top:20px;
}
.rb_content_body 
{
	background-image:url(http://logisticslogic.com/images/body_box/middle.gif);
	background-repeat:repeat-y; 
	width:608;
	height:auto;
	margin-left:25px;
	padding-left:15px;
	margin-top:-3px;
}
.rb_content_bottom 
{
	background-image:url(http://logisticslogic.com/images/body_box/bottom.gif);
	background-repeat:no-repeat;
	height:9px;
	width:608;
	margin-left:25px;
	margin-bottom:20px;
}

.contentheading
{
	font-weight:bold;	
}

.contentbody
{
	font-weight:normal;
	padding-left:10px;
}

/*-----------------------------------------
More Button
------------------------------------------*/
a.boldbuttons{
background: transparent url('http://logisticslogic.com/images/roundedge-gray-left.jpg') no-repeat top left;
display: block;
float: left;
font: bold 11px Verdana; /* Change 13px as desired */
line-height: 14px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 22px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('http://logisticslogic.com/images/roundedge-gray-right.jpg') no-repeat top right;
display: block;
padding: 3px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


.button {
	border:2px solid #DADADA;
	height: 25px;
	background-color:#6C6C6C;
	color:#FFFFFF;
	font: bold 11px Verdana;
	cursor:pointer;
}

input {
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;

}

ul {
	/*list-style-image: url(http://logisticslogic.com/images/arrow.jpg);*/
	list-style:none;
	list-style-position: outside;
}

.learn_more_link
{
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
}

.headers {
	color:#666666;
	font-size:15px;
	font-family:Verdana;
	font-weight:bold;
}

.partners {
	margin-top:50px;
}