/* 
 *  CSS Reset Enhanced
 *  @08312009~arwin
 */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}

strong { font-weight:bold;}

em { font-style:italic;}

/* 
 *  remember to define focus styles! 
 */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

h3 { font-size:18px;margin-bottom:10px !important;}

/* 
 *  tables still need 'cellspacing="0"' in the markup 
 */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* 
 *  table.sb ~~ add class 'sb' to show borders 
 */	
table.sb {
	border-collapse:collapse; 
	border-spacing: 0;
	border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC;
}
table.sb caption, table.sb td, table.sb th {
	border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; 
	text-align:left; 
}	

/* 
 *  tankek 
 */	
:link, :visited { text-decoration:none }
a img,:link img,:visited img { border:none }

/*
 *  mainTable (sample table)
 */
table#mainTable {
	margin:0 auto; /* align center */
	border-collapse:collapse; 
	border-spacing: 0;

}
table#mainTable caption, table#mainTable td, table#mainTable th { 
	text-align:left; 
	background-color:#FFFFFF; 
}
	/* default css table inside #mainTable */
	table#mainTable table {
		border-collapse:collapse; 
		border-spacing: 0;
	}
	table#mainTable table caption, table#mainTable table td, table#mainTable table th {
		text-align:left; 
	}

/*
 *  align horizontally center
 */
.hCenter {
	float:left; clear:left;
	position:relative;
	left:50%;
	text-align:left;
	width:auto;
}
	.hCenter .hCenter_inner {
		position:relative;
		left:-50%;
	}

/*
 *  <hr> alternative: <div class="hr"><!-- --></div>
 */	
div.hr {
	margin:6px 0;
	padding:0;
	border:0; 
	border-top:1px solid #000; 
}

/*
 *  Firefox 3 hidden input fields
 */	
input[type=hidden] {
	visibility: hidden;
	height:0px;
	border:0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position:absolute;
}		
/*
 E
  N
   D
    */
	
	/*
 *  CSS Arts by Arwin Ortiz
 *  @v1.0
 */
body { background-color:#FFFFFF; }
body, td { font:normal 13px/1.5em Arial, Helvetica, sans-serif; color:#333333; } /*default font-family and font color*/

/*some standards*/
form, ul, ol, h1, h2, h3, h4, h5 { padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; }
p { margin:0px; }
img { vertical-align:top; }
a img { border: none; vertical-align:top; } /*default border attribute on images that have a link*/

h1 { font:normal 22px/1.2em Arial, Helvetica, sans-serif; color:#1180c4; margin-bottom:10px }
p { margin-bottom:20px; }

/*basics*/
.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs17 { font-size:17px; }
.fs18 { font-size:18px; }
.fs19 { font-size:19px; }
.fs20 { font-size:20px; }

.b { font-weight:bold; }
.i { font-style:italic; }
.u { text-decoration:underline; /*border-bottom:1px solid #3366FF;*/ }

/*default color on text-links and text-decoration*/
a:link, a:visited { color:#1180c4; }
a:hover { }

/*to override default color on text-links and text-decoration*/
.a1 a:link, .a1 a:visited { color:gray; text-decoration:underline; } 
.a1 a:hover { } 

/*add-ons*/
.ff_cs { font-family:"Comic Sans MS"; } /*sample font-family to be use*/
.brown { color:#B29D90; } /*sample font color to be use*/
.black { color:#535052; }
.red { color:#e62702; }
.blue { color:#1180c4; }
.form { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; } /*font attrributes for form, e.g., input box, textarea, select*/

.more { float:left; width:auto; background:url(images/arrow.jpg) no-repeat scroll right 9px; }
.more a:link, .more a:visited { padding:2px 10px 2px 0; }
.more a:hover {}

/*
 *  Layout
 */
#wrapperHeader {
	width:100%;
	background:url(images/header.jpg) repeat-x scroll top center;
	position:relative;
}
	#wrapperHeader_1 {
		width:964px; margin:0 auto;
		background:url(images/header_1.jpg) repeat-x scroll top center;
		height:147px; min-height:147px;	
	}
		#wrapperHeader_2 { width:100%; float:left; }
		#wrapperHeader_2 .left { width:auto; float:left; }
		#wrapperHeader_2 .left_inner { padding:40px 0 0 0; }
		#wrapperHeader_2 .right { width:320px; float:right; }
		#wrapperHeader_2 .right_inner { padding:40px 0 0 0; }
		
#wrapperBody {
	width:100%;
	background:url(images/body_bgnd.jpg) repeat-x scroll top center;
	padding:0 0 0px 0;
}
	#wrapperBody_1 {
		width:auto; margin:0 auto;
		background:url(images/body_wrap.png) repeat-y scroll top center;
		height:400px; min-height:400px;	
	}
		#wrapperBody .inner { padding:16px 32px 30px 32px; }
			.box_back { background:url(images/box_back.jpg) repeat-y scroll top center; }
			.box { width:930px;  height:70px; min-height:70px; background:url(images/box.jpg) no-repeat scroll bottom center; }	
			.box_inner { padding:10px 10px 10px 10px; }
		/*IR*/
		#banner {
			width: 930px;
			height: 245px;
			position: relative;
		}
			#banner span {
				background: url(images/banner.jpg) no-repeat;
				position: absolute;
				width: 100%;
				height: 100%;
			}	
		#banner2 {
			width: 930px;
			height: 125px;
			position: relative;
		}
			#banner2 span {
				background: url(images/banner2.jpg) no-repeat;
				position: absolute;
				width: 100%;
				height: 100%;
			}						
		#logo {
			width: 172px;
			height: 49px;
			position: relative;
		}
			#logo span {
				background: url(images/logo1.jpg) no-repeat;
				position: absolute;
				width: 100%;
				height: 100%;
				text-indent:-9999px;
			}	
		#logo_topright {
			width: 320px;
			height: 49px;
			position: relative;
		}
			#logo_topright span {
				background: url(images/logo2.jpg) no-repeat;
				position: absolute;
				width: 100%;
				height: 100%;
			}				
		#logo_bottom {
			width: 154px;
			height: 76px;
			position: relative;
		}
			#logo_bottom span {
				background: url(images/logo_bottom.jpg) no-repeat;
				position: absolute;
				width: 100%;
				height: 100%;
			}	
			
		/*Home*/	
		#wrapperBody_3 { float:left; width:100%; margin:20px 0 25px 0; }
		#wrapperBody_3 .one { float:left; width:340px; }
		#wrapperBody_3 .one .inner { padding:0 0 0 0; margin:0 30px 0 15px; }		
		#wrapperBody_3 .two { float:left; width:310px; }
		#wrapperBody_3 .two .inner { padding:0 0 0 0; margin:0 30px 0 0; }		
		#wrapperBody_3 .three { float:left; width:270px; }
		#wrapperBody_3 .three .inner { padding:0 0 0 0; margin:0 0 0 0; }		

		#wrapperSlider { float:left; width:100%; }
		#wrapperSlider .one { float:left; text-align:left; width:50px; }
		#wrapperSlider .one .inner { padding:40px 0 0 0; }		
		#wrapperSlider .two { float:left; width:828px; }
		#wrapperSlider .two .inner { padding:20px 20px 30px 80px; }	
			.gallery { float:left; margin-right:14px }
			.gallery.last { margin-right:0px; }
			.gallery .img {}
			.gallery .text { text-align:center}
		#wrapperSlider .three { float:right; text-align:right; width:50px;}
		#wrapperSlider .three .inner { padding:40px 0 0 0; }		

		/*Page2*/
		.play { background:url(images/play.png) no-repeat scroll center left; padding:10px 10px }

		#wrapperGrid_outer { }		
		.wrapperGrid { width:900px; float:left; }
		.wrapperGrid .left { 
			width:450px; 
			float:left; 
			height:20px; min-height:20px; 
			border-left:1px solid #ededed;
			border-right:1px solid #ededed;
			border-top:1px solid #ededed;
		}
		.wrapperGrid .left_inner { padding:6px 10px; }
		.wrapperGrid .right { 
			width:445px; float:left; 
			height:20px; min-height:20px; 			
			border-right:1px solid #ededed;
			border-top:1px solid #ededed;
		}
		.wrapperGrid .right_inner { padding:6px 10px; }	
		.wrapperGrid.last .left, .wrapperGrid.last .right { border-bottom:1px solid  #ededed; }		

			.wrapperGrid_1 { width:100%; float:left; }
			.wrapperGrid_1 .left { width:auto; float:left; }
			.wrapperGrid_1 .left_inner { padding:15px; }
			.wrapperGrid_1 .right { width:270px; float:right; }
			.wrapperGrid_1 .right_inner { padding:15px 15px 15px 0; }
		
	#wrapperFooter {
		width:auto; margin:0 auto; 
		background:url(images/body_footer.png) no-repeat scroll top center;
		height:80px; min-height:80px;
	}
	
		#wrapperFooter_1 { width:100%; float:left; padding:20px 0 0 0; }
		#wrapperFooter_1 .left { width:auto; float:left;  }
		#wrapperFooter_1 .left_inner { padding:0 0 0 25px; }
		#wrapperFooter_1 .right { width:350px; float:right; }
		#wrapperFooter_1 .right_inner { padding:0 25px 0 0; float:right; }
	
/*
 *  Nav
 */	
#mainNav { float:left; clear:left; background:url(images/nav_wrapper.jpg) repeat-x scroll top left; width:963px; height:auto; position:absolute; bottom:0; }
#mainNav ul { list-style:none; padding:0px; margin:0px; font:bold 14px/1.2em Arial, Helvetica, sans-serif; }
#mainNav li { float:left; display:block; width:auto;}
#mainNav li a { display:block; text-decoration:none; margin:0 0 0 0; padding:11px 25px 10px 12px; 
  background:url(images/nav_pipe.jpg) no-repeat scroll right 5px
}
#mainNav li a:link, #mainNav li a:visited { color:#e8e9e9; }
#mainNav li a:hover { }
#mainNav .page-item-3 { background:url(images/nav_current.jpg) no-repeat scroll top right  }
#mainNav .page-item-3 a { margin-left:0; background:none;}
	
#footerNav { padding:50px 0 0 12px;}
#footerNav ul { list-style:none; padding:0px; margin:0px; }
#footerNav li { float:left; display:block; width:auto; background:url(images/footer_pipe.jpg) no-repeat scroll center left   }
#footerNav li a { display:block; text-decoration:none; margin:0; padding:0px 10px 0px 13px; 
					font:normal 13px/1.2em Arial, Helvetica, sans-serif;
}
#footerNav li a:link, #footerNav li a:visited { color:#2c2d2d; }
#footerNav li a:hover { }			
#footerNav .page-item-3 { background-image:none; }
#footerNav .page-item-3 a { padding-left:0px; }

/*
 *  Scroller
 */	
 #scrollerSamples { position:absolute;margin-top:-30px;margin-left:260px;color:#999;}
.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}

	.simply-scroll-clip { /* Clip DIV - automatically generated */
		position: relative;
		overflow: hidden;
		z-index: 2;
	}
	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.simply-scroll-list li {
			padding: 0;
			margin: 0;
			list-style: none;
		}	
		.simply-scroll-list li img {
			border: none;
			display: block;
		}
.simply-scroll { /* Customisable base class for style override DIV */
	margin-bottom: 0px;
}
	.simply-scroll .simply-scroll-clip {
	}	
		.simply-scroll .simply-scroll-list {}
		
		.simply-scroll .simply-scroll-list li {
			float: left;
			width: 290px;
			height: 200px;
		}	

	.simply-scroll-btn {
		position: absolute;
		z-index:3;
		cursor: pointer;
	}
	.simply-scroll-btn-left {
		background-image: url(images/left.jpg);
		left: -100px;
		width: 42px;
		height: 77px;
	}

	.simply-scroll-btn-right {
		background-image: url(images/right.jpg);	
		right: -100px; 	
		width: 42px;
		height: 77px;
	}
	
.simply-scroll, .simply-scroll .simply-scroll-clip { width:730px; height:150px; }
.simply-scroll-btn-left, .simply-scroll-btn-right {	top:20px;}

#scroller_wrap { position:relative; padding:40px 0 0 100px; clear:left; }
#scroller_wrap ul { list-style:none; padding:0; margin:0; font:normal 12px/1.2em Arial, Helvetica, sans-serif }
#scroller_wrap ul li { 
	display:block;
	width:117px; /*image width*/
	margin:0 32px 0 0;
	text-align:center;
}	
#scroller_wrap span { position:relative; top:5px; }

/*
 *  Misc
 */	
#top_border {float:right; height:1px; padding:0 15px 0 0}
#top_border_inner {width:963px; height:1px; background-color:#c5c6c7}
.mb0 { margin-bottom:0; } 
.f_l { float:left;}
div.f_l { margin-right:10px;margin-top:-10px;} 
.c_l { clear:left; }
	/*home*/
	.pad_s1 { padding:0 0 5px 5px }
	.mar_s1 { margin:10px 0 10px 0 }
	#ntcc_partners {border-bottom:5px solid #f2f2f2; font:bold 20px/1.3em Arial, Helvetica, sans-serif; margin:0px 0 10px 0; padding:0 0 5px 0;}
	/*page2*/
	.pad_s2 {padding:10px 0 0 5px}
	.pad_s3 {padding:15px;overflow:auto;}	
	.bgnd_s1 {background:url(images/grid_header.jpg) repeat }
	

#wrapperBody_1,
#wrapperFooter
{ width:993px; }

html>body #wrapperHeader_1,
html>body #wrapperBody_1,
html>body #wrapperFooter,
html>body .box,
html>body .wrapperGrid .left,
html>body .wrapperGrid .right
{ height:auto; }

.insert { float:right;margin-left:15px;padding:5px 10px;border:1px solid #ccc;background:#efefef;width:250px;}
.contactInfo { float:left;width:420px;}
.contactInfo .row { overflow:auto;}
.contactInfo .row p { float:left;width:200px;margin-right:10px;}
.map { float:left;width:425px;margin-right:20px;}
/*
 *E
  *N
   *D
    */