/*
      Created by Webb Grafix Design Solutions. Copyright 2008. All Rights Reserved. 
	  
	  www.webbgrafix.com
	  
*/

body {
	background-color: #000000;
	background-image: url(../images/jpg/back.jpg); background-repeat: no repeat;
	margin:20px 0px;
	padding:0px;
}


html {scrollbar-face-color: #666666;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #0000ff;
scrollbar-3dlight-color:#666666;
scrollbar-darkshadow-color: #666666;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #0000ff;
}

a:link {
	color: #ffffff;
	text-decoration: none;
}

a:visited {
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	color: #0000ff;
	text-decoration: none;
}

a:active {
    color: #ffffff;
	text-decoration: none;
}

.body {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: small;
	font-style: normal;
	color: #ffffff;
	padding-right: 15px;
	padding-left: 15px;
}

.h1 {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: medium;
	font-style: normal;
	font-weight:bold;
	color: #0000ff;
	padding-top:15px;
	padding-right: 15px;
	padding-left: 15px;
}

.footerlinks A:link {
	font-family: Verdana, Arial, Sans-Serif; 
	color:#000000;
    font-size:11px;
	clear:both;
	text-decoration:none;
}
	
    .footerlinks A:visited {
	font-family: Verdana, Arial, Sans-Serif; 	
    color:#000000;
    font-size:11px;
	clear:both;
	text-decoration:none;
}
		  
    .footerlinks A:active {
	font-family: Verdana, Arial, Sans-Serif; 	
    color:#000000;
    font-size:11px;
	clear:both;
	text-decoration:none;
}
		  
    .footerlinks A:hover {
	font-family: Verdana, Arial, Sans-Serif; 
	font-weight: bold;	
    color:#0000ff;
    font-size:11px;
	clear:both;
	text-decoration:underline;
}	

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #4E595C; /*menu strip background*/
border: 1px solid gray;
padding: 4px 0;
border-width: 1px 0;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('http://www.westernfreightsystems.com/images/aeroleft.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Arial, Sans-Serif; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

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

.aerobuttonmenu a.aero span{
background: transparent url('http://www.westernfreightsystems.com/images/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: 0000ff#;
}

.aerobuttonmenu .rightsection{
	float: right;
	width: 20px;
	position: relative;
	top: 3px;
	padding-right: 5px;
	text-align: center;
}

.aerobuttonmenu .rightsection a{
color: navy;
}

#container {
	width:900px;
	margin:0px auto;
}

a .work_image {
	border:6px solid #333333;
	margain-right: 5px;
}

#swfcontainer {
	position:relative;
	width:800px;
	background-color:#000000;
	margin-left:auto;
	margin-right:auto;
	float:inherit;
}

#wrapper { 
 margin: 5 auto; 
 background:url('http://www.westernfreightsystems.com/images/wrapper.gif');
 width: 900px;
 float:inherit;
 
}

#content { 
 float: left;
 margin: 0px 5px 0px 0px;
 padding: 10px;
 height: autopx;
 width: 500px;
 display: inline;
}

#leftcolumn {
	padding: 0px;
	height: 344px;
	width: 336px;
	float: left;
	background: url('http://www.westernfreightsystems.com/images/left_column.gif');
	background-repeat:no-repeat;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#rightcolumn {
	height: 344px;
	width: 336px;
	float: right;
	background: url('http://www.westernfreightsystems.com/images/right_column.gif');
	background-repeat:no-repeat;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.right_work {
	float:right;
	margin-top:19px;
	width:315px;
	}
	

#scroller {
	height:320px;
	width:320px;
	padding-left:30;
	padding-right:15;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: small;
	font-style: normal;
	font-weight: bold;
	overflow: scroll;
}

#footer {
	width: 900px;
	height: 300px;
	clear: both;
	background: url('http://www.westernfreightsystems.com/images/footer.gif');
	background-repeat:no-repeat;
}