/*
  Title # CHEYENNE
  Date  # 14 October 2009
*/

body{ padding:0px; margin:0px; background-color: #686F71; }


#wrap{
      width:835px;
	  margin:auto;
	  text-align:left;
	  }
	  
#wrap2{
       width:813px;
	   padding:12px 17px 100px 5px;
	   background-color:#686F71;
	   float:left;
	   position:relative;
	   } 
	   

h1{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:0px; margin:0px; }
	   
ul{ padding:0px; margin:0px; }


/* ====================================================== Start Text =============================================================== */

.font{ font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; color:#484848; }

.font2{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#333333; line-height:18px; }

.font3{ font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; color:#0066FF; }

/* ======================================================= End Text ================================================================ */


/* =========================================== Start Top =========================================== */

#top{
    width:813px;
	background:url(images/c_top_bg.gif) no-repeat;
	height:149px;
    float:left;
    position:relative;
	} 
	
#logo{
      width:304px;
	  padding-top:46px;
	  float:left;
	  position:relative;
	  text-align:right;
	  }
	  
#top_text{
		  width:301px;
		  padding:46px 26px 0px 0px;
		  float:right;
		  position:relative;
		  }	  	  

/* ============================================ End Top ============================================ */


/* =========================================== Start Block Body =========================================== */

#block_body{
		   width:785px;
		   padding:0px 14px 0px 14px;
		   background:url(images/c_mainbody_bg.gif) repeat-y;
		   float:left;
		   position:relative;
		   z-index:8000;
		  }


/* ==================== Start Menu ============================ */

.nav{
     width:785px;
	 background:url(images/c_menu_bg.gif) repeat-x;
	 height:35px;
	 border-bottom:1px solid #FFFFFF;
	 border-top:1px solid #FFFFFF;
	 float:left;
	 position:relative;
	 }

.jqueryslidemenu{
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF;
background:url(images/c_menu_bg.gif) repeat-x;
width:785px;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.menu ul li{
position: relative;
display: block;
float: left;

}

/*Top level menu link items style*/
.menu ul li a{
display: block;
padding:12px 0px 0px 0px;
_padding:12px 8px 0px 8px;
background:url(images/c_menu_bg.gif) repeat-x;
height:23px; /*background of tabs (default state)*/
color:#FFFFFF;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; text-align:center;
}


* html .menu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.menu ul li a:link, .menu ul li a:visited{
color: white;
}

.menu ul li a:hover{
background:url(images/c_menu_hover.gif) repeat-x; /*tab link background during hover state*/
color:#FFFFFF;
position:relative;
}
	
/*1st sub level menu*/
.menu ul li ul{
position: absolute;
right:0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menu ul li ul li{
display: list-item;
float: none;
list-style:none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.menu ul li ul li ul{
top:0px;
}

/* Sub level menu links style */
.menu ul li ul li a{
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF;
width:148px;
padding:6px 6px 6px 6px; /*width of sub menus*/
border:1px solid #000000;
background:url(images/c_menu_hover.gif) repeat-x;
list-style:none;
line-height:18px;
text-align:right;
}

.menu ul li ul li a:hover{ /*sub menus hover style*/
color:#FFFFFF;
text-decoration:none;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top:0px;
right:0px;
}

.rightarrowclass{
position:absolute;
top:0px;
right:0px;
}

.menu_border{ border-left:1px solid #FFFFFF; }

.menu_hover{
			padding:12px 6px 0px 6px;
			background:url(images/c_menu_hover.gif) repeat-x;
			height:23px; /*background of tabs (default state)*/
			color:#FFFFFF;
			border-left: 1px solid #FFFFFF;
			color: #2d2b2b;
			text-decoration: none;
			font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF;
		   }
		   
		   
.home{ width:48px; float:left; position:relative; }

.about_us{ width:76px; float:left; position:relative; border-left:1px solid #FFFFFF; }

.packing{ width:135px;  _width:132px; float:left; position:relative; border-left:1px solid #FFFFFF; }

.transportation{ width:123px; float:left; position:relative; border-left:1px solid #FFFFFF; }

.warehousing{ width:105px; float:left; position:relative; border-left:1px solid #FFFFFF; }

.hauling{ width:66px; float:left; position:relative; border-left:1px solid #FFFFFF; }

.supplies{ width:73px; float:left; position:relative; border-left:1px solid #FFFFFF; }

.moves{ width:57px; float:left; position:relative; border-left:1px solid #FFFFFF; }

.contact_us{ width:94px; float:left; position:relative; border-left:1px solid #FFFFFF; }   

/* ==================== End Menu ============================ */


/* ==================== Start Main Body ============================ */

#main_body{
           width:785px;
		   padding-bottom:94px;
		   float:left;
		   position:relative;
		   z-index:-1;
		   }
		   
/* ========== Start Left =========== */

#left{
      width:600px;
	  float:left;
	  position:relative;
	  z-index:10;
	  }
	    
.left1{
      width:600px;
	  float:left;
	  position:relative;
	  }
	  
.left2{
      width:586px;
	  padding-left:8px;
	  float:left;
	  position:relative;
	  }
	  
		.left2 h1{ font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:normal; color:#000000; padding:13px 0px 8px 0px;
				   background:url(images/c_h_bg.gif) bottom repeat-x;
				 }	
			 
    .left2a{
		    width:286px;
			padding:13px 12px 0px 0px;
		    float:left;
		    position:relative;
		   }
	
    .left2ainside{
		    width:546px;
			padding:13px 13px 0px 0px;
		    float:left;
		    position:relative;
		   }
		   
	   
	 .left2b{
		    width:260px;
			padding:10px 10px 10px 10px;
			border:1px solid #CCCCCC;
		    float:left;
		    position:relative;
		   }
		
	 .left2binside{
		    width:240px;
			padding:10px 10px 10px 10px;
			border:1px solid #CCCCCC;
		    float:right;
		    position:relative;
		    margin: 10px;
		   }
		   
		   .left2b1{
					width:260px;
					float:left;
					position:relative;
				   }	   			   	  

/* ========== End Left =========== */

/* ========== Start Right =========== */

#right{
      width:184px;
	  padding-left:1px;
	  float:left;
	  position:relative;
	  }
	  
.packaging{
		  width:184px;
		  background:url(images/c_packaging_bg.gif) no-repeat;
		  height:40px;
		  padding-top:254px;
		  float:left;
		  position:relative;
		  text-align:center;
		  }	
		  
.right_bar{
		   width:184px;
		   background:url(images/c_right_bar_bg.gif) repeat-x;
		   height:37px;
		   float:left;
		   position:relative;
		  }		  
		  
.service_options{
			     width:184px;
			     background:url(images/c_service_options_bg.gif) no-repeat;
			     height:50px;
				 padding-top:132px;
			     float:left;
			     position:relative;
				 text-align:center;
			    }		    

/* ========== End Right =========== */		   

/* ==================== End Main Body ============================ */

/* ============================= Start Bottom ============================ */

#bottom{
        width:791px;
		padding:4px 22px 0px 0px;
		background:url(images/c_bottom_bg.gif) no-repeat;
		height:60px;
		float:left;
		position:relative;
		}
		
.bottom_text{ font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#FFFFFF; text-align:right; }		
			

/* ============================= End Bottom ============================ */


/* ============================================ End Block Body ============================================ */