/* file(core.css) */

/* import */
@import url("styles.css");
@import url("nav.css");
@import url("forms.css");

/* components */
@import url("components/form-builder.css");

*, body { 
	padding:0; margin:0; }

img, a img { 
	border:none; }

body { 
	background-color:#1c1c1c;
}

#wrap {
		margin:0 auto;
		border-top:5px solid #d62f26;
		background: #fff;
		min-width:980px;
}
#wrap .container {
	margin:0 auto;
	width: 960px;
	padding-bottom: 15px;
}
#header {
	height:120px;
	padding:0px;
	position:relative;
	z-index: 999;
}

#logo {
	float: left;
	margin-top:25px;
}

#tagline {
	float: right;
	margin-top: 20px;
	font-size: 18px;
	color: #3f3f3f;
	padding-right: 10px;
}

#tagline strong {
	color: #bc271f;
}

#nav {
	position:absolute;
	top:75px;
	right:5px;
	font-size:14px;
	z-index:10;
}

/* billboard */
#billboard {
	height:300px;
	width: 960px;
	background:url(../images/banner/banner_bg.jpg) no-repeat 0 0;
	display:block;
	margin: 0;
	position:relative
}
#comment  {
	position: absolute;
	top: 35px;
	left: 40px;
	color: #211d1e;
	width: 460px;
	z-index:9;
}
#comment h2 {
	color: #211d1e;
	font-size: 30px;
	padding: 0px;
	border-bottom: 0px;
	margin-bottom: 15px;
}
#comment h3 {
	color:#c0342d;
	font-size: 17px;
	line-height:18px;
}


#comment a {
	background:url(../images/button-findoutmore.png) no-repeat;
	display:inline-block;
	line-height:18px;
	height: 18px;
	overflow: hidden;
	margin-top: 25px;
	padding-left: 25px;
	font-size: 18px;
	color: #c4322a;
}
#comment a:hover {
	background-position:0 -18px;
	text-decoration: none;
}


#banner-images {
	position:absolute;
	top:0; left:0;
	z-index:1;
}
#banner-images ul,
#banner-images li {
	margin:0; padding:0;
	display:block;
	list-style:none;	
}
#banner-images, #banner-images ul, #banner-images ul li {
	width:960px!important; height:300px!important; background:none!important; /* overwrite jcycle */	
}
#banner-images ul, #banner-images li {list-style:none; display:block; margin:0; padding:0;}
#banner-images li {display:none;}



#read-more {
	height:13px;
	width:70px;
	padding-top:10px;
}
#read-more a{
	background:url(../images/button-readmore.gif) no-repeat;
	display:block;
	height:13px;
	overflow:hidden;
	text-indent:-1000em;
	width:70px;
}
#read-more a:hover {
	background:url(../images/button-readmore.gif) no-repeat 0px -13px;
}

#page_title {
	background:url(../images/banner/about-ban.jpg) no-repeat 0 0;
	width:655px; height:80px;
	padding:120px 20px 0;
	margin:30px 0;
}
#page_title.products {background-image:url(../images/banner/products-ban.jpg);}
#page_title.infrastructure {background-image:url(../images/banner/infra-ban.jpg);}
#page_title.clients {background-image:url(../images/banner/client-ban.jpg);}
#page_title.contact-us {background-image:url(../images/banner/contact-us-ban.jpg);}
#page_title.enquiry {background-image:url(../images/banner/enquiry-ban.jpg);}
#page_title.auto-gear {background-image:url(../images/banner/auto-gear.jpg);}
#page_title.api-c {background-image:url(../images/banner/api-coupling-ban.jpg);}
#page_title.cb {background-image:url(../images/banner/com-block-ban.jpg);}
#page_title.tg {background-image:url(../images/banner/transmission-gear.jpg);}
#page_title.ems {background-image:url(../images/banner/elect-motor-shaft.jpg);}
#page_title.gdc {background-image:url(../images/banner/gdc.jpg);}




#page_title h2 {
	color:#171415;
	font-size:30px;
}
#home #request {
	display:none;
}
#inner #rightcol #request {
	margin-top:20px;
}
#inner #rightcol #request-button {
	height:53px;
	width:212px;
	padding:0px;
	margin-top:15px;
	text-align:left;
}
#inner #rightcol #request-button a{
	background:url(../images/button-requestquote.gif) no-repeat;
	display:block;
	height:53px;
	overflow:hidden;
	text-indent:-1000em;
	width:212px;
}
#inner #rightcol #request-button a:hover {
	background:url(../images/button-requestquote.gif) no-repeat 0px -53px;
}
#content {
	margin: 0 auto;
	width:960px;
}
#maincontent {
	float:left;
	width:470px;
	padding-right:20px;
}
#inner .cmscontent {
	padding:0 20px 20px;	
}
#midcol {
	float:left;
	width:225px;
	margin-right:20px;
}
#rightcol {
	float:left;
	width:225px;
}
#inner #rightcol {
	width:215px;
	margin-left:25px;
	margin-top:30px;
}
#inner #contact {
	background:url(../images/contact-bg.gif) no-repeat;
	padding-left:12px;
	font-size:11px;
	padding-top:10px;
	height:170px;
	margin-top:20px;
}

#inner #subnav .submenu ul li {
	border-bottom: 1px dotted #999;
	margin:0;
	padding:8px 0 8px 15px;
	background: url(../images/bullet.gif) no-repeat 0px 13px;
}

#inner #subnav {
	margin:0;
	width:210px;
}
#inner #rightcol h2{
	padding-top:0px;
}
#inner #content {
	height: auto !important;
	min-height:500px;
}


#services-main {
	float:left;
	margin-top:25px;
	margin-bottom: 25px;
}

#services-main table.cta .hdr {
	color:#424141;
	font-size:18px;
}
#services-main table.cta .hdr strong {
	color: #9a1712;
}

#services-main table.cta .hdr p {
	padding-top: 10px;
}
#services-main table.cta .hdr a {
	color:#424141;
}

#services-main table.cta .txt p {
}

#services-main table.cta .more a, a.more {
	background: url(../images/more-icon.gif) no-repeat 0 1px;
	padding-left: 18px;
}


table.contact {
	width: 215px;
	margin-top: 1em;
}
table.contact td {
	vertical-align:middle;
	line-height:18px;
}
table.contact tr {
/*	height:30px;
*/}
table.contact td.image {
	vertical-align:top;
	padding-top:7px;
}
#inner #maincontent {
	float:left;
	margin:0;
	margin:0px 20px 25px 0px;
	padding:0px;
	width:695px;
}

/* foot */
#foot {
	border-top: 5px solid #000;
	background:#1c1c1c;
	font-size:11px; padding:0px; text-align:left;}
#foot .container {	width: 960px; margin: 0 auto; padding-top:25px; position:relative; height:120px;}
#nav-footer {position:absolute; top:30px; left:0px;}
#footer-logo {position:absolute; right:0px; top:15px;}
#foot a {margin-right:1.1em; color:#808080;}
#copyright {position:absolute; top:95px; left:0px; margin-bottom:30px;}
#clue {position:absolute; top:95px; right:0px;}
#clue a{margin-right:0px;}
#divider {height: 50px;border-bottom:solid 1px #242424;}

	/* breadcrumbs */
#home .breadcrumbs {display:none;}
.breadcrumbs {font-size:.9em;/* border-bottom:1px dotted #ccc;*/ padding:1em 0;}
.breadcrumbs a {color:#4f4f4f;}

	/* content */
#column1, #column2, #column3 {padding:0 10px 1em;}
#column1, #column3 {
		display:block;
		float:left;
		width:200px;
		font-size:1.1em;
	}
#column2 {
		display:block;
		float:left;
		width:530px;
		font-size:1.2em;
	}