
body{ 
 margin:5px 0 0 0; 
 padding:0; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000;
line-height: 1.5em;
text-align: justify;
background-image: url(../images/spectro_service_background.jpg);
background-repeat: repeat; 
} 

 
#pagewidth{
	width:920px;
margin: 0 auto;
background-color:#fff;} 
 
#header{
 position:relative; 
 height:180px;
 background: #fff url(../images/spectro_service_banner.jpg) no-repeat center top; 
 width:100%;
border-bottom: solid 3px #161666;
text-align: center;
color: #000;
line-height: 1.75em;}
 
#header h1{
font-weight:bold;
padding-top: 10px;
padding-left: 20px;
font-size: 20px;
color:#fff;
text-align:left;
margin-bottom: inherit;
font-style: italic;}

.phone
{
text-align:right;
font-weight:bold;
padding-top: 20px;
padding-right: 20px;
font-size: 15pt;
color: #fff;
position:relative;
top: +20px;
font-style: italic;}


#leftcol{
text-align: center;
 width:200px;
background-color: #fff;
 padding-top:20px;
 padding-left: 10px;
 float:left; 
 position:relative; 
  }
  
#leftcol a:link		{ color: #fff; background: inherit; text-decoration: none;}
#leftcol a:visited 	{ color: #fff; background: inherit; text-decoration: none;}
#leftcol a:hover 	{ color: #ff0000; background: inherit; text-decoration: none;}
#leftcol a:active 	{ color: #fff; background: inherit; text-decoration: none;}
 
 #maincol{
	 padding-top: 20px;
background-color: #fff;
width: 480px;
 display:inline; 
 float:left;
 }
 
#maincol h3{
font-size: 16px;
font-weight: bolder;
font-style: inherit;
text-align:left;
color: #000;}

#maincol a:link		{ color: #fff; background: inherit; text-decoration: none;}
#maincol a:visited 	{ color: #fff; background: inherit; text-decoration: none;}
#maincol a:hover 	{ color: #ff0000; background: inherit; text-decoration: none;}
#maincol a:active 	{ color: #fff; background: inherit; text-decoration: none;}

#maincol .navbut{
width: 430px;
text-align: left;
border:1px solid #161666;
padding: 10px 4px 10px 14px;
margin: 5px;
background: #617aa6;
display: block;
color:#fff;
font-weight:bold;}

#maincol h1{
	font-size:18px;
	text-align:left;
	font-weight:bold;
}

#maincol .actnavbut{
width: 450px;
border:1px solid #e0b20d;
padding: 10px 4px 10px 4px;
margin: 5px;
background: #fbf97d;
display: block;
font-weight:bold;
color: #000;
}

logo{
	width:350px;
	text-align:left;
}

.isospace{
	padding-left:75px;
	padding-right:20px;
}

.pgtitle{
	font-size:18px;
	text-align:left;
	font-weight:bold;
}

.pgsubtitle{
	font-size:16px;
	text-align:left;
	font-weight:bold;
}

.pgsubbottitle{
	font-size:14px;
	text-align:left;
	font-weight:bolder;
	text-align:center;
}

.navtxt{
	font-size: 16px;	
}

.imgparts{
padding: 0 10px;
}

.hpimg {
float: right;
border: 1px #161666 solid;
margin-left: 10px;
margin-bottom: 5px;}

.niimg {
	padding-left: 10px;
}

.serimg {
	padding-right: 10px;
}

.iuimg{
padding: 20px 0 20px 0;}

 
#rightcol{
	padding-top: 20px;
text-align: left;
 width:220px; 
 margin-right: 5px;
 float:right; 
 position:relative; 
 background-color:#fff;
 }
 

	 
.rhimg{
padding-left:5px;
clear:both;
}

.rhhpimg{

clear:both;
vertical-align:middle;
}
 
#rightcol a:link	{ color: #fff; background: inherit; text-decoration: none;}
#rightcol a:visited { color: #fff; background: inherit; text-decoration: none;}
#rightcol a:hover 	{ color: #ff0000; background: inherit; text-decoration: none;}
#rightcol a:active 	{ color: #fff; background: inherit; text-decoration: none;}

.txt{
	padding-left:5px;
	font-size:9px;
	font-weight:bold;
	text-align:left;
	height:90px;
	vertical-align:middle;
}

.txti{
	font-size:inherit;
	text-align:justify;
	height:100px;
	vertical-align:middle;
	line-height:1.3em;
}

.txtni{
	font-size:inherit;
	text-align:justify;
	height:100px;
	vertical-align:middle;
	line-height:1.5em;
}


.rhtxt{
	font-size:9px;
	font-weight:bold;
	text-align:left;
	height:90px;
	vertical-align:middle;
}

#footer{
 padding-top:20px;
 height:130px; 
  background-color:#fff; 
 clear:both;
 } 
 
#footer a:link		{ color: #000; background: inherit; text-decoration: none;}
#footer a:visited 	{ color: #000; background: inherit; text-decoration: none;}
#footer a:hover 	{ color: #ff0000; background: inherit; text-decoration: none;}
#footer a:active 	{ color: #000; background: inherit; text-decoration: none;}
 
.navbut{
border:1px solid #161666;
padding: 10px 4px 10px 4px;
margin: 5px;
background: #617aa6;
display: block;
color:#fff;
font-weight:bold;}


.actnavbut{
border:1px solid #e0b20d;
padding: 10px 4px 10px 4px;
margin: 5px;
background: #fbf97d;
display: block;
font-weight:bold;
color: #000;
}

.floleft{
margin-right: 10px;
margin-bottom: 10px;}

.partsandconsheadings{
font-style: normal;
line-height: normal;
font-weight: bold;}

.tablebody {
font-size: 12px;
font-style: normal;
line-height: 18px;
font-weight: normal;
color: #000000}

.tableheadboldblack { 
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold; color: #000 }

.tableheadboldblackmain {
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: bold; color: #000 }

.clear{
	clear:both;}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0;  
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  



 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


