@charset "utf-8";
<!--
/* GLOBAL */
body{
margin:5px;
font:12px "arial", "tahoma", "verdana";
color:#000;
background-color:#aaa;

}
h1,h2,h3,h4,h5,h6,ul,ol,p,dl,dd{
margin:0;
padding:0;
}
input,select,textarea{
font:12px "arial", "tahoma", "verdana";
vertical-align:middle;
}
form{ display:inline; }
a{ outline:none; }
a img{ border:none; }
ul,ol{ list-style:none; }
.clear{ clear:both; }
.clearl{ clear:left; }
.clearr{ clear:right; }
.floatl{ float:left; }
.floatr{ float:right; }
.alignc{ text-align:center; }
* html {} /* IE6 */
*:first-child+html {} /* IE7 */
html>body {}	/* IE7 AND MODERN */
html>/**/body {} /* MODERN */
hr.line{
border-top:0px solid #ddd;
border-left:0px solid #ddd;
border-right:0px solid #ddd;
border-bottom:1px solid #666;
margin:10px 0;
}
* html hr.line{	/* IE6 */
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
margin:4px 0;
}
*:first-child+html hr.line{	/* IE7 */
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
margin:5px 0;
}
.loading{
text-align:center;
margin-top:170px;
}
#success,#failed,#notfound {
width:390px;
margin:20px auto;
padding:40px 0;
text-align:center;
}
#success {
color:#000;
}
#failed {
color:#f00;
}
#notfound {
color:#000;
}
#success strong,#failed strong,#notfound strong {
font-size:15px;
margin:15px 0;
display:block;
}
#success a,#failed a,#notfound a {
font-size:12px;
color:#666;
}
#success a:hover,#failed a:hover,#notfound a:hover {
color:#f00;
}
.found{
text-align:right;
padding:0 5px 5px 5px;
margin:-15px 10px 10px 10px ;
border-bottom:1px dotted #fff;
color:#f00;
font-size:11px;
}
.odd{
background-color:#fff;
}
.even{
background-color:#eee;
}
/* GLOBAL */
/* WRAPPER */
#wrapper{
margin:auto;
width:900px;
border:1px solid #eee;
background-color:#ddd;
padding:15px;
}
/* WRAPPER */
/* FLAG */
#flag{
height:16px;
}
* html #flag{	/* IE6 */
height:12px;
}
*:first-child+html #flag{	/* IE7 */
height:13px;
}
#flag li{
float:right;
margin:0 0 0 4px;
}
/* FLAG */
/* NAVIGATION */
#nav{
height:18px;
}
#nav form{
float:right;
}
#nav form .q{
padding:2px 3px;
margin:0 2px 0 5px;
background-color:#888;
border:1px solid #ccc;
font-size:11px;
color:#fff;
width:90px;
}
#nav form img{
vertical-align:middle;
}
#nav ul.menu{
padding-top:5px;
}
* html #nav ul.menu{	/* IE6 */
padding-top:7px;
}
*:first-child+html #nav ul.menu{	/* IE7 */
padding-top:7px;
}
#nav ul.menu li{
overflow: hidden; 
float:left; 
height:10px;
}
#nav ul.menu li a,#nav ul.menu li span{
float:left;
clear:both;
margin:0 13px 0 0px;
height:10px;
line-height:10px;
color:#000;
text-decoration:none;
font-weight:bold;
cursor:pointer;
}
#nav ul.menu li a:hover{
color:#e00;
}
#nav ul.menu li span{
display:none;
}
/* NAVIGATION */
/* CONTAINER */
#container{
height:375px;
font:12px "Trebuchet MS","arial", "tahoma";
}
#container h1,#container h2{
margin:0 0 5px 0;
}
#container h3{
margin:0 5px 5px 10px ;
font-size:15px;
color:#03c;
}
#container h4{
margin:0 5px 5px 10px ;
font-size:13px;
}
#container h5{
font-size:12px;
}
#container p{
margin:0 5px 10px 10px ;
}
#content ul{
margin:0 5px 10px 40px;
list-style:disc;
}
#content ul li{
margin:0 0 5px 0;
}
/* CONTAINER */
/* CONTENT */
#content{
float:left;
width:556px;
height:375px;
background-color:#66cbff;
overflow:auto;
scrollbar-face-color:#0096db;
scrollbar-highlight-color:#66cbff;
scrollbar-shadow-color:#66cbff;
scrollbar-3Dlight-color:#0096db;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#a0defe;
scrollbar-darkshadow-color: #0096db;
}
/* CONTENT */
/* SIDEBAR */
#sidebar{
float:right;
width:340px;
height:375px;
background-color:#66cbff;
overflow:auto;
overflow-x:hidden;
scrollbar-face-color:#0096db;
scrollbar-highlight-color:#66cbff;
scrollbar-shadow-color:#66cbff;
scrollbar-3Dlight-color:#0096db;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#a0defe;
scrollbar-darkshadow-color: #0096db;
position:relative;
}
#sidebar a.back{
color:#fff;
font-weight:normal;
text-decoration:none;
font-size:11px;
position:absolute;
bottom:5px;
right:5px;
}
#sidebar a.back:hover{
color:#fff100;
}
#sidebar h2{
margin:0 0 7px 0;
}
#sidebar h2 img{
margin:0;
}
#sidebar h3{
margin:0 0 5px 15px;
font-size:14px;
color:#000;
}
#sidebar ul{
margin:0 0 10px 30px;
list-style:disc;
}
#sidebar ul li{
margin:0 0 3px 0;
}
#sidebar ul li ul{
margin:0 0 0 30px;
list-style:square;
}
#sidebar ul li ul li{
margin:0;
}
#sidebar a{
color:#000;
text-decoration:none;
font-weight:bold;
}
#sidebar a:hover{
color:#fff;
}
/* SIDEBAR */
/* OTHER PAGE */
.team #content{
width:900px;
background-color:#ddd;
}
.civil #content,.air #content,.sanitary #content,.fire #content,.electrical #content,.portfolio #content{
background-color:#ddd;
}
.about #sidebar,.history #sidebar,.vision #sidebar,.mission #sidebar,.safety #sidebar,.quality #sidebar{
background:#66cbff url(../images/bg-sidebar-about.jpg) no-repeat center center;
}
.business #sidebar{
background:#66cbff url(../images/bg-sidebar-business.jpg) no-repeat center center;
}
.civil #sidebar{
background:#66cbff url(../images/bg-sidebar-civil.jpg) no-repeat center center;
}
.mechanical #sidebar,.air #sidebar,.sanitary #sidebar,.fire #sidebar{
background:#66cbff url(../images/bg-sidebar-mechanical.jpg) no-repeat center center;
}
.electrical #sidebar{
background:#66cbff url(../images/bg-sidebar-electrical.jpg) no-repeat center center;
}
.client #sidebar{
background:#66cbff url(../images/bg-sidebar-client.jpg) no-repeat center center;
}
.contact #sidebar,.address #sidebar,.form #sidebar,.map #sidebar,.google-map #sidebar{
background:#66cbff url(../images/bg-sidebar-contact.jpg) no-repeat center center;
}
.civil table,.air table,.sanitary table,.fire table,.electrical table,.portfolio table{
margin:auto;
}
.civil table td,.air table td,.sanitary table td,.fire table td,.electrical table td,.portfolio table{
text-align:center;
padding:5px;
}
.portfolio table{
width:100%;
}
.portfolio table td{
line-height:17px;
vertical-align:middle;
}
.portfolio table td img{
margin:5px 0;
}
.portfolio h4{
color:#03e;
}
.form .frm fieldset{
margin:0 10px 0 0;
border:none;
}
.form .frm legend{
display:none;
}
.form .frm em{
color:#c00;
font-size:10px;
}
.form .frm p{
margin:0 0 10px 0;
padding:0;
}
.form .frm p.btn-submit{
text-align:center;
}
.form .frm p.btn-submit input{
width:90px;
}
.form .frm p label{
float:left;
width:120px;
text-align:right;
margin-right:10px;
}
.form .frm p input,.form .frm p textarea{
width:300px;
}
.form .message{
color:#f00;
text-align:center;
font-weight:bold;
margin-top:80px;
}
.form .message a{
color:#333;
display:block;
font-weight:normal;
text-decoration:none;
margin-top:10px;
font-size:11px;
}
.form .message a:hover{
color:#f00;
text-decoration:underline;
}
.map #content ul,.google-map #content ul{
margin:0 10px;
list-style:disc;
overflow:hidden;
}
.map #content ul li,.google-map #content ul li{
float:left;
margin:0 10px 0 20px;
}
.map #content ul li a,.google-map #content ul li a{
color:#000;
text-decoration:none;
}
.map #content ul li a:hover,.google-map #content ul li a:hover{
color:#f00;
text-decoration:underline;
}
.map #content .flash{
margin:5px 10px;
width:530px;
height:260px;
border:2px solid #fff;
}
.google-map #content iframe{
margin:5px 10px;
width:530px;
height:260px;
border:2px solid #fff;
}
.map #content a,.google-map #content a{
color:#f00;
}
.map #content a:hover,.google-map #content a:hover{
color:#000;
}
/* OTHER PAGE */
/* DYNAMIC PAGE */
.event .news{
height:100px;
padding:10px;
margin:0 10px ;
line-height:17px;
font-size:11px;
border-bottom:1px dotted #fff;
}
.event .news img{
float:left;
border:1px solid #fff;
margin-right:10px;
}
.event .news img:hover{
border:1px solid #fff;
}
.event .news strong a{
color:#ff6;
font-size:12px;
text-decoration:none;
}
.event .news strong a:hover{
color:#000;
text-decoration:underline;
}
.event .news em{
font-size:10px;
color:#fff;
}
.event .news-detail{
text-align:center;
margin:0;
}
.event .news-detail img{
border:none;
}
.event .news-detail .photo img{
margin:5px;
}
.event .news-detail div.detail{
text-align:left;
margin:0 0 10px 0;
padding:0;
}
.event .news-detail em{
font-size:10px;
color:#f00;
float:right;
margin:0 10px 10px 10px ;
}
.event .news-detail a.back{
color:#fff;
font-weight:normal;
text-decoration:none;
font-size:11px;
float:left;
margin:0 0 0 5px;
}
.event .news-detail a.back:hover{
color:#fff100;
}
.job table{
width:96%;
font-size:11px;
border-collapse:collapse;
margin:0 10px;
}
.job table th{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:5px;
background-color:#000;
color:#fff;
}
.job table td{
border-bottom:1px dotted #fff;
padding:5px;
text-align:center;
}
.job table td strong{
color:#ff6;
}
.job table td a{
color:#f00;
text-decoration:none;
}
.job table td a:hover{
color:#000;
text-decoration:underline;
}
.job table td img{
margin:0 4px;
vertical-align:middle;
}
.job-detail{
margin:auto;
margin:0;
width:100%;
}
.job-detail .profile{
margin:0;
padding:10px;
line-height:15px;
font-size:11px;
color:#fff;
background-color:#333;
}
.job-detail .profile strong{
color:#fc0;
display:block;
font-size:12px;
}
.job-detail h1{
width:100%;
text-align:center;
margin:0;
padding:5px 0;
font-size:13px;
color:#fff;
background-color:#666;
border-top:2px solid #999;
border-bottom:2px solid #999;
}
.job-detail h3{
width:100%;
margin:0;
padding:5px 0;
font-size:12px;
text-indent:5px;
background-color:#ddd;
}
.job-detail dl{
margin:0;
text-align:left;
background:#fff url(../images/bg-job.gif) repeat top left;
}
.job-detail dl dt{
background:url(../images/bullet-arrow.gif) no-repeat 8px center;
font-weight:bold;
color:#f60;
padding:5px 5px 5px 25px;
}
.job-detail dl dd{
padding:5px 0 10px 70px;
border-bottom:1px dotted #ddd;
margin:0;
}
.job-detail dl dd p{
margin:0;
}
.job-detail dl dd ul,.job-detail dl dd ol{
margin:0 15px;
padding:0;
}
.job-detail dl dd a{
color:red;
text-decoration:underline;
}
.job-detail dl dd a:hover{
color:#666;
}
.job-detail ul{
list-style:disc;
}
.job-detail .address{
border-top:4px solid #999;
background-color:#555;
text-align:center;
padding:5px;
font-size:10px;
line-height:13px;
color:#fff;
}
.job-detail .address h4{
font-size:11px;
color:#fc0;
}
.login .alert{
text-align:center;
color:#f00;
margin-bottom:-23px;
}
.member-detail{
margin:auto;
width:100%;
text-align:center;
font-size:11px;
}
.member-detail h5{
text-align:left;
color:#fff;
font-size:12px;
background-color:#333;
padding:3px 7px;
margin:10px 10px 0 10px;
}
.member-detail dl{
clear:both;
text-align:left;
border-bottom:1px dotted #eee;
margin:0 10px;
padding:5px 0;
}
html>body .member-detail dl{	/* Modern browser */
overflow:hidden;
}
.member-detail dl dt{
float:left;
width:120px;
font-weight:bold;
padding:0 0 0 15px;
text-align:right;
}
.member-detail dl dd{
float:right;
width:375px;
text-align:left;
margin:0;
padding:0;
}
.member-detail dl dd strong{
color:blue;
}
.member-detail dl dd a{
color:red;
text-decoration:underline;
}
.member-detail dl dd a:hover{
color:#333;
}
/* DYNAMIC PAGE */
/* FOOTER */
#footer{
text-align:center;
font-size:10px;
margin:5px;
color:#666;
}
#footer a{
color:#666;
text-decoration:none;
}
#footer a:hover{
color:#fff100;
text-decoration:underline;
}
#footer span{
color:#fff100;
}
/* FOOTER */
/* PAGE */
#page {
font-size:11px;
font-weight:bold;
margin:5px;
padding:10px 5px;
}
#page strong {
border:1px solid #ff6;
background-color:#ff6;
color:#000;
margin:0 2px;
padding:1px 5px;
}
#page a {
border:1px solid #bbb;
background-color:#fff;
color:#bbb;
text-decoration:none;
margin:0 2px;
padding:1px 5px;
}
#page a:hover {
border:1px solid #999;
background-color:#eee;
color:#999;
text-decoration:underline;
}
/* PAGE */
/* FORM */
.frm .context{
margin:0 10px 10px 10px;
text-align:center;
}
.frm .context em{
font-size:11px;
color:#fff;
}
.frm fieldset {
padding-top:10px;
margin:0 10px;
border:1px solid #fff;
}
.frm legend {
color:#ff6;
font-weight:bold;
}
.frm p {
width:100%;
float:right;
margin:0 0 10px 0;
}
.frm p label {
width:120px;
float:left;
text-align:right;
padding-right:5px;
margin-top:2px;
font-size:11px;
font-weight:bold;
}
.frm p strong{
color:#03c;
}
.frm p em{
color:#f00;
font-size:10px;
}
.frm p.captcha img{
vertical-align:middle;
}
.frm p.btn-submit{
text-align:center;
padding-top:10px;
}
.frm p.btn-submit input {
padding:2px;
font-weight:bold;
font-size:11px;
}
.input-200 {
width:200px;
}
.input-250 {
width:250px;
}
.input-300 {
width:300px;
}
.input-400 {
width:400px;
}
.input-250-200 {
width:250px;
height:200px;
}
.input-340-70 {
width:350px;
height:70px;
}
.input-400-70 {
width:400px;
height:70px;
}
.login .frm fieldset {
margin:30px 140px;
}
.login .frm p label {
width:90px;
}
.login .frm p.btn-submit{
padding:0px;
margin:0;
}
#presentation{
width:425px; 
height:350px; 
background:#ddd; 
border:1px solid #333; 
margin:auto;
}
/* FORM */

-->