/* CSS Document */


body {
width:840px;
margin: 0 auto 0;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background: #5d7e91 url(images/bellsteelbackground.gif) top left repeat-x;
position: relative;
}

img, div {
   behavior: url (iepngfix.htc);
}

h1, h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#2674B0;
font-weight:bold;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color:#40505C;
font-weight: bold;
margin-bottom: -14px;
}


a {
font-family:Arial, Helvetica, sans-serif;
color:#2674B0;
}

/* HOME PAGE */
#home{
background-color: white;
}


#home_wrapper {
width:840px;
float:none;
padding-left:20px;
padding-right:20px;
margin:0 auto 0;
}

#home_header {
width:840px;
height:132px;
float:left;
background: transparent url(images/home_header.png) top left no-repeat;
}

#home_nav {
width:840px;
height:17px;
float:left;
padding-left:75px;
background: transparent url(images/home_nav.png) top left no-repeat;
text-align:left;
}

#home_nav a {
display:block;
padding-top:1px;
padding-right:15px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:13px;
color:#fff;
text-decoration:none;
}

#home_nav a:hover {color:#87070B;}

#home_content {
width:610px;
height:597px;
float:left;
background: transparent url(images/home_content.png) top left no-repeat;
padding-top:60px;
padding-left:110px;
padding-right:155px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:150%;
color:#fff;
}

#home_content a{
color: white; text-decoration: underline;
}

#home_gal {
float:right;
padding-left:15px;
padding-top: 15px;
margin-right:-80px;
margin-top:-20px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:14px;
color:#fff;
text-align:center;
line-height: 75%;
position: relative;
z-index:999;
}

#home_gal a {
display:block;
width:422px;
height:322px;
}


#home_gal a .large {
position:absolute;
left:-9999px;
}

#home_gal a:hover .large, #gal home_galhover .large{
position:absolute;
top:-75px;
left:-250px;
}

#home_contact {
width:100%;
height:70px;
float:left;
padding-top:20px;
}

#home_contact a{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:14px;
color:#fff;
text-decoration:none;
}

#home_contact a:hover{text-decoration:underline;}


/* OTHER PAGES  */


#wrapper {
width:840px;
float:none;
margin:0 auto 0;
}

#header {
width:840px;
height:155px;
float:left;
background: transparent url(images/header.png) top left no-repeat;
}

#nav {
background: transparent url(images/nav.png) top left no-repeat;
width:840px;
height:33px;
float:left;
padding-top: 19px; 
padding-left: 50px;
text-align:center;
}

#nav a {
display:block;
float:left;
padding-left:23px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#7F8284;
text-decoration:none;
}

#nav a:hover, a:active, a:focus {color:#2674B0}

#content {
background: transparent url(images/backg.png) top left repeat-y;
width:700px;
height: auto;
float:left;
padding-left:70px;
padding-right:70px;
padding-bottom:25px;
padding-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:135%;
color:#40505C;
text-align:left;
}

/* ------------ IE6/PNG ------------ */

/* commented backslash hack v2 \*/
* html #content {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/backg.png', sizingMethod='scale');
}

/* end hack */


#contact {
width:100%;
float:left;
padding-top:5px;
padding-bottom:5px;
border-top:1px #C1C6C9 solid;
border-bottom:1px #C1C6C9 solid;
text-align:left;
}

#contact a {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:14px;
color:#7F8284;
text-decoration:none;
padding-left:10px;
}

#contact a:hover{text-decoration:underline;}

#footer {
width:840px;
height:57px;
float:left;
background: transparent url(images/footer.png) top left no-repeat;
}


/* ABOUT Image Gallery */

#about {
line-height:100%;
font-size: 12px;
}


#about_gal {
width:332px;
float:right;
position:relative;
background: transparent url(images/about_gallery_bg.gif) top center no-repeat;
z-index:999;
margin-bottom:20px;
}

#about_gal a {
display:block;
width:136px;
height:101px;
margin: 10px 10px 15px 10px;
float:right;
}


#about_gal a .large {
position:absolute;
left:-9999px;
z-index: 9999;
}

#about_gal a:hover .large, #gal about_galhover .large{
position:absolute;
top:35px;
left:-325px;
}





/* PORTFOLIO */

#portfolio_gal {
width:100%;
float:left;
position:relative;
z-index:999;
margin-bottom:20px;
}

#portfolio_gal a {
display:block;
width:160px;
height:120px;
margin:15px;
margin-left:27px;
margin-right:27px;
float:left;
}


#portfolio_gal a .large {
position:absolute;
left:-9999px;
z-index: 9999;
}

#portfolio_gal a:hover .large, #gal portfolio_galhover .large{
position:absolute;
top:85px;
left:85px;
}

#portfolio_gal h1 {
display:block;
width:100%;
float:left;
clear:both;
}




/* ENGINEERING */

#engineering_top_gal {
width:176px;
float:right;
position:relative;
z-index:999;
}

#engineering_top_gal a {
display:block;
width:146px;
height:194px;
margin:15px;
float:left;
}


#engineering_top_gal a .large {
position:absolute;
left:-9999px;
z-index: 9999;
}

#engineering_top_gal a:hover .large, #gal engineering_top_galhover .large{
position:absolute;
top:-25px;
left:-365px;
}


#engineering_gal {
width:100%;
float:right;
position:relative;
z-index:99;
margin-bottom:20px;
}

#engineering_gal a {
display:block;
width:194px;
height:146px;
margin:15px;
float:left;
}

#engineering_gal a .large {
position:absolute;
left:-9999px;
}

#engineering_gal a:hover .large, #gal engineering_galhover .large{
position:absolute;
top:-272px;
left:75px;
}


/*  SERVICE  */


#service_gal {
width:277px;
float:right;
z-index:999;
padding:10px;
text-align:center;
position: relative;
}

#service_gal a {
display:block;
width:257px;
height:213px;
}


#service_gal a .large {
position:absolute;
left:-9999px;
}

#service_gal a:hover .large, #gal service_galhover .large{
position:absolute;
top:35px;
left:-375px;
}



/* CONTACT  */

textarea {
border: 1px #A9B9C5 solid;
color:#40505C;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
}

input {
border: 1px #A9B9C5 solid;
background-color:#fff;
color:#40505C;
font-size:12px;
}