/* CSS Document */
body{padding:0px; margin:0px; background:#000000; color:#666666; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/14px Tahoma, sans-serif; color:#30a0c4; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

.headline{font:12px/14px Trebuchet MS, sans-serif; color:#000000}
.subtitle{font:10px/10px Tahoma, Geneva, sans-serif; color:#222222;}
.text{font:12px/14px Verdana, Arial, Helvetica, sans-serif; color:#000000; margin-left:100px; margin-bottom:40px; width:800px}
.address{font:14px/16px Verdana, Arial, Helvetica, sans-serif; color:#000000; margin-left:0px; margin-bottom:40px; width:800px}
.required{color:#777777; margin-left:250px;}

#container{width:1000px; margin:0 auto; padding:5px; padding-top:0px; border:#bbbbbb 5px solid; background:#FFF}

/* HEADER */
#header{width:990px; height:275px; position:relative; left:4px; 0 0 no-repeat; border:solid 1px #AAA;}

#header img#logo{position:absolute; top:28px; left:21px}
#header img#slogan{position:absolute; top:41px; left:372px}
#header img#btn_presentation{position:absolute; top:54px; left:521px}
#header img#slogan2{position:absolute; top:173px; left:372px}
#header img#btn_readmore{position:absolute; top:311px; left:579px}

#top{width:192px; position:absolute; top:176px; left:29px}
#top h2{height:36px; position:relative; background:url(../images/h_top.jpg) 0 0 no-repeat; margin-bottom:13px}

#top ul{margin-left:5px}
#top ul li{font:12px/14px Arial, Helvetica, sans-serif; color:#62f7ff; padding-left:39px; height:22px; margin-bottom:1px; padding-top:8px}
#top ul li.l01{ background:url(../images/check_top.jpg) 0 0 no-repeat}
#top ul li.l02{ background:url(../images/check_top-04.jpg) 0 0 no-repeat}
#top ul li.l03{ background:url(../images/check_top-05.jpg) 0 0 no-repeat}
#top ul li a{color:#62f7ff; text-decoration:none;}
#top ul li a:hover{color:#fff; text-decoration:none;}


#header ul.menu{position:absolute; top:348px; left:87px; width:547px}
#header ul.menu li{float:left; height:15px; margin-right:20px}
#header ul.menu li a{height:21px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{height:21px;}

#header ul.menu li.home a{width:62px; background:url(../images/btn_1.gif) 0 0 no-repeat; }
#header ul.menu li.home a:hover{width:62px; background:url(../images/btn_1_over.gif) 0 0 no-repeat;}

#header ul.menu li.about_us a{width:114px; background:url(../images/btn_4.gif) 0 0 no-repeat; }
#header ul.menu li.about_us a:hover{width:114px; background:url(../images/btn_4_over.gif) 0 0 no-repeat;}

#header ul.menu li.media a{width:72px; background:url(../images/btn_2.gif) 0 0 no-repeat; }
#header ul.menu li.media a:hover{width:72px; background:url(../images/btn_2_over.gif) 0 0 no-repeat;}

#header ul.menu li.testimonials a{width:140px; background:url(../images/btn_5.jpg) 0 0 no-repeat; }
#header ul.menu li.testimonials a:hover{width:140px; background:url(../images/btn_5_over.jpg) 0 0 no-repeat;}

#header ul.menu li.contact_us a{width:143px; background:url(../images/btn_3.gif) 0 0 no-repeat; }
#header ul.menu li.contact_us a:hover{width:143px; background:url(../images/btn_3_over.gif) 0 0 no-repeat;}

#header ul.menu li.contacts {margin-right:0}
#header ul.menu li.contacts a{width:70px; background:url(../images/btn_6.gif) 0 0 no-repeat; }
#header ul.menu li.contacts a:hover{width:70px; background:url(../images/btn_6_over.gif) 0 0 no-repeat;}

#header ul.menu li.bullet{width:5px; background:url(../images/spacer_m.gif) 0 5px no-repeat}

/* CONTENT */

#content{width:990px; position:relative; left:3px; margin-top:5px}
#leftPan{width:492px; position:relative; left:2px; float:left; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 0;}
#rightPan{width:492px; position:relative; left:5px; float:left;}

.ad ul.btn_details{width:72px; height:22px; background:url(../images/b_btn_details.jpg) 0 0 no-repeat}
.ad ul.btn_details li{text-align:center; padding-top:4px}
.ad ul.btn_details li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#ffffff; text-decoration:none;}
.ad ul.btn_details li a:hover{text-decoration:none;}

.ad{width:490px; height:159px; background: url(../images/b_ad.jpg) 0 0 no-repeat; position:relative; margin-bottom:16px}
.ad img{position: absolute; top:20px; left:20px}
.ad#ad01 h2{height:40px; position:relative; background:url(../images/title_automated_painting.jpg) 200px 16px no-repeat; margin-bottom:2px;}
.ad#ad02 h2{height:40px; position:relative; background:url(../images/title_automated_blasting.jpg) 200px 16px no-repeat; margin-bottom:2px}
.ad#ad03 h2{height:40px; position:relative; background:url(../images/title_automated_cleaning.jpg) 200px 16px no-repeat; margin-bottom:2px}
.ad#ad04 h2{height:40px; position:relative; background:url(../images/title_paint_matching.jpg) 200px 16px no-repeat; margin-bottom:2px}
.ad#ad05 h2{height:40px; position:relative;	background:url(../images/title_clean_room_env.jpg) 200px 16px no-repeat; margin-bottom:2px}
.ad#ad06 h2{height:40px; position:relative; background:url(../images/title_lcd_refilming.jpg) 200px 16px no-repeat; margin-bottom:2px}
.ad#ad07 h2{height:40px; position:relative; background:url(../images/title_go_green.jpg) 200px 16px no-repeat; margin-bottom:2px}
.ad#ad08 h2{height:40px; position:relative; background:url(../images/title_online_video.jpg) 200px 16px no-repeat; margin-bottom:2px}
.ad#ad09 h2{height:40px; position:relative; background:url(../images/title_dell_painting_new3.jpg) 200px 16px no-repeat; margin-bottom:2px}
.ad#ad10 h2{height:40px; position:relative; background:url(../images/title_special_projects.jpg) 200px 16px no-repeat; margin-bottom:2px}
.ad p {width:275px}
.ad p.subtitle{text-align:center; margin-left:250px; width:140px; margin-bottom:12px}
.ad p.ad_text{margin-left:200px; margin-bottom:7px; font-family: Verdana, Geneva, sans-serif;}
.ad p.ad_text2{font:16px/18px Trebuchet MS, sans-serif; color:#0000FF; margin-left:300px; margin-bottom:7px;}
.ad ul{position: absolute; top:120px; left:22px}

#breadcrumb {
	width:680px;
	height:15px;
	position:relative;
	margin:3px 0 3px 4px;
	padding:5px;
	background-color:#EEEEFF;
	border:solid 1px #AAA;
	border-right:none;
	float:left;
}

#breadcrumb p {font-weight:bold; font-size:10px; color:#333333; font-family:Verdana, Geneva, sans-serif; text-align:left;}
#breadcrumb a {font-weight:bold; font-size:10px; color:#333333; font-family:Verdana, Geneva, sans-serif; text-decoration:none;}
#breadcrumb a:hover {color:#006FFF; text-decoration:none;}

#videoprompt {
	width:290px;
	height:15px;
	position:relative;
	margin:3px 4px 3px 0;
	padding:5px;
	background-color:#EEEEFF;
	border:solid 1px #AAA;
	border-left:none;
	float:right;
}

#videoprompt p {font-weight:bold; font-size:11px; color:#000000; font-family:Tahoma, Geneva, sans-serif; text-align:right;}
#videoprompt a {font-weight:bold; font-size:11px; color:#000000; font-family:Tahoma, Geneva, sans-serif; text-decoration:underline;}
#videoprompt a:hover {color:#006FFF; text-decoration:underline;}

.title {
	width:980px;
	height: 25px;
	position:relative;
	margin:0;
	padding:0;
	background:none;
	border:none;
	float:left;
}

.title#images {width:150px; height:35px; margin:15px 0 0px 0; margin-left:415px;  padding:0px; background-image:url(../images/title_image.gif); background-repeat:no-repeat;}

.title#video {width:150px; height:35px; margin:15px 0 0px 0; margin-left:415px;  padding:0px; background-image:url(../images/title_video.gif); background-repeat:no-repeat;}

#planning{width:450px; margin-left:20px}
#planning h2{height:38px; position:relative; background:url(../images/clean_room_env.gif) 0 0 no-repeat; margin-bottom:10px}
#planning img{float:left; margin-right:10px}
#planning p{float:left; width:168px; padding-top:3px}
#planning .clear{height:10px}

#planning ul{margin-left:3px; width:312px}
#planning ul li{font:11px/14px Arial, Helvetica, sans-serif; color:#666666; background:url(../images/bullet.gif) 0 5px no-repeat; padding-left:24px; height:19px; border-bottom:#dfdfdf 1px dotted; padding-top:5px}
#planning ul li a{color:#30a0c4; text-decoration:none;}
#planning ul li a:hover{color:#000; text-decoration:none;}

#textcontent {width:990px; height:300px; position:relative; margin:0; margin-left:-3px; margin-top:10px; margin-bottom:40px; padding:10px;}
#textcontent img {width:350px; height:auto; margin:5px; float:right; border:solid 1px #000;}
#textcontent p {font-size:14px; color:#666666; font-family:Tahoma, Geneva, sans-serif; text-indent:25px; margin:5px;}

#why{width:450px; margin-left:12px}
#why h2{height:38px; position:relative; background:url(../images/why_choose_us.gif) 9px 0 no-repeat; margin-bottom:10px}
.why_topic{margin-bottom:9px}
.why_topic img{float:left;}
.why_topic p{float:left; width:263px; padding-top:6px}

.clear#end{height:15px}

/* PICTURE ENLARGER */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

.imgcontent{width:1000px; height: 180px; position:relative; margin-left:3px; margin-top:0px; margin-bottom:10px;}
.imgcontent p{text-align:center; font-family:Verdana, Geneva, sans-serif; color:#527fe4;}

.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 0px; /* space between thumbs. Don't change this to margin */
	padding-right: 0px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
	cursor:default;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 0px; /* pushes the text down from the image */
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	border:thick #FFFFFF;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
border:solid 1px #000000;
}

.ienlarger a:hover span { 
	display:block;
	top: 75px; /* means the pop-up's top is 50px away from thumb's top */
	left: -250px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 104px; /* enter desired thumb width here */
	height : auto;
	margin:9px 9px;
}

/* smart image enlarger ends here */

/* FOOTER */

#footer{width:1000px; margin:0 auto; margin-top:23px; height:80px}
#footer p{font:10px/14px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:center; color:#FFF;}
#footer p a{font:10px/14px Tahoma, Geneva, sans-serif; font-weight:normal; color:#FFF; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#FFF; color:#000}