/* CSS Document */

* {
	margin:0;
	font-size:100%;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: text-top;
	padding-left: 0px;
	left: 0px;
}

body{background:url(images/body-bg.gif); text-align:center;}
.top-tail{ background:url(images/top-tail.gif) top repeat-x;}
.top-tail2{ background:url(images/top-tail2.gif) top repeat-x; position:absolute; right:0; width:50%; height:83px;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.5em;
	color:#646464;
}

input, select { vertical-align:middle; font-weight:normal;}

a {
	color:#999999;
}
a:hover{text-decoration:none;}
p {
	padding-top:0px;
}
strong{
	display:block;
	padding-bottom:10px;
	padding-left: 0px;
	padding-right: 15px;
}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.phone{ float:right; padding-right:155px;}
.margin1{ margin-top:29px;}
.padding1{
	padding-top:0px;
}
.padding2{ padding-top:20px;}
.padding3{ padding-top:25px;}
.padding4{ padding-top:8px;}

/* ============================= header ====================== */
#header{ background:url(images/header-bg.gif) top left no-repeat;}
#header .logo{ padding:16px 0 0 71px; display:inline-block; vertical-align:top;}
#header .slogan{
	display:inline-block;
	font-size:1.083em;
	color:#EFEFEF;
	padding-top: 37px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2px;
}

/* ============================= content ====================== */
#content{ padding:26px 55px 0 55px;}
#content .top-tail{ background:url(images/content-top-tail.gif) top repeat-x #ffffff; width:100%;}
.bot-tail{ background:url(images/content-bot-tail.gif) bottom repeat-x;}
.left-tail{ background:url(images/left-tail.gif) left repeat-y;}
.right-tail{ background:url(images/right-tail.gif) right repeat-y;}
.left-top{ background:url(images/corner-left-top.gif) left top no-repeat;}
.right-top{ background:url(images/corner-right-top.gif) right top no-repeat;}
.left-bot{ background:url(images/corner-left-bot.gif) left bottom no-repeat;}
.right-bot{ background:url(images/corner-right-bot.gif) right bottom no-repeat; width:100%;}
.indent{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 30px;
}
.indent2{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}.indent3{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#page8 .indent{ padding:25px 30px 45px 28px;}

.flash{ padding:3px 0 0 2px; height:70px;}
.flash2{ margin:-4px 0 0 3px; position:relative; height:289px;}

.line{ padding-bottom:15px;}
.extra{ padding-bottom:0;}
.title{
	padding-bottom:0px;
}
.unline{ background:url(images/line.gif) bottom repeat-x; padding-bottom:25px; margin-bottom:24px;}
.unline1{
	background:url(images/line.gif) bottom repeat-x;
	padding-bottom:20px;
	margin-bottom:0px;
}
.unline2{
	background:url(images/line2.gif) bottom repeat-x;
	padding-bottom:0px;
	margin-bottom:0px;
}
.unline3{
	background:url(images/line2.gif) bottom repeat-x;
	padding-bottom:15px;
	margin-bottom:0px;
}


#page1 .top{
	height:330px;
	margin-left:0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-right: 10px;
}
#page1 .top2{
	height:330px;
	margin-left:0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-right: 10px;
}
#pageCrushersScreens .top{
	height:349px;
	margin-left:10px;
	padding-left: 5px;
	background-image: url(images/top-bg-CrushersScreens.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#pageShiploadersUnloaders .top{
	height:349px;
	margin-left:10px;
	padding-left: 5px;
	background-image: url(images/top-bg-ShiploadersUnloaders.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#pageEPCM .top{
	height:349px;
	margin-left:10px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#pageCareers .top{
	height:349px;
	margin-left:10px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#pageStackersReclaimers .top{
	height:349px;
	margin-left:10px;
	padding-left: 5px;
	background-image: url(images/top-bg-StackersReclaimers.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#pageTrainloadersUnloaders .top{
	height:349px;
	margin-left:10px;
	padding-left: 5px;
	background-image: url(images/top-bg-TrainloadersUnloaders.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#pageConveyors .top{
	height:349px;
	margin-left:10px;
	padding-left: 5px;
	background-image: url(images/top-bg-Conveyors.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#pageStorage .top{
	height:349px;
	margin-left:10px;
	padding-left: 5px;
	background-image: url(images/top-bg-Storage.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#pageDustSupressionExtromat .top{
	height:349px;
	margin-left:10px;
	padding-left: 5px;
	background-image: url(images/top-bg-DustSupressionExtromat.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.menu{ padding:20px 0 0 14px;}
.menu li{
	float:left;
	background:url(images/menu-item-bg.gif) no-repeat 0 11px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}
.menu .first{ background:none; padding-left:0px;}
.menu a{ color:#4b4b4b; text-decoration:none; display:block;}
.menu a span{ display:block; }
.menu a span span{ padding:6px 11px 7px 12px;}

.menu a:hover{
	color:#FF6600;
	font-weight:bold;
	text-decoration:underline;
	background:url(images/menu-tail.gif) top repeat-x;
}
.menu .active{
	color:#FF6600;
	text-decoration:underline;
	background:url(images/menu-tail.gif) top repeat-x;
}
.menu a:hover span, .menu .active span{ background:url(images/menu-left-bg.gif) left top no-repeat;}
.menu a:hover span span, .menu .active span span{ background:url(images/menu-right-bg.gif) right top no-repeat; }

.top .text{
	width:340px;
	color:#333333;
	line-height:1.417em;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#pageContacts .top .text{
	width:340px;
	color:#CCCCCC;
	line-height:1.417em;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}
#page1 .top .text{
	width:349px;
	color:#CCCCCC;
	line-height:1.417em;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
#pageCrushersScreens .top .text{
	width:340px;
	color:#CCCCCC;
	line-height:1.417em;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 600px;
}
#pageDustSupressionExtromat .top .text{
	width:340px;
	color:#CCCCCC;
	line-height:1.417em;
	padding-top: 230px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
.top .text img{ margin-bottom:9px;}
.top .text a{ display:inline-block; margin-top:10px; color:#ffffff; font-weight:bold; }

.box{ background:url(images/box-corner-left-top.gif) top left no-repeat; width:100%;}
.box .right-top{ background:url(images/box-corner-right-top.gif) top right no-repeat; width:100%;}
.box .left-bot{ background:url(images/box-corner-left-bot.gif) bottom left no-repeat; width:100%;}
.box .right-bot{ background:url(images/box-corner-right-bot.gif) bottom right no-repeat; padding:5px; width:auto;}
.box .top-border{ background:url(images/box-border.gif) top repeat-x #ffffff; margin:-5px 0;}
.box .bot-border{ background:url(images/box-border.gif) bottom repeat-x; padding:5px 0;}
.box .left-border{ background:url(images/box-border.gif) left repeat-y #ffffff; margin:0 -5px;}
.box .right-border{ background:url(images/box-border.gif) right repeat-y; padding:0 5px;}
.box .indent{ padding:8px 10px 2px 17px;}
.box p{ padding-top:17px;}
.box .line{ background:url(images/line4.gif) repeat-y 195px 0 !important; padding-bottom:0;}

.box .col-1{ width:180px;}
.box .col-2{ width:187px; margin-left:40px;}
.link1{ background:url(images/link1-bg.jpg) no-repeat 0 0; padding:12px 0 13px 47px; line-height:1.333em;}
.link2{ background:url(images/link2-bg.jpg) no-repeat 0 0; padding:12px 0 13px 55px; line-height:1.333em;}
.link1 a, .link2 a{ font-weight:bold; color:#2b84ae; }

.link{ display:inline-block; font-weight:bold; margin-top:15px;}
.date{ color:#2b84ae; font-weight:bold;}
.date a{ color:#2b84ae;}

.list{ color:#2b84ae;}
.list a{ font-weight:bold; text-decoration:none; color:#2b84ae; margin-left:5px;}
.list a:hover{ text-decoration:underline;}

/* ============================= page1 ===========================*/
#page1 .column-2{ margin-left:46px;}
/* ============================= pageStackersReclaimers ===========================*/
#pageStackersReclaimers .column-2{ margin-left:55px;}
/* ============================= pageShiploadersUnloaders ===========================*/
#pageShiploadersUnloaders .column-2{ margin-left:55px;}
/* ============================= pageTrainloadersUnloaders ===========================*/
#pageTrainloadersUnloaders .column-2{ margin-left:55px;}
/* ============================= pageCrushersScreens ===========================*/
#pageCrushersScreens .column-2{ margin-left:55px;}
/* ============================= pageStorage ===========================*/
#pageStorage .column-2{ margin-left:55px;}
/* ============================= pageConveyors ===========================*/
#pageConveyors .column-2{ margin-left:55px;}
/* ============================= pageEPCM ===========================*/
#pageEPCM .column-2{ margin-left:55px;}
/* ============================= page3 ===========================*/
#page3 .column-2{ margin-left:46px;}
/* ============================= page4 ===========================*/
#page4 .column-2{ margin-left:50px;}
#page4 .col-2{ margin-left:30px;}
/* ============================= page5 ===========================*/
#page5 .column-2{ margin-left:46px;}
#page5 .col-2{ margin-left:30px;}
/* ============================= page6 ===========================*/
#page6 .column-2{ margin-left:44px;}
/* ============================= page7 ===========================*/
#pageContacts .column-2{ margin-left:55px;}

/* ============================= footer ====================== */
#footer{ text-align:right; color:#2a4959; font-size:0.917em;}
#footer a{ color:#2a4959; margin-left:3px;}
#footer .text{ padding:18px 64px 0 0;}
#footer .text span{ text-transform:uppercase; font-weight:bold;}

/* ============================= forms ============================= */
#HeaderForm{ float:right; padding:27px 79px 0 0;}
#HeaderForm input{ width:165px; border:solid 0px; padding:2px 0 2px 3px; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
#HeaderForm a{ display:inline-block; background:url(images/form-button-left-bg.gif) left top no-repeat #747474; font-size:0.917em; text-transform:uppercase; color:#f6f6f6; font-weight:bold; text-decoration:none; margin-left:7px;}
#HeaderForm a span{ display:block; background:url(images/form-button-right-bg.gif) right top no-repeat; padding:1px 10px 1px 12px; vertical-align:middle;}
#HeaderForm a:hover{ background:url(images/form-button-left-bg-act.gif) left top no-repeat #403f3f;}
#HeaderForm a:hover span{ background:url(images/form-button-right-bg-act.gif) right top no-repeat;}

#ContactForm{ padding-top:20px;}
#ContactForm .col-1{ width:280px !important;}
#ContactForm .col-2{ width:250px !important; margin-left:0 !important;}
#ContactForm label{ display:block; height:47px;}
#ContactForm input{ border:solid 1px #d8d8d8; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 2px 3px; width:215px;}
#ContactForm textarea{ border:solid 1px #d8d8d8; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:245px; height:110px; overflow:hidden;}
#ContactForm .link{ margin:5px 0 0 20px;}