/* Main CSS */
body{
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #4444ad;
	background-color: #e0dfe0;
	line-height: 100%
}

/* TEXT */
h1{
	margin: 0;
	padding: 0;
	font-size: 2.6em;
	/*color: #989898;*/
	color: #868686;
	line-height: 1.4em;
	clear: both;
}
h2{
	margin: 4px 2px;
	padding: 0;
	line-height: 24px;
	font-size: 1.8em;
}
h3{
	margin: 4px 2px 0 2px;
	padding: 0;
	font-size: 1.5em;
	font-weight: normal;
}
p{
	margin-top: 0px;
}
ul, li {
	margin: 0 0 3px 0;
	padding: 0;
	color: #4444ad;
	font-size: 1.1em;
	font-weight: bold;
	list-style-position: inside;
}
img { border: 0; }
.footer_text {
	padding-top: 21px; 
	font-weight: bold;
	color: #9f9ff4;
}
.footer_text a { color: #feef00; text-decoration: none; }
.footer_text a:hover { color: #fff }
.photo img { border: 3px solid #3d47b6; }

/* LAYOUT DIVS */
.main{
	margin: 0 auto;
	width: 800px; height: 702px;
	border: 3px solid #fff;
	background: url(images/back_02.gif) center center;
}
.header {
	background: url(images/logob.gif) no-repeat 35px 0px;
	height: 101px;
}
.menu-bar {
	width: 218px; height: 546px;
	margin-right: 22px;
	float: left;
}
.contents {
	width: 560px; height: 546px;
	float: right;
}
.footer {
	height: 55px;
	text-align: center;
	clear: both;
}

/* TOP MENU */
.topmenu_blank { width: 90px; height: 27px; border: 0;}
.contact a {
	display: block;
	margin-right: 8px;
	background: url(images/contact.gif) left top;
	float: right;
}
.contact a:hover { background-position: left bottom; }
.home a {
	display: block;
	margin-right: 8px;
	background: url(images/home.gif) left top ;
	float: right;
}
.home a:hover { background-position: left bottom; }
.map a {
	display: block;
	margin-right: 40px;
	background: url(images/map.gif) left top ;
	float: right;
}
.map a:hover { background-position: left bottom; }

/* SIDE MENU */
.sidemenu_spacer1 { height: 25px; }
.sidemenu_spacer2 { height: 6px; line-height: 0px }
.sidemenu_blank { width: 218px; height: 44px; border: 0;}

.menu1 a { display: block; background: url(images/menu1.gif) left top;}
.menu1 a:hover { background-position: left bottom; }
.menu1b a { background: url(images/menu1.gif) left bottom; }

.menu2 a { display: block; background: url(images/menu2.gif) left top; }
.menu2 a:hover { background-position: left bottom; }
.menu2b a { background: url(images/menu2.gif) left bottom; }

.menu3 a { display: block; background: url(images/menu3.gif) left top; }
.menu3 a:hover { background-position: left bottom; }
.menu3b a { background: url(images/menu3.gif) left bottom; }

.menu4 a { display: block; background: url(images/menu4.gif) left top; }
.menu4 a:hover { background-position: left bottom; }
.menu4b a { background: url(images/menu4.gif) left bottom; }

.menu5 a { display: block; background: url(images/menu5.gif) left top; }
.menu5 a:hover { background-position: left bottom; }
.menu5b a { background: url(images/menu5.gif) left bottom; }

.menu6 a { display: block; background: url(images/menu6.gif) left top; }
.menu6 a:hover { background-position: left bottom; }
.menu6b a { background: url(images/menu6.gif) left bottom; }

.menu7 a { display: block; background: url(images/menu7.gif) left top; }
.menu7 a:hover { background-position: left bottom; }
.menu7b a { background: url(images/menu7.gif) left bottom; }

.menu8 a { display: block; background: url(images/menu8.gif) left top; }
.menu8 a:hover { background-position: left bottom; }
.menu8b a { background: url(images/menu8.gif) left bottom; }

.menu9 a { display: block; background: url(images/menu9.gif) left top; }
.menu9 a:hover { background-position: left bottom; }
.menu9b a { background: url(images/menu7.gif) left bottom; }

.menu10 a { display: block; background: url(images/menu10.gif) left top; }
.menu10 a:hover { background-position: left bottom; }
.menu10b a { background: url(images/menu8.gif) left bottom; }

/* CONTENTS */
.title {
	height: 60px;
	background: url(images/capacity.gif) no-repeat 0px 23px;
}
.title2 {
	height: 60px;
	background: url(images/company-profile.gif) no-repeat 0px 24px;
}
.title3 {
	height: 60px;
	background: url(images/contact-us.gif) no-repeat 0px 24px;
}
.title4 {
	height: 60px;
	background: url(images/aluminium-bending.gif) no-repeat 0px 24px;
}
.title5 {
	height: 60px;
	background: url(images/cmc-punching.gif) no-repeat 0px 24px;
}
.image1 {
	height: 546px;
	background: url(images/image1.jpg) no-repeat 0px 200px;	
}
.image2 {
	height: 546px;
	background: url(images/image2.jpg) no-repeat center center;	
}
.image3 {
	height: 546px;
	background: url(images/image3.jpg) no-repeat center center;	
}
.image4 {
	height: 546px;
	background: url(images/image4.jpg) no-repeat center center;	
}
.image5 {
	height: 546px;
	background: url(images/image5.jpg) no-repeat center center;	
}
.image6 {
	height: 444px;
	background: url(images/image6.jpg) no-repeat center center;	
}
.image7 {
	height: 546px;
	background: url(images/image7.jpg) no-repeat left center;	
}
.image8 {
	height: 546px;
	background: url(images/image8.jpg) no-repeat center center;	
}
.image9 {
	height: 546px;
	background: url(images/map.jpg) no-repeat left center;	
}
.image10 {
	height: 546px;
	background: url(images/image9.jpg) no-repeat left 70px;	
}
.image11 {
	height: 546px;
	background: url(images/image10.jpg) no-repeat left 70px;	
}

.products-text {
	font-size: 14px;
	padding-top: 395px; 
	padding-left: 13px;
}
.products-text a { color: #fff }
.products-text a:hover { color: #0000FF }
.products01 {
	height: 444px;
	background: url(images/products01.jpg) no-repeat left center;	
}
.products02 {
	height: 444px;
	background: url(images/products02.jpg) no-repeat left center;	
}
.products03 {
	height: 444px;
	background: url(images/products03.jpg) no-repeat left center;	
}
.products04 {
	height: 444px;
	background: url(images/products04.jpg) no-repeat left center;	
}
.products05 {
	height: 444px;
	background: url(images/products05.jpg) no-repeat left center;	
}
.products06 {
	height: 444px;
	background: url(images/products06.jpg) no-repeat left center;	
}
.products07 {
	height: 444px;
	background: url(images/products07.jpg) no-repeat left center;	
}