body{font-family: Trebuchet MS1, Trebuchet MS, sans-serif;color: #222222;}
.container{margin: 0 auto; text-align: center;width:900px;}
	
#myHeader {background: url("/images/arch3.jpg") no-repeat center;height: 250px;-webkit-transition: height 2s;transition: height 2s;}
#myHeader:hover {cursor:pointer;}

h1 {padding-top:20px;font-family: 'Raleway', sans-serif; font-size: 90px;color: white;margin: 0px;text-shadow: 5px 5px 8px black;	}
h2 {font-size: 12px;color: #222222;}
h3{margin-top: 10px;font-size: 20px;color: #222222;}
h4{font-size: 14px;}

#firstLetter{font-size: 100px;}
#lane{border-bottom: 3px solid white;margin-top:20px;}
#headTextBig {padding-top:20px;	font-size: 80px;color: white;margin: 0px;text-shadow: 5px 5px 8px black;font-family: 'Raleway', sans-serif;}
#headTextSmall {padding-top:15px;font-size: 22px;color: white;margin: 0px;text-shadow: 5px 5px 8px black;z-index: -1;visibility: visible;font-family: 'Raleway', sans-serif;}

#menuBar{ background-color: #222222; height: 50px; }
.navigation { list-style-type: none; margin-top: 0px; padding: 17px 0 0 0;font-size: 12px; }
.navigation li { display: inline; float: center; padding: 17px 25px 18px 25px; border-right: 1px solid #333333; margin-left:-3px}
	#f1 { border-left: 1px solid #333333}
.navigation li a {color: white; text-decoration: none; }
.navigation li:hover {background-color: #186EBF; cursor: pointer; color:black}

#contG{background: url("/images/grey_gas.jpg") no-repeat center; border: 0px; width: 150px; height: 150px; margin-top:30px; position: relative; margin-left:50px; margin-right:50px; display: inline-block;}
#contG:hover{background: url("/images/color_gas.jpg") no-repeat center; cursor: pointer}
#contD{background: url("/images/grey_document.jpg") no-repeat center; border: 0px; width: 150px; height: 150px; margin-top:30px; position: relative; margin-left:50px; margin-right:50px; display: inline-block;}
#contD:hover{background: url("/images/color_document.jpg") no-repeat center; cursor: pointer}
#contH{background: url("/images/grey_heat.jpg") no-repeat center; border: 0px; width: 150px; height: 150px; margin-top:30px; position: relative; margin-left:50px; margin-right:50px; display: inline-block;}
#contH:hover{background: url("/images/color_heat.jpg") no-repeat center; cursor: pointer}

#employeeP{background: url("/images/man_photo.jpg") no-repeat center; border: 0px; width: 180px; height: 180px; margin-top:15px; position: relative; margin-left:50px; margin-right:50px; display: inline-block;}
#employeeJ{background: url("/images/woman_photo.jpg") no-repeat center; border: 0px; width: 180px; height: 180px; margin-top:15px; position: relative; margin-left:50px; margin-right:50px; display: inline-block;}
#employeeM{background: url("/images/man_photo.jpg") no-repeat center; border: 0px; width: 180px; height: 180px; margin-top:15px; position: relative; margin-left:50px; margin-right:50px; display: inline-block;}

#referencesH{background: url("/images/grey_house.jpg") no-repeat center; border: 0px; width: 150px; height: 150px;margin-top:80px; position: relative; margin-left:50px; margin-right:50px; display: inline-block;}
#referencesH:hover{background: url("/images/color_house.jpg") no-repeat center;cursor: pointer}
#referencesT{background: url("/images/grey_technic.jpg") no-repeat center; border: 0px; width: 150px; height: 150px;margin-top:80px; position: relative; margin-left:50px; margin-right:50px; display: inline-block;}
#referencesT:hover{background: url("/images/color_technic.jpg") no-repeat center;cursor: pointer}
	
#cont2{width:150px;margin-top:25px;position: relative;margin-left:50px;margin-right:50px;display: inline-block;font-size: 14px;}
#cont3{width:250px;margin-top:10px;position: relative;margin-left:15px;margin-right:15px;display: inline-block;font-size: 14px;text-align: justify;}
#cont4{width:150px;margin-top:10px;position: relative;margin-left:50px;margin-right:50px;display: inline-block;font-size: 14px;font-family: 'Raleway', sans-serif;}

#coreDiv{height:280px;	/*380*/-webkit-transition: height 2s;transition: height 2s;vertical-align: top;}
#coreBase{width: 900px;-webkit-transition: width 2s;-moz-transition: width 2s;transition: width 2s;}
#coreONas1{padding-top: 30px;width:350px;padding-left: 25px;padding-right: 25px;text-align: justify;display: inline-block;color: #222222;-webkit-transition: width 1s;transition: width 1s;-webkit-transition: width 1s;transition: width 1s;}

#coreContact{text-align: left;display: inline-block;width:340px;margin-left:50px;margin-right:50px;margin-top:25px;height:250px;float:left;font-size: 13px;}
#coreContact2{text-align: left;display: inline-block;width:340px;margin-left:50px;margin-right:50px;margin-top:25px;height:250px;float:left;font-size: 13px;}
textarea{resize: none;}
#inputEmail{margin-right:50px;width:200px;float: right;margin-top:5px;}
#inputName{margin-right:50px;width:200px;float: right;}
#inputText{margin-top:5px;margin-right:50px;width:200px;float: right;height: 80px;}
#nameName{float:left;margin-top:4px;}
#nameEmail{float:left;margin-top:10px;}
#contact1{float: right;}
#contact2{float: right;}
#contact3{float: right;}
#sendButton{margin-top:5px;margin-left:210px;color: white;border: 0px;width:80px;height:27px;background-color: #222222;font-family: 'Raleway', sans-serif;}
#sendButton:hover{background-color: #186EBF;cursor:pointer;}

.coreRefBox{font-size: 10px;margin-top:20px;display: inline-block;width: 200px;height: 160px;margin-left:25px;margin-right:25px;border: 2px solid #222222;}
.coreRefBoxText{display: flex;margin-top:-5px;float:left;margin-left:69px;height: 160px;width:761px;font-size: 11px;}
.coreRefBoxTextParagraph{display: inline-block;width:200px;margin-left:26px;margin-right:26px;text-align: justify;}
#coreRefBoxButtonLeft{float:left;height:60px;width: 25px;margin-right:25px;position: absolute;margin-top: 187px;background-color: #222222;	color: white;}
#coreRefBoxButtonLeft:hover{background-color: #186EBF;cursor: pointer;}
#coreRefBoxButtonRight{float:right;height:60px;width: 25px;position: absolute;margin-left:875px;margin-top: 0px;background-color: #222222;color: white;}
#coreRefBoxButtonRight:hover{background-color: #186EBF;cursor: pointer;}
#coreRefBox1{background: url("/images/11.jpg") no-repeat center;}
#coreRefBox2{background: url("/images/7.jpg") no-repeat center;}
#coreRefBox3{background: url("/images/8.jpg") no-repeat center;}
#coreRefBox4{background: url("/images/28.jpg") no-repeat center;}
#coreRefBox5{background: url("/images/29.jpg") no-repeat center;}
#coreRefBox6{background: url("/images/30.jpg") no-repeat center;}

#pageBar{height:5px;margin-top:200px;position: absolute;width:900px;}
#pageBarMove{margin-left:-900px;z-index: 1;position: absolute;display: inline-block;background-color: #186EBF;width: 100px;height:10px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
#pageBarFixed{display: inline-block;background-color: #333333;width: 100px;height:10px;z-index: 10;}
#pageBar2{display: inline-block;background-color: #333333;width: 100px;height:10px;}
#pageBar3{display: inline-block;background-color: #333333;width: 100px;height:10px;}
#pageBar4{display: inline-block;background-color: #333333;width: 100px;height:10px;}
#pageBar5{display: inline-block;background-color: #333333;width: 100px;height:10px;}
#pageBar6{display: inline-block;background-color: #333333;width: 100px;height:10px;}
#pageBar7{display: inline-block;background-color: #333333;width: 100px;height:10px;}
#pageBar8{display: inline-block;background-color: #333333;width: 100px;height:10px;}
#pageBar9{display: inline-block;background-color: #333333;width: 100px;height:10px;}

.footlane{margin-top:25px;height:1px;width:100%;text-align: center;background-color: #333333;color: #333333;}
.footDiv{margin-top: 15px;font-size:12px;}