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

/*
-----   PROXIMA FONTS  ---------------
font-family:'Proxima N W01 Reg';
font-family:'Proxima N W01 Black';
font-family:'Proxima N W01 Bold';
font-family:'Proxima N W01 Xbold';

*/
/*
red: #ed1c24
*/
.red {
	color:#ed1c24;
}
.bld {
	font-family:'Proxima N W01 Bold';
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
html {	
	margin: 0px;	
	padding: 0px; 
	width: 100%; 
	height: 100%;	
	background-color: #fff;
}
body {	
	margin: 0px;	
	padding: 0px;	
	font-family:  Proxima N W01 Reg;
	font-size: 10px;
	line-height:10px;	
	color: #000; 
	width: 100%; 
	height: 100%; 
	background-color: #fff;
	letter-spacing:-.025em;
	background-image:url(../images/bg-page.jpg);
	background-repeat:repeat-x;

}
* {
	/*border-collapse:collapse;*/
}
img {
	border: 0px;
}
a {
	color: #77787B;
		text-decoration: none; 
}
a:hover {
	color: #000; 
}
h1 {
	font-weight:normal;
	font-size: 36px;
	line-height:36px;
	color:#ed1c24;
	text-transform:uppercase;
	font-family:'Proxima N W01 Bold';
	padding: 0em;
	margin:0em 0em 1em ;
}
h2 {
	font-weight:normal;
	font-size: 24px;
	line-height:24px;
	padding:14px 0px 14px 0px;
	color:#ed1c24;
	font-family:'Proxima N W01 Bold';
	text-transform:uppercase;
}
h3 {
	font-weight:normal;
	font-family:'Proxima N W01 Bold';;
}

h4 {
	font-weight:normal;
	font-family:'Proxima N W01 Bold';
}

hr {
	padding:0px;
	margin:3.6em 0em 3.6em 0em;
	color:#B3B3B3;
	clear:both;
}
/*****************************************************/
.left {
	float:left;
}
.right {
	float:right:
}
.lefttxt {
	text-align:left;
}
.righttxt {
	text-align:right;
}
.centertxt {
	text-align:center;
}

/********************Main blocks*********************/
#container {
      min-height: 100%;
      position:relative;
	  overflow:hidden;
	
	    	 
}
#main {
	width:980px;
	left:50%;
	margin-left:50%;
	padding: 50px  0em 28em 0em;/*HEIGHT OF FOOTER AT BOTTOM*/
	margin:0em auto 0em auto;
	overflow:hidden;
	font-size:1.6em;
	line-height:3em;
		  overflow:visible;

	

	}		  
#navwrap {
	position:absolute;
	z-index:4;
	top:0px;
	left:50%;
	margin-left:-490px;
	width:980px;
	height:60px;
	z-index:999999;
}

#bannerwrap {
	position:relative;
	width:100%;
	height:560px;
	/*background-color:#6CF;*/
	overflow:hidden;
	margin-top:20px;
}

 
#footerwrap {
      position: absolute;
      width: 100%;
      bottom: 0;
      height: 28em; 
	  background-color:#000000;
}

/******************************** FOOTER ***************************/
#footer {
	position:relative;
	margin-left:50%;
	padding-top:1.5em;
	width:980px;
	height:auto;
	margin:0px auto 0px auto;
	color:#707070;
	font-size:1.4em;
	line-height:1em;
}
	#footer a:hover {
		color:#fff
	}
	#footer .book {
		float:left;
		margin-top:14px;
	}
	#footer .bigred {
		font-size:48px;
		color:#ed1c24;
		font-family:'Proxima N W01 Bold';	
		letter-spacing:-.05em;
		margin-bottom:24px;
	}
	#footer .bigred a{
		font-size:48px;
		color:#ed1c24;
		font-family:'Proxima N W01 Bold';	
		letter-spacing:-.05em;
		
	}
	#footer .bigred a:hover{
			color:#fff;
	}
	#footer .social {
		float:left;margin-top:20px;
	}
	#footer .social img {
		padding:7px 28px 0px 0px
	}
	#footer .colmna {
		float:right; padding:0px 0px 0px 14px; margin-top:-59px; border-left:1px solid #707070; line-height:1.6em; text-transform:uppercase;
	}
	#footer .colmnb {
		float:right; padding:0px 28px 0px 14px; margin-top:-59px; border-left:1px solid #707070; line-height:1.6em; text-transform:uppercase;
	}
	#footer .tag {
		margin-top:20px;
		color:#4b4a4a;
	}
	#footer .credit {
		float:right;
		font-size:12px;
		margin-top:26px;
	}

/******************************** MENU ***************************/
	
#nav {
	position:absolute;
	width:980px;
   margin:0em;
   padding:0em;
	font-family:'Proxima N W01 Bold';
   font-size:1.6em ;
   z-index:9999999999; 
   overflow:visible;
}


/* Top menu items */
#nav ul {
   margin: 0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   list-style:none;
   width:100%;
   font-size:14px;
}
#nav ul li {
   margin:0 0 0 0px;  
   padding:0px; 	
   float:left;
   position:relative;
   text-align:center;
   overflow:visible;
}

	#nav ul li a {
   		display:block;
   		margin:0;
   		text-decoration:none;
		display:block; 
		text-align:center;
		text-transform:uppercase;
		color:#ffffff;
		 padding: 20px 23px 20px 23px;
		 background-color:#ed1c24;
	}	
	div#nav ul li a:last-child{
		padding: 20px 23px 20px 24px;
	}
	#nav ul li a.active {
		height:20px;
		background-image:url(../images/nav-active.png);
		background-position:center top;
		background-repeat:no-repeat;
		background-color:transparent;
	}

	#nav ul li a:hover {
   		/* Top menu items  */		
		/*background-color: #ececec;
		color:#000;*/
		
	}
	#nav ul li.hover a { /* This line is required for IE 6 and below */
   		/* Top menu items  */
   		opacity:1;
		filter:alpha(opacity=100);

	}

	/* Submenu items */
	#nav ul ul {
   		display:none; /* Sub menus are hiden by default */
  		position:absolute;
   		top:22px;
   		left:0;
   		right:auto; /*resets the right:50% on the parent ul */
   		width:315px; /* width of the drop-down menus */
   		padding-top:0px;
		/*border:1px solid #ddd;*/

		}
	#nav ul ul li {
   		left:auto;  /*resets the left:50% on the parent li */
   		margin:0; /* Reset the 1px margin from the top menu */
   		clear:left;
   		width:275px;
   		text-align:left;
   background-color:#fff;
   padding:18px 18px 18px 18px;
}
#nav ul ul li a,
#nav ul li.active li a,
#nav ul li:hover ul li a,
#nav ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:16px;
   font-weight:normal; /* resets the bold set for the top level menu items */
   background:#fff;
   color: #77787B;
   line-height:14px; /* overwrite line-height value from top menu */
   border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
   margin:0px 0px 0px 0px;
   padding:9px 0px 6px 24px;
   background-image:url(/images/arrow-blue-menu.png);
   background-repeat:no-repeat;
   background-position:right;
   		   		text-align:left;
}
#nav ul ul li a:hover,
#nav ul li.active ul li a:hover,
#nav ul li:hover ul li a:hover,
#nav ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background-color:#ddd; /* Sub menu items background colour */
   color:#000;
   background-image:url(../images/arrow-k-menu.png);
   background-repeat:no-repeat;
   background-position:right;
}

#nav ul ul li div.ctitle a {
	text-decoration:none;
	font-weight:normal;
	font-size:18px;
	font-family:'Century Gothic W01';
	margin:0px 0px 0px 0px;
	padding:9px 0px 6px 0px;
   background-image:none;
   border:none;
}
#nav ul ul li div.ctitle a:hover {
   background-image:none;
   border:none;
}


/* Flip the last submenu so it stays within the page */
#nav ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#nav ul li:hover ul,
#nav ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}



/**************************** MAIN ****************************************/

#main ul.pagenav {
	float:right;
	clear:left;
	padding: 0em;
	margin:0px 0px 0px 100px;
	width:330px;
	height:auto;

}
	#main ul.pagenav li {
		list-style: none;
		border-bottom:1px solid #000;
	}
	#main ul.pagenav li img {
	float:right; margin:-40px 10px 0px 0px;
	}
	
	
	#main ul.pagenav li a {
		display:block;
		width:250px;
		height:50px;
		padding: 10px 0px 0px 80px;
		text-transform:uppercase;
		font-family:'Proxima N W01 Bold';
		color: #ed1c24;
	}
	#main ul.pagenav li:last-child {
		border-bottom:1px none #000;
	}
	.pnadvantage {
		background-image:url(../images/icon-plus.png);
		background-position: 20px 14px;
		background-repeat:no-repeat;
	}
	.pnservices {
		background-image:url(../images/icon-bell.png);
		background-position: 20px 14px;;
		background-repeat:no-repeat;
	}
	.pnprocess{
		background-image:url(../images/icon-footprints.png);
		background-position: 20px 10px;
		background-repeat:no-repeat;
	}
	.pninspector{
		background-image:url(../images/icon-inspector.png);
		background-position: 20px 14px;
		background-repeat:no-repeat;
	}	
	#main ul.pagenav li a.current {
		background-color: #ececec;
	}
		#main ul.pagenav li a:hover {
		background-color: #ececec;
	}
	
	






#main ul.pagenavhome {
	float:right;
	clear:left;
	padding: 0em;
	margin:0em ;
	width:490px;
	height:auto;
	margin-left:80px;
	font-size: 24px;

}
	#main ul.pagenavhome li {
		list-style: none;
		border-bottom:1px solid #000;
	}
	#main ul.pagenavhome li img {
	float:right; margin:-100px 10px 0px 0px;
	}
	
	
	#main ul.pagenavhome li a {
		display:block;
		width:330px;
		height:90px;/*140*/
		padding: 50px 0px 0px 160px;
		text-transform:uppercase;
		font-family:'Proxima N W01 Bold';
		color: #ed1c24;
	}
	#main ul.pagenav li:last-child {
		border-bottom:1px none #000;
	}
	.pnadvantagehome {
		background-image:url(../images/icon-plus-home.png);
		background-position: 20px 28px;
		background-repeat:no-repeat;
	}
	.pnserviceshome {
		background-image:url(../images/icon-bell-home.png);
		background-position: 20px 28px;
		background-repeat:no-repeat;
	}
	.pnprocesshome{
		background-image:url(../images/icon-footprints-home.png);
		background-position: 20px 20px;
		background-repeat:no-repeat;
	}
	.pninspectorhome{
		background-image:url(../images/icon-inspector-home.png);
		background-position: 20px 28px;
		background-repeat:no-repeat;
	}	
	#main ul.pagenavhome li a.current {
		background-color: #ececec;
	}
		#main ul.pagenavhome li a:hover {
		background-color: #ececec;
	}
	
	
	
	
/*****************************************************************************************/
	
 .graybox {
	 float:left;
	width:100%;
	background-color:#ebebeb;
	border-radius:25px;	
	height: auto;
}

.graybox ul {
	list-style:none;
	list-style-image: url(../images/bullet-dsm.gif);
	height: auto;
	margin:0px 0px 36px 0px;
	padding: 24px 0px 0px 28px;
}
	.graybox ul li {
		
		padding:7px 14px 7px 7px;
		line-height:1.2em;
	}
	 .graybox ul li span{
		/* padding-left:10px;
		border-left:3px solid #ed1c24;*/
	}
	.processbox {
		float:right;
		width:55%;
	}
		.processbox ul{
		float:left;
		width:40%;
	}
	
.testirow {
	margin:50px 0px 0px 0px;
}
.testimonialholder {
		width:940px;
		margin-left:0px;
		background-image:url(../images/testi-pointer.png);
		background-repeat:no-repeat;
		background-position:0px 40px;
		line-height:1.8em
}
	.testimonial {
		width:840px;
		height:auto;	
		float:right;
		padding:40px;
		}

.twocolumn {
	width:470px;
	margin-top:50px;
}
.faqholder {
		width:390px;
		padding-bottom:41px;
		background-image:url(../images/faqtail.jpg);
		background-repeat:no-repeat;
		background-position:right bottom;
		margin-bottom:30px;
		
}
	.faq {
			width:390px;
			padding:24px 40px 40px 40px;
			line-height:1.4em;
		}
		
#sublinkholder {
	width:100%;
	height:220px;
	padding:0px;
	margin: 75px 0px 0px 0px;
}
	#sublinkholder div {
		float:left;
		width:320px;
		height:220px;
		margin-right:10px;
		background-color:#ebebeb;
		border-radius:25px;	
		text-align:center;
		line-height:.9em
	}
	#sublinkholder div.last {
		margin-right:0px;
	}
	#sublinkholder span {
		display:block;
		padding:28px 0px 0px 0px;
		font-family:'Proxima N W01 Bold';
		
	}
	#sublinkholder img {
		margin:30px 0px 0px 0px;
	}
	#sublinkholder a {
		color:#000;
	}
	
	
#servicesrow div {
	margin-top:50px;
	line-height:43px;
	float:left;
	clear:both;
}
	#servicesrow h2 {
	font-size:24px;
	font-family:'Proxima N W01 Bold';
	color: #ed1c24;
	padding:0px 0px 14px 0px;
	margin:0px;
	}
	#servicesrow img {
	float:left;
	width:244px;
	height:244px;
	}
	#servicesrow span {
	float:left;
	width:710px;
	margin-left:20px;
	}

#galleryholder {
	position:relative;
	width:1020px;
	overflow:visible;
	left:-40px;
	margin-top:50px;

}
	#galleryholder div {
		line-height:1.4em;
		float:left;
		width:300px;
		height:260px;
		margin-left:40px;
		margin-bottom:40px;		
	}
	#galleryholder span {
		display:block;
		width:100%;
		margin-top:7px;
		font-family:'Proxima N W01 Bold';
		color: #ed1c24;	
	}
	#galleryholder img {
		margin-bottom:5px;
	}
#resourceholder {
	width:100%;
	overflow:visible
	
}
	#resourceholder div {
		float:left;
		width:20%;
		height:150px;
		border-right:1px solid #000;
		margin-left:-1px;
		overflow:hidden;
		text-align:center;
		}
		#resourceholder span.row{
			display:block;
			height:150px;
			margin-bottom:50px;
		}
		#resourceholder span.row div:last-child {
			border-right:none;
		}
		#firstrow div {
			width:16%;
		}
		#firstrow img {
		width: 98%;
		}
		#contactholder {
			line-height:22px;
		}
#contactholder div {
	float:right;
	width:400px;
	margin:-43px 275px 0px 0px;
}
#contactholder h2 {
		padding:14px 0px 0px 0px;
		margin-bottom: 16px;
		line-height:22px;

}
	
		#contactholder img {
			margin-right:20px;
		}

	a.bttn {	
	float:right;
	height:64px;
	padding:16px 0px 0px 30px;
	margin-top:50px;
	background-color:#ebebeb;
	border-radius:25px;
	font-family:'Proxima N W01 Bold';
	text-transform:uppercase;
	text-decoration:none;
	color: #ed1c24;

	}
	a:hover.bttn  {
		color:#fff;
		background-color:#000;
	}
	.thermalbttn {
		width:653px;	
		background-image:url(../images/arrow-thermalbttn.png);
		background-repeat:no-repeat;
		background-position:653px 30px;
	}
	.processbttn {
		width:253px;
		background-image:url(../images/arrow-thermalbttn.png);
		background-repeat:no-repeat;
		background-position:253px 30px;	
	}
	.testimonialbttn {
		width:407px;

			background-image:url(../images/arrow-thermalbttn.png);
		background-repeat:no-repeat;
		background-position:407px 30px;	
	}
.viewbttn {
	width:100px;
	margin:0px;	
	float:right; 
	margin:-35px 5px 0px 0px;
	text-align:left;

}
	.viewbttn ul{		
		width:140px;
		padding:0px;
		margin:0px;	
	}
		.viewbttn li{		
		text-align:left;
		padding:0px;
		margin:0px;	
		width:100px;
		list-style:none;
		}
	.viewbttn li a{	
		text-align:left;
		padding:0px;
		margin:0px;	
		display:block;
		width:100px;
		color: #4D4D4D; 		
		background-image:url(../images/arrow-blue-menu.png);
		background-repeat:no-repeat;
		background-position:right center;			
	}
	.viewbttn li a:hover {
		color: #000; 
		background-image:url(../images/arrow-k-menu.png);	
		background-repeat:no-repeat;
		background-position:right center;	
	}





.dlbttn {
	float:right;		
		width:90px;
		padding:0px;
		margin:0px 0px 0px 0px;	
	}
	.dwnldplans {
		margin:-54px 0px 0px 0px;
	}
	.dlbttn li{		
		text-align:left;
		padding:0px;
		margin:0px;	
		width:80px;
		list-style:none;
		}
	.dlbttn li a{	
		text-align:left;
		padding:0px;
		margin:0px;	
		display:block;
		width:90px;
		color: #4D4D4D; 		
		background-image:url(../images/arrow-blue-dwnld.png);
		background-repeat:no-repeat;
		background-position:right 15px;			
	}
	.dlbttn li a:hover {
		color: #000; 
		background-image:url(../images/arrow-k-dwnld.png);	
	}
	


div#propserv {
	float:left;
	width:435px;
	border:1px solid #ebebeb;
	border-radius:25px;	
	height: auto;
	line-height:1.9em;
	padding:20px 0px 28px 30px;
}
div#propserv h2{
	padding:0px;
	margin:0px;
}
div#propserv div {
	float:left;
	margin-top:18px;
}