body {
  /*background:#F9F7F3 url(/scarylion/images/bg_body_home.jpg) repeat-x scroll left top;*/
}

#super {
  background: transparent url(images/bg.jpg) repeat-x scroll 0 0;
  margin-top:0px;
  padding-top:1px;
}

#page {
  margin-top:3px;
}

#main {
  margin-top:0;
}

#content {
  background-color:white;
  /*border:  1px solid #222222;*/
}

#content-inner, #footer-inner {
  padding:10px 20px 20px 20px;
}


p, li {
  color: #787878;
  color: #464646;
}

p {
  margin-left:10px;
}

#content p, #content li{
  font-size: 0.9em;

}



.page-front p {
  margin-left:0px;
}

.clearfix {
  clear:both;
}


#block-nice_menus-1 {
  margin:0px;
}

.panel {
  height:295px;
  width:295px;
  float:left;
}

#panel-1, #panel-3, #panel-desc-1, #panel-desc-3{
  margin:15px;  
}

#panel-1, #panel-desc-1 {
  margin-left:0;
}

#panel-3, #panel-desc-3 {
  margin-right: 0;
}

#panel-2, #panel-desc-2 {
  margin: 15px 0;
}

.panel-desc {
  height:35px;
  width:230px;
  float:left;
  background: #EDEDED url(images/arrow.gif) no-repeat scroll left center;
  margin-top:0 !important; 
}

#page-inner{
  background-color:#FFFFFF;
}

#bottom-panel {
  width: 650px;
  /*margin: auto;*/
}

.bottom-panel {
  height: 100px;
  background-color:green;
  margin: 10px;
  width:295px;
  float:left;
}

#nav {
  /*background: #F6A828 url(/scarylion/images/orange-back.png) repeat-x scroll 50% 50%;*/
  /*background: #000000 url(/scarylion/images/black-back.jpg) repeat-x scroll 50% 50%;*/
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
}

#nice-menu-1 li {
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  margin:0 0.4em 0 0;
  background-color: black;
  border:0;
}

#nice-menu-1{
  padding:0px 10px 0 10px !important;
  margin: 0;
}

#nice-menu-1 a:link,
#nice-menu-1 a:visited {
  padding: 5px 20px;
  text-decoration: none;
  color: white;
  font-weight:bold;
}


#nice-menu-1 .active, #nice-menu-1 a:hover {
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  color: white !important;
  font-weight:bold;
  background-color: red;
}

#nav ul {
  left: 190px;
}

#intro-text {
  padding: 0 15px 15px 15px;
}

#intro-text h5, h3 {
  color: #2D2D2D;
  margin-bottom: 0px;
}

#intro-text p, .panel-desc p {
  margin-top: 1px;
  color: #464646;
  margin-bottom: 0px;
  font-weight: normal;
}

.panel-desc {
  padding:15px 25px 25px 40px;
}

.panel-desc p {
  font-size: 0.9em;
}

.panel-desc h5, .subheading {
  color: red;
  color: #000000;
  margin: 0;
  font-size:1.3em;
  font-weight:normal;

}

.panel-pic {
  width: 76px;
  float:left;
  padding: 0px;  
} 

.panel-writing {
  float:left;
}

#footer {
  height:100px;  
  /*background:white url(images/footer.jpg) repeat-x scroll 0 0;*/
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  /*border-top:5px solid red;*/
  /*background-color:#EEEEEE;*/
  background-color:#FFFFFF;
  
}

#footer-inner {
  /*margin-top:10px;*/
}

#footer-terms, #footer-nav {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

#footer ul li {
  border-right:1px solid #FFFFFF;
  float:left;
  line-height:14px;
  margin:0 10px 0 0;
  padding:0 10px 0 0;
}

#footer-nav {
 float:right;
}

#footer-terms {
  float:left;
}

#footer a:visited,
#footer a:hover,
#footer a:link {
  color: white;
  text-decoration: none;
  font-size: 0.8em;
  height: 0.9em;
}

#footer a:hover {
  text-decoration: underline;
}

.copy {
  color:red;
}

#content h1.title {
  color:red;
  font-family: Arial;
  font-weight:normal;
}

.intro {
  border:1px solid red;
  padding: 10px;
  background-color: #ffebd4;
  line-height: 1.5em;
}

.left{
  border-right:1px dotted red;
  padding: 10px;
  line-height: 1.5em;
  width: 50%;
  float:left;
}

.right {
  padding: 10px;
  line-height: 1.5em;
  width: 45%;
  float:left;

}

.orange {
  color:red;
  font-size: 1.1em;
  
}

ul.no-point {
  list-style-type:none;
}

ul.no-point li{
  margin-bottom: 15px;
}

a h5 {
  text-decoration: none;
}

a { 
  text-decoration:none; 
}

strong a:link, strong a:visited  {
  color: red;
}

#logos {
  height:20px;
  background-color:orange;
}

#mainlogo {
 float:left;
 width: 310px;
 margin-top: 15px;
 margin-left: 50px;
}

#icons-right {
  float:right;
  width 200px;
}

#icons-left {
  float:left;
  width 200px;
}

#login-form-top {
  float:right;
  margin-right: 40px;
}

.icon {
  height:52px;
}

.twitter, .facebook {
  height:26px;
}

/***Navbar****************************************/


#navul {
   font-family:helvetica;
  padding:0;
  margin-left: 40px;
}

#navul li {
  list-style-type: none;
  margin:0;
  padding:0;
  float:left;
}

#navul a:link,
#navul a:visited,
#navul a:hover {

 text-decoration:none; 
 margin-right:2px;
 font-weight:bold;
 color:white;
}

#navul a:link,
#navul a:visited{
  border-top: 5px solid #FFFFFF;
  background-color:black;
  padding:5px 10px;
}

#navul a:hover,
#navul a.active{
  border-top: 5px solid red;
  background-color:red;
  margin-top:5px;
  height:30px;
}

/*
.pallet {
  background-color:orange !important;
}

.pallet:hover {
  border-top: 5px solid orange !important;
}
*/

#content-inner {
    min-height:450px;
    border-left: 1px solid #DDDDDD; 
    border-right: 1px solid #DDDDDD;
	border-top:10px solid red;

}

h2.page-title,
h3.page-title,
h4.page-title,{
  font-weight:normal;
}

h2.page-title {
  margin: 10px 0 0 0px;
  height: 35px;
  background: transparent url(images/heading.jpg) no-repeat scroll left bottom;
}

h2.page-title span {
  font-family: helvetica;
  font-size: 0.7em;

  width: 625px;
  /*padding:0 10px 14px;*/
  display:block;
  margin-left: 10px;
}


#about {
  background: url(images/about.jpg) no-repeat scroll left bottom;
  height: 450px;
  width: 918px;
  margin-top:15px;
}

#about-panel {
  width:300px;
  margin-left: 603px;
  padding-top:20px;
  background:transparent url(images/trn-black.png) repeat scroll 0 0;
}

#about-panel li {
  list-style-type: none;  
  padding:10px;
  color:white;
}

#about-panel li:hover {
  background:none;
  background-color:#000000;
}

#services-list {
  margin-bottom: 30px;
}

#services-list {

}

#services-list li{
  float:left;
  height: 100px;
  width:130px;
  background-color:black;
 background:#c3cde5 url(images/corner-black.gif) no-repeat scroll right bottom;
  margin: 0px 20px 20px 0;
  padding:10px;
  overflow:hidden;
}

#warehouse-pics {
  float:left;
  width: 500px;
}

#warehouse-pics li{
  list-style-type:none;
}

#warehouse-list {
  float:left;
  width: 350px;

}

#warehouse-list li{
  /*list-style-type:none;
  background:#c3cde5 url(images/corner-black.gif) no-repeat scroll right bottom;*/
  margin-bottom:10px;
    list-style-image:url("images/check_green.gif");
}

.list-item-heading {
  list-style-type: none;
  margin-left: -30px;
  list-style-image: none !important;
}

#contact-pic {
  width: 400px;
  height: 600px;
  float:left;
  background:#FFFFFF url(images/contact-picture.jpg) no-repeat scroll 0 0;
  margin-bottom: 40px;
  list-style-type: none;
}

.contact-list {
  float:left;
  width: 918px;  
  margin-right:0 !important;
  margin-left:0 !important;
  padding: 0;

}

.contact-list li {
  list-style-type:none;
  background: #EDEDED url(images/arrow.gif) no-repeat scroll left center;
  padding:15px 25px 15px 40px !important;
  margin-bottom:5px;
  float:left;
  width: 389px;
}

.contact-list li span {

}

.contact-list li h4 {
  color:black;
  padding: 0;
  margin:0;
  margin-bottom: 10px;

}

.contact-list span {
  margin-left: 20px;
}

.contact-left {
  margin-right: 10px;
}

#fleet {
  background: url(images/far.jpg) no-repeat scroll left bottom;
  height:557px;
  width: 918px;
  padding-top:5px;
position:relative;
  
}

#fleet li {
  margin-right: 20px;
}

#fleet li p {
  font-size: 1.0em ;
    color:white;  
	padding: 5px;
}

#fleet li.top {
  list-style-type:none;
}

#fleet li.top p{
  margin-left:0;
}


#fleet-containers ul{
  margin: 0;
  padding: 0;
}


#fleet-containers li{
  margin-top: 10px;
  float: left;
  background-color: #EDEDED;
  padding: 15px 25px 15px 40px !important;
  list-style-type: none;
  width: 386px;  
  height: 129px;  
}

#fleet-maintenance {
  margin-left: 15px;
}

#fleet-list {
 background:url(images/trn-black.png) repeat scroll 0 0;
 width:200px;
 margin-left:30px;
 position:absolute;
 top: 20px;
}

#fleet-list li{
 background:none;
 padding:0px;
 margin:0;
}

#fleet-list p{
 padding:0px;
 margin:0;
}

#ecom {
  margin-top:10px;
  width: 918px;

}

#ecom-form-left {
  float:left;
  padding: 15px 25px 15px 40px !important;
  background-color: #EDEDED;
  width:200px;
  margin-right: 20px;
    height: 163px;
}

#ecom-form-left h3{
  font-size: 1em;
}

#ecom-form-left p {
  margin: 0;
  margin-bottom: 3px;
}

#ecom-form-right {
  background: #EDEDED url(images/arrow.gif) no-repeat scroll left center;
  width: 565px;
  padding: 15px 25px 15px 40px !important;
  float:left;
  height: 163px;
}

#ecom-form-right p{
  margin-top: 0px;
  list-style-type: none;

}

#ecom-form h5{
  margin:5px;
}

#distribution {
  background: #EDEDED url(images/recruit_two.jpg) no-repeat scroll left center;
  height: 415px;
  padding: 10px;
}

#recruitment {
  background: url(images/fleet.jpg) no-repeat scroll left bottom;
  height:458px;
  width: 918px;
  padding-top:5px;
  position:relative;
}

#recruitment-text {
    padding:5px;
	background:transparent url(images/trn-black.png) repeat scroll 0 0;
	width: 280px;	
	margin-left: 10px;
}

#recruitment-text2 {
    padding:5px;
	background:transparent url(images/trn-black.png) repeat scroll 0 0;
	width: 380px;
	position: absolute;
	top: 382px;
	left: 0px;
}

#recruitment-text h4, #recruitment-text2 h4 {
  color:white;
  margin: 0px;
}

#recruitment-text p, #recruitment-text2 p {
  color:white;
}

#pallet {
  background: #EDEDED url(images/pf.jpg) no-repeat scroll left center;
  height: 328px;
  width: 898px;
  padding-top:20px;
  padding-left: 20px;
  margin-top:10px;
}

#pallet-text {
    padding:10px;
	background:transparent url(images/trn-black.png) repeat scroll 0 0;
	width: 220px;	
	margin-top:0px;
}

#pallet-text p {
  color:white;
}

#history {
  background: #EDEDED url(images/history.jpg) no-repeat scroll left center;
  height: 466px;
  width: 418px;
  padding-top:30px;
  padding-left: 500px;
  margin-top: 10px;
}

#history-text {
    padding:20px;
	background:transparent url(images/trn-black.png) repeat scroll 0 0;
	width: 350px;	
	height: 400px;
}

#history-text p {

  color:white;
}

#history-text h4 {

  color:white;
}

#roadrunner-edi {
  margin-top: 20px;
  background:#EDEDED url(images/arrow.gif) no-repeat scroll left center;
  float:left;
  padding:15px 25px 15px 40px !important;
  width: 850px;
}

#ereport {
  margin-top: 20px;
  background:#EDEDED url(images/arrow.gif) no-repeat scroll left center;
  float:left;
  padding:15px 25px 15px 40px !important;  
  margin-bottom: 20px;
  width: 850px;
}

.apply-link:link,
.apply-link:hover,
.apply-link:visited{
  color:white;
}

.anythingSlider ul{
  padding:0px;
}

#ecom-top {
  height: 360px;
  width:918px;
  background:#EDEDED url(images/ecom.jpg) no-repeat scroll left center;
}

#slideshow, #slideshow2 {
    position:relative;
    height:350px;
}

#slideshow IMG, #slideshow2 IMG  {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active, #slideshow2 IMG.active2 {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active, #slideshow2 IMG.last-active2 {
    z-index:9;
}