/* ----------------------------------------------------------*/
/* NDT styles ----------------------------------------------*/
/* --------------------------------------------------------*/

/* Colours ----- */
/* blue dark - #003366 */
/* blue normal - #243d7d */
/* blue light - #1b9cff */

/* grey darkest - #595959 */
/* grey dark - #7f7f7f */
/* grey middle - #9b9b9b */
/* grey light - #bdbdbd */
/* grey lightest - #ececec */

/* ------------------------------------------------*/
/* Redifine Tags  --------------------------------*/
/* ----------------------------------------------*/

html {
	background: url('../images/bg.gif') #e1e1e1;
	width:100%;
	padding:0;
	margin:0;
}

body {
	float:none;
	width:810px;
	margin:0 auto;
	color: #666;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	/* centre in IE */
	text-align: center;	
}



.frame { 
	float:left;
	padding:0 15px;
	width:780px;
	background: url('../images/bg-content.gif') #fff repeat-y;
}


a {
	color:#666;
}

em {
	font-style: italic;
}

img {
	border:none;
	padding:0;
	margin:0;	
}

input {
	padding:2px;
	font-size:1em;
	margin:0 0 5px 0 ;
	color:#666;
}

.inputtext {
	padding:4px;
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
	color:#666;
	border:1px solid #3399ff;
}

textarea {
	padding:2px;
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
	color:#666;
}
.small {
	font-size:0.85em;
}

.highlight {
	color:#1b9cff;
}


hr {
	width: 100%;
	display: block;
	padding:0;
	margin:10px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #3399ff;
	height:1px;
}

h1, h2, h3, h4, h5{
	font-family: arial,verdana,sans-serif;
	font-weight:normal;
	padding:0;
	margin:0;
	clear:both;
	line-height:1.2em;
}

h1 {
	font-size: 1.4em;
	font-weight:bold;
	color:#34a1f6;
}

h2 {
	font-size: 1.3em;
	font-weight:bold;
}


h3 {
	font-weight: bold;
	font-size: 1.2em;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;
}

h5 {
	font-size: 1em;
}

p {
	font-family: verdana,arial,sans-serif;
	line-height:1.6em;
	padding:0;
	margin:0;
}

fieldset {
	padding:0;
	margin:0;
	border:none;
}

/* ------------------------------------------------*/
/* universal styles ------------------------------*/
/* ----------------------------------------------*/

.hide {
	display: none;
}

.left {
	float:left;
}

.right {
	float:right;
}

.txt-left {
	text-align:left;
}

.txt-center {
	text-align:center;
}

.txt-right {
	text-align:right;
}

.txt-small {
	font-size:0.85em;
}

.clearer {
	width:100%;
	padding:0;
	margin:0 0 10px 0;
	clear:both;
}

/* ------------------------------------------------*/
/* structure -------------------------------------*/
/* ----------------------------------------------*/

#top {
	float:left;
	width:100%;
	padding:35px 0 0 0;
	background: url('../images/bar-top.gif') no-repeat;
}

#brand {
	float:left;
	display:block;
	width:390px;
	height:87px;
	margin:22px 0 0 0;
	padding:0;
	background: url('../images/logo.gif') no-repeat;
	text-indent:-1000em;
}


/* navigation */

#global-nav {
	float:left;
	width:390px;
	margin:0;
	padding:0;
}

#global-nav li {
	float:left;
	width:194px;
	height:21px;
	list-style-type:none;
	padding:0 0 0 1px;
	margin:0 0 1px 0;
}

#global-nav .first {
	float:right;
	margin:0 0 0 10px;
	padding:0 0 1px 0;
}


#global-nav a {
	float:none;
	display:block;
	width:184px;
	padding:4px 5px 4px 5px;
	margin:0;
	background:#595959;
	color:#c8c8c8;
	text-align:left;
	text-decoration:none;
}

#global-nav a:hover {
	background: url('../images/global-nav-top.gif') no-repeat top left #7f7f7f;
}

#home #nav1, #inspection-services #nav2, #accreditation #nav3, #industries-we-serve #nav4, #laboratory #nav5, #corporate-information #nav6, #site-services #nav7, #demo-download #nav8, #contact-us #nav9{
	background: url('../images/global-nav-top.gif') no-repeat top left #7f7f7f;
}

/* banner with images */

#banner {
	float:left;
	width:100%;
	padding:11px 0 0 0;
	margin:0 0 1px 0;
	background: url('../images/bar-banner.gif') no-repeat top left;
}

#banner li {
	list-style-type:none;
	float:left;
	padding:0;
	margin:0 1px 0 0;
}

#banner li img {
	float:left;
	margin:0;
	padding:0;
}

/* content */

#home #content {
	float:left;
	width:100%;
	background: url('../images/bg-columns.gif') repeat-x #ececec;
	text-align:left;
	padding:0;
	margin:1px 0 0 0;
}

#content {
	float:left;
	width:100%;
	background: url('../images/bg-content-nav-longest.gif') no-repeat #ececec left bottom;
	text-align:left;
	padding:0 0 40px 0;
	margin:1px 0 0 0;
}

.content-header {
	margin:20px 0 0 20px;
	padding:0 0 3px 0;
	background: url('../images/dot.gif') repeat-x left bottom;	
}


#col-main {
	float:left;
	width:349px;
	padding:20px 20px;
}

#col-main img {
	padding:5px;
	background:#fff;
	border:1px solid #999;
	float:left;
	margin:0 10px 10px 0;
}


#col-main strong{
	font-size:1.1em;
}

#col-main hr{
	width:100%;
	clear:both;
	margin:15px 0;
	padding:0;
	border-bottom:1px dotted #999;
}

#inspection-services #col-main, #industries-we-serve #col-main, #corporate-information #col-main, #demo-download #col-main, #contact-us #col-main, #accreditation #col-main, #laboratory #col-main, #site-services #col-main {
	float:left;
	width:543px;
	padding:20px 19px;
	margin:0;
}

#home .col-sub {
	float:left;
	width:179px;
	padding:20px 5px 0 10px;
	margin:0;
	border-left:1px solid #fff;
}

.col-sub {
	float:left;
	width:179px;
	padding:20px 5px 0 10px;
	margin:0;
	border-left:none;
}

.col-sub #sub-nav  #sub-sub-nav a{
	font-weight:normal;
	text-decoration:none;
	padding:0 0 0 16px;
	color:#003366;
	background:none;
}

.col-sub #sub-nav {
	margin:0 0 0 10px;
	border:none;
}

.col-sub #sub-nav li {
	padding:4px 0 6px 0;
	margin:0;
}

.col-sub #sub-nav a{
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 16px;
	color:#003366;
	background: url('../images/arrow-blue.gif') no-repeat 0 4px;
}

.col-sub #sub-nav a:hover{
	text-decoration:underline;
	background: url('../images/arrow-blue.gif') no-repeat 2px 4px;
}


.col-sub #sub-nav #active{
	text-decoration:underline;
	background: url('../images/arrow-blue.gif') no-repeat 2px 4px;
}

.col-sub #sub-nav img {
	padding:5px;
	background:#fff;
	border:1px solid #bdbdbd;
}



.col-sub #sub-nav .no-bord {
	margin:5px 0 0 0;
	padding:0;
}


#col-main h1, .col-sub h1{
	background: url('../images/dot.gif') repeat-x left bottom;
	padding:0 0 3px 0;
	margin:0 0 5px 0;
}

#col-main ul {
	float:none;
	clear:both;
	margin:0;
	padding:0;
}


#col-main ul li {
	margin:4px 0 0 20px;
	padding:0;
}


#col-main ul li a {
	text-decoration:none;
}


#col-main ul li a:hover{
	text-decoration:underline;
}



.col-sub ul {
	float:none;
	padding:0;
	margin:0;
}

.col-sub ul li{
	list-style-type:none;
	background: url('../images/dot.gif') repeat-x left bottom;
	padding:0 0 10px 0;
	margin:0 0 5px 0;
}

.col-sub #sub-sub-nav li{
	list-style-type:none;
	background: none;
	padding:5px 0;
	margin:0 0 5px 0;
}

.col-sub ul li.no-bord{
	list-style-type:none;
	background:none;
	padding:0 0 10px 0;
	margin:0 0 5px 0;
}

.col-sub .title {
	font-weight:bold;
	color:#243d7d;
	clear:both;
	text-decoration:none;
}

.col-sub .date {
	font-weight:bold;
	color:#15adff;
	clear:both;
}


.col-sub a {
	font-weight:normal;
	color:#14afff;
	clear:both;
	text-decoration:underline;
}

.col-sub img {
	padding:0;
	margin:0;
	border:1px solid #fff;
}


#content-nav {
	float:left;
	width:100%;
	padding:0 0 16px 0;
	margin:0;
	text-align:right;
	border-top:1px solid #fff;
	background: url('../images/bg-content-nav.gif') #bdbdbd repeat-x 0 21px;
}

#content-nav li {
	float:left;
	list-style-type:none;
}

#content-nav li a {
	margin:0 10px 0 0;
}

#content-nav .first {
	width:390px;
	padding:3px 0 5px 0;
	border-right:1px solid #fff;
	background: url('../images/bg-content-nav-long.gif') no-repeat left bottom;
}

#content-nav .second {
	width:194px;
	padding:3px 0 5px 0;
	border-right:1px solid #fff;
	background: url('../images/bg-content-nav-short-dark.gif') #9b9b9b no-repeat left bottom;
}

#content-nav .third {
	width:194px;
	padding:3px 0 5px 0;
	background: url('../images/bg-content-nav-short-light.gif') no-repeat left bottom;
}

#content-nav li a {
	text-decoration:none;
	color:#fff;
}


/* footer */
#footer {
	float:left;
	width:770px;
	padding:2px 10px 20px 0;
	margin:10px 0 0 0;
	background: url('../images/bar-footer.gif') no-repeat #243d7d;
}

#footer p{
	font-size:0.9em;
	color:#fff;
}

#footer a {
	color:#fff;
	text-decoration:none;
}


#footer a:hover {
	text-decoration:underline;
}

/* @= Form styling ----------- */




#contact-us fieldset	{
	padding: 10px 0px;
	position: relative;
}

	
#contact-us ol {
	list-style-type: none;
	list-style-image: none;
}

#contact-us ol li {
	margin:0 0 5px 0;
}


#contact-us input.txt	{
	border: 1px solid #cdcdcd;
	width: 210px;
	padding:2px;
	font-size:1em;
	margin:0 5px 0 0;
}

#contact-us label	{
	display: block;
	text-align: right;
	float: left;
	width: 10em;
	padding-right:1em;
	color: #666;
	margin:0;
}

#contact-us .btn_submit {
	border:2px solid #cdcdcd;
	background-color:#317ed0;
	color:#ffffff;
	font-weight: bold;
	padding:4px;
	margin:10px 0 0 0;
	font-size: 1.1em;
}

#contact-us select {
	padding:2px;
	font-size:0.95em;
	border:1px solid #999;
	margin:0;
	color:#666;
	width:213px;
}

	

#contact-us textarea {
	width:208px;
	font-size:1em;
	padding:2px;
	font-family: Verdana, Arial;
	border:1px solid #cdcdcd;
}

#contact-us .checkbox {
	float:none;
	margin:0 5px 0 0;
}

#contact-us .req {
	color: #f66414;
}

#top object {
	float:left;
	padding:0;
	margin:22px 0 0 0;
}

.display-none {
	display:none;
}

.clearer {
	width:100%;
	clear:both;
	float:none;
}