/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size: 100%; }

/* Removes list-style from lists */
ol,ul { list-style: none; }

/* Removes border from images */
img { border: 0; }


body {
	background-color: #F5F5F5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 72%;
	color: #262626;
}

a:link, a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #0167CC;
}
a:active, a:hover {
	color: #333;
}

p {
	margin: 0 0 1.2em 0;
	line-height: 1.5em;
}


h1 {
	margin:  0 0 0.65em 0;
	font-size: 160%;
	font-weight: normal;
	color: #0167CC;
}
h2 {
	margin: 0 0 0.55em 0;
	padding: 0;
	font-size: 110%;
	color: #0167CC;
}
h3 {
	margin: 0 0 0.85em 0;
	padding: 0;
	font-size: 100%;
	color: #262626;
}


li {
	margin-bottom: 0.4em;
}

ul {
	margin-bottom: 1.2em;
}


.highlight {
	font-weight: bold;
	color: #0D72B9;
}


.imageLeft	{
	float: left;
	padding: 0px 15px 15px 0px;
}
.imageRight {
	float: right;
	padding: 0px 0px 15px 15px;
}


/*-------------------WRAPPERS-------------------*/


#wrapper {
	width: 700px;
	margin: 0 auto 30px auto;
	padding: 0 30px;
	background-color: #FFF;
	border-right: 5px solid #EFEFEF;
	border-bottom: 5px solid #EFEFEF;
	border-left: 5px solid #EFEFEF;
}

#contentWrapper {
	margin: 30px 0 0 0;
}


/*-------------------HEADER-------------------*/


#header {
	position: relative;
	height: 100px;
	width: 760px;
	margin: 0 0 0 -30px;
	padding: 0;
	background: url(sitegraphics/bg_header.jpg) 0 0 no-repeat;
}

#logo {
	position: absolute;
	top: 30px;
	left: 30px;
}


/*-------------------NAV-------------------*/


#nav {
	position: absolute;
	top: 60px;
	right: 30px;
	width: 480px;
	height: 10px;
	margin: 0;
	padding: 0;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav li,
#nav a {
	float: left;
	margin: 0;
	padding: 0;
	height: 10px;
	background-image: url(sitegraphics/nav.gif);
	background-repeat: no-repeat;
	text-indent: -1976px;
	overflow: hidden;
}

#nav li a:hover { background-image: none;}

#nav-home a { width: 50px; background-position: 0px 0px;}
#nav-websitedesign a { width: 90px; background-position: -50px 0px;}
#nav-ecommerce a { width: 95px; background-position: -140px 0px;}
#nav-portfolio a { width: 85px; background-position: -235px 0px;}
#nav-company a { width: 75px; background-position: -320px 0px;}
#nav-contact a { width: 85px; background-position: -395px 0px;}

#nav-home { width: 50px; background-position: 0px -10px;}
#nav-websitedesign { width: 90px; background-position: -50px -10px;}
#nav-ecommerce { width: 95px; background-position: -140px -10px;}
#nav-portfolio { width: 85px; background-position: -235px -10px;}
#nav-company { width: 75px; background-position: -320px -10px;}
#nav-contact { width: 85px; background-position: -395px -10px;}


/*-------------------CONTENT MAIN-------------------*/


#contentMain {
	position: relative;
	float: left;
	width: 470px;
	padding: 0 0 20px 0;
}

#contentFullWidth {
	width: 700px;
	position: relative;
	padding: 0 0 20px 0;
}

#titleHome { width: 450px; height: 45px; margin: 0; text-indent: -1976px; background: url(sitegraphics/title_home.gif); }
#titleWebDesign { width: 450px; height: 45px; margin: 0; text-indent: -1976px; background: url(sitegraphics/title_websitedesign.gif); }
#titlePortfolio { width: 450px; height: 45px; margin: 0; text-indent: -1976px; background: url(sitegraphics/title_portfolio.gif); }
#titlePartners { width: 450px; height: 45px; margin: 0; text-indent: -1976px; background: url(sitegraphics/title_partners.gif); }
#titleAbout { width: 450px; height: 45px; margin: 0; text-indent: -1976px; background: url(sitegraphics/title_aboutus.gif); }
#titleAmbritPeople { width: 450px; height: 45px; margin: 0; text-indent: -1976px; background: url(sitegraphics/title_ambritpeople.gif); }
#titleLocation { width: 450px; height: 45px; margin: 0; text-indent: -1976px; background: url(sitegraphics/title_location.gif); }
#titleContact { width: 450px; height: 45px; margin: 0; text-indent: -1976px; background: url(sitegraphics/title_contactus.gif); }

#titleInstantShop { width: 450px; height: 70px; margin: 0; text-indent: -1976px; background: url(sitegraphics/title_instantshop.gif) no-repeat; }
#titleInstantNews { width: 450px; height: 70px; margin: 0; text-indent: -1976px; background: url(sitegraphics/title_instantnews.gif) no-repeat; }
#titleInstantJobs { width: 450px; height: 70px; margin: 0; text-indent: -1976px; background: url(sitegraphics/title_instantjobs.gif) no-repeat; }
#titleInstantCatalogue { width: 450px; height: 70px; margin: 0; text-indent: -1976px; background: url(sitegraphics/title_instantcatalogue.gif) no-repeat; }



#topSites img {
	margin: 0 3px 18px 0;
}
.noPad {
	margin: 0;
}
.is {
	position: relative;
}

#featuredSites h2 {
	margin: 0 0 0.2em 0;
	font-weight: bold;
	font-size: 100%;
	color: #333;
}
#featuredSites p {
	margin: 0;
	font-size: 90%;
	line-height: 1.3em;
}
#featuredSites ul {
	clear: both;
	margin: 0;
}
#featuredSites li {
	position: relative;
	float: left;
	width: 153px;
	height: 55px;
	margin: 0 4px 3px 0;
	padding: 9px 8px 7px 68px;
	background: url(sitegraphics/bg_portfolio.gif) 0 0 repeat-x;
}
#featuredSites img {
	margin: 0 5px;
}
#featuredSites li .thumbnail {
	position: absolute;
	top: 9px;
	left: 9px;
	margin: 0;
}

#siteLinksWrapper {
	clear: both;
	padding: 10px 0;
}
.siteLinks {
	float: left;
	width: 175px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #DDD;
	font-size: 90%;
}
.siteLinks li {
	margin: 0;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #DDD;
}
.siteLinks .is {
	background: url(sitegraphics/portfolio_key_is.gif) 0 50% no-repeat;
}
.siteLinks .ic {
	background: url(sitegraphics/portfolio_key_ic.gif) 0 50% no-repeat;
}
.siteLinks .ij {
	background: url(sitegraphics/portfolio_key_ij.gif) 0 50% no-repeat;
}
.siteLinks .in {
	background: url(sitegraphics/portfolio_key_in.gif) 0 50% no-repeat;
}
.siteLinks a:link, .siteLinks a:visited {
	color: #333;
}
.siteLinks a:active, .siteLinks a:hover {
	color: #0167CC;
}


/*-------------------CONTENT SUB-------------------*/


#contentSub {
	float: right;
	width: 200px;
	margin: 0 0 20px 0;
	padding: 15px 0 0 0;
	background-color: #F2F2F2
}

#contentSub .panel {
	width: 140px;
	margin: 0 0 15px 15px;
	padding: 14px;
	background-color: #FFF;
	border: 2px solid #E9E9E9;
}


/*-------------------FOOTER-------------------*/


#footer {
	clear: both;
	background: url(sitegraphics/bg_footer.gif) 0 0 no-repeat;
	margin: ;
	padding: 1.5em 0 1.5em 0;
	font-size: 90%;
}
#footer p {
	margin: 0 0 0 0;
}
#footer #navFooter li {
	float: left;
	margin: 0 1.2em 0 0;
}
#footer #ambrit {
	clear: both;
	padding: 1.2em 0;
}
#footer .backToTop {
	float: right;
	width: 150px;
	text-align: right;
}
#footer #copyright {
	float: right;
	width: 150px;
	text-align: right;
}


/*-------------------CONTENT LEGACY-------------------*/


td                      	{ line-height: 1.5em; font-family:  Verdana, Arial, Helvetica, sans-serif; color: #000000; }

.column                 	{ font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }

.content					{ padding-right: 25px; }

.flash		            	{ font-size: 10px; color: #000000; }

.label		            	{ font-size: 10px; color: #000000; }

.labelwhite	            	{ font-size: 10px; color: #FFFFFF; }

.footer                 	{ font-size: 10px; color: #000000; }

.footernav              	{ font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }

.sidenavtitle               { font-size: 10px; color: #000000; font-weight: bold; }

.smalltext              	{ font-size: 11px; color: #000000; }

.smallextras            	{ font-size: 10px; color: #000000; }

.subtitle               	{ font-size: 12px; color: #000000; font-weight: bold; }

.subtitlewebspring         	{ font-size: 13px; color: #56B3D9; font-weight: bold; }

.subtitlegreen              { font-size: 12px; color: #0167CC; font-weight: normal; }

.tableportfolio 			{ font-size: 10px; color: #000000; }

.white                  	{ color: #FFFFFF; }

.headerredbold				{ font-size: 14px; font-weight: bold; color: #CC0000; padding-bottom: 10; }

.asterisk					{ font-weight: bold; color: #0167CC; }

.asteriskjobs				{ font-weight: bold; color: #8C3E97; }

.formcaption		    	{ font-weight: bold; }

.formbox			    	{ width: 100%; border: 1px #0167CC solid; font-size: 12px; color: #000000; }

.portfoliolatestsitestable		{ margin: 5px 15px 15px 15px;}

.portfoliolatestsitestd			{ vertical-align: top; font-size: 11px; color: #FFFFFF; }

.columnnav					{ width: 139px; vertical-align: top; font-size: 11px; }

.columnnavarrow				{ width: 6px; vertical-align: top; padding: 2px 4px 0px 0px; }

A.columnnavlink                	{ font-weight: bold; color: #000000; }
A.columnnavlink:link           	{ font-weight: bold; color: #000000; }
A.columnnavlink:visited        	{ font-weight: bold; color: #000000; }
A.columnnavlink:active         	{ font-weight: bold; color: #0167CC; }
A.columnnavlink:hover          	{ font-weight: bold; color: #0167CC; }

h1							{ font-size:16px; color:#000; }

.keydescription				{ padding-bottom: 3px; font-weight: bold; font-size: 11px; }

.key						{ font-size: 11px; }

.formfield					{ border: 1px #000000 solid; width: 100%; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }

.entrybox					{ border: 1px #000000 solid; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }

A.underlineblue         	{ text-decoration: none; text-decoration: underline; color: #0167CC; }
A.underlineblue:link    	{ text-decoration: none; font-weight: normal; text-decoration: underline; color: #0167CC; }
A.underlineblue:visited	 	{ text-decoration: none; font-weight: normal; text-decoration: underline; color: #0167CC; }
A.underlineblue:active  	{ text-decoration: none; font-weight: normal; text-decoration: underline; color: #000000; }
A.underlineblue:hover   	{ text-decoration: none; font-weight: normal; text-decoration: underline; color: #000000; }

A.underlineblack         	{ text-decoration: none; text-decoration: underline; color: #000000; }
A.underlineblack:link    	{ text-decoration: none; font-weight: normal; text-decoration: underline; color: #000000; }
A.underlineblack:visited 	{ text-decoration: none; font-weight: normal; text-decoration: underline; color: #000000; }
A.underlineblack:active  	{ text-decoration: none; font-weight: normal; text-decoration: underline; color: #0167CC; }
A.underlineblack:hover   	{ text-decoration: none; font-weight: normal; text-decoration: underline; color: #0167CC; }

A.linkwhite              	{ text-decoration: none; color: #FFFFFF; }
A.linkwhite:link         	{ text-decoration: none; font-weight: bold; color: #FFFFFF; }
A.linkwhite:visited      	{ text-decoration: none; font-weight: bold; color: #FFFFFF; }
A.linkwhite:active       	{ text-decoration: none; font-weight: bold; color: #000000; }
A.linkwhite:hover        	{ text-decoration: none; font-weight: bold; color: #000000; }

A.linkred                	{ text-decoration: none; color: #CC0000; }
A.linkred:link           	{ text-decoration: none; font-weight: bold; color: #CC0000; }
A.linkred:visited        	{ text-decoration: none; font-weight: bold; color: #CC0000; }
A.linkred:active         	{ text-decoration: none; font-weight: bold; color: #000000; }
A.linkred:hover          	{ text-decoration: none; font-weight: bold; color: #000000; }

A.linkgreen              	{ text-decoration: none; color: #006766; }
A.linkgreen:link         	{ text-decoration: none; font-weight: bold; color: #006766; }
A.linkgreen:visited      	{ text-decoration: none; font-weight: bold; color: #006766; }
A.linkgreen:active       	{ text-decoration: none; font-weight: bold; color: #006766; }
A.linkgreen:hover        	{ text-decoration: none; font-weight: bold; color: #006766; }

A.linkinspect            	{ text-decoration: none; color: #B4192D; }
A.linkinspect:link       	{ text-decoration: none; font-weight: bold; color: #B4192D; }
A.linkinspect:visited    	{ text-decoration: none; font-weight: bold; color: #B4192D; }
A.linkinspect:active     	{ text-decoration: none; font-weight: bold; color: #B4192D; }
A.linkinspect:hover      	{ text-decoration: none; font-weight: bold; color: #B4192D; }

A.linkjobs              	{ text-decoration: none; color: #8C3E97; }
A.linkjobs:link         	{ text-decoration: none; font-weight: bold; color: #8C3E97; }
A.linkjobs:visited      	{ text-decoration: none; font-weight: bold; color: #8C3E97; }
A.linkjobs:active       	{ text-decoration: none; font-weight: bold; color: #8C3E97; }
A.linkjobs:hover        	{ text-decoration: none; font-weight: bold; color: #8C3E97; }

A.flashlink             	{ font-family:  Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #CC0000; }
A.flashlink:link        	{ font-family:  Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; color: #CC0000; }
A.flashlink:visited     	{ font-family:  Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; color: #CC0000; }
A.flashlink:active      	{ font-family:  Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; color: #000000; }
A.flashlink:hover       	{ font-family:  Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; color: #000000; }

A.sidenav               	{ text-decoration: none; font-size: 11px; color: #000000; }
A.sidenav:link          	{ text-decoration: none; font-size: 11px; font-weight: normal; color: #000000; }
A.sidenav:visited       	{ text-decoration: none; font-size: 11px; font-weight: normal; color: #000000; }
A.sidenav:active        	{ text-decoration: none; font-size: 11px; font-weight: normal; color: #0167CC; }
A.sidenav:hover         	{ text-decoration: none; font-size: 11px; font-weight: normal; color: #0167CC; }

A.portfolio               	{ text-decoration: underline; font-size: 11px; color: #000000; }
A.portfolio:link          	{ text-decoration: underline; font-size: 11px; font-weight: normal; color: #000000; }
A.portfolio:visited       	{ text-decoration: underline; font-size: 11px; font-weight: normal; color: #000000; }
A.portfolio:active        	{ text-decoration: underline; font-size: 11px; font-weight: normal; color: #0167CC; }
A.portfolio:hover         	{ text-decoration: underline; font-size: 11px; font-weight: normal; color: #0167CC; }

A.directionslink                	{ text-decoration: none; color: #000000; }
A.directionslink:link           	{ text-decoration: none; font-weight: normal; color: #000000; }
A.directionslink:visited        	{ text-decoration: none; font-weight: normal; color: #000000; }
A.directionslink:active         	{ text-decoration: none; font-weight: normal; color: #000000; }
A.directionslink:hover          	{ text-decoration: none; font-weight: normal; color: #000000; }

A.metrologylink             	{ font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #FFFFFF; font-size: 11px; }
A.metrologylink:link        	{ font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-weight: bold; color: #FFFFFF; font-size: 11px; }
A.metrologylink:visited     	{ font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-weight: bold; color: #FFFFFF; font-size: 11px; }
A.metrologylink:active      	{ font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-weight: bold; color: #FFFFFF; font-size: 11px; }
A.metrologylink:hover       	{ font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-weight: bold; color: #FFFFFF; font-size: 11px; }

a.missinglink,
a.missinglink:visited {
	color: #FFFFFF;
}

/*--------------------------CAPTCHAS-------------------*/

#name2                      { display:none; visibility:hidden; } /*trying to catch out bots with this, if this invisible field is filled in, submission fails - THW*/

#captchaError 				{ display:none; font-size:11px; } 

.captcha                    { margin-bottom: 8px; }

.captchaInput               { width: 177px; }