/* MAIN */

html,body{margin:0;padding:0;}
body{
	font-size: 14px;
	color: #333333;
	font-family: Lucida Grande, Lucida Sans;
	text-align:center;
	margin-top: 0px;
}
p{margin:0 10px 10px}
div#header h1{margin:0; text-align:left;}
div#container{text-align:left;	border: 0px;}
div#content p{line-height:1.4}
div#footer{background: url(images/footer-bkg.jpg) no-repeat top left; height: 84px;}
div#footer p{margin:0;padding:10px 10px;}
div#footer, div#footer a {color: #ffffff;}
div#container{width:860px;margin:0 auto;}
div#content{float:left;width:860px; border: 0px;}
div#footer{clear:both;width:100%;}
body,td,th {
	font-size: 14px;
	color: #333333;
	font-family: Lucida Grande, Lucida Sans;
}

#header {
 color: #333;
 width: 860px;
 padding: 0px;
 height: 57px;
 margin: 0px 0px 15px 0px;
}

#navigation {
    padding-left:20px;
	width: 860px;
	background: url(images/menu/menu-bkg.jpg) no-repeat;
}

/* END MAIN */

/* LINKS AND STYLES */

a {
	font-family: Lucida Grande, Lucida Sans;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
}
a:hover {
	font-family: Lucida Grande, Lucida Sans;
	font-size: 14px;
	color: #999999;
	text-decoration: none;
}

a:visited {
		font-family: Lucida Grande, Lucida Sans;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
}
a:active {
	font-family: Lucida Grande, Lucida Sans;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
}

.style1 {font-weight: bold}

.style2 {
	color: #000066;
	font-weight: bold;
	font-size: 36px;
}

.style3 {
	color: #666666;
	font-size: 12px;
}

.style7 {font-size: 11px}

.bottom a {
	font-family: Lucida Grande, Lucida Sans;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
}

.bottom a:hover {
	font-family: Lucida Grande, Lucida Sans;
	font-size: 14px;
	color: #ffffff;
	text-decoration: underline;
}

/* END LINKS AND STYLES */

/* MENU */

#nav-layout {
	margin: 0;
	padding-top: 8px;
	list-style: none;
	overflow: hidden;
	height: 37px;
	}
	
#nav-layout ul {
	list-style: none;
	display: block;
	margin: 0px 0px 0px 10px
	padding: 0px;
	width: 860px;
}

#nav-layout li {
	display: inline;
	}

#nav-layout a {
	overflow: hidden;
	height: 37px;
	color: #ffffff;
	background: url(images/menu/off.jpg) repeat left top;
	}
	
#nav-layout a:hover {
	background-position: 0px;
	color: #333333;
	background: url(images/menu/on.jpg) repeat left top;
	}

#home-layout a {
	padding: 10px 28px;
	}

#corporate-layout a {
	padding: 10px 28px;
	}

#photomask-layout a {
	padding: 10px 28px;
}

#pod-layout a {
	padding: 10px 28px;
	}

#quality-layout a {
	padding: 10px 28px;
	}

#contact-layout a {
	padding: 10px 28px;
	}

/* END MENU */


#leftcolumn { 
 margin: 0px 0px 0px 0px;
 padding: 10px 15px 0px 2px;
  height: 169px;
 width: 200px;
 float: left;
}

#leftmiddle { 
 margin: 0px 0px 0px 0px;
 padding: 10px 15px 0px 0px;
 height: 159px;
 width: 200px;
 float: left;
}

#rightmiddle { 
 margin: 0px 0px 0px 0px;
 padding: 10px 15px 0px 0px;;
 height: 159px;
 width: 200px;
 float: left;
}

#rightcolumn { 
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 0px 0px;
 height: 159px;
 width: 200px;
 float: left;
}

/* COLUMN MENU */


#col-layout ul li{
	display: block;
	float: left;
        }

#col-layout {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#col-layout li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#col-layout a {
	float: left;
	padding: 0px;
	overflow: hidden;
	height: 162px;
	text-indent: -1000px;
	}
	
#col-layout a:hover {
	background-position: 0px;
	text-indent: -1000px;
	}

#col1-layout a {
	width: 200px;
	background: url(images/blocks/photomask1.jpg) no-repeat;
	}

#col1-layout a:hover {
	width: 200px;
	background: url(images/blocks/photomask1.jpg) repeat-y;
        background-position: 0 -162px;
	}
	
#col2-layout a {
	width: 200px;
	background: url(images/blocks/pod1.jpg) no-repeat;
	}

#col2-layout a:hover {
	width: 200px;
	background: url(images/blocks/pod1.jpg) repeat-y;
        background-position: 0 -162px;
	}
	
#col3-layout a {
	width: 200px;
	background: url(images/blocks/application1.jpg) no-repeat;
	}

#col3-layout a:hover {
	width: 200px;
	background: url(images/blocks/application1.jpg) repeat-y;
        background-position: 0 -162px;
	}
	
#col4-layout a {
	width: 200px;
	background: url(images/blocks/quality1.jpg) no-repeat;
	}

#col4-layout a:hover {
	width: 200px;
	background: url(images/blocks/quality1.jpg) repeat-y;
        background-position: 0 -162px;
	}
	
	/* END COLUMN MENU */
	
		/* SLIDER */
	
	#slider1 {
	width: 850px;
	height: 500px;
	position: relative;
	overflow: hidden;
}

#slider1Content {
    width: 850px;
    position: absolute;
	top: -20px;
	margin-left: 0;
}

.slider1Image {
    float: left;
    position: relative;
	display: none;
}

.slider1Image span {
    position: absolute;
	left: 0;
    font-size: 15px Lucida Grande, Lucida Sans;
    padding: 10px 13px;
    width: 850px;
	background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	bottom:0;
}

.clear {
	clear: both;
}

.slider1Image span strong {
    font-size: 15px;
}

.bottom {
	bottom: 0;
	width: 850px;
	height: 190px;
}

ul { list-style-type: none;margin: 0; padding: 0;}

/* END SLIDER */