@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#93c7ff url(images/main_bg.gif) top center repeat-x;}
html { padding:0; margin:0;}
.main { margin:0 auto; padding:0;}
li { font:bold 12px Arial, Helvetica, sans-serif; color:#3f3f3f; padding:0 0 15 5; margin:0; }
/********** header **********/
.header_resize { margin:0; padding:0;}
.header { width:960px; padding:5; margin:0 auto;}
.header_blog { padding:0; margin:0;}
.header_blog_reize { width:960px; margin:0 auto; padding:0; background:#000;}
.header_blog h2 { font:normal 36px Arial, Helvetica, sans-serif; color:#fff; padding:20px; margin:0;}
/* logo */
.logo { padding:0; margin:0; width:24px; float:left;} /*width:244px*/
/*menu*/
.menu_resize {width:960px; background:url(images/menu_bg.gif) top no-repeat; height:50px;}
.menu img { float:right; margin:0; padding:5px 0 0 0;}
.menu { padding:0px 0 0 0; margin:0 auto; }
.menu ul {  padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0; padding:15px 16px; color:#fff; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu ul li a span { padding:15px 20px; background:none;}
.menu ul li a:hover { text-decoration:underline;}
.menu ul li a:hover span { background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a.active {text-decoration:underline;}/*background:url(images/r_menu.gif) no-repeat right;*/
.menu ul li a.active span { background:url(images/r_menu.gif) no-repeat left;}
/* search */
.search { padding:25px 20px 0 0; margin:0; width:260px; float:right;}
.search form { float:right; padding:0; margin:0;}
.search span { display:block; float:left; background:url(images/search_bg.gif) left top no-repeat; width:206px; padding:0 5px; height:29px;}
.search form .keywords { width:206px; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; line-height:13px; height:13px; float:left; background:none; border:0; padding:8px 0; margin:0;}
.search form .button { float:left; margin:0; padding:0;}
/* body */
.body_resize { background:#fff; border:1px solid #f7f9f9; padding:0; width:960px; margin:0 auto;}
.body { padding:0px 0 0 0; margin:0 auto;}
/*resize
.resize { width:958px; padding:0; margin:0 auto; background:url(images/slogan_bg.gif) top repeat-x; height:79px;}
.resize img.slogan { float:left; margin:0; padding:0;}
.body h2 { font:normal 20px Arial, Helvetica, sans-serif; color:#171717; padding:10px 5px; margin:0;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#4f4f4f; line-height:1.5em; padding:5px; margin:0;}
.body p span { color:#171717; font:normal 14px Arial, Helvetica, sans-serif; line-height:2em; padding:5px 0; margin:0;}
.body a { color:#c52100; text-decoration:none;}
.body img { margin:10px auto; padding:0;}
.body em { font:italic 12px Arial, Helvetica, sans-serif; color:#606060; line-height:1.5em;}
.body img.floated { float:left; margin:5px 10px; padding:0;}
.work {  margin:0; padding:15px 10px;}
.work .divv { width:270px; margin:0 35px 0 0 !important; margin:0 25px 0 0; padding:10px 0; float:left;}
.work .divv img { float:none; margin:5px; padding:0;}
.right { width:315px; margin:10px 5px 10px 0; padding:0 10px; float:right;}
.right ul { list-style:none; margin:10px 0; padding:0;}
.right li { border-bottom:1px solid #d8d8d8; padding:5px; margin:0;}
.right li a { font:normal 14px Arial, Helvetica, sans-serif; color:#171717; text-decoration:none; background:url(images/ul_li.gif) left no-repeat; padding:0 0 0 15px;}
.right li a:hover { color:#c52100;}
.right li a.active { color:#c52100;}
.left { width:580px; margin:10px 8px 10px 0; padding:0 10px; float:left;}
.left_blog { width:459px; margin:0; padding:0px 10px; float:left;}
.left_blog .blog { width:209px; float:left; margin:0; padding:10px;}*/
/********** block index **********/
.body { margin:0; padding:0; }
.body_resize { width:960px; margin:0 auto; padding:5px 0 0 0; }
.body_resize h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#306bb4; padding:5px; margin:0; }
.body_resize h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#5c5c5c; }
.body_resize h4 { font:bold 14px Arial, Helvetica, sans-serif; color:#306bb4; padding:5px; margin:0; }
.body_resize h4 span { font: normal 11px Arial, Helvetica, sans-serif; color:#5c5c5c; }
.body_resize p { font:normal 12px Arial, Helvetica, sans-serif; color:#3f3f3f; padding:5px; margin:0; line-height:1.8em; }
.body_resize a { color:#138cbb; text-decoration:none; }
.body_resize ul { font:normal 12px Arial, Helvetica, sans-serif; color:#3f3f3f; padding:0 0 0 30px; margin:0; }
.body_resize li {line-height:2em; }
.body_resize img { margin:5px; padding:0; }
.body_resize img.center { margin:0 1px; padding:0; }
.body_resize img.floated { float:left; margin:0; padding:20px 0 0 0; }
.body_resize .data { float:left; width:101px; background:url(images/bg_data_news.gif) top no-repeat; padding:0px 0; margin:10px 0 0 0; text-align:center; height:27px; font: normal 12px Arial, Helvetica, sans-serif; color:#fff; }
.left { width:572px; float:left; margin:0; padding:10px 10px; }
.left p { font: normal 12px Arial, Helvetica, sans-serif; color:#2b2b2b; padding:10px 0px; margin:0; line-height:1.8em; }
.block_body { width:294px; float:left; margin:0 12px; padding:10px 0px 10px 0px; }
.block_body2 { width:210px; float:left; margin:0 10px; padding:20px 0; }
.block_body2 p { font: normal 12px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:10px 0; margin:0; line-height:1.8em; }
.arroww { width:100px; margin:0 auto; padding:0; }
.right { width:313px; float:right; margin:0; padding:10px 10px; background:#2b2b2b; }

/* java_blog */
.java_blog { width:459px; margin:0; padding:15px 10px; float:left;}
.java_blog a.hidegadget img { border:none; float:right; background:url(images/gadget_dropdown.gif) no-repeat top left;}
.java_blog .java_title {}
.java_blog .java_content {}
/* FBG */
.FBG_resize { margin:1px 0; padding:0;}
.FBG { background:#e9edeb; border:1px solid #f7f9f9; padding:0; width:958px; margin:0 auto;}
.FBG h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#2b2b2b; padding:15px 5px; margin:0;}
.FBG ul { list-style:none; margin:0; padding:5px;}
.FBG li { padding:0; margin:0;}
.FBG li a { font:normal 11px Arial, Helvetica, sans-serif; color:#5d6965; text-decoration:none; text-transform:none; line-height:1.5em;}
.FBG li a:hover { text-decoration:none; color:#c52100;}
.FBG a { color:#116bcd; text-decoration:none;}
.FBG p { font:normal 11px Arial, Helvetica, sans-serif; color:#5d6965; line-height:1.5em; padding:5px; margin:0;}
.FBG img { margin:5px 0 5px 5px; padding:0;}
.FBG .blog { width:219px; float:left; margin:0; padding:10px;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactform li.buttons { margin:5px 0 5px 0; clear:both;}
#contactform label { margin:0; width:130px; display:block; padding:10px 0; color:#171717; font:normal 11px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#c52100;}
#contactform input.text { width:260px; border:1px solid #e1e1e1; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
#contactform textarea { width:400px; border:1px solid #e1e1e1; margin:2px 0; padding:5px 2px; background:#fff; float:left;}
#contactform li.buttons input { padding:3px 0 3px 130px; margin:10px 0 0 0; border:0; color:#FFF; float:left;}
/*************footer**********/
.footer_resize { width:950px; margin:0 auto; padding:2px 10px;}
.footer { padding:10px 0; margin:0;}
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#000}
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 5px 0; float:left;}
.footer p.rightt { text-align:right; width:30%; margin:0; padding:10px 0 5px 0; float:right;}
p.clr,
.clr { clear:both; padding:0; margin:0; background:none;}
li.bg,
.bg { float:right; clear:both; border-top:1px solid #e1e1e1; width:100%; padding:0; margin:5px 0; background:none; line-height:0;}
/* Slider */
#slider { width:960px; padding:0 0 0 0; margin:0 auto;}
div#slideshow { float:left; width:100%; height:330px;}
.slider-item { width:100% !important; height:330px;}
.slider_content_inner img { border:none;}
.controls-center { width:960px; margin:0 auto;}
#slider_controls { position:relative; background:url('images/tabs_bg.gif') center no-repeat; margin:-9px auto 5px auto; z-index:1000; width:86px; height:24px;}
#slider_controls ul { margin:0; padding:0 3px; width:80px; list-style:none; display:block;}
#slider_controls ul li { width:16px; height:16px; float:left; display:block; padding:0 2px; margin:-5px 0 0 0 !important; margin:4px 0 0 0;}
#slider_controls ul li a { width:16px; height:16px; background:url('images/tabs_2.gif') no-repeat center center; display:block; padding:0; margin:0; outline:none;}
#slider_controls ul li a:focus { outline:none;}
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('images/tabs_1.gif') no-repeat center center;}
/*toppik*/
.toppik {margin:0 auto 0px auto; width:960px; padding:0; background:url(images/topi_bg.gif) top no-repeat; height:92px;}
.toppik p { padding:10px 0 0 15px; margin:0; font:normal 12px Tahoma, Geneva, sans-serif; color:#5e5e5e; }
.toppik ul { float:left; width:960px; list-style:none; margin:17px 0 0 0; padding:0; display: inline-block;}  /*width:685px;*/
.toppik ul li { float:left; padding:0;}
.arrow-left { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: absolute; left: 760px; top: 375px; }

 /*OIL*/
#oil {display: block; width: 41px; height: 52px; background: url("images/topi_img_01.gif") no-repeat 0 0;}
#oil:hover {background-position: 0 -52px;}
#oil span {position: absolute; top: -999em;}

/*MINING*/
#mining {display: block; width: 57px; height: 52px; background: url("images/topi_img_02.gif") no-repeat 0 0;}
#mining:hover {background-position: 0 -52px;}
#mining span {position: absolute; top: -999em;}

/*RAILROAD*/
#railroad {display: block; width: 54px; height: 52px; background: url("images/topi_img_03.gif") no-repeat 0 0;}
#railroad:hover {background-position: 0 -52px;}
#railroad span {position: absolute; top: -999em;}

/*Automobile*/
#automobile {display: block; width: 71px; height: 52px; background: url("images/topi_img_04.gif") no-repeat 0 0;}
#automobile:hover {background-position: 0 -52px;}
#automobile span {position: absolute; top: -999em;}

/*Trucking*/
#trucking {display: block; width: 75px; height: 52px; background: url("images/topi_img_05.gif") no-repeat 0 0;}
#trucking:hover {background-position: 0 -52px;}
#trucking span {position: absolute; top: -999em;}

/*Steel*/
#steel {display: block; width: 61px; height: 52px; background: url("images/topi_img_06.gif") no-repeat 0 0;}
#steel:hover {background-position: 0 -52px;}
#steel span {position: absolute; top: -999em;}

/*Industrial*/
#industrial {display: block; width: 69px; height: 52px; background: url("images/topi_img_07.gif") no-repeat 0 0;}
#industrial:hover {background-position: 0 -52px;}
#industrial span {position: absolute; top: -999em;}

/*Agriculture*/
#agriculture {display: block; width: 71px; height: 52px; background: url("images/topi_img_08.gif") no-repeat 0 0;}
#agriculture:hover {background-position: 0 -52px;}
#agriculture span {position: absolute; top: -999em;}

/*HOME*/
#home {display: block; width: 64px; height: 52px; background: url("images/topi_img_09.gif") no-repeat 0 0;}
#home:hover {background-position: 0 -52px;}
#home span {position: absolute; top: -999em;}

/*LUBRICANTS*/
#lubricants {display: block; width: 46px; height: 52px; background: url("images/topi_img_10.gif") no-repeat 0 0;}
#lubricants:hover {background-position: 0 -52px;}
#lubricants span {position: absolute; top: -999em;}

/*RACING*/
#racing {display: block; width: 75px; height: 52px; background: url("images/topi_img_11.gif") no-repeat 0 0;}
#racing:hover {background-position: 0 -52px;}
#racing span {position: absolute; top: -999em;}

/*Groovy Dropdown Menu
body { padding: 1em; }
#cssm1 *  { padding:0; margin: 0; font: 1em arial; }
#cssm1 {
	position: absolute;
	z-index: 99;
	margin: 0 auto;
	float: left;
	line-height: 20px;
	width: 468px;
	left: 587px;
}
#cssm1 a { display: block; border: 0px solid #fff; text-decoration: none; padding: 12px 5px; }
#cssm1 a:hover {background: #fefb10;}
#cssm1 ul li, #cssm1 ul li ul li  { width: 320px; list-style-type:none; }
#cssm1 ul li { float: left; width: 100px; }
#cssm1 ul li ul, #cssm1:hover ul li ul, #cssm1:hover ul li:hover ul li ul{ 
	display:none;
	list-style-type:none; 
	width: 120px;
	}
#cssm1:hover ul, #cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul { 
	display:block; 
	}
#cssm1:hover ul li:hover ul li:hover ul { 
	position: absolute;
	margin-left: 120px;
	margin-top: -20px;
	}*/
/*menu
.menu_resize {width:960px; background:url(images/menu_bg.gif) top no-repeat; height:50px;}
.menu { padding:0px 0 0 0; margin:0 auto; }
.menu ul {  padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0; padding:15px 16px; color:#fff; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu ul li a:hover { text-decoration:underline;}
.menu ul li a.active { text-decoration:underline;}*/