@charset "utf-8";
/********************************************
	Stewart Group Global
	Webdesign by - nwonline.co.uk
	SGG Ref: #e91939
********************************************/



body {
	background: #e8e6e7 url('../img/bg_tile_vertical.jpg') center top repeat-y;
	padding: 0;
	margin: 0;
	height: 100%;
	font-family: "Arial", Gadget, sans-serif;
	font-size: 0.8em;}
	
a 			{ text-decoration:none; 	color:#000; }
a:active 	{ text-decoration:none; 	color:#000; }
a:hover 	{ text-decoration:none;	 	color:#e91939; }
a:visited 	{ text-decoration:none;	 	color:#000; }

p { color: #666; margin: 0; padding: 5px 0 10px 0;}

h1 { color: #000;}
h2 { color: #e91939; font-weight: bold; margin: 0; padding: 0; clear: both; float: left;}
h3 { color: #e91939; font-weight: bold; font-size: 12px;}

ul { font: normal 12px/18px sans-serif; color: #666; padding: 10px 0 10px 10px;}
li { font: normal 12px/18px sans-serif; color: #666; list-style: disc;}
li ul { font: normal 12px/18px sans-serif; color: #666;}
li ul li { font: normal 12px/18px sans-serif; color: #666;}

/********************************************
		Typography
********************************************/
.soman{display:inline; width:100%; }
.soman h3{margin:0; padding:0;display:inline; }
.soman h3 a{text-decoration:none;color:#E8E6E7;}
.red { color: #e91939;}
.white { color: #fff;}
.black { color: #000;}
.grey { color: #333; padding: 10px 0 0 0;}
.lightgrey { color: #999;}

.h2_leftcol { color: #333; padding: 10px 0 0 0; margin: 0;float:none}
.news_leftcol { color: #666; padding: 0 0 0 0; margin: 0;}
.news_leftcol a { color: #666; padding: 0 0 0 0; margin: 0; text-decoration: none;}
.news_leftcol a:hover { color: #C00; padding: 0 0 0 0; margin: 0; text-decoration: underline;}

.left_col_content a:hover { color: #C00; text-decoration: underline;}

.h2_maincontent { color: #F00; padding: 0; margin: 0;}
.h2_leftcol_red { color: #C00; font-size: 16px; text-transform: uppercase; }

#right_col_bcrumb a { text-decoration: underline;}

/********************************************
		Layout
********************************************/

#index-wrapper {
	width: 980px;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	overflow: hidden;}

#page-wrapper {
	width: 980px;
	float: left;
	clear: both;
	margin: 0 auto;
	padding: 0;
	background: #fff;	
	height: auto;
	overflow: hidden !important;}

#page-wrapper.home { background: url('../img/bg_home.jpg') top left no-repeat;}
#page-wrapper.insp { background: url('../img/bg_insp.jpg') top left no-repeat;}
#page-wrapper.assa { background: url('../img/bg_assa.jpg') top left no-repeat;}
#page-wrapper.meta { background: url('../img/bg_meta.jpg') top left no-repeat;}
#page-wrapper.geoc { background: url('../img/bg_geo.jpg') top left no-repeat;}
#page-wrapper.news { background: url('../img/bg_news.jpg') top left no-repeat ;}

#page-wrapper_home { background: url('../img/bg_home.jpg') top left no-repeat;
	width: 980px;
	float: left;
	clear: both;
	margin: 0 auto;
	padding: 0;
	height: auto;
	overflow: hidden !important;}

#page-wrapper_meta { background: url('../img/bg_met.jpg') top left no-repeat;
	width: 980px;
	float: left;
	clear: both;
	margin: 0 auto;
	padding: 0;
	height: auto;
	overflow: hidden !important;}

#page-wrapper_met { background: url('../img/bg_met.jpg') top left no-repeat;
	width: 980px;
	float: left;
	clear: both;
	margin: 0 auto;
	padding: 0;
	height: auto;
	overflow: hidden !important;}

#page-wrapper_insp { background: url('../img/bg_insp.jpg') top left no-repeat;
	width: 980px;
	float: left;
	clear: both;
	margin: 0 auto;
	padding: 0;	
	height: auto;
	overflow: hidden !important;}
	
#page-wrapper_assa { background: url('../img/bg_assa.jpg') top left no-repeat;
	width: 980px;
	float: left;
	clear: both;
	margin: 0 auto;
	padding: 0;
	height: auto;
	overflow: hidden !important;}

#page-wrapper_geoc { background: url('../img/bg_geo.jpg') top left no-repeat;
	width: 980px;
	float: left;
	clear: both;
	margin: 0 auto;
	padding: 0;	
	height: auto;
	overflow: hidden !important;}
	
#page-wrapper_news { background: url('../img/bg_news.jpg') top left no-repeat ;
	width: 980px;
	float: left;
	clear: both;
	margin: 0 auto;
	padding: 0;	
	height: auto;
	overflow: hidden !important;}

#header {
	width: 980px;
	height: 210px;
	padding: 10px 0;
	margin: 0;
	float: left;
	clear: both;}

#header h1 {
	width: 745px;
	height: 223px;
	float: right;
	padding: 0 50px 0 0;
	text-indent: -2000px;
	overflow: hidden;}

.h1_home { background: url('../img/h1_home.gif') center center no-repeat;}
.h1_insp { background: url('../img/h1_insp.jpg') center center no-repeat;}
.h1_geo { background: url('../img/h1_geo.jpg') center center no-repeat;}
.h1_news { background: url('../img/h1_news.jpg') center center no-repeat;}
.h1_meta { background: url('../img/h1_meta.jpg') center center no-repeat;}

#header h2 {
	width: 376px;
	height: 95px;
	float: left;
	margin: 0;
	display: block;
	padding: 0;
	position: relative;
	left: 180px;
	top: 80px;
	z-index: 50;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../img/h2_home.gif') center center no-repeat;}

#main-content {
	width: 960px;
	float: left;
	clear: both;
	padding: 10px;
	margin: 0;
	overflow: hidden !important;}

.left_col_wrap {
	width: 225px;
	float: left;
	clear: both;
	padding: 0 0 10px 10px;
	margin: 0;}
	
.left_col_container {
	width: 225px;
	float: left;
	clear: both;
	padding: 0 0 10px 0;
	margin: 0;}

.left_col_wrap a { color: #666; text-decoration: none;}
.left_col_wrap a:hover { color: #F00; text-decoration: none;}

.left_col_top {
	width: 225px; 
	height: 11px;
	clear: both;
	padding:0px;
	margin:0px;
	background: url('../img/left_col_top.jpg')  bottom center no-repeat;}

.left_col_video {
	border: none;
	margin: 0;
	padding: 10px 0 0 3px;}

.left_col_rss {
	position: relative;
	top: -10px;
	left: 170px;
	height: 31px;
	width: 29px;}

.left_col_content {
	width: 205px;
	background: #d9d9d9;
	float: left;
	padding: 10px 10px 0 10px;
	margin: 0px;}

.left_col_btm {
	width: 225px; 
	height: 11px;
	float: left;
	clear: both;
	padding:0px;
	margin:0px;
	background:  url('../img/left_col_btm.jpg') top center no-repeat;}

#right_col_wrap {
	width: 695px;
	padding: 0 10px;
	float: right;
	margin: 0;}

#right_col_bcrumb {
	width: 675px;
	height: 20px;
	float: left;
	overflow: hidden;
	padding: 2px 10px;
	margin: 0;
	color: #666;
	font-weight: bold;}

.bcrumb_arrow {
	padding: 0 3px;
	margin: 0;}

.right-content {
	width: 675px;
	float: left;
	margin: 0;
	padding: 10px;}

.right-content a { color: #C00; font: normal 12px/18px sans-serif !important; text-decoration: underline;}
.right-content a:hover { color: #C00; font: normal 12px/18px sans-serif !important; text-decoration: none;}

.right-content h1 {	font-size: 24px; letter-spacing: -1px; font-weight: normal; color: #666; font: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.right-content h2 { text-transform: capitalize !important;}	

/********************************************
		    Homepage Categories
********************************************/

.cat_logo a {
	display: block;
	width: 65px;
	height: 65px;
	z-index: 50;
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	left: 95px !important;
	top: -40px;
	padding: 0;
	background: url('../img/logo_3box.gif') center no-repeat;}

.cat_img {
	float: left;
	position: relative;
	top: 10px;
	left: 25px;
	margin: 0 auto;}
	
.cat_container {
	width: 249px !important;
	height: 259px !important;
	float: left;
	position: relative;
	padding: 0 20px 0 0;
	margin: 0;
	background: #FFF url('../img/bg_3box_layout.jpg') left center no-repeat;}
	
.cat_container p {
	width: 240px;
	float: left;
	position: relative;
	top: 10px;
	left: 10px;	
	padding: 10px 0 ;
	z-index: 999}

.cat_container p a {font: normal 11px/15px Tahoma, sans-serif; color: #333; display: block !important}
.cat_container p a:hover { color: #e91939;}

.cat_container_fade {
	width: 249px !important;
	height: 68px !important;
	float: left;
	padding: 0 20px 0 0;
	margin: 0;
	background: #FFF url('../img/bg_3box_fadeout.jpg') left center no-repeat !important;}

.cat_container h1 a {
	float: left;
	width: 246px;
	height: 15px !important;
	padding: 0 !important;
	margin: 35px 0 0 0 !important;
	text-indent: -9999px;
	overflow: hidden;}

.cat_container h1 a.metallurgical { background: url('../img/h1_cat_metallurigcal.gif') 10px 0 no-repeat !important;}
.cat_container h1 a.inspection { background: url('../img/h1_cat_insp.gif') center 0 no-repeat !important;}
.cat_container h1 a.geochemical { background: url('../img/h1_cat_geo.gif') center 0 no-repeat !important;}


/********************************************
		    Homepage Sections
********************************************/

.sec_img {	float: left;	padding: 10px 10px 5px 20px;	margin: 0;}
	
.sec_img2 {	float: left;	padding: 6px 10px;	margin: 0;}
	
.sec_container {
	width: 203px;
	height: 201px;
	float: left;
	padding: 0 20px 0 0;
	margin: 0;
	background: #FFF url('../img/bg_3box_layout_section_A.jpg') left center no-repeat;}

.sec_container_contact {
	width: 188px;
	height: 151px;
	float: left;
	padding: 50px 20px 0 15px;
	margin: 0;
	background: #FFF url('../img/bg_3box_layout_section_A_contact.jpg') left center no-repeat;}

.sec_container_contact h3 { font: normal 12px/35px sans-serif;}
.sec_container_contact h3 a{ 
	float: left;
	position: relative;
	left: 0;
	top: 0;
	width: 187px; 
	height: 21px;
	padding: 0;
	margin: 0 0 21px 0;
	text-indent: -999px;
	overflow: hidden;}

.sec_container_contact h3.contact_geoc a {
	background: url('../img/contact_geo.gif') 0 0 no-repeat;}
	
.sec_container_contact h3.contact_insp a {
	background: url('../img/contact_insp.gif') 0 0 no-repeat;}

.sec_container_contact h3.contact_meta a {
	background: url('../img/contact_meta.gif') 0 0 no-repeat;}

.sec_container_contact h3.contact_geoc a:hover { background: url('../img/contact_geo_hover.gif') 0 0 no-repeat;}
.sec_container_contact h3.contact_insp a:hover { background: url('../img/contact_insp_hover.gif') 0 0 no-repeat;}
.sec_container_contact h3.contact_meta a:hover { background: url('../img/contact_meta_hover.gif') 0 0 no-repeat;}

.sec_container_fade {
	width: 209px;
	height: 65px;
	float: left;
	padding: 0 15px 0 0;
	margin: 0;
	background: #FFF url('../img/bg_3box_fadeout_section_A.jpg') left center no-repeat;}
	
.sec_container_news {
	width: 312px;
	height: 201px;
	float: left;
	padding: 0 30px 0 20px;
	margin: 0;
	background: #FFF url('../img/bg_3box_layout_section_B.jpg') left center no-repeat;}

.sec_container_news_fade {
	width: 342px;
	height: 60px;
	float: left;
	padding: 1px 15px 0 0;
	margin: 0;
	background: #FFF url('../img/bg_3box_fadeout_section_B.jpg') left center no-repeat;}

.sec_container p { font-size: 11px; margin-left: 10px;}
.sec_container_news p { font-size: 11px;}
.sec_container_news p a { color: #666; text-decoration: none;}
.sec_container_news p a:hover { color: #000; text-decoration: none;}

.sec_container h2 {
	width: 205px;
	display: block;
	padding: 10px 0 0 0;
	margin: 0 auto;
	text-indent: -2000px;
	overflow: hidden;}

.sec_container_news h2 {
	width: 295px;
	height: 40px;
	display: block;
	padding: 10px 0 0 0;
	margin: 0 auto;
	text-indent: -2000px;
	overflow: hidden;}

.video { background: url('../img/h2_sec_video.gif') center 20px no-repeat; height: 30px;}

.contact { background: url('../img/h2_sec_contact.gif') center 20px no-repeat; height: 60px;}

.news { background: url('../img/h2_sec_news.gif') center 20px no-repeat;}

.sec_container_news h3 a {	
	color: #e91939; 
	text-decoration: none;}

.sec_container_news h3 a:hover {	
	color: #e91939; 
	text-decoration: underline;}

/********************************************
		         Components
********************************************/

#cat_wrapper {
	width: 820px;
	float: left;
	margin: 0;
	padding: 20px 80px 0 90px;
	clear: both;}

#sec_wrapper {
	width: 820px;
	float: left;
	margin: 0;
	padding: 10px 80px 0 90px;
	clear: both;}

#sec_fade_wrapper {
	width: 820px;
	float: left;
	margin: 0;
	padding: 0 80px 0 90px;
	clear: both;}

#components_wrapper {
	width: 980px;
	float: left;
	margin: 0;
	padding: 20px auto;
	clear: both;}
	
/********************************************
				Navigation
********************************************/

#nav_wrapper_sec {
	width: 700px;
	float: right;
	padding: 0;
	margin: 0;
	clear: both;}

#nav_container {
	width: 700px;
	float: right;
	padding: 0;
	margin: 0;
	clear: both;}

#nav_wrapper_top {
	width: 700px;
	float: left;
	padding: 0;
	margin: 0;
	clear: both;}



/*Tab Navigation*/

#nav_tab {
	margin: 0;
	padding: 0;
	float: right;
	width: 680px;
	height: 35px;
	list-style: none;
	text-align: center;}

#nav_tab li {	
	display: inline;
	position:relative;
	z-index:80;
	float: left;}

#nav_tab li a {
	display: block;
	float: left;
	text-indent: -2000px;
	overflow: hidden;
	height: 35px;
	padding: 0 5px 0 0;}
	
#nav_tab li a.current {
	background: url('../img/tab_arrow.jpg') center center no-repeat;}

#tab_ins {width: 222px;	background: url('../img/tab_insp_off.jpg') center center no-repeat;}
#tab_ins_on {width: 222px;	background: url('../img/tab_insp_on.jpg') center center no-repeat;}
#tab_ins:hover {width: 222px; background: url('../img/tab_ins_hov.jpg') center center no-repeat;}

#tab_geo {width: 201px;	background: url('../img/tab_geo_off.jpg') center center no-repeat;}
#tab_geo_on {width: 201px;	background: url('../img/tab_geo_on.jpg') center center no-repeat;}
#tab_geo:hover {width: 201px; background: url('../img/tab_geo_hov.jpg') center center no-repeat;}

#tab_met {width: 238px;	background: url('../img/tab_met_off.jpg') center center no-repeat;}
#tab_met_on {width: 238px;	background: url('../img/tab_met_on.jpg') center center no-repeat;}
#tab_met:hover {width: 238px; background: url('../img/tab_met_hov.jpg') center center no-repeat;}
	
#nav_tab li a:hover, .nav_tab li {	color: #ffc0ca;	text-decoration: none;}

#nav_tab li .current {
	color: #000;
	text-decoration: none;
	background: url('../img/nav_bg_arrow.jpg') center top no-repeat;}

#nav_wrapper {
	width: 700px;
	float: right;
	padding: 0;
	margin: 0;
	clear: both;}
	
#nav_wrapper_full {
	width: 980px;
	float: left;
	padding: 0;
	margin: 0;
	clear: both;}

#nav_left {
	width: 23px;
	height: 48px;
	float: left;
	background: #fff url('../img/nav_left.jpg') center center no-repeat;}

/*Navigation*/
#nav_main{
	margin: 0;
	padding: 0;
	float: left;
	width: 677px;
	height: 48px;
	list-style: none;
	text-align: center;
	background: url('../img/nav_bg_tile.jpg') center center repeat-x;}

#nav_main li{	
	display: inline;
	position:relative;
	z-index:80;
	float: left;}

#nav_main li a{
	float: left;
	color: #FFF;
	font-weight: bold;
	padding: 16px 15px;
	text-decoration: none;}
	
#nav_main li a:hover, .nav_main li{	color: #000;	text-decoration: none;}

#nav_main li .current{
	color: #ffc0ca;
	text-decoration: none;
	background: url('../img/nav_bg_arrow.jpg') center top no-repeat;}

#nav_main li.benefits a { background-position:-147px 0;}
#nav_main li.Benefits a:hover,
#nav_main li:hover.Benefits a,
#nav_main li.Benefits a.hover,
#nav_main li.Benefits a.active { background-position:-147px -7px;}

#nav_main li ul {
	position: absolute;
	visibility: hidden;
	top: 48px;
	left: 0;
	float: left;
	z-index: 80;
	padding: 0;
	width: 200px;
	background: #bdbdbd url('../img/bg_sub_bg_tile.jpg') repeat-x top !important;
	border-bottom: 1px solid #e61938;
	margin: 0 !important;
	text-align: left; list-style-type:none}

#nav_main li.hover ul,
#nav_main li:hover ul { visibility:visible;}
#nav_main li li {
	margin: 0 !important;
	padding:0 !important;
	text-align: left;}

#nav_main li li a {
	width: 180px !important;
	height: auto !important;
	color: #333;
	margin: 0px;
	padding: 5px 10px;
	font: bold 12px/16px sans-serif;
	text-decoration: none;
	text-align: left;}

#nav_main li li a:hover {
	color: #e61938 !important;
	text-decoration: none !important;}
	
/********************************************
		          Footer
********************************************/

#footer_wrapper {
	width: 820px;
	float: none;
	margin: 0 20px;
	border-top: 1px dotted #CCC;
	padding: 10px 120px 10px 0;
	clear: both;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.85em;}
	
.home_footer { background: #FFF url('../img/home_footer_bg.jpg') right 40px no-repeat;}


.contact_wrap {		width: 660px; margin: 0; padding: 7px 0 0 0; float: left;}
.contact_wrap h2 {	margin: 15px 0 0 10px;}
.contact_wrap p.small {	margin: 0 0 0 10px; font: normal 11px/16px sans-serif;}
.contact_label {	width: 240px; margin: 0; padding: 0 10px 0 10px; float: left;}
.contact_label p {	font: bold 12px/20px sans-serif; padding: 0; margin: 0;}
.contact_field {	width: 360px; margin: 0; padding: 0; float: left;}
.contact_field_year {	width: 100px; margin: 0; padding: 0; float: left;}
select.year { width: 100px; }

.contact_col_left { float: left; width: 320px; padding: 0 0 0 10px; margin: 0 0 10px 0; font: normal 12px/15px sans-serif; color: #666;}
.contact_col_left img { float: left; padding: 1px; background: #fff; border: 1px solid #ccc; margin: 8px 0 0 0;}
/*.contact_col_left input { float: left; clear: both; margin: 5px 0;} */
.contact_col_right { float: right; width: 320px; padding: 0; margin: 0 0 10px 0;  font: normal 12px/15px sans-serif; color: #666;}
.contact_col_right img { float: left; padding: 1px; background: #fff; border: 1px solid #ccc; margin: 8px 0 0 0;}
/*.contact_col_right input { float: left; clear: both; margin: 5px 0;}  */

.wpcf7-list-item { float: left; clear: both;}

hr { background: #fff; border-left: none; border-right: none;  border-bottom: none; border-top: 1px dotted #CCC; float: left; clear: both; width: 100%; margin: 20px 0 5px 0}