@charset "iso-8859-1";
@import url(reset.css);
@import url(typography.css);
@import url(superfish.css);
@import url(lightbox.css);

/* Class and ID Library */
blockquote	{margin:1.5em;
			color:#666;
			font-style:italic;}
			

a:link, a:visited	{color:#f04135;
					text-decoration:none;}
			
a:active, a:hover	{color:#f04135;
					text-decoration:underline;}

a:focus	{color:#f04135;
		text-decoration:underline;
		outline:none;}


#content_sub a:link	{text-decoration:none;
					color:#828282;}
#content_sub a:visited	{text-decoration:none;		
						color:#f04135;}			
#content_sub a:active	{text-decoration:underline;
						color:#f04135;}		
						
							
#content_sub a:hover	{text-decoration:none;color:#f04135;}		
#content_sub a:focus	{text-decoration:underline;
						color:#828282;
						outline:none;}		

img	{border:none;}
#content_main p  {text-align:justify;}
#content_main p img.float_left	{float:left;
								padding:0;
								margin-right:20px;
								border:none;
								
								}
		
p img.right	{float:right;
			margin:5px 0 5px 5px;}
			
.float_left	{float:left; margin-right: 20px;}

.float_right	{float:right;}

.clear	{clear:both;}

.border	{border:1px solid #000;}

strong	{font-weight:bold;}

em, dfn	{font-style:italic;}

dfn	{font-weight:bold;}

sup, sub	{line-height:0;}


abbr, acronym	{border-bottom:1px dotted #666;}

del	{color:#666;}

pre, code	{margin:1.5em 0;
			white-space:pre;}
			
pre, code, tt	{font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

ul	{list-style:none;}

ol	{list-style-type:decimal;}

dl	{margin:0 0 1.5em 0;}

dl dt	{font-weight:bold;}

dd	{margin-left:1.5em;}

table	{margin-bottom:1.4em;
		width:100%;}
		
th	{font-weight:bold;
	background:#C3D9FF;}
	
th, td	{padding:4px 10px 4px 5px;}

tr.even td	{background:#E5ECF9;}

tfoot	{font-style:italic;}

caption	{background:#eee;}

.small	{font-size:.8em;
		margin-bottom:1.875em;	
		line-height:1.875em;}
		
.large	{font-size:1.2em;
		line-height:2.5em;
		margin-bottom:1.25em;}
		
.hide	{display:none;}

.quiet	{color:#666;}

.loud	{color:#000;}

.highlight	{background:#ff0;}

.added	{background:#060;color:#fff;}

.removed	{background:#900;color:#fff;}

.first	{margin-left:0;
		padding-left:0;}
		
.last	{margin-right:0;
		padding-right:0;}
		
.top	{margin-top:0;
		padding-top:0;}
		
.bottom	{margin-bottom:0;
		padding-bottom:0;}
		
.box	{padding:1.5em;
		margin-bottom:1.5em;
		background:#E5ECF9;}
		
hr	{background:#ddd;
	color:#ddd;
	clear:both;
	float:none;
	width:100%;
	height:.1em;
	margin:0 0 1.45em;
	border:none;}
	
hr.space	{background:#fff;
			color:#fff;}

/* Container */
#container	{width:1210px;
			padding:0 35px;
			margin:auto;
			font-size:1.2em;
			position:relative;}

/* Header */

#branding	{height:160px;}
			
#branding #styleswitch	{position:relative;
							right:30px;
							top:30px;
							float:right;}

#branding #styleswitch li	{display:inline;
							list-style:none;
							padding-left:10px;}
			
		
#branding p	{float:right;
				margin:90px 20px 10px 0px;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:1.1em;}

#logo	{width:221px;
		height:115px;
		float:left;
		margin:20px 0 0 70px;}

#banner	{width:1210px;
		height:290px;
		margin:0;} /* depend on design */	

#preamble	{padding:0px 10px;} /* depend on design */


/* Menu */
.menu	{height:50px;
		width:810px;
		top:70px;
		right:35px;
		position:absolute;
		font-family: Helvetica, Arial, sans-serif;
		background:url(../images/menuBar_01.png) repeat-x;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 0.2px;
		line-height: 1.5em;
		padding-left:20px;}

.menu li a	{padding:0;}	

.menu li li a {display:block; padding:5px 20px 6px;}
	
ul.sf-menu li .home	 	{text-indent:-999em; display:block; height:33px; width:76px;}
ul.sf-menu li .about 	{text-indent:-999em; display:block; height:33px; width:95px;}
ul.sf-menu li .product 	{text-indent:-999em; display:block; height:33px; width:91px;}
ul.sf-menu li .service 	{text-indent:-999em; display:block; height:33px; width:86px;}
ul.sf-menu li .newevent 	{text-indent:-999em; display:block; height:33px; width:124px;}
ul.sf-menu li .project	{text-indent:-999em; display:block; height:33px; width:124px;}
ul.sf-menu li .enquiries 		{text-indent:-999em; display:block; height:33px; width:104px;}

/*Normal stage*/
.menu a.home	{background:url(PrinceSPRITEmenu.png) 0 0 no-repeat;}
.menu a.about	{background:url(PrinceSPRITEmenu.png) -76px 0 no-repeat;}
.menu a.product	{background:url(PrinceSPRITEmenu.png) -171px 0 no-repeat;}
.menu a.service	{background:url(PrinceSPRITEmenu.png) -262px 0 no-repeat;}
.menu a.newevent	{background:url(PrinceSPRITEmenu.png) -348px 0 no-repeat;}
.menu a.project	{background:url(PrinceSPRITEmenu.png) -472px 0 no-repeat;}
.menu a.enquiries	{background:url(PrinceSPRITEmenu.png) -596px 0 no-repeat;}

/*hover */
.menu a:hover.home	{background:url(PrinceSPRITEmenu.png) 0 -66px no-repeat;}
.menu a:hover.about	{background:url(PrinceSPRITEmenu.png) -76px -66px no-repeat;}
.menu a:hover.product	{background:url(PrinceSPRITEmenu.png) -171px -66px no-repeat;}
.menu a:hover.service	{background:url(PrinceSPRITEmenu.png) -262px -66px no-repeat;}
.menu a:hover.newevent	{background:url(PrinceSPRITEmenu.png) -348px -66px no-repeat;}
.menu a:hover.project	{background:url(PrinceSPRITEmenu.png) -472px -66px no-repeat;}
.menu a:hover.enquiries	{background:url(PrinceSPRITEmenu.png) -596px -66px no-repeat;}
		
/* Current stage */
#home .menu .home	{background:url(PrinceSPRITEmenu.png) 0 -33px no-repeat;}
#about_us .menu .about	{background:url(PrinceSPRITEmenu.png) -76px -33px no-repeat;}
#products .menu .product	{background:url(PrinceSPRITEmenu.png) -171px -33px no-repeat;}
#services .menu .service	{background:url(PrinceSPRITEmenu.png) -262px -33px no-repeat;}
#news .menu .newevent	{background:url(PrinceSPRITEmenu.png) -348px -33px no-repeat;}
#portfolio .menu .project	{background:url(PrinceSPRITEmenu.png) -472px -33px no-repeat;}
#enquiries .menu .enquiries	{background:url(PrinceSPRITEmenu.png) -596px -33px no-repeat;}

/* 2 col layout */	
#supportingText #content_sub #talk_to_us	{background:url(../images/talk_to_us.jpg) 0px 0px no-repeat;
											height:0px;
											padding-top:40px;
											overflow:hidden;
											display:block;
											width:164px;}

#supportingText #content_sub #talk_to_us:hover	{background:url(../images/talk_to_us.jpg) 0px -41px no-repeat;}				

#content_middle	{min-height:300px;
				height:auto !important;
				height:400px;}

#content_middle	{overflow:auto;}

.ie6 #content_middle, .ie7 #content_middle	{min-height:400px;
											height:auto !important;
											height:400px;
											overflow:visible;}
				
.ie6 #content_sub	{margin:0px 10px;}

	
#content_sub ul.submenu	{color:#828282;
						font-family:Arial, Helvetica, sans-serif;
						margin:0px 0px 10px 10px;}
						
#content_sub ul.submenu li {width:250px;
							background:url(../images/arrowUp.png) 0 6px no-repeat;
							padding-left:15px; }

#content_sub ul.submenu li a	{color:#828282; font-weight:bold;}

#content_sub ul.submenu li a:hover	{background:none;
									 color:#f04135; font-weight:bold;
									 }
.ie6 #content_sub ul li	{height:1%;}

#content_sub ul.news	{font-family:Arial, Helvetica, sans-serif;
						color:#828282;
						margin:0px 0px 10px 10px;}
#newspan{color:#f04135; font-weight:bold; margin:0px 0px 10px 0px;}
#content_sub ul.news li	ul li{list-style-image:url(../images/arrowUp.png);}


#content_main	{float:left;
				 padding:10px 0;
				 width:720px;
				 margin-left:80px;
				 }
				 
#content_sub	{float:right;
				margin-right:100px;
				padding:10px 0;
				width:280px;
				background:url(../images/submenu_bg.png) repeat-y;}
				
/* HOME PAGE */
#content_latest_left	{overflow:auto;
						float:left;
						padding:10px 0;
						width:560px;
						margin-left:60px;
						font-size:11px;
						color:#666;
						min-height:600px;}
						
#content_main_news	{background:url(../images/WhatsnewBOX.jpg) -1px 45px repeat-y; margin-top: -20px;}
					 
#content_main_news_foot	{width:560px; height:7px; background:url(../images/WhatsNewBOX-btm.jpg) -1px 0 no-repeat;}				 
				 
#content_main_news h2	{height:45px; background:url(../images/whatsnewTab.jpg) -1px 0 no-repeat; text-indent:-999em; margin:0;}
#content_main_news p	{padding:10px 40px; text-align:justify;}	
#content_latest_news p, #enquiry_div p	{padding:5px 25px; }	
#content_main_news img	{padding-top:15px;  display:block;margin-left: 28px; }

#content_latest_news	{float:left;
						padding:10px 0;
						width:450px;
						margin-left:40px;
						background:url(../images/LatestNewsBOX.jpg) -2px 45px no-repeat;
						position:relative;
						font-size:11px;
						color:#666;}

span.small_head	{font-weight:bold; color:#f04135;}						
					
						
						
#content_latest_news_foot	{float:left;
						width:450px;
						margin-left:40px;
						background:url(../images/LatestNewsBOX-Btm.jpg) -2px 45px no-repeat;
						position:relative;
						height:10px;
						display:block;}						

#enquiry_div	{float:right;
				padding:10px 0;
				width:450px;
				margin-right:90px;
				position:relative;
				color:#666;}
				 
#content_latest_news h2	{height:45px; background:url(../images/LatestNewsTab.jpg) -2px 0 no-repeat; text-indent:-999em; margin:0;}


#enquiry_div .enq_text	{position:absolute; top:60px; left:10px; line-height:1.3; width:300px; font-size:11px;}
		 
		 
.ie6 #content_main	{margin:0px 10px 0px 20px;}

#content_main ul, #content_main ol	{margin:10px 0px 0px 20px;}

#content_main ul li, #content_main ol li{list-style-image:url(../images/dot.png);
										padding:-10px 0px 0px;
										margin:6px; 0;
										color:#666666;}

#content_main ol li ul li	{padding:3px 0;}

#content_main img	{margin:0px 5px 10px;
					padding:2px;
					border:1px solid #cccccc;}
					
#content_main .img_higreen	{border:none; margin:0 0 -5px 5px;}					
				
/* slide show */
#content_main .slideshow	{z-index:0;
							position:relative;
							display:block;
							height:220px;
							margin:-10px 0 20px;}
							
#content_main .slideshow a:hover	{background:none;}
/* misc */

iframe	{border:2px solid #cccccc;
		padding:2px;}

/* site_info */ 		
#site_info	{background:url(../images/foot_bg.jpg) repeat-x;
			color:#fff;
			font-size:0.9em;
			height:47px;
			text-align:center;
			position:absolute;
			width:100%;
			left:0;}
			
#site_info	p	{position:relative;
				color:#fff;
				padding-top:15px;
				text-align:center;
				display:block;}
			
#site_info a	{color:#fff;
				text-align:center;}
			

#error_msg	{padding:0.5em 0em 0.5em; 
		border-bottom:1px solid #FF0000;
		background:url(../images/error.jpg) center no-repeat; 
		background-position: 15px 50%;
		padding-left:45px;
		font-size:0.9em;}

.success	{background:#F9D1CB;
			color:#264409;
			border:2px solid #F04135;}
			

#error_msg	{height:30px;
			width:435px;
			margin-bottom:20px;}

.none	{display:none;
		height:0;}
		
		
/* Form CSS */

#contact_us fieldset	{
						width:700px;
						height:500px;
						padding:10px 0 0px;}
						
input#submit	{margin:10px 0;
				margin-left:330px;
				width:120px;}		
		
#contact_us p	{padding:10px 20px 0px;}
				
#enquiries #content_main .appnitro ul li	{width:80%;
											list-style:none;}

#contact_us li	{display:block;
					margin:0;
					background:none;
					position:relative;
					list-style:none;}

#contact_us form li:after	{clear:both;
							content:".";
							display:block;
							height:0;
							visibility:hidden;}

.buttons:after	{clear:both;
				content:".";
				display:block;
				height:0;
				visibility:hidden;}

.buttons	{clear:both;
			display:block;
			margin-top:10px;}

* html #contact_us form li	{height:1%;}

* html #contact_us form li div	{display:inline-block;}

#contact_us form li div	{color:#444;
						margin:0 4px 0 0;
						padding:0 0 8px;}

#contact_us form li div label	{clear:both;
								color:red;
								display:block;
								line-height:9px;
								margin:0;
								padding-top:3px;}

#contact_us .form_description	{clear:both;
								display:inline-block;
								margin:0 0 1em;
								padding:5px 0px;}

#contact_us .form_description[class]	{display:block;}

/**** Inputs and Labels ****/
#contact_us label.description	{border:none;
								color:#e11b22;
								display:block;
								font-weight:normal;
								line-height:150%;
								padding:0 0 1px;}

#contact_us label.error	{font-size:0.9em;
						color:#FF0000;
						width:350px;
						display:block;}

.req	{color:#FF0000;
		font-size:0.9em;}

#contact_us input.text	{border-bottom:1px solid #ddd;
						border-left:1px solid #c3c3c3;
						border-right:1px solid #c3c3c3;
						border-top:1px solid #7c7c7c;
						color:#333;
						margin:0;
						padding:2px 0;
						width:300px;}

#contact_us textarea.textarea	{border-bottom:1px solid #ddd;
								border-left:1px solid #c3c3c3;
								border-right:1px solid #c3c3c3;
								border-top:1px solid #7c7c7c;
								color:#333;
								margin:0;
								width:99%;
								width:450px;
								height:10em;}

#contact_enquires { 
				width:350px;
				float:right;
				height:97px;
				margin:0px 0px 0px 0px;
				background:url(../images/Enquiries.jpg) no-repeat;  top: 0px; left: 0px; margin-bottom: 0px; margin-top: 10px; margin-right: 10px;}

#enqspan { color:#828282;font-family:Arial,Helvetica,sans-serif; margin:0px 0px 10px 10px; float:left; width: 160px;}
#diveqlemail{ width:64px; float:right; margin-right:20px; overflow:hidden; height:64px; margin-bottom:10px;}


/* Portfolio Thumbs */
#content_main .thumbs	{overflow:hidden; width:680px; margin-top:20px;}
#content_main .thumbs a	{position:relative;
						display:block;
						width:150px;
						height:100px;
						float:left;
						margin:0 20px 20px 0;}
						
#content_main .thumbs h3	{margin:0;}		
#content_main .thumbs2	{overflow:hidden; width:680px; margin-top:20px;}
#content_main .thumbs2 a	{position:relative;
						display:block;
						width:150px;
						height:100px;
						float:left;
						margin:0 20px 5px 0;}
#content_main .thumbs2 p {text-align:left;}						
#content_main .thumbs2 h3	{margin:0;}	

.pagination	{width:680px; margin:auto; text-align:center; margin:20px 0;}
.pagination a	{margin-right:5px; padding:3px 5px; border:1px #e11b22 solid; text-decoration:none;}				
.pagination a.current	{margin-right:5px; padding:3px 5px; border:1px #e11b22 solid; text-decoration:none; background-color:#e11b22; color:#fff;}				
.pagination span	{margin-right:5px; padding:3px 5px; border:1px #aaa solid; text-decoration:none; color:#aaa;}				
.pagination a:hover	{background-color:#e11b22; color:#fff;}	

#divcsr{ float:right;
margin:0 0 10px 10px;
width:330px;
}		
.newhiLogo {margin-left: 40px; width:280 px;height:86px;}	
.divimage { background:url(../images/CNY_invitation_rev2.jpg)}	


.h3_title {margin-left: 16px; margin-bottom: 0px;}		



/*feature product gallery*/
.div_fea {margin-top:20px;min-height:700px;padding-left: 10px;}
.div_fea_thumb {margin: 10px 5px 10px 0px; float: left; height: 280px;}
.div_fea_inner {margin: 10px 10px 0px; width: 200px;  height:240px; background-image:url('../images/Untitled-1.gif');padding-top:10px;background-repeat: no-repeat;}
.view_all a {color:#8F1208}
.div_fea_inner h3 {color:#828282}
.fea_images{margin:auto!important; width:160px;}
#content_main .fea_images img {margin-bottom: 0px;}
.view_all {float:right; width:120px;}
.thumb_icon {width: 165px; height:190px;float: left;}
#content_main .thumb_icon a {height:140px;}


.layer1 {
margin: 0;
padding: 0;
}
 
.heading {
cursor: pointer;
position: relative;
}
.content {
}

.collapsed{
	background:url('../images/plus.gif') no-repeat; padding-left:13px; padding-top:2px; cursor:pointer;
}

.expanded{
	background:url('../images/minus.gif') no-repeat; padding-left:13px; padding-top:2px; cursor:pointer;
}