﻿/*

	-- -- -- -- -- -- --
	bright creative
	default.css
	main site foundation layout
	-- -- -- -- -- -- --
	
	
*/

@import url("reset.css");

/* -- base html -- */

body {
	font: 62.5% "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	color:#28221d;
	background:#ffffff;
}


/* links */
a:link {color: #004a80;}
a:visited {color: #004a80;}
a:hover {color: #000;}

/* Heading */

h1{
font: 1.8em/1.8em Candara, georgia, serif;
margin:1.2em 0em 0em 0em;
padding-left:20px;
color:#1c5f85;
}

h2 {
font: 1.4em/1.4em Candara, georgia, serif;
margin:1.2em 0em 1.2em 0em;
color:#031634;
}

h3 {
font: 1.4em/1.4em Candara, georgia, serif;
margin:.8em 0em 1.2em 0em;
color:#005597;
border-bottom:1px dashed #d3d3d3;
}

h4 {
font: 1.2em/1.2em Candara, georgia, serif;
margin:1.2em 0em 1.2em 0em;

}
h5 {
font: 1.0em/1.2em Candara, georgia, serif;
margin:1.2em 0em 1.2em 0em;
}

h6 {
font: 0.8em/1em Candara, georgia, serif;
margin:1.2em 0em 1.2em 0em;
}

/* Paragraphs */

p {font-size: 1.2em;line-height: 1.6;margin: 1em 0 0.5em 0;}


/* Lists */

ul {margin-bottom: 1em;}
ul li {font-size: 1.2em;line-height:1.8em;margin-left:1.5em;}

ol {margin-bottom: 0.5em;}
ol li {font-size: 1.2em;line-height:1.5em;margin-left: 1.5em;}

dl{	margin-bottom: 0.5em;}
dd {font-size: 1.2em;line-height: 1.1em;color: #a0783e;}
dt {font-size: 1.2em;line-height: 1;}


ul li p,
ol li p {font-size:1em;}

em {color: #584b43;}
b{font-weight:bold;}
strong{font-weight:bold;}
hr{border:3px solid black;}

#header{background:#f5f9ff url('../images/bg-header.gif') repeat-x;height:425px;width:100%;margin:0 auto;text-align:center;}
#header-wrapper{width:980px;margin:0 auto;background:transparent;height:450px;text-align:left;}
#header-wrapper-inner{padding:10px;font-size:1em;}

.logo-container{width:400px;float:left;height:100px;background:transparent url('../images/logo.gif') no-repeat;}
.logo-container h1{text-indent:-9999px;}
.top-menu-container{width:550px;float:right;background:transparent;height:100px;overflow:hidden;}

#container{clear:both;width:980px;margin:0 auto;background:transparent;text-align:left; overflow:hidden;}
#container-inner{padding:0 10px;font-size:1.2em;}

#container-inner .product-container{
	width:230px;
	float:left;
	border:1px dotted #d6d6d6;
	height:500px;
	margin:10px 3px;
	background:#fbfbfc;
}

#container-inner .product-container ul li{
list-style-type:none;
margin:0px;
padding:5px;
}


/* Column1 */

#container-inner .column1
{
	width:240px;
	padding:0px;
	margin:0px;
	float:left;
}
#container-inner .column1 .inner{padding:20px;}


#container-inner .column1 h3.index-mhe,
#container-inner .column1 h3.index-fe,
#container-inner .column1 h3.index-hle,
#container-inner .column1 h3.index-crane{
	height:30px;
width:200px;
	text-indent:-9999px;
	overflow:hidden;
	text-transform:uppercase;
}
#container-inner .column1 h3.index-mhe{background:transparent url('../images/index-mhe.gif') no-repeat;}
#container-inner .column1 h3.index-fe{background:transparent url('../images/index-fe.gif') no-repeat;}
#container-inner .column1 h3.index-hle{background:transparent url('../images/index-hle.gif') no-repeat;}
#container-inner .column1 h3.index-crane{background:transparent url('../images/index-crane.gif') no-repeat;}

#container-inner .column1 p{
	text-align:justify;
}
#container-inner .column1 a h4{
	background:transparent url('../icons/next.gif') no-repeat;
	text-indent:-9999px;
	height:30px;
	width:80px;
	cursor:pointer;
}

/* Column 2 */

#container-inner .column2{
	width:700px;
	float:left;
}
#container-inner .column2 .inner {padding:0 30px;}

#container-inner .column2 h2,
#container-inner .column2 h2 span{
	width:300px;
	height:30px;
	background:transparent url('../images/title-aboutus.gif') no-repeat;
	font-size:100%;
}

#container-inner .column2 h2 span{
	display:block;
	position:relative;
	z-index:1;
	margin-bottom:-31px;
}

#container-inner .column2 h2{
	overflow:hidden;
}

#container-inner .column2 h2 span.title-clients{background-image:url('../images/title-clients.gif');}
#container-inner .column2 h2 span.title-enquiry{background-image:url('../images/title-enquiry.gif');}
#container-inner .column2 h2 span.title-contactus{background-image:url('../images/title-contactus.gif');}
#container-inner .column2 h2 span.title-productrange{background-image:url('../images/title-productrange.gif');}


#container-inner .column2 h2 span.title-beltconveyor{background-image:url('../images/title-beltconveyor.gif');}
#container-inner .column2 h2 span.title-customconveyor{background-image:url('../images/title-customconveyor.gif');}
#container-inner .column2 h2 span.title-incliendconveyor{background-image:url('../images/title-incliendconveyor.gif');}
#container-inner .column2 h2 span.title-overheadconveyor{background-image:url('../images/title-overheadconveyor.gif');}
#container-inner .column2 h2 span.title-rollerconveyor{background-image:url('../images/title-rollerconveyor.gif');}
#container-inner .column2 h2 span.title-screwconveyor{background-image:url('../images/title-screwconveyor.gif');}
#container-inner .column2 h2 span.title-bucketelevator{background-image:url('../images/title-bucketelevator.gif');}
#container-inner .column2 h2 span.title-chainelevator{background-image:url('../images/title-chainelevator.gif');}
#container-inner .column2 h2 span.title-title-drumtrolley{background-image:url('../images/title-drumtrolley.gif');}
#container-inner .column2 h2 span.title-platformtrolley{background-image:url('../images/title-platformtrolley.gif');}
#container-inner .column2 h2 span.title-tiltingstacker{background-image:url('../images/title-tiltingstacker.gif');}
#container-inner .column2 h2 span.title-drumtrolley{background-image:url('../images/title-drumtrolley.gif');}

#container-inner .column2 h2 span.title-fettling{background-image:url('../images/title-fettling.gif');}
#container-inner .column2 h2 span.title-sandplant{background-image:url('../images/title-sandplant.gif');}
#container-inner .column2 h2 span.title-moulding{background-image:url('../images/title-moulding.gif');}

#container-inner .column2 h2 span.title-gantrycrane{background-image:url('../images/title-gantrycrane.gif');}
#container-inner .column2 h2 span.title-goodslift{background-image:url('../images/title-goodslift.gif');}
#container-inner .column2 h2 span.title-eotcrane{background-image:url('../images/title-eotcrane.gif');}
#container-inner .column2 h2 span.title-jibcrane{background-image:url('../images/title-jibcrane.gif');}
#container-inner .column2 h2 span.title-stacker{background-image:url('../images/title-stacker.gif');}
#container-inner .column2 h2 span.title-liftingtable{background-image:url('../images/title-liftingtable.gif');}
#container-inner .column2 h2 span.title-pallettruck{background-image:url('../images/title-pallettruck.gif');}


#container-inner .column2 p{
	text-align:justify;
}

#container-inner .column2 img{
padding:2px;
background-color:#f5f9ff;
}


/* Column 3 */

#container-inner .column3{
	width:260px;
	float:right;
	background:transparent;
	margin-top:50px;
}
#container-inner .column3 .inner{
	padding:0px 5px;
}

#container-inner .column3 .right-container{
	border:1px solid #bfcde0;	
	background:#f5f9ff;
		padding:0px 5px;
		margin:5px 0px 20px 0px;

}

#footer{clear:both;width:100%;background:transparent url('../images/bg-footer.gif') repeat-x;text-align:center;height:78px;}
#footer-container{width:980px;margin:0 auto;background:transparent;text-align:left;}
#footer-container-inner{padding:10px;font-size:1em;}
.allrights{float:left;width:650px;}
.allrights p{font-size:1.2em;color:#fff;}
.validated{float:right;width:260px;}
.validated p{font-size:1.2em;color:#ffffff;}



/* Library */

.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
.align-justify{text-align:justify;}
.float-left{float:left;}
.float-right{float:right;}
.clear-all{clear:both;}
.hide{display:none;}
.inner{padding:10px;}
.highlite{color:#3a88b5;text-decoration:underline;}
.image-border{background:#dbe6ec;padding:2px;}











