@charset "UTF-8";
/* CSS Document */

body  {
	font: 100% Arial, Helvetica, sans-serif;
	background-color:#cccccc;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #3F3C3F;}
#container { 
	width: 90%; 
	background: #FFFFFF;
	margin:2px auto;
	padding:0px 0px 0px 0px;
	text-align: left;
	min-width:635px;} 
h1 {
	float:left;
	display:inline;
	font: normal normal bold 1.5em georgia,times,serif;
	margin:15px 0px 10px 0px;
	padding:0px;}
h1 span {
	font: normal normal normal .8em georgia,times,serif;}
h2{
	display:inline;
	float:left;
	font: normal normal bold 1.3em georgia,times,serif;
	padding:2px 0px;
	margin:5px 0px;}
h3 {
	float:left;
	display:inline;
	font: normal normal bold 1.3em georgia,times,serif;
	margin:7px 0px;
	padding:0px;}
h4 {
	float:left;
	display:inline;
	font: normal normal bold 1.2em georgia,times,serif;
	margin:5px 0;
	padding:0px;}
sup{
	font: normal normal normal .75em arial, sans-serif;
	vertical-align:top;}

#header {
	padding:0;
	margin:0px;
	float:left;
	width:100%;}
#header_wrap {
	background:#243972 url(/img/fsi_blue.jpg) repeat;
	padding:0;
	margin:0px;
	float:left;
	width:100%;
	height:105px;}
#header .slogan{
	margin:0px;
	padding:0px 0px 0px 20px;
	float:left;
	color:#ffffff;
	width:485px;
	height:105px;
	font: normal normal bold 1.2em georgia,times,serif;}
#header .logo{
	float:left;
	margin:0;
	width:85px;
	height:105px;
	padding:0 20px;}
#menu {
	background:#eeeeee url(/img/fsi_gray_gradient.jpg) repeat;
	display:inline;
	float:left;
	width:100%;
	height:30px;
	margin:1px 0px 2px 0px;
	padding:0px 0px 0px 0px;}
#menu ul{
	width:96%;
	padding:0px;
	margin:0px 0px 0px 4%;
	list-style: none;}
#menu li{
	float:left;
	display:inline;
	width:16%;
	text-align:left;
	font-weight:bold;
	border:none;
	margin:0px;
	padding:0px;
	z-index:1;}
#menu li a {
	display:block;
	color:#005384;
	text-align:center;
	height:24px;
	font: normal normal bold 1em arial, sans-serif;
	text-decoration:none;
	border-right:1px solid #ffffff;
	border-left:none;
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 0px;}
#menu li a:hover {
	color:#ffffff;
	background: #243972 url(/img/fsi_gradient_blue.jpg) repeat;
	z-index:1;}
#menu li:hover {}
#menu .first {
	padding:4px 0px 0px 10px;}
#menu li #active {
	color:#ffffff;
	background: #243972 url(/img/fsi_gradient_blue.jpg) repeat;}
#menu .lihome {
	border-left:1px solid #ffffff;}
#image_frame {
	float:left;
	display:inline;
	width:100%;
	background: #ffffff url(/img/insulation_environment.jpg) no-repeat center 100%;
	height:130px;
	padding:0;
	margin:0px;}
/*#image_frame p {
	width:100%;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;}
#image_frame .image_left {
	float:left;
	width:45%;
	display:inline;
	color:#fafafa;
	margin:0;
	padding-left:1%;
	font:normal normal normal 1.25em Arial, Helvetica, sans-serif;}
#image_frame .image_right {
	float:right;
	width:45%;
	margin:0;
	padding-right:1%;
	text-align:right;
	display:inline;
	color:#494949;
	font:normal normal normal 1.25em Arial, Helvetica, sans-serif;}*/
 #sideBar {
	float: left; 
	width: 10em;
	padding: 8px 0px;
	margin:12px 0px;}
#sideBar h2{
	margin:0;
	padding:0;}
#sideBar p {
	width:95%;
	float:left;
	display:inline;
	margin:0;
	padding:3px 0px 3px 5%;
	font: normal normal bold 1.1em arial, sans-serif;
	background:#e4ebf2;}
#sideBar ul {
	width:100%;
	margin:0;
	padding:0;
	list-style:none;}
#sideBar li {
	width:100%;
	float:left;
	display:inline;}
#sideBar .mainLink {
	font: normal normal bold 1em Arial, Helvetica, sans-serif;
	margin:0px 0px;}
#sideBar .subLink {
	font: normal normal normal .9em Arial, Helvetica, sans-serif;}
#sideBar a {
	width:95%;
	float:left;
	display:inline;
	padding:5px 0px 5px 5%;
	color:#3F3C3F;
	text-decoration:none;}
#sideBar a:hover {
	background:#e4ebf2;
	color:#005384;}
#sideBar .blueLink {
	color:#005384;}

#mainContent {
	margin: 0 0 0px 11em;}
#mainContentWrap {
	float:left;
	width:100%;
	margin:0;
	padding-bottom:30px;
	min-height:600px;} 
#mainContent p {
	width:97%;
	float:left;
	font: normal normal normal .9em Arial, Helvetica, sans-serif;
	margin:0px 2% 5px 0px;
	padding:0;}
#mainContent a {
	color:#3F3C3F;}
#mainContent a:hover {
	color:#005384;}
#boxDiv{
	width:98%;
	float:left;
	display:inline;
	margin:0;
	padding:0 1%;}
.contentBox{
	padding:0px;
	margin:10px 0 0 0;
	width:48%;}
.contentBox b{
	display:inline;
	width:70%;
	float:left;
	font: normal normal bold 1em georgia,times,serif;
	padding:0px;
	margin:0px;}
.contentBox a {
	color:#3F3C3F;
	text-decoration:none;
	float:left;
	width:100%;
	margin:0;
	padding:0;}
.contentBox a:hover {
	color:#005384;}	
.contentBox span {
	display:inline;
	float:left;
	width:70%;
	font: normal normal normal .8em arial, sans-serif;
	padding:0px;
	margin:0px;}
.contentBox ul {
	float:left;
	display:inline;
	width:100%;
	margin:0;
	padding:0px;
	list-style:none;}
.contentBox li{
	float:left;
	display:inline;
	width:96%;
	margin:0px 0px;
	padding:6px 2%;}
.contentBox li:hover{	
	background:#e4ebf2;}
.rightBox {
	float:right;
	display:inline;}
.leftBox {
	display:inline;
	float:left;}
.contentBox img {
	float:left;
	display:inline;
	margin:0;
	padding-right:1%;
	width:87px;
	height:66px;}

.fsiValues {
	width:100%;
	float:left;
	display:inline;
	margin:10px 0px;
	padding:0;}
.fsiValues ul {
	width:100%;
	float:left;
	display:inline;
	margin:10px 0px;
	padding:0;
	list-style:none;}
.fsiValues li {
	width:100%;
	float:left;
	display:inline;
	margin:4px 0px;
	padding:0;}
.fsiValues img {
	width:40px;
	height:40px;
	float:left;
	display:inline;
	margin:2px 20px 0px 0px;
	padding:0px 0px;}
.fsiValues b {
	display:inline;
	width:70%;
	float:left;
	font: normal normal bold 1.1em georgia,times,serif;
	padding:0px;
	margin:0px;}
.fsiValues span {
	display:inline;
	float:left;
	width:80%;
	font: normal normal normal .9em arial, sans-serif;
	padding:0px;
	margin:0px;}
.standardList{
	float:left;
	width:97%;
	margin:0px 2% 10px 0px;
	padding:5px 0;}
.standardList ul {
	float:left;
	width:100%;
	margin:0;
	padding:0px;
	list-style:none;}
.standardList li {
	margin:0;
	float:left;
	width:20%;
	text-align:left;
	font: normal normal normal .9em arial, sans-serif;
	padding:2px 0px 2px 0;
	margin-right:1%;}
.standardList li:hover {}
#affiliateImages {
	float:left;
	width:90%;
	margin:5px 0px 20px 0px;}
#affiliateImages img{
	float:left;
	padding:0;
	margin-right:10px;}	
.iso{
	width:71px;
	height:72px;}
.psa{
	width:82px;
	height:67px;}
.nia{
	width:82px;
	height:72px;}
#footer { 
	padding: 0 10px;
	background:#DDDDDD;} 
#footer {
	float:left;
	display:inline;
	text-align:left;
	padding: 5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	background:#cccccc;
	border-top:5px solid #cccccc;
	border-bottom:5px solid #cccccc;}
#footer p {
	padding:2px 0px 2px 0px;
	margin:0px;
	font: normal normal normal .8em arial, sans-serif;
	float:left;
	width:96%;}
#footer b {
	padding:0px;
	margin:0px;
	font: normal normal bold 1em arial, sans-serif;}
#footer a {
	color:#3F3C3F;
	text-decoration:underline;}
#footer a:hover {
	color:#005384;}
#footer .webdeisgn{
	color:#9b9b9b;}



/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}
.pic {
	float:left;}