@charset "utf-8";
/* CSS Document */

body {background-image: url(../images/bg.jpg); background-position: top; background-repeat: repeat-y; font-family: Verdana, Geneva, sans-serif; margin: 0 auto;}

#container {width: 839px; margin: 0 auto;}

#header {width: 839px; height: 103px; background-image: url(../images/header2.gif); margin-bottom: 25px; margin-top: 0; padding: 0;}

#nav {width: 578px; height: 57px; background-image: url(../images/nav.gif); float: left; margin-right: 20px; margin-bottom: 25px;}
#nav ul{list-style-type: none; display: inline; padding-left: 8px;  color: #011aa8;}
#nav li{font-weight: bold; font-family: "Zekton Free"; display: inline; line-height: 55px; font-size: 14px;}
#nav a{color: #011aa8; text-decoration: none;}
#nav a:hover{color: #FFF; text-decoration: underline;}

#register {width: 110px; height: 57px; background-image: url(../images/clients.gif); float: left; margin-bottom: 25px; color: #FFF; font-family: "Zekton Free"; line-height: 54px; text-align: center; font-size: 14px; font-weight: bold;}
#register a{color: #FFF; text-decoration: none;}
#register a:hover{color: #011aa8; text-decoration: underline;}

#content {width: 819px; height: 255px; background-image: url(../images/main_bg.gif); padding: 15px; background-repeat: no-repeat;}
#content a{color: #ff7605; text-decoration: none;}

#content2 {width: 809px; height: 371px; background-image: url(../images/work_bg.gif); padding: 15px; background-repeat: no-repeat;}
#content2 a{color: #ff7605; text-decoration: none;}
#content2 td{font-size: 12px; color: #000; padding: 3px 0;}

#content3 {width: 809px; height: 845px; background-image: url(../images/tips_bg.gif); padding: 15px; background-repeat: no-repeat;}
#content3 a{color: #ff7605; text-decoration: underline;}
#content3 td{font-size: 12px; color: #000; padding: 3px 0;}

#content4 {width: 809px; height: 893px; background-image: url(../images/vacancies_bg.gif); padding: 15px; background-repeat: no-repeat;}
#content4 a{color: #ff7605; text-decoration: underline;}
#content4 td{font-size: 12px; color: #000; padding: 3px 0;}

#content5 {width: 809px; height: 1173px; background-image: url(../images/clients_bg.gif); padding: 15px; background-repeat: no-repeat;}
#content5 li{font-size: 12px;}
#content5 a{color: #ff7605; text-decoration: underline;}
#content5 td{font-size: 12px; color: #000; padding: 3px 0;}

#content6 {width: 809px; height: 678px; background-image: url(../images/callback_bg.gif); padding: 15px; background-repeat: no-repeat;}
#content6 a{color: #ff7605; text-decoration: underline;}
#content6 td{font-size: 12px; color: #000; padding: 3px 0;}
#content6 li{font-size: 12px; color: #000; padding: 3px 0; margin-left: 30px;}

#content7 {width: 809px; height: 371px; background:#d7d9e8;padding: 15px; background-repeat: no-repeat;}
#content7 a{color: #ff7605; text-decoration: none;}
#content7 td{font-size: 12px; color: #000; padding: 3px 0;}

#content8 {width: 809px; height: 371px; background:#d7d9e8;padding: 15px; background-repeat: no-repeat;}
#content8 a{color: #ff7605; text-decoration: none;}
#content8 td{font-size: 12px; color: #000; padding: 3px 0;}
.top{height:20px; background-image: url(../images/top.gif);}
.bottom{height:20px; background-image: url(../images/bottom.gif);}
#flash {width: 839px; height: 194px; margin-bottom: 25px;}

#footer {width: 839px; height: 38px; background-image: url(../images/footer.gif);}

#footer_right {width: 280px; float: left; font-family: "Zekton Free"; text-align: right; font-size: 12px; color: #000; font-weight: bold; line-height: 17px;}
#footer_right a{color: #FFF; text-decoration: underline;}

#footer_left {width: 500px; float: left; padding-left: 40px; font-family: "Zekton Free"; font-size: 14px; font-weight: bold; line-height: 38px;}
#footer_left a{color: #FFF; text-decoration: none;}
#footer_left a:hover{text-decoration: underline;}

#left {width: 400px; float: left;}
#left a{color: #ff7605; text-decoration: none;}

#right {width: 400px; float: left;}
#right a{color: #ff7605; text-decoration: none;}

#civil {width: 220px; height: 100px; background-image: url(../images/CE-bg.jpg); background-repeat: no-repeat; background-position: top; float: left; padding: 5px; margin: 25px 20px 20px 40px;}
#civil a{color: #FFF; text-decoration: underline;}
#civil h1{color: #FFF; font-size: 11px; text-align: center; padding-top: 5px;}
#civil p{color: #FFF; text-align: center;}

#executive {width: 220px; height: 100px; background-image: url(../images/EXE-bg.jpg); background-repeat: no-repeat; background-position: top; float: left; padding: 5px; margin-right: 20px; margin-bottom: 20px;  margin-top: 25px;}
#executive a{color: #FFF; text-decoration: underline;}
#executive h1{color: #FFF; font-size: 11px; text-align: center; padding-top: 5px;}
#executive p{color: #FFF; text-align: center;}

#mechanical {width: 220px; height: 100px; background-image: url(../images/MEC-bg.jpg); background-repeat: no-repeat; background-position: top; float: left; padding: 5px; margin-right: 20px; margin-bottom: 20px;  margin-top: 25px;}
#mechanical a{color: #FFF; text-decoration: underline;}
#mechanical h1{color: #FFF; font-size: 11px; text-align: center; padding-top: 5px;}
#mechanical p{color: #FFF; text-align: center;}

#manufacturing {width: 220px; height: 100px; background-image: url(../images/MAN-bg.jpg); background-repeat: no-repeat; background-position: top; float: left; padding: 5px; margin-right: 20px; margin-bottom: 20px; margin-left: 40px;}
#manufacturing a{color: #FFF; text-decoration: underline;}
#manufacturing h1{color: #FFF; font-size: 11px; text-align: center; padding-top: 5px;}
#manufacturing p{color: #FFF; text-align: center;}

#construction {width: 220px; height: 100px; background-image: url(../images/CON-bg.jpg); background-repeat: no-repeat; background-position: top; float: left; padding: 5px; margin-right: 20px; margin-bottom: 20px;}
#construction a{color: #FFF; text-decoration: underline;}
#construction h1{color: #FFF; font-size: 11px; text-align: center; padding-top: 5px;}
#construction p{color: #FFF; text-align: center;}

#technical {width: 220px; height: 100px; background-image: url(../images/TEC-bg.jpg); background-repeat: no-repeat; background-position: top; float: left; padding: 5px; margin-right: 20px; margin-bottom: 20px;}
#technical a{color: #FFF; text-decoration: underline;}
#technical h1{color: #FFF; font-size: 11px; text-align: center; padding-top: 5px;}
#technical p{color: #FFF; text-align: center;}

.quote {color: #011aa8;}

h1 {font-size: 14px; color: #011aa8; margin-bottom: 5px;}
h2 {font-size: 12px; color: #ff7605;}
p {font-size: 12px; color: #000; padding: 5px 0; line-height: 12px;}

@font-face {  
	font-family: "Zekton Free";
	src: url(../gfx/fonts/zekton_free.eot); /* FONT FIX FOR IE; this MUST come before the line linking to the .ttf */  
	src: local("Zekton Free"), url(../gfx/fonts/zekton_free.TTF) format("truetype"); /* FONT LOAD FOR OTHER BROWSERS; the name in "local" should be that of the actual font, so users who already have it wouldnt need to download */ 
}

.style3 {
	color: #F78F1E;
	font-weight: bold;
}

.style2 {
	font-size: 20px;
	font-weight: bold;
}
.style8 {
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}
.style12 {
	color: #FFFFFF;
	padding: 5px;
}
.style20 {
	color: #000000; 
	font-size: 18px; 
}
.style23 {
	font-size: 14px;
}
.style25 {
	font-size: 14px; 
	font-weight: bold; 
	color: #F78F1E; 
}
