html, body {width:100%;
            height:100%;
			margin: auto;
           }

body {background-color:white;
      font-family: arial;
     }



h1 {font-size: 37px;
    color: rgb(50,132,198);
   }

h2 {font-size: 29px;
   }    
     
p {font-size: 19px;
  }

h3 {font-size: 21px;
   }  

h4 {margin-top: 0px;
    font-size: 19px;
    color:rgb(50,132,198);
   }

      
a:link, a:active, a:visited {text-decoration: none;
                             color:rgb(50,132,198);
                            } 
       
a:hover {color:rgb(142,204,240);
        }       
 
ul {padding-left:17px; 
   } 
 
ul li {font-size: 19px;
       color: black;
      } 
      
 /*Header*/

#headercontainer {margin: auto;
/* ADDED BY KS 20.01.2017*/
position: relative;
/* END ADDED BY KS 20.01.2017*/
}
/* ADDED BY KS 20.01.2017*/
.corporate-logo {position: absolute; top: 10px; left: 50%; margin-left: -450px; width: 240px;}
.corporate-logo a {display: block;}
.corporate-logo a img {width: 100%; height: auto;}

.contact-us {position: absolute; top: 10px; right: 50%; margin-right: -450px; width: 180px;}
.contact-us a {display: block; background-image:url(../images/contactbtn3.png); width: 180px; height:151px; background-repeat: no-repeat;}
.contact-us a:hover {background-image:url(../images/contactbtn4.png);}
.contact-us a span {display: inline-block; padding: 52px 0 0 84px;}
/* END ADDED BY KS 20.01.2017*/



 
/*Close Header*/



/*General*/

.containerdiv {margin: auto;
               max-width: 900px;
               margin-top:5px;
              }

#generaltext {font-size: 17px;
			}

.blueline {height: 1px;
			background-color: rgb(50,132,198);
			margin-top: 15px;
			margin-bottom: 15px;
			width: auto;}
	

/*About*/


/*Why EPS Blown Bead Page*/
              

.why-circle {
	border-radius: 50%;
	margin-top:30px;
	width: 190px;
    height: 190px;
    background: #ccedfa;
	color:#000;
	text-align:center;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,169,232,1);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,169,232,1);
	box-shadow: 0px 0px 10px 1px rgba(0,169,232,1);
}

.why-circle p{
	width:160px;
	font-size:17px;
	line-height:24px;
}

.why-circle2 {
	border-radius: 50%;
	margin-top:10px;
 
	width: 230px;
    height: 230px;
    background: #ccedfa;
	color:#000;
	text-align:center;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,169,232,1);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,169,232,1);
	box-shadow: 0px 0px 10px 1px rgba(0,169,232,1);
}

.why-circle2 p{
	width:200px;
	font-size:17px;
	line-height:24px;
}


.compare {
	float:right;
	margin:0px 0px 20px 20px;
	padding:20px;
	max-width: 250px;
	background: #ccedfa;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 17px;
}

.epstext ul li {color: rgb(50,132,198);
                    }     
                 
.epstext ul li > span {color: black !important;
								  font-size: 17px;
                         	     } 



#epstext {font-size: 15px;
			line-height: 120%;
			margin-top: 10px;
}


.rightdiv1.0 {float:left;
           max-width: 320px;
           margin-top:0px;
			}

/*Close EPS*/

/*BBA Approved Page*/

#bbatext {font-size: 17px;
		  line-height: 150%;
		 }

.bbatext {text-align: left;
		  line-height: 1.3;}

.bbaimg img {float: right;
			 margin-top: 55px;
			}

/*Close BBA Page*/


/*CIGA Page*/

.cigaimg img {float: right;
			  margin-top: 60px;
			 }

.cigatext {line-height: 140%;
		  }

/*Close CIGA Page*/


/*Sustainability*/

.sustainabilitytext ul li {color: rgb(50,132,198);
                    }     
                 
.sustainabilitytext ul li > span {color: black !important;
								  font-size: 17px;
                         	     }   

/*Close Sustainability*/


/*New Build Page*/

.newbuildtext {line-height: 140%;
			  }

.row1 {background-color: #ccedfa;
		color: rgb(50,132,198);}

.case-study-btn {
	float:right;
	padding:10px 21px;
	background-color:#00a9e8;
	color:#fff;
	font-size:18px;
	letter-spacing:0.03em;
}

.case-study-btn:hover {
	background-color:#ccedfa;
	color:#00a9e8;
	-webkit-box-shadow: inset 0px 0px 5px 2px rgba(0,169,232,1);
	-moz-box-shadow: inset 0px 0px 5px 2px rgba(0,169,232,1);
	box-shadow: inset 0px 0px 5px 2px rgba(0,169,232,1);
	text-shadow: 0px 0px 1px rgba(0,169,232, 0.5);
}


/*FAQ*/

#faqquestions {line-height: 90%;
			   color: rgb(50,132,198);
			   font-size: 17px;
			   }	   



/*Members Page*/

.memberlist {margin-bottom:10px;
	padding:10px 20px;
	display:block;
	font-size:15px;
	color:#00a9e8;
	-webkit-box-shadow: inset 0px 0px 5px 2px rgba(204,237,250,1);
	-moz-box-shadow: inset 0px 0px 5px 2px rgba(204,237,250,1);
	box-shadow: inset 0px 0px 5px 2px rgba(204,237,250,1);
	font-size: 17px;
}

.small-link {
	float:left;
	margin: 0px 0px 20px 0px;
	width:450px;
	border-bottom:1px solid #ccedfa;
	font-size: 17px;
}

#members {font-size: 17px;}



.contact-form-container {
	float:left;
	width:580px;
	font-size:12px;
}

.contact-form-container h4{
	float:left;
	margin:0px;
}

label {
	float:left;
	display:block;
	width:120px;
}

input {
	float:right;
	padding:5px;
	width:450px;
	border:1px solid #ccedfa;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

textarea {
	float:right;
	padding:5px;
	width:450px;
	height:150px;
	border:1px solid #ccedfa;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input[type=submit] {
	padding:5px;
	width:450px;
	color:#fff;
	background-color:#00a9e8;
	margin-top:10px;
	font-weight:900;
}

input[type=submit]:hover {
	cursor: pointer;
	color:#00a9e8;
	background-color:#ccedfa;
}

input:focus {
	border:1px solid #00a9e8;
	outline: none;
}

textarea:focus {
	border:1px solid #00a9e8;
	outline: none;
}

select {
	float:right;
	width:450px;
	
	padding: 5px 0px;
	border:1px solid #ccedfa;
	background-image:none;
	background-color:#fff;
}

select:focus {
	border:1px solid #00a9e8;
	outline: none;
}

.contact-right {
	float:right;
	width:160px;
	text-align:right;
}


.contactheading {font-size: 17px;
					color: black;}

.contactheading3 {font-size: 18px;}

.label1 {font-size:11px; font-weight:100;}

.g-recaptcha {float: right; 
				padding-top: 15px;}

/*Case Study Page*/

table, th, td {
	border:1px solid #ccedfa;
}

td {
	width:200px;
}

table p {
	margin:0px;
	font-size:12px;
	vertical-align:top;
}


.lt-blue {
	color:#ccedfa;
}

.blue-p-bigger {
	color:#00a9e8;
	font-size:15px;
	text-align:right;
}

.blue-bg {
	background-color:#00a9e8;
}

.lt-blue-bg {
	background-color:#ccedfa;
}

.white {
	color:#fff;
}


/*Home Page*/
      
.leftdiv {float:left;
          max-width:540px;
          margin-right:30px;
         }  
           
.bulletpoints ul li {color: rgb(50,132,198);
                    }     
                 
.bulletpoints ul li > span {color: black !important;
                           }                         
               
                         
.rightdiv {float:left;
           margin: auto;
           margin-top:20px;
          }              
     
.homepic {border-color: rgb(50,132,198);
          border-width: 4px;
          border-style: solid;
          
          width: 330px;
          margin-bottom:20px;
          margin-top:20px;
          background-color:rgb(50,132,198);
         }
           
.homepic img {
              margin-top:3px;
              margin:auto;
              padding-top:5px;
              margin-bottom:-3px;
             }     
                              
 .homepic a {text-decoration: none;
             color:white;
             font-size:19px;
            }                         
                 
 .homepic a:hover {color:rgb(142,204,240);
                  }                
                         
.clear {clear: both;
       }
	    .hero-carousel ul {padding: 0; margin: 0;}
	   .hero-carousel ul:after {content: ""; display: table; clear: both;}
	   .hero-carousel li {display: block; float: left;}
	    .hero-carousel li img {width: 100%; height: auto;}

/*Close Home Page*/


/*Footer*/
      
.darkblueline {height:10px;
               background-color: rgb(50,132,198);
               margin-top:20px;
              }
  
.lightblueline {height: 10px;
                background-color:rgb(142,204,240);
               }            
      
.containerdiv2 {margin: auto;
                max-width: 920px;
                margin-top:20px;
                margin-bottom:5px;
               }    
               
.leftdiv2 {float: left;
           text-align:center;
          }  
            
.logo1 img {margin-bottom:20px;
           }        
            
.logo2 img {margin-bottom:15px;
           }  
            
.middlediv {float:left;
            margin-left:10px;
            text-align:center;
			margin-right: 10px;
           }   

.middlediv2 {float: left;
			  text-align: center;
			  margin-right: 10px;
			}

.middlediv3 {float: left;
			  text-align: center;}
                       
     
.rightdiv2 {float:right;
            width: 230px;
			text-align: left;
            margin: auto;
           }     
 
            
.rightdiv3 {float:right;
            width: 250px;
			text-align: left;
			border:1px solid red;
            margin: auto;
           }     
 
            
.footerlist ul li {color:rgb(50,132,198);
                   font-size:19px;
                  }               

               
.lightblueline2 {height: 5px;
                 background-color:rgb(142,204,240);
                }  
                
.container {
			background-color: rgb(50,132,198);
			} 

.footer-wrapper {
	margin:0px auto;
	padding-bottom:15px;
	max-width:900px;
	color:white;
	font-size:15px;
	background-color: rgb(50,132,198);
	
}

.footer-left {
	float:left;
	margin-top: 5px;
}

.footer-right {
	float:right;
	text-align:right;
	margin-top: 5px;
}

.footer-right img{
	margin-top:5px;
}

.footer-right a:hover{
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;}



.temp {color:rgb(50,132,198);
      }

/*Close Footer*/