@charset "utf-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: default.css
* Version: 2.0 (2009-04-07) YYYY-MM-DD
* Website: http://www.makethingshappenms.com/
* Author: MWB Interactive http://www.mwb.com
* Description: Handles the site layout & makes it pretty!

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CSS RESET: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
img, a, div { behavior: url(iepngfix.htc) }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== GENERAL: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; }
html, body { background-color: #0d0d0d; height:100%; }
a { outline: none; }
a:active { outline: none; }
:focus { -moz-outline-style: none; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== DIVS: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#container { position:relative; }
#header { background: #0c1216 url(images/bg-header.png) repeat-x; height:184px; }
#logo-wrap { width:900px; margin:0 auto; vertical-align:middle; position:relative; }
#logo { position:absolute; left: 35px; top: 42px; }

#content { background:url(images/bg-main.jpg) top center no-repeat; width:100%; min-height:674px; padding:0 0 50px 0; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== HOMEPAGE: ==============================
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#home-wrap { width:900px; margin:0 auto; vertical-align:middle; position:relative; }
#home-left { float:left; width:480px; margin:47px 0 0 0; }
#home-left p { font-size:14px; color:#b2b2b2; line-height:18px; padding:10px 0 0 0; }
#home-right { float:left; width:290px; margin:47px 0 0 40px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== ABOUT US: ==============================
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#about-wrap { width:900px; margin:0 auto; vertical-align:middle; position:relative; }
#about-wrap h2 { font-size:17px; color:#FFFFFF; padding:30px 0 0 0; text-transform:uppercase; font-weight: normal; }
#about-wrap a { color:#82a6bb; text-decoration: underline; }
#about-wrap a:hover { text-decoration: none; }
#about-intro { width:811px; padding:47px 0 0 0; font-size:14px; color:#b2b2b2; line-height:18px;  }
#about-intro p { padding:10px 0 0 0; }
#about-left { float:left; width:45%; margin:0; }
#about-left p { font-size:12px; color:#b2b2b2; line-height:18px; padding:5px 0 0 0; }
#about-right { float:left; width:55%; margin:0; }
#about-right p { font-size:12px; color:#b2b2b2; line-height:18px; padding:5px 0 0 0; }

.inner-subhead { margin: 30px 0 7px 0;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CONTACT US: ==============================
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#contact-wrap { width:900px; margin:0 auto; vertical-align:middle; position:relative; }
#contact-intro { width:811px; padding:47px 0 0 0; font-size:14px; color:#b2b2b2; line-height:18px; clear:both;  }
#contact-intro p { padding:10px 0 0 0; }
#contact-left { float:left; width:50%; margin:0; }
#contact-left p { font-size:14px; color:#b2b2b2; line-height:18px; padding:5px 0 0 0; }
#contact-right { float:left; width:50%; margin:0; }
#contact-right p { font-size:12px; color:#b2b2b2; line-height:18px; padding:5px 0 0 0; }

/* FORM
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
form { width: 500px; margin: 35px 0 10px 0; }
fieldset { clear: left; }
label { float: left; width: 130px; margin: 0 10px 0 0; }
fieldset ol { margin: 0 0 0 15px; list-style: none; }
fieldset li { float: left; clear: left; width: 485px; padding: 0 0 20px 0; margin: 0px; }
fieldset.submit { float: none; width: auto; margin: 0 0 0 140px; padding: 15px 0 0 15px; border-style: none; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CAREERS: ==============================
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#career-wrap { width:900px; margin:0 auto; vertical-align:middle; position:relative; }
#career-intro { width:811px; padding:47px 0 0 0; font-size:14px; color:#b2b2b2; line-height:18px;  }
#career-intro p { padding:10px 0 0 0; }

#career-nav { background:url(images/bg-subnav.png) no-repeat; width:770; height:26px; margin:27px 0 0 0; }
#career-nav ul { margin:0; padding:6px 0 0 0; text-align:right; width:780px; }
#career-nav li { display:inline; padding:0 0 0 25px; }
#career-nav li a { font-size:12px; text-transform:uppercase; color:#8ca0ab; text-decoration:none; }
#career-nav li a:hover {  color:#e6e6e6; }

#career-app { background:url(images/bg-metalplate.jpg) no-repeat; width:810; height:431px; margin:5px 0 0 0; }
.career-scroll { height: 431px;  width: 810px;  overflow: auto; overflow-x: hidden; position: relative; clear: left; margin:0 0 0 0; }
div.scroll-container { width: 810px; height: 431px; }
div.panel { padding:0; height: 431px; width: 810px; float:left; }

#career-right { float:left; width:448px; margin:29px 0 0 14px; }
#career-left { float:left; width:304px; margin:29px 0 0 21px; }
#career-left p { font-size:14px; color:#3c3c3c; line-height:18px; padding:0 0 10px 0; }
#career-left h1 { font-size:26px; padding:0 0 10px 0; display:block; font-weight:bold; border-bottom:#888 1px solid; height:20px; }
#career-left a { color:#2c2c2c; text-decoration:none; }
#career-left a:hover { color:#555; }
#career-left h2 { font-size:16px; color:#2f81b1; padding:20px 0 5px 0; text-transform:uppercase; font-weight: normal; }

#career-matrix { padding:6px 0 22px 0; *padding:0px; }
#career-matrix ul { margin:0; padding:0; width:304px; }
#career-matrix ul li {float:left;list-style-type:none;position:relative; }
#career-matrix li a {background:url(images/app-matrix.png) no-repeat;display:block;}
#career-matrix li span{display:none;}

#career-matrix ul #item1{top:0;left:0;}
#career-matrix #item1 a{width:77px;height:27px;background-position:0 0;}
#career-matrix #item1 a:hover, #nav-inside #item1 a.current{background-position:0 -27px;}

#career-matrix ul #item2{ top:0;left:0;}
#career-matrix #item2 a{ width:77px;height:27px;background-position:-77px 0;}
#career-matrix #item2 a:hover, #nav-inside #item2 a.current{background-position:-77px -27px;}

#career-matrix ul #item3{top:0;left:0;}
#career-matrix #item3 a{width:96px;height:27px;background-position:-154px 0;}
#career-matrix #item3 a:hover, #nav-inside #item3 a.current{background-position:-154px -27px;}

#career-matrix ul #item4{top:0;left:0;}
#career-matrix #item4 a{width:54px;height:27px;background-position:-250px 0;}
#career-matrix #item4 a:hover, #nav-inside #item4 a.current{background-position:-250px -27px;}

#welding-wrap {}
#welding-control ul { list-style:none; padding:10px 0 0 0; margin:30px 0 0 0; }
#welding-control li { display:inline; padding:10px 10px 0 0; }
.weld-me { padding:10px 0 0 0; }

#machining-wrap { background-color: transparent; }
#machining-control ul { list-style:none; padding:10px 0 0 0; }
#machining-control li { display:inline; padding:0 10px 0 0; }
.mach-me { padding:10px 0 0 0; }

#pipefitting-wrap { background-color: transparent; }
#pipefitting-control ul { list-style:none; padding:10px 0 0 0; }
#pipefitting-control li { display:inline; padding:0 10px 0 0; }
.pipe-me { padding:10px 0 0 0; }

.panelcaption-weld { width: 448px; height: 32px; clear: both; margin: 0; }
.panelcaption-weld p { font-size: 10px; margin: 0; line-height: normal; color: #3c3c3c; }
.panelcaption-mach { width: 448px; height: 32px; clear: both; margin: 0; }
.panelcaption-mach p { font-size: 10px; margin: 0; line-height: normal; color: #3c3c3c; }
.panelcaption-pipe { width: 448px; height: 32px; clear: both; margin: 0; }
.panelcaption-pipe p { font-size: 10px; margin: 0; line-height: normal; color: #3c3c3c; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CENTERS: ==============================
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#centers-wrap { width:900px; margin:0 auto; vertical-align:middle; position:relative; }
#centers-intro { width:811px; padding:47px 0 0 0; font-size:14px; color:#b2b2b2; line-height:18px;  }
#centers-intro p { padding:10px 0 0 0; }

#centers-nav { background:url(images/bg-subnav.png) no-repeat; width:770; height:26px; margin:27px 0 0 0; }
#centers-nav ul { margin:0; padding:6px 0 0 0; text-align:right; width:780px; }
#centers-nav li { display:inline; padding:0 0 0 25px; }
#centers-nav li a { font-size:12px; text-transform:uppercase; color:#8ca0ab; text-decoration:none; }
#centers-nav li a:hover {  color:#e6e6e6; }


#centers-left { float:left; width:448px; margin:29px 0 0 14px; }
#centers-right { float:left; width:304px; margin:29px 0 0 21px; }
#centers-right p { font-size:14px; color:#3c3c3c; line-height:18px; padding:0 0 10px 0; }
#centers-right h1 { font-size:20px; color:#2f81b1; padding:0 0 10px 0; text-transform:uppercase; font-weight: normal; }
#centers-right a { color:#1d638c; text-decoration: underline; }
#centers-right a:hover { text-decoration: none; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== LINKS: ==============================
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#links-wrap { width:900px; margin:0 auto; vertical-align:middle; position:relative; }
#links-wrap h2 { font-size:17px; color:#FFFFFF; padding:30px 0 0 0; text-transform:uppercase; font-weight: normal; }
#links-wrap a { color:#82a6bb; text-decoration: underline; }
#links-wrap a:hover { text-decoration: none; }
#links-intro { width:811px; padding:47px 0 0 0; font-size:14px; color:#b2b2b2; line-height:18px;  }
#links-intro p { padding:10px 0 0 0; }
#links-left { float:left; width:45%; margin:0; }
#links-left p { font-size:12px; color:#b2b2b2; line-height:18px; padding:5px 0 0 0; }
#links-right { float:left; width:55%; margin:0; }
#links-right p { font-size:12px; color:#b2b2b2; line-height:18px; padding:5px 0 0 0; }

.inner-subhead { margin: 30px 0 7px 0;}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== MAIN NAVIGATION: ==============================
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#nav { width:900px; margin:0 auto; vertical-align:middle; position:relative; }
#nav-inside ul { margin:0; padding:0; width:489px; position:absolute; z-index:10; /*left: 350px;*/ left: 352px; top: 72px; }
#nav-inside ul li {float:left;list-style-type:none;position:relative; }
#nav-inside li a {background-image:url(images/nav-matrix.png);display:block;}
#nav-inside li span{display:none;}

#nav-inside ul #item1{top:0;left:0;}
#nav-inside #item1 a{width:43px;height:13px; background-position:0 0;}
#nav-inside #item1 a:hover, #nav-inside #item1 a.current{ background-position:0 -13px;}

#nav-inside ul #item2{ top:0;left:36px;}
#nav-inside #item2 a{ width:93px;height:13px;background-position:-79px 0;}
#nav-inside #item2 a:hover, #nav-inside #item2 a.current{background-position:-79px -13px;}

#nav-inside ul #item3{top:0;left:72px;}
#nav-inside #item3 a{width:94px;height:13px;background-position:-208px 0;}
#nav-inside #item3 a:hover, #nav-inside #item3 a.current{background-position:-208px -13px;}

#nav-inside ul #item4{top:0;left:108px;}
#nav-inside #item4 a{width:39px;height:13px;background-position:-338px 0;}
#nav-inside #item4 a:hover, #nav-inside #item4 a.current{background-position:-338px -13px;}

#nav-inside ul #item5{ top:0;left:144px; }
#nav-inside #item5 a{ width:45px;height:13px;background-position:-413px 0; }
#nav-inside #item5 a:hover, #nav-inside #item4 a.current{ background-position:-413px -13px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== SUB NAVIGATION: ==============================
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#subnav { width:900px; margin:0 auto; vertical-align:middle; position:relative; }
#subnav-inside ul { margin:0; padding:0; width:145px; position:absolute; z-index:10; /*left: 280px;*/ left: 656px; top: 10px; }
#subnav-inside ul li {float:left;list-style-type:none;position:relative; }
#subnav-inside li a {background-image:url(images/subnav-matrix.png);display:block;}
#subnav-inside li span{display:none;}

#subnav-inside ul #item1{top:0;left:0;}
#subnav-inside #item1 a{width:53px;height:8px; background-position:0 0;}
#subnav-inside #item1 a:hover, #nav-inside #item1 a.current{ background-position:0 -8px;}

#subnav-inside ul #item2{ top:0;left:36px;}
#subnav-inside #item2 a{ width:67px;height:8px;background-position:-79px 0;}
#subnav-inside #item2 a:hover, #nav-inside #item2 a.current{background-position:-79px -8px;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== MEDIA: ==============================
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#media-wrap { width:900px; margin:0 auto; vertical-align:middle; position:relative; }
#media-wrap h2 { font-size:17px; color:#FFFFFF; padding:30px 0 0 0; text-transform:uppercase; font-weight: normal; }
#media-wrap a { color:#82a6bb; text-decoration: underline; }
#media-wrap a:hover { text-decoration: none; }
#media-intro { width:811px; padding:47px 0 0 0; font-size:14px; color:#b2b2b2; line-height:18px;  }
#media-intro p { padding:10px 0 0 0; }
#media-left { float:left; width:390px; margin:0; }
#media-left p { font-size:12px; color:#b2b2b2; line-height:18px; padding:5px 0 0 0; }
#media-right { float:left; width:390px; margin:0; }
#media-right p { font-size:12px; color:#b2b2b2; line-height:18px; padding:5px 0 0 0; }

.inner-subhead { margin: 30px 0 7px 0;}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== SIDEBAR HOME: ==============================
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#sidebar-home ul { margin:0 0 40px 0; padding:0; width:290px;}
#sidebar-home ul li {list-style-type:none; height:87px; }
#sidebar-home li a {background:url(images/bg-sidebar.png) no-repeat; display:block; text-decoration:none; padding:19px 0 0 11px; }
#sidebar-home li a:hover {background:url(images/bg-sidebar-over.png) no-repeat;}
#sidebar-home h2 { color:#357397; font-size:14px; font-weight: normal; }
#sidebar-home ul li a h2 { color:#357397; font-size:14px; font-weight: normal; text-decoration:none; }
#sidebar-home ul li a:hover h2 { color:#444; }
#sidebar-home p { color:#c8c8c8; font-size:12px; }
#sidebar-home img { padding:0 13px 0 0; }

.subhead { padding:0 0 7px 0;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== FOOTER: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#footer { height:160px; background: url(images/bg-footer.png) #0c1216 repeat-x; width:100%; }
#footer ul { padding:30px 0 0 0; }
#footer li { display:inline; margin:0 20px 0 0; }
#footer p { color:#375366; font-size:9px; padding:7px 0 0 0; }
#footer a { color:#357397; font-size:9px; text-transform:uppercase; text-decoration:none; }
#footer a:hover { border-bottom:#375366 1px solid; }
#footer-wrap { width:900px; margin:0 auto; vertical-align:middle; position:relative;  }
#footer-left { width:600px; float:left; }
#footer-right { width:500px; float:left; }
#footer-right p { color:#22313c; text-align:right; padding:30px 0 0 0; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== MODAL WINDOW: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#modal { margin:10px; }
#modal h1 { font-size:16px; color:#2f81b1; text-transform:uppercase; }
#modal p { font-size:13px; }
#modal a { color:#82a6bb; text-decoration: underline; text-transform:uppercase; font-size:9px; padding:15px 0 0 0; }
#modal a:hover { text-decoration: none; }
iframe { overflow-x: hidden; overflow-y: hidden; }