/*
// 17 July 2009
the basic structure is:
<wrapper> 
	<topnav>
	<menu>
	<mainbody>
	<mainbody2>
		<leftcolumn> <rightcolumn>
	<footer>
the width
---------750---------------wrapper

//the <mainbody2> <mainbody> ensure that the Leftcolumn and Rightcolumn
//please pay attentation of the 'left' in 'mainbody2', and the 'left' in
// 'leftcolumn' and 'rightcolumn'
//has equal height, no matter what contens they have

*/



* { 
padding : 0;
margin : 0;
} 
body { 
font-family : Arial, Helvetica, sans-serif;
color : #000033;
/*color : #ccc;*/
font-size : 12px;
background-image : url(images/bbg.jpg);
/*background-image : url(images/bbg.jpg);*/
} 
img { 
padding : 3px;
border : 0px solid #d0660a;
border : 0px solid #9cf449;
} 
img.floatTL { 
float : left;
margin-right : 30px;
margin-bottom : 2px;
margin-top : 12px;
margin-left : 20px;
} 
img.floatTR { 
float : right;
margin-left : 30px;
margin-bottom : 2px;
margin-top : 12px;
margin-right : 20px;
} 

img.floatLC { 
float : left;
margin-left : 7px;
margin-bottom : 2px;
margin-top : 12px;
margin-right : 10px;
} 
img.floatCT { 
/*float : center;*/
display: block;
margin-bottom : 40px;
margin-top : 10px;
    margin-left: auto;
    margin-right: auto;

}
.blue { 
color : #3f4858;
} 
.orange { 
color : #d0660a;
} 
#wrapper { 
width : 850px;  /* the width of the main body -----------------------------*/
/*****-------changed from 70% to 1000px @ 29 March 2011-----------------------*/
/*****-------changed from 70% to 1000px @ 29 March 2011-----------------------*/
 
margin : 0 auto; /* '0 auto', the wrapper is at center
background-color : #3f4857;
/*background-color : #3f4857;*/
/*min-height : inherit; 2000px, inherit*/
overflow:hidden;
} 
* html #wrapper { 
/*min-height : 100%;*/
} 
#mainbody { 
margin-right : 4px;;
background : #ffffff;
position:relative;
float:left;
overflow:hidden;
width:100%;
} 
#mainbody2 { 
margin : 0px; /*or auto*/
background :  #3f4857;
position:relative;
float:left;
width: 100%;
right:80%;
} 
#topnav { 
/*height : 50px;*/ /*the height will be determined by the contents in the 'topnav'*/
/*if fixed the height, it may different in IE & Firefox*/
/* background-color : #00ff33;*/
/*background-image: url(images/bigBackGround002_bg_narrow.jpg);*/
background-repeat : repeat-x;
/*background-image: url(images/top_bg.jpg); */ 
/*background-color : #ccffff;*/
} 
#topnav { 
margin-right : 0px;
/*background-color : #3f4857;*/
text-align : right;
color : #330033;
} 
#topnav a { 
padding-top : 10px;
color : #330033;
text-decoration : none;
} 
#header { 
height : 120px;
background-color : #00ff00; /*ccffff*/
/* background-image : url(images/logov4.gif); */
background-repeat : no-repeat;
background-position : right 0%;
} 
.name { 
/*background-image : url(images/logopic.jpg);*/
background-repeat : no-repeat;

} 
.name h1 { 
font-size : 2em;
margin-top : 5px;
margin-left : 30px;
font-weight : lighter;
font-family : Arial, Helvetica, sans-serif;
padding-top : 50px;
} 
.name h3 { 
font-size : 0.9em;
margin-left : 30px;
font-family : Arial, Helvetica, sans-serif;
color : #999;
} 

.fon1 {background:URL('images/top1.jpg') 
	repeat left top;
	/*no-repeat right bottom;*/
	vertical-align:top;
}
.fon3 {background:URL('images/topa.jpg') 
	no-repeat right top;
	/*no-repeat right bottom;*/
	vertical-align:top;
}
.fon4 {background:URL('images/topa.jpg') 
	no-repeat left top;
	/*no-repeat left top;*/
	/*no-repeat right bottom;*/
	vertical-align:top;
}
.fonpackaging {background:URL('images/top_packaging.jpg') 
	no-repeat left top;
	/*no-repeat left top;*/
	/*no-repeat right bottom;*/
	vertical-align:top;
}
.fonautomation {background:URL('images/top_automation.jpg') 
	no-repeat left top;
	/*no-repeat left top;*/
	/*no-repeat right bottom;*/
	vertical-align:top;
}
.fonrobot {background:URL('images/top_robot.jpg') 
	no-repeat left top;
	/*no-repeat left top;*/
	/*no-repeat right bottom;*/
	vertical-align:top;
}

.fonhome {background:URL('images/top_home.jpg') 
	no-repeat left top;
	/*no-repeat left top;*/
	/*no-repeat right bottom;*/
	vertical-align:top;
}
.foncontactus {background:URL('images/top_contactus.jpg') 
	no-repeat left top;
	/*no-repeat left top;*/
	/*no-repeat right bottom;*/
	vertical-align:top;
}
.fonsupport {background:URL('images/top_support.jpg') 
	no-repeat left top;
	/*no-repeat left top;*/
	/*no-repeat right bottom;*/
	vertical-align:top;
}

#log { 
/*height : 160px;*/
/*width: 220px;*/
/*background-color :  #00ff33; ccffff*/ 
/* background-image : url(images/bigBackGround002_bg_narrow.jpg);*/ 
margin-top:-130px;
margin-left:25px;
float: left;
background-repeat : repeat-x;
background-position : right 0%;
} 
#toppic { 
/*height : 160px;*/
/*width: 220px;*/
/*background-color :  #00ff33; ccffff*/ 
/* background-image : url(images/bigBackGround002_bg_narrow.jpg);*/
margin-top:-130px;
margin-left:350px;
float: left;
background-repeat : repeat-x;
background-position : right 0%;
} 

#menu { 
/*margin : 0 auto;*/
background-color : #000000; /*ccffff*/
margin-top: -5px;	
padding : 0px 0 0px 0;
/*width: 480px;*/
position: relative;
/*top: 2px;
left: 100px;*/
padding: 5px 0em 6px 0em;} 
#menu ul { 
margin : 0;
padding : 0;
list-style : none;
text-align : center;
}

 

#menu li { 
display : inline;
} 
#menu a { 
text-transform : capitalize;
text-decoration : none;
/*overline, line-through, underline, blink, none*/
font-size : 16px;
color : #f1f1f1;
font-weight:bold;
padding: 5px 5px 5px 5px;
color: #f05507;} 

#menuCu{ 
display : inline;
text-transform : capitalize;
/*capitalize, uppercase, lowercase*/
text-decoration : blink; 
background: green;
font-size : 16px;
color : #f1f100;
font-weight: bold;
/*normal, lighter, bold, 900*/
padding: 5px 5px 5px 5px;} 

#menu a:hover {
color: #cccccc;
padding: 5px 6px 5px 6px;}
 
#leftcolumn { 
display : inline;
width :  19%;
float : left;
position:relative;
/*min-height : 1000px;*/
margin-top: 2px;
margin-left: 2px;
left:80%;
overflow:hidden;
/*background:#545445;*/
/*background-color : #CCFFCC;*/
} 
* html #leftcolumn { 
/*height : 695px;*/
} 
#leftcolumn h3 { 
font-size : 1.2em;
padding-left : 20px;
padding-top : 2px;
padding-bottom : 5px;
color : #d0660a;
font-weight : bolder;
} 
form { 
margin-top : 0;
width : 150px;
/*width : 120px;*/
margin-left : 5px;
margin-right : 5px;
margin-bottom : 15px;
background-color : #CCFF99;
border : 1px solid #d0660a;
} 
form p { 
padding-top : 10px;
padding-left : 5px;
padding-bottom : 5px;
color : #cd6209;
} 
.reg p { 
padding-left : 20px;
color : #ffe;
} 
.reg a { 
color : #d0660a;
text-decoration : none;
} 
#leftcolumn h4 { 
color : #d0660a;
text-align : left;
font-size : 1.1em;
margin-top : 1px;
text-decoration : underline;
} 
#leftcolumn h5 { 
color : #d0660a;
text-align : left;
font-size : 1.1em;
margin-top : 20px;
margin-left: 4px;
/*text-decoration : underline;*/
}
#leftcolumn h6 { 
color : #d0660a;
text-align : left;
font-size : 1em;
margin-top : 15px;
margin-left: 20px;
/*text-decoration : underline;*/
}
#leftcolumn a { 
color : #ffffff;
text-align : left;
font-size : 1.1em;
margin-top : 20px;
margin-left: 4px;
text-decoration : none;
}
.lefttext p { 
text-align : justify;
padding : 10px;
} 
.lefttext a { 
color : #d066ff;
text-decoration : none;
} 
#rightcolumn { 
display : inline;
/*margin-right : 2px; 
margin-left: 2px;*/
width :75%;
float : left;
left:85%;
/*min-height : 800px;*/
margin-top: 2px;
margin-left: 2px;
overflow:hidden;
position:relative;
/*background-image: url(images/rcbg.jpg); */
background-repeat: no-repeat;
background-position: bottom;} 
* html #rightcolumn { 
/*height : 695px;*/
} 
blockquote { 
margin-top : 10px;
margin-left : 5px;
margin-bottom : 10px;
margin-right : 10px;
border : 0px solid;
padding : 3px;
}
#rightcolumn p { 
padding : 12px;
text-align : justify;
color : #3f4856;
font-size: 14px;
} 
#rightcolumn h2 { 
margin-left : 15px;
margin-top : 10px;
font-size : 1.4em;
font-family : Arial, Helvetica, sans-serif;
font-weight : lighter;
color : #3f4856;
text-decoration : underline;
text-transform: capitalize;
} 
#rightcolumn h3 { 
margin-left : 15px;
margin-top : 10px;
font-size : 1.2em;
font-family : Arial, Helvetica, sans-serif;
font-weight : bolder;
color : #3f4856;
text-decoration : underline;
letter-spacing : 0.3em;
} 
#rightcolumn li { 
padding : 3px;
text-align : justify;
color : #3f4856;
font-size: 14px;
margin-left: 100px;
} 
#rightcolumn h1{ 
margin-left : 15px;
margin-top : 10px;
font-size : 2em;
font-family : Arial, Helvetica, sans-serif;
font-weight : bolder;
color : #3f4500;
text-decoration : underline;
letter-spacing : 0.1em;
} 
#rightcolumn a { 
color : #d0660a;
text-decoration : none;
} 
.lb { 
background-image : url(images/lb.jpg);
background-repeat : repeat-x;
width : 580px;
height : 5px;
margin-left : 10px;
} 
#footer { 
margin-top : 0px;
background-color : #000000;
/*background-color : #3f4847;*/
/*display : inline;*/   /*cannot display correct with multilines*/
/*float : right;*/
/* width : 750px; */
width : 100%;
text-align : center;
padding-top : 10px;
padding-bottom : 10px;
} 
#footer p { 
color : #f7f7f7;
} 
#footer a { 
color : #f7f7f7;
} 


#nav {
	/*position: absolute;*/
	margin-top:25px;
	margin-right:15px;
     	float:right;
   /*	width:740px;*/
   	width:100%
}
#nav  a {
	background-image:url(images/menu.png);
	width:90px;
	height:19px;
	display:inline;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:center;
	padding-top:6px;
	text-decoration:none;
	color:#e9e4d0;
	font-weight:bolder;
}
#nav  a:hover {
	color:#544e38;
}