/* @override 
	https://www.profoaminsulators.com/profoam.css?* */

* { margin: 0; padding: 0; }

/*div { border: 1px solid #FF0000; }*/
 
html, body {    
	height: 100%; 
	}

body {
	font-size: 62.5%;  
	background: #3b8dae url('/img/head-back.gif') repeat-x;
	text-align:center;
	font-family: 'lucida grande',tahoma,sans-serif;
	}   
 
a img {
	border: none;
	border:0;
	}	

a {text-decoration: none;}
 	
hr {display:none;}


.clear {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	}

#skip {display:none;}	
 
h2 {
	clear: none;
	margin: 10px 0 2px 0;
	padding-bottom: 3px;
	font: bold 1.3em/1.2em 'lucida grande',tahoma,sans-serif;
	color: #3484A6;	 
	}
	 		
h3 {
	clear: none;
	margin: 10px 0 2px 0;
	padding-bottom: 3px;
	font: bold 1.2em/1.2em 'lucida grande',tahoma,sans-serif;
	color: #000;	 
 	margin-top:40px;
	}
	
	

.submit-button {
  margin: 0 0 0 130px;
  color: #FFF !important;
 text-decoration: none;
  padding: 15px; 
  border-radius: 3px;
  background-color: #12aaeb;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  
}

.submit-button:hover {
  background-color: #0095c2 !important;
}	
	
	/*==================ADDED AFTER MOVING TO MIRACULOUS SOLUTIONS ========================== */ 		
.movedown_5 {
position:relative;
top: 5px;
}

		/* error*/
	.error{	color:#FF0000; font-size:12px; font-weight:bold; display:block; margin-top:7px; width:90%; padding:5px 5px 5px 5px; border:1px solid #FF7777;
	background: url(images/error.png) top left no-repeat #F0DBDC; 
		margin-bottom:30px;
		padding-left: 140px;
		padding-top:30px;
		height:100px; 
		width:465px;
	}

	/* ok */
	.confirm{
		color:#339900; font-size:14px; font-weight:normal; display:block; margin-top:7px; width:90%; padding:5px 5px 5px 5px; border:1px solid #B5FF91; 
		background: url(images/confirm.png) top left no-repeat #EFFFE8;
		margin-bottom:30px;
		padding-left: 150px;
		padding-top:30px;
		height:100px; 
		width:450px;
		}
		
		
/* -------------------------------------- */
/* -------  TOOLTIP  -------------------- */					
#tooltip {
	position: absolute;
	margin-left: 1px;
	border: 1px solid #777777;
	background:#CCCCCC;
	padding: 2px 9px;
	color: #46453a;
	display:none;
	font-size:10px;
	z-index:100;
}


		
		
		
		
	/*==================END ADDED AFTER MOVING TO MIRACULOUS SOLUTIONS ========================== */ 

#top-wrap, #, #footer, #mainwrap, #home-sub  { width: 100%; }	

iframe { border: none; overflow: hidden; padding: 0; margin:0; }
 
 
#footer {
	clear:both;
	color:#B6DBF4;
}
	#footer a:link, #footer a:visited { color: #FFF; text-decoration: underline;}
 
#footer-in { 	
	height: 185px;
	padding: 15px;
	font: 11px/14px 'lucida grande',tahoma,sans-serif;
} 

#footer-in  {
	width: 900px;
	margin: 0 auto;
}
	#footer a { color: #8197A7; text-decoration: underline;}
 
 


#intro { 
	position: absolute;
	top: 40px;
	right: 20px;
	width: 380px;
 }
#head-wrap  {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	position: relative; 
}
 

  

#print-logo { display:none; }

 
#head-logo-wrap {
	position: absolute;
	top: 34px;
	left: 10px;
	width: 165px;
	height: 57px;
}
#head-logo {
    background: transparent url('/img/pro-foam-logo.gif') no-repeat;
    width: 165px;
    height: 57px;
    position: relative;
}

#head-logo a {
    position: absolute;
    top: 0;
    left: 0;
    width: 165px;
    height: 57px;
}

#head-logo a span {display: none;}

#head-logo h1 {text-indent: -3000px;}

#head-sprinkler {
	float: right; 
}

  
#home-wrap-top {
	background: #5db7d2 url('/img/mid-back.gif') repeat-x;
}
#home-wrap-bottom {
	background: #FFF;
}
 
.arrows ul {
	list-style: none;
	margin: .5em 0 1em 0;
	padding-left: 10px;
	}
.arrows ul li {
	padding: 0 0 4px 16px;
	/*line-height: 1.8em;*/
	background: url(/img/arrow.gif) no-repeat 0 7px;
	}

.lower-spot {
	width: 30%;
	float: left;
	padding: 10px;
	font: 1.2em/1.6em 'lucida grande',tahoma,sans-serif;	
}
  
#home-right {
	position: absolute;
	top: 20px;
	left: 535px;
 
 	width: 310px;
 	color: #FFF;
	font:  1.7em/1.9em Georgia, serif;
}
	#home-right p { padding-bottom: .5em; }
	
.emphasize { font-size: 130%; font-style: italic; }
  	
#home-left {
	padding: 20px 0 0 0;
	width: 486px;
	font: 1.6em/2em Georgia, serif;
	color: #FFF;
  	}
  	#home-left img { border: 5px solid #FFF; }
  	
#inside-left {
	padding: 0 0 0 20px;
	width: 500px;
	color: #FFF;
  	}
 .text {
	font: 1.4em/1.6em Georgia, serif;
 } 
 .text p { margin-bottom: .85em; }
 .form {
	font: 1.2em/1.6em 'lucida grande',tahoma,sans-serif;	
} 
	
.home-wrap, .inside-top {
	text-align:left;
	width: 900px;
	margin: 0 auto;
	position: relative;
	}
.home-wrap { height: 359px;	 }
.inside-top { min-height: 30px;	 }
	
#inside-wrap {
	text-align:left;
	width: 880px;
	margin: 0 auto;
	padding: 2em 0;
	position:relative;
	font: 1.1em/1.5em 'lucida grande',tahoma,sans-serif;		
	min-height: 500px;
	}

#right {
	float:right;
	/*border-left: 1px solid #999;*/
	width: 230px;
	padding: 0 0 0 15px;
	font: normal 1em/1.6 "Lucida Grande", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
	#right h1 {
	font: 1.4em Georgia,  serif;  
	margin-bottom:2px; 
	}	
 
 

#left {
	font: normal 1.2em/1.5 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	width: 572px;
	text-align:left;
	
}
	#left h1  {
		font: 1.8em Georgia,  serif; 
		color: #0D3453; 
		/* border-bottom: 1px solid #999; */
		margin-bottom:6px; 
		}	
	#left h2  {
		font: bold 1.3em/1.8 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
		color: #5F1A0E; 		 
		margin:.6em 0 0;
		}	
 
	#left p { margin-bottom: .5em;}
	#left a:link, #right a:link  {color: #5F1A0E; border-bottom: 1px solid #999;}
	#left a:visited, #right a:visited  {color: #5F1A0E; border-bottom: 1px solid #999;}
	#left a:hover, #right a:hover, #bioside a:hover { color: #5F1A0E; background-color: #E7D9B8;   }
	#left img a {text-decoration: none; }
	 

 
	#left ol li {
		line-height: 1.8em;
		margin-left: 3em;
	}
	
 
 
 
.btn { margin-bottom: .85em; }

 
#search {
	position: absolute;
	right: 10px;
	top: -23px;
	width: 160px;
	height: 33px;	
 	z-index:100;
}
#search form {display:inline;}

#searchresults { width: 550px; overflow: hidden; }
 
#top-in {
 	text-align:left;
 	width: 100%;
}
#logo-wrap {
	height: 114px;
	width: 900px;
    position: relative;
    margin: 0 auto;
	}  


/* nav menu
----------------------------------------------------------------------------*/
 
#nav {
	width: 500px;
 	position: absolute;
	top: 88px;
	left: 415px;
	height: 35px;
	/*border: 1px solid #666;*/
}


    
#header ul {
    margin:0;
    list-style:none;
    width: 500px;
    white-space: nowrap;
    }
  #header li {
	display: inline;
	list-style-type: none;
	background: none;
	}
 
#header a {
  padding:8px 8px 10px 10px;
  margin-right:5px;  
  color:#000;
  font: 1.2em 'lucida grande',tahoma,sans-serif;
  background: none;
  display:block
  height:30px;  
  }

#header a:link, #header a:visited {
  text-decoration: none;
  }
#header a.arrow:hover {
  color:#872A1F;
  background: url('img/divit.gif') no-repeat bottom center;
  }
  

#Home #nav-home a,
#About #nav-about a,
#Why #nav-why a,
#Energy #nav-energy a,
#Contact #nav-contact a,
#Projects #nav-projects a
	{	
	color:#872A1F;
	height:30px;
	background: url('/img/divit.gif') no-repeat bottom center;
	font-weight: bold;
  }
  
  
 
/* inside page specific 
----------------------------------------------------------------------------*/
 
 
  
#search { margin-top: 30px; }
#search-btn {
	font: 10px Verdana;
	padding: 4px;  
	border: 1px;
	border-color: #4A84FF; 
	background: #213B72;
	margin: 3px 0 0 0;
	cursor: pointer;
	color: #FFF;	 
}
#search-btn input:focus {
	border: 1px;
	border-color: #4A84FF; 
	background: #000;
	cursor: pointer;
	color: #FFF;
	}
	
#top-right {float:right; width: 216px; }
#top-left { 
	padding: 11px 0 0 18px;
	width: 448px;
	height: 184px;
	background: #FFF url(/img/slides-back.jpg) no-repeat top left;
	 }
 
.arrows ul ol {
	margin: .5em 0 1em 1em;
	padding-left: 18px; 
	}
.arrows  ol li {
	padding: 0 0 4px 0;
	line-height: 1.4em;
	background: none;
	}
 


#authorship {  color: #FFF; font-size: 10px;}


 
 
 
.quoter { text-align:right; font-size: 90%;}

   
.quote {
	/* font: italic 1.1em/1.4 Georgia, "Times New Roman", serif;  */ 
	margin: 30px 0 30px 30px;
	padding: 6px 0 6px 26px;
	background: url("/img/quote-left.gif") no-repeat 0 3px;
	color: #FFF;
}
.quoter { float:right; text-align:right; padding: 0 5px 5px 0; font-size: 11px;   }
.quote a { color: #A1FF7D;}

.dropcap {
	float:left;
	margin-top: 7px;
	width:40px;
	font-size: 60px; 
	line-height:40px;
	font-family: Georgia, serif;
} 
.indent {text-indent: 2em;}	 

 

.floatright
{
	float: right;
	margin: 0 0 10px 10px;
	padding: 2px;
}
.floatleft
{
	float: left;
	margin: 0 10px 5px 0;
	padding: 2px;
}
 
 
.pdf_download {
	font-weight: bold;
}

.float-r { float: right;}
.float-r img { border: 4px solid #FFF; }
.float-l { float: left;}

.searchbtn {padding-top:6px;}

.separate {font: 1.1em Georgia, "Trebuchet MS", Verdana, serif; margin-left:5px; margin-top:12px; margin-bottom:7px;}
.separate em {color:#738B9A; font-style:normal; font-weight:bold;}
/* contact form  
----------------------------------------------------------------------------*/
#contactInfo {list-style:none; margin-left:0; }

.contactForm  {border:none; background:transparent;   }
.contactForm fieldset { border: none; }
.contactForm legend { padding:0 ; margin-left:20px;color:#b4de73;}
.contactForm ul { margin:0;  list-style:none;}
.contactForm ul li {clear:both; background:none; }
.contactForm ul label { display:block; float:left; width:130px; padding:3px 0;}
.contactForm .txtField  {display:block; float:left; padding:3px; width:260px; margin:5px 0 10px 0;font: 1.2em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#264D6A;border:2px solid #DCD0BF;outline:none;}
.contactForm .txtField:hover, .txtField:focus, .txtField:active { border-color:#B5AB9D; background:#B6DBF4;}
.contactForm em {font-size:0.9em; color:#738B9A; font-style:normal;}

.contactForm.request fieldset {border:1px #5b8a10 solid; padding:5px;}
.contactForm fieldset.extra {margin-top:15px;}
.contactForm .file {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0; font: 1.2em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
.contactForm .radio {display: inline; }

.submit_btn {
	width:105px;
	height:32px;
	display:block;
	float:left;
	background: url(images/buttons.png) no-repeat top left;
	margin-top: 17px;
	margin-left:150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.submit_btn:hover {
	background: url(images/buttons.png) no-repeat 0px -36px;
	cursor:pointer;
}

.get_started_btn {
	width:128px;
	height:32px;
	display:block;
	float:left;
	background: url(images/buttons.png) no-repeat -112px 0px;
	margin-top: 17px;
	margin-left:160px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.get_started_btn:hover {
	background: url(images/buttons.png) no-repeat -112px -36px;
	cursor:pointer;
}




/*captcha */
.captcha { float:left; margin-top:5px;}
.captcha img {border:#DCD0BF 2px solid; margin-right:6px; float:left;}
.captcha input { 
	margin:0 0 12px 6px;
	font: 1.2em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	border:2px solid #DCD0BF;
	outline:none;padding:3px; 
	width:90px;
	height: 25px;
}
 
fieldset { padding: 10px;position: relative;  }

 

/* SINGLE PROGRESS BAR */
#progress {
	font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #B6DBF4;
}
#progress p { margin: 0; padding: 0;}

.progressBar{
	width:216px;
	height:25px;
	/*background:url(/img/bg_bar.gif) no-repeat 0 0;*/
	position:relative;
}
.progressBar span{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(/img/bar.gif) no-repeat 0 0;
	top:0; left: 0;
/*
	top:8px;
	left:8px;
*/
	overflow:hidden;
	text-indent:-8000px;
}
.progressBar em{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(/img/bg_cover.gif) repeat-x 0 0;
	top:0;
}
 
 
 .question {
	font: bold 1.2em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 	margin-top: 1.2em;
 	padding: 0;
 	color: #FFF;
 }