@charset "utf-8";

@font-face {
    font-family: 'MyriadPro';
    src: url('font/MyriadPro-Regular.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'MyriadProcond';
    src: url('font/MyriadPro-Cond.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


/* CSS Document */
body {margin-top: 0px auto 0 auto;
font-family: 'MyriadProcond';
font-size:14px;
color:#FFFFFF;
margin:auto;
padding:0px;
}

#energy{width:100%;height:auto;vertical-align:middle;background-color:#ade0f7;padding:20px 0 20px 0;margin:auto}
#energy .boxes{float:left;width:50%;height:auto;margin:auto}	
#energy   .innerboxe{width:80%; color:#231f20;margin:auto;text-align:justify;font-family:'MyriadProcond';font-size:22px;}

#raillway{width:100%;height:auto;vertical-align:middle;background-color:#fde1d7;padding:20px 0 20px 0;margin:auto}
#raillway .boxes{float:left;width:50%;height:auto;margin:auto}	
#raillway   .innerboxe{width:80%; color:#231f20;margin:auto;text-align:justify;font-family:'MyriadProcond';font-size:22px}

#manufacture{width:100%;height:auto;vertical-align:middle;background-color:#f4f3a8;padding:20px 0 20px 0;margin:auto}
#manufacture .boxes{float:left;width:50%;height:auto;margin:auto}	
#manufacture   .innerboxe{width:80%; color:#231f20;margin:auto;text-align:justify;font-family:'MyriadProcond';font-size:22px}

#retail{width:100%;height:auto;vertical-align:middle;background-color:#deb0a2;padding:40px 0 40px 0;margin:auto}
#retail .boxes{float:left;width:50%;height:auto;margin:auto}	
#retail   .innerboxe{width:80%; color:#231f20;margin:auto;text-align:justify;font-family:'MyriadProcond';font-size:22px}


#whoweare{width:40%;height:auto;background-color:#ffffff;padding:40px 0 40px 0;margin:auto;text-align:center; color:#818285;font-family:'MyriadProcond';font-size:22px}

#whatwedo{width:40%;height:auto;background-color:#ffffff;padding:40px 0 40px 0;margin:auto;text-align:center; color:#818285;font-family:'MyriadProcond';font-size:22px}


#about-main{width:100%;height:auto;vertical-align:middle;background-color:#ffffff;}
#about-main .about-team{height:auto;text-align:center;padding-right: 0;padding-left: 0}
#about-main .about-name-main{width:100%;height:auto;padding:20px 0 20px 0;background-color:#21409a;}


#about-main .about-name{height:auto;float:left;text-align:center;font-family:'MyriadProcond';font-size:32px}
#about-main .about-text{height:auto;float:left;text-align:center}

#about-main .about-text-title{width:80%;height:auto;background-color:#ffffff;margin:auto;text-align:center; color:#818285;font-family:'MyriadProcond';font-size:26px;padding:15px 0 15px 0}

#about-main .about-subtext{width:70%;height:auto;background-color:#ffffff;margin:auto;text-align:center; color:#818285;font-family:'MyriadProcond';font-size:22px;padding:15px 0 25px 0}


.menu{width:100%;height:auto;vertical-align:middle;background-color:#ffffff;margin:0 0 5px 0}
.menu_item{padding:0 15px 0 15px;border-left:1px solid #20409a;float:right;}
.menu_item-final{padding:0 15px 0 ;float:right;}



#top-scroll{position:fixed; bottom:0;right:0;color:#0F0}
a { color: #20409a; text-decoration: none;font-size:26px;font-family:'MyriadProcond';}
a:link		{ color: #20409a; text-decoration: none;font-size:26px;font-family:'MyriadProcond'; }
a:visited	{ color: #20409a; text-decoration: none;font-size:26px;font-family:'MyriadProcond'; }
a:active	{ color: #20409a; text-decoration: none;font-size:26px;font-family:'MyriadProcond'; }
a:hover		{ color: #0d49f1; text-decoration: none;font-size:26px;font-family:'MyriadProcond'; }


.contact_box{width:100%;height:auto;padding:5px 0 0 55px;text-align:left;float:left;}
.contact_title{width:95%;height:40px;line-height:30px;font-size:30px;color:#ffffff;}
.contact_input{width:95%;height:40px;line-height:30px;font-size:20px;border:0;color:#20409a;padding:0 0 0 5px}
.contact_title-area{width:95%;height:400px;line-height:30px;font-size:24px;color:#ffffff;}
.contact_input-area{width:95%;height:400px;font-size:18px;border:0;color:#20409a;padding:0 0 0 5px}
.contact_bottun{width:95%;margin:20px 0 20px 0 ;}

.contact_box-right{width:50%;height:auto;text-align:left;float:left;margin:auto}
.contact_map{width:auto;height:auto;margin:auto;width:80%}
.contact_address{width:auto;height:auto;margin:auto;width:80%}

.submit {
    background-color: #1d1e50; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 32px;
	width:95%;font-family:'MyriadProcond';
}