﻿body { margin:0px; padding:0px; background:url('../images/bg.jpg') #263e4b repeat-x; font-family:Arial;  font-size:12px; }
img { border:none; }

#main_container { margin:0px auto;width:894px; }
#header_container {	width:894px; height:71px; }
#flash_container { width:894px; height:414px; }
#inner_container { width:894px; color:#3a454b; }
#homepage_content_container { width:894px; height:152px; background:url('../images/hp_bg.jpg') no-repeat; }
#footer_container {	width:894px; height:30px; color:#ffffff; font-size:11px; float:left; }

/* Logo */
div.logo_container { width:238px; height:71px; float:left; }
a.logo { width:238px; height:71px; display:block; text-indent:-9999px; overflow:hidden; background:url('../images/UniFreight.jpg') no-repeat;}

/* Menu */
div.menu_container { width:656px; height:71px; float:left; }
 
#menu_nav { margin-top:54px; margin-left:60px; height:18px; } 
#nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:18px; }
#nav a:link, #nav a:active, #nav a:visited { display:block; padding:0px 0px; color:#ffffff; text-decoration:none; font-size:13px; }
#nav a:hover { color:#ffb21a; text-decoration:none; font-size:13px; }
#nav a.checked { color:#ffb21a; text-decoration:none; font-size:13px; }
#nav li{ float:left; position:relative;	padding-left:24px; background:url('../images/bullet_topmenu.gif') no-repeat 9px 5px; }
#nav li.first { float:left; position:relative; padding-left:24px; background-image:none; }

#nav .secondlevel li { float:left; position:relative; padding-left:5px; background:#778B94 url(../images/tm_bg.jpg) repeat-x;	padding-top:2px; padding-bottom:2px; border-bottom:1px solid #ffffff; border-left:1px solid #ffffff;border-right:1px solid #ffffff; }
#nav .secondlevel li.top { float:left; position:relative; padding-left:5px; background:#778B94 url(../images/tm_bg.jpg) repeat-x; padding-top:2px; padding-bottom:2px; border-top:1px solid #ffffff; border-left:1px solid #ffffff;	border-right:1px solid #ffffff; }
#nav .secondlevel ul { position:relative; padding-left:5px; background:#778B94; }

#nav ul { position:absolute; width:200px; top:18px; display:none; padding-bottom:5px; }
#nav li ul a { width:170px; float:left; }
#nav ul ul{	top:auto; }	
#nav li ul ul { width:150px; margin:0px 0 0 5px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; }
 



/* Homepage */ 
#homepage_content_container h2 { display:block; margin:0px; padding:0px; color:#ffffff; background:url('../images/hl.gif') repeat-x bottom; font-size:14px; padding-bottom:8px; margin-bottom:8px; }
#news_area { float:left; width:366px; height:110px;  margin-top:25px; padding-left:124px; color:#ffffff; }
#news_area a { color:#ffffff; text-decoration:underline; }
#news_area a:hover { color:#ffffff; text-decoration:none; }
h2 a:link,a:visited,a:active,a:hover .hp_area { color:#ffffff; text-decoration:none; }

#customers_area { float:left; width:184px; height:110px; margin-left:36px; margin-top:25px; }
#customers_area div.logos {	margin-left:18px; cursor:pointer; }

#demo_area { float:left; width:120px; height:110px; margin-left:38px; margin-top:25px; }
#demo_area h2 {	text-align:center; margin-left:-5px; }
#demo_area a.demo_btn {	display:block; background:url('../images/btn_target.jpg') no-repeat center; height:60px; width:110px; margin-left:5px; }
#demo_area a.demo_btn:hover { display:block; background:url('../images/btn_target_o.jpg') no-repeat center; height:60px; width:110px; margin-left:5px; }


/* Inner pages */
#sidemenu {	width:197px; height:404px; float:left; margin-top:5px; background:url('../images/side_menu_bg.jpg') no-repeat 0px 56px; }
#sidemenu .title { display:block; width:197px; height:56px; background:url('../images/side_menu_title.jpg') no-repeat; }
#sidemenu h2 { margin:0px; padding:0px; color:#ffb21a; font-size:14px; padding-left:15px; padding-top:25px; }
#sidemenu .list_area { display:block; width:197px; height:311px; }
#sidemenu .Industries { background:url(../images/side_Industries.jpg) no-repeat bottom; }
#sidemenu .company { background:url(../images/side_company.jpg) no-repeat bottom; }
#sidemenu .contact { background:url(../images/side_contact.jpg) no-repeat bottom; }
#sidemenu .media { background:url(../images/side_media.jpg) no-repeat bottom; }
#sidemenu .services { background:url(../images/side_services.jpg) no-repeat bottom; }
#sidemenu .solutions { background:url(../images/side_solutions.jpg) no-repeat bottom; }
#sidemenu .bottom_sidemenu { display:block; width:197px; height:37px; background:url('../images/side_menu_bot.jpg') no-repeat; }
#sidemenu .list_area ul { list-style:none; margin:0px; padding:0px; }
#sidemenu .list_area li { margin:0px; padding:0px; }
#sidemenu .list_area a { display:block; width:177px; padding-top:3px; padding-bottom:4px; color:#3a454b; padding-left:20px; line-height:16px; background:url('../images/bullet_topmenu.gif') no-repeat 8px 8px; text-decoration:none;  }
#sidemenu .list_area a:hover { display:block; width:177px; padding-top:3px; padding-bottom:4px; color:#3a454b; padding-left:20px; line-height:16px; background:url('../images/bullet_sidemenu_g.jpg') no-repeat 8px 8px #abbaaf; text-decoration:none;  }
#sidemenu .list_area a.checked { display:block; width:177px; padding-top:3px; padding-bottom:4px; color:#3a454b; padding-left:20px; line-height:16px; background:url('../images/bullet_sidemenu.gif') no-repeat 8px 8px #FFB21A; text-decoration:none;  }


/* Content */
#content_area { float:left; width:550px; margin-top:5px; margin-left:16px; }
#content_top { width:550px; height:14px; margin:0px; padding:0px; }
#content_top { background:url(../images/top.png) no-repeat; }
*html #content_top { background-image:url(../images/spacer.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/top.png'); }

#content_bot { width:550px; height:14px; background:url(../images/bot.png) no-repeat; margin:0px; padding:0px; }
*html #content_bot { background-image:url(../images/spacer.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bot.png'); }

#content { width:490px; background:#e4e9ec; min-height:367px; padding-left:30px; color:#3e4a50; padding-top:10px; padding-right:30px; }
#content h1 { margin:0px; padding:0px; font-size:16px; display:block; padding-bottom:10px; margin-bottom:15px; background:url(../images/content_hl.gif) repeat-x bottom; width:70%; }
#content h2 { margin:0px; padding:0px; font-size:14px; }
#content p { margin:0px; padding:0px; font-size:12px; margin-bottom:15px; }
#content ul { margin:0px; padding:0px; list-style:none; }
#content li { margin:0px; padding:0px; margin-bottom:6px; }
#content li { padding-left:15px; background:url(../images/bullet.gif) 3px 3px no-repeat; }

#content ul.bullet7  { margin:0px; padding:0px; list-style:none; }
#content ul.bullet7 li { padding-left:25px; background:url(../images/bollets7.gif) 0px 0px no-repeat; line-height:20px; }

#content ul.inner li { padding: 0; background:url(../images/bollets7i.gif) 0px -3px no-repeat; line-height:15px; }
#content ul.inner li.first { padding-top:5px; }

#content ul.second_ul { margin-top:5px; list-style:none; }
#content li.second_li { margin-top:5px; margin-bottom:0px; }

#content a { font-weight:bold; color:#3e4a50; text-decoration:underline; }
#content a:hover { text-decoration:none; }
#content div.customers_logos img { margin-right:12px; margin-bottom:20px; }
#content .img_erp { margin-left:15%; }
#content .list_area_inner h2 { margin-bottom:0px; padding-bottom:8px; }
#content .list_area_inner li { margin-bottom:0px; line-height:18px; }


#side_bar {	width:105px; float:left; margin-top:25px; margin-left:16px; }
#side_bar ul { list-style:none; margin:0px; padding:0px; }
#side_bar li { margin:0px; padding:0px; }
#side_bar a { display:block; width:95px; padding-top:3px; padding-bottom:4px; padding-left:20px; line-height:16px; background:url('../images/bullet_topmenu.gif') no-repeat 8px 8px; text-decoration:underline; color:#ffffff;  }
#side_bar a:hover { display:block; width:95px; padding-top:3px; padding-bottom:4px; color:#3a454b; padding-left:20px; line-height:16px; background:url('../images/bullet_topmenu.gif') no-repeat 8px 8px; text-decoration:none; color:#ffffff;  }
/* Footer */
#footer_container {	padding-top:5px; background:url('../images/footer_hl.gif') no-repeat top; margin-top:15px; }
#footer_container a {color:#ffffff; font-size:11px; text-decoration:none; }
#footer_container a:hover {color:#ffffff; font-size:11px; text-decoration:underline; }
#footer_container ul { list-style:none; margin:0px; padding:0px; }
#footer_container li { margin:0px; padding:0px; float:left; }
#footer_container li { padding-left:5px; padding-right:5px;  }
#footer_container li.sep_blt { background:url('../images/bullet_topmenu.gif') no-repeat center; display:block; width:10px; height:14px; }

#content a.download { color:#ffb21a; }

.created_by { color:#b0b1b1; font-size:9px; display:block; height:14px; line-height:18px; width:52px; float:left; overflow:hidden; }
a.attractive {  display:block; height:14px; width:67px; float:left; background:url('../images/attractive.png') no-repeat;  }
*html a.attractive { background-image:url(../images/spacer.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/attractive.png'); }

.foot1 { float:left; width:320px; padding-left:15px; }
.foot2 { float:left; width:425px; }
.foot3 { float:left; width:125px; }

/* ClearFix */
.clearfix:after { content:"."; display:block; height:0; line-height:0; font-size:0; clear:both; visibility: hidden; }
/* End hide from IE Mac */
* html .clearfix { height:1px; }

div { background: url(../images/cool.png); }


/* Navigation */

