/* CSS Document */
body{
color: #004080;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
background:url(design/bg.jpg) repeat;
}

.man A:link {text-decoration:none;color:#CCCCCC; font-size:9px; font-weight:normal;}
.man A:visited {text-decoration:none;color:#CCCCCC; font-size:9px}
.man A:active {text-decoration:none;color:#CCCCCC; font-size:9px}
.man A:hover {text-decoration: underline;color:#CCCCCC; font-size:9px}

img{
border:0px;
}

A:link {text-decoration: underline; color:#004080; font-weight:bold; font-size:12px;}
A:visited {text-decoration: underline; color:#004080; font-weight:bold;font-size:12px;}
A:active {text-decoration: underline; color:#FFCC00; font-weight:bold;font-size:12px;}
A:hover { font-weight:bold; color: #FFCC00;font-size:12px;}

.menu A {
font-size:14px;
font-weight:bold;
color:#fff;
}

.menu A:link {text-decoration: none}
.menu A:visited {text-decoration: none}
.menu A:active {text-decoration: none}
.menu A:hover { font-size:16px; font-weight:bold; color: #FFCC00;}

.menu_now{
font-size:16px; font-weight:bold; color: #FFCC00;
}

.firstcol{
margin-left:auto;
margin-right:auto;
}

.maintab{
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

.leftcol{

background:url(design/truck_head.jpg) no-repeat ;
background-position:bottom left;
padding-top:15px;
}

.rightcol{
background:url(design/diesel.jpg) no-repeat ;
background-position:bottom right;
}

.footer{
margin-left:auto;
margin-right:auto;
background:url(design/footer.jpg) no-repeat;
margin-top:5px;
margin-bottom:5px;
color:#CCCCCC;
font-size:9px;
text-decoration:none;
}

.footer A:link {color:#CCCCCC; font-size:9px}
.footer A:visited {color:#CCCCCC; font-size:9px}
.footer A:active {color:#CCCCCC; font-size:9px}
.footer A:hover {text-decoration:none;color:#CCCCCC; font-size:9px}


/* single thumbnail */

	p.thumb{
		float:left;
		margin:.5em 0;
		margin-right:10px;
		border:1px solid #999;	
		padding:2px;
	}
	p.thumb a{
		display:block;
		float:left;
		width:100px;
		height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;	
	}	
	p.thumb a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;	
	}
	
	/* mouse over */
	
		p.thumb a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		p.thumb a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;			
		}	
	
	/* // mouse over */	

/* // single thumbnail */


/* Leftcol menu*/

.arrowlistmenu{
width: 200px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: #FFCC00;
background: black url(design/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color:#004080;
background: url(design/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 100%;
}

.arrowlistmenu ul li a:visited{
color:#004080;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color:#004080;
background-color: #F3F3F3;
}

.arrowlistmenu span{
background-color: #F3F3F3;
color:#004080;
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 100%;
}
/* Leftcol menu END*/

.truck{
line-height:20px;
margin-top:10px;
margin-left:15px;
margin-right:15px;
top:15px;
}

h2{
margin-top:20px;
font-size:16px;
font-weight:bold;
text-align:center;
}

h1{
margin:20px 20px 10px 20px;
font-size:16px;
font-weight:bold;
text-align:center;
}

.truck img{

float:left;
margin:0;
margin-right:30px;
border:1px solid #999;	
padding:2px;
}

.img2{
clear:left;
border:1px solid #999;	
padding:2px;
}

.cent{
margin-left:auto;
margin-right:auto;
}

.image_block{
line-height:13px;
font-style:italic;
width:186px;
float:left;
margin:0 15px 10px 0;
padding:2px;
border:#CCCCCC solid 1px;
}

.image_block img{
clear: left;
padding:2px;
border:0px;
}


.tabdata th{
border:1px solid #999;
}
.tabdata td{
border:1px solid #999;
}

.text p{
text-align:justify;
margin:0;
padding:10px 25px 5px 10px;
}

.studio img{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
}

.studio a:hover img{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}