/* CSS Document */

/* colors: 

red: ea4642
dark grey: 282d34
grey: 43474d

*/

/* ------------------------------------------------------------------------ */
/* START Freestyle
--------------------------------------------------------------------------- */

.fs-color1 { color: #ea4642; }
.fs-color2 { color: #43474d; }
.fs-color3 { color: #50545a; }

.fs-white { color: #fff; }
nobr .fs-white { text-shadow: -1px -1px 3px #333; background: #ddd; display: inline-block; padding: .25em .5em; }

.fs-float-left { float: left; margin: 0 1.25em .5em 0; }
.fs-float-right { float: right; margin: 0 0 .5em 1.25em; }
.fs-img-border { display: inline-block; padding: 4px; background: #fff; border: 1px solid #aaa;
	-moz-box-shadow: 0px 0px 6px #ccc;
	-webkit-box-shadow: 0px 0px 6px #ccc;
	box-shadow: 0px 0px 6px #ccc;

	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#eeeeee')";

	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#eeeeee');
}
.fs-img-border img { display: block; }

.fs-subheadingLG { 
	font-size: 1.25em;
	font-weight: bold;
}

.fs-subheadingMED { 
	font-size: 1.125em;
	font-weight: bold;
}

.fs-subheadingSM { 
	font-size: 11px;
	font-weight: normal; letter-spacing: 1px; text-transform: uppercase; display: inline-block; *display: inline; font-family: arial, "trebuchet MS", trebuchet, verdana, sans-serif;
}

.fs-bodyTextLG { 
	font-size: 1.1em;
}

.fs-bodyTextSM { 
	font-size: 10px;
}

/* ---------------------- */
/* MFT Defaults
------------------------- */

html {
	overflow-y: scroll;
}
body {
	text-align: center; /*IE6 center page fix*/
	margin: 0;
	scrollbar-face-color: #282d34;
	scrollbar-highlight-color: #282d34;
	scrollbar-shadow-color: #282d34;
	scrollbar-3dlight-color: #ddd;
	scrollbar-darkshadow-color: #282d34;
	scrollbar-arrow-color: #ccc;
	scrollbar-track-color: #000;
	line-height: 1.35;
}

img,
video,
canvas,
object {
	max-width: 100%;
}

embed, object, iframe { position: relative; z-index: 0; }

img {
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
a img {
	border: none;
}
h1 a,
h1 a:hover {
	text-decoration: none;
}
h1, h2, h3, p {
	margin: 0 0 .8em 0;

}
h1, h2, h3 {
	line-height: 1.15;
}

h1 { font-size: 2em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.5em; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	vertical-align: bottom;
}
td {
	vertical-align: middle;
}
blockquote {
	margin-left: 2em;
}
ul {
	margin: 0 0 1em 2em;
	padding: 0;
	list-style: none;
}
ul li {
	background: url(/images/bullet_square_4x4.gif) left .6em no-repeat;
	padding: 0 0 0 10px;
}
ul li, ol li {
	margin-bottom: .5em;
}
ol li ol li { list-style: lower-alpha; margin: .5em 0; }
ol li ol li ol li { list-style: lower-roman; }

.nav,
ul.nav ul,
ol.nav ol {
	margin: 0;
	padding: 0;
}
ul.nav li {
	margin: 0;
	padding: 0;
	background: none;
}
ol.nav li { list-style: none; }

.nav li a,
.nav li a:hover {
	text-decoration: none;
}

hr {
	border : none;
	border-top : 1px solid #ccc;
	height : 0;
	margin : 1em 0;
	display: inline-block;
	width: 100%;
	clear: both;
}

a {
	color: #333;
}
a:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out, padding .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out, padding .2s ease-in-out;
	-ms-transition: background-color .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out, padding .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out, padding .2s ease-in-out;
	transition: background-color .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out, padding .2s ease-in-out;
}

.fine-print { font-size: .75em; }

/* ------------------------------------------------------------------------ */
/* START Layout
--------------------------------------------------------------------------- */

/*body { background: #43474d url(/images/bkg-footer.gif) -50% center; } moved to body tag until cuteeditor chrome bug is fixed */
body, button, input, select, textarea { font-family: arial, "trebuchet MS", trebuchet, verdana, sans-serif; font-size: 14px; }

div.inner { margin: 0 auto; max-width: 1000px; text-align: left; }

div.header { position: relative; z-index: 100; background: #282d34; }
div.header-top { border-bottom: 3px solid #ea4642; margin-bottom: 2px; min-height: 35px; padding: 15px; }
div.header p { float: right; color: #7e8185; font-size: 10px; text-transform: uppercase; }
a.logo { float: left; display: block; margin: -15px 55px 0 -105px; *position: absolute; }

div.navMain { background: #43474d url(/images/bar-50545a.gif) bottom repeat-x; }
div.navMain > ul { text-align: left; *text-align: center; font-size: 0; *display: inline-block; margin-left: 250px; }
div.navMain > ul > li { *text-align: left; display: inline-block; *display: inline; border-left: 2px solid #282d34; background: url(/images/icon-arrow-down.gif) center top no-repeat; font-family: georgia, sans-serif; position: relative; }
div.navMain > ul > li:first-child { border-left: none; }
div.navMain > ul > li > a { font-size: 16px; display: inline-block; padding: 0 1.25em; line-height: 45px; color: #fff; }
div.navMain > ul > li > a:hover,
div.navMain > ul > li:hover > a,
div.navMain > ul > li.selected > a { background: #ea4642 url(/images/icon-arrow-up.gif) center bottom no-repeat; }
	div.navMain ul li:hover ul { display: block; }
	div.navMain ul li ul { display: none; position: absolute; top: 45px; left: 0; background: #282d34; }
    div.navMain ul li ul li { font-size: 14px; margin-top: 2px }
    /*div.navMain ul li ul li:first-child { margin: 0; }*/
    div.navMain ul li ul li a { display: block; background: #50545a; color: #fff; white-space: nowrap; line-height: 1.3; padding: .5em 1.25em; font-family: arial, "trebuchet MS", trebuchet, verdana, sans-serif; border-left: 3px solid transparent; }
    div.navMain ul li ul li a:hover { border-color: #ea4642; }

div.masthead { background: #000 url(/images/bkg-masthead.gif); border: 1px solid #000; border-top-width: 2px; max-height: 170px; }

div.main { background: #000 url(/images/bkg-BckCvr-70.gif) left center no-repeat; color: #fff; display: inline-block; width: 100%; border: 3px solid #ea4642; border-left: none; border-right: none; }
    div.main .form-fields { color: #333; }
div.col1 { float: left; width: 21.5%; margin: 30px 4% 30px 3%; display: none; }
div.col2 { /*width: 50%; padding: 50px 21.5% 40px 0; float: right;*/ padding: 50px 21.5% 40px 3%; background: url(/images/sheet-metal-tile-50-15.jpg) right -80px repeat-y; min-height: 470px; }

/*div.col1 div.nav { background: url(/images/bkg-top-col1.png) center top no-repeat; margin-left: -30px; padding-top: 51px; position: relative; }

div.col1 div.nav div div { display: inline-block; }
div.col1 div.nav,
div.col1 div p { *display: inline-block; }
div.col1 div.nav > div { background: url(/images/bkg-bot-col1.png) center bottom no-repeat; padding-bottom: 51px; }
div.col1 div.nav > div > div { background: url(/images/bkg-mid-col1.png) center repeat-y; display: inline-block; padding: 0 25px 0 30px; }*/

    div.quote { margin: -20px 0 -25px; color: #cbcbcb; font-size: 19px; font-family: georgia, sans-serif; }
    div.quote p.fs-subheadingSM { margin-bottom: 1em; }
    div.quote p strong { font-weight: normal; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; font-family: arial, "trebuchet MS", trebuchet, verdana, sans-serif; }
    div.quote p:last-child { margin-bottom: 0; }
    
    div.quote ul { font-size: .8em; margin: 0; }

    span.quote-left { display: block; height: 32px; background: url(/images/quote-left.png) no-repeat; margin: -30px 0 10px 0; }
    span.quote-right { display: block; height: 32px; background: url(/images/quote-right.png) right no-repeat; margin: -7px 0 -30px; }

div.col1 div.nav > ul li { border-top: 1px solid #efefef; }
div.col1 div.nav > ul li a,
div.col1 div.nav > ul li span { display: block; padding: .5em .75em; }
div.col1 div.nav > ul li a:hover { background: #efefef; }
	div.col1 div.nav > ul li ul { margin: .5em; }
	div.col1 div.nav > ul li ul li { border: none; margin-bottom: .25em; font-size: .8em; }
	div.col1 div.nav > ul li ul li a {  }
	div.col1 div.nav > ul li ul li.on a {  }
	div.col1 div.nav > ul li ul li a:hover {  }

div.breadcrumbs { font-size: .8em; margin: 1em 0; }

h1, h2, h3 { font-family: georgia, sans-serif; font-weight: normal; }
h1 { font-size: 20px; background: url(/images/rule-horiz-ea4642.png) left bottom no-repeat; padding-bottom: .5em; display: block; display: inline-block; width: 100%; }
h1 span.h1 { float: left; }

a { color: #ea4642; }
a:hover { color: #fff; }

div.footer { /*background: url(/images/bkg-footer.gif) -50% center repeat-x;*/ border-top: 2px solid #000; display: inline-block; width: 100%; font-size: .9em; color: #7e8185; }

div.footer > ul.nav { background: url(/images/bar-50545a.gif) top repeat-x; padding-top: 20px; text-align: center; font-size: 0; margin-bottom: 10px; }
div.footer > ul.nav li { display: inline-block; *display: inline; background: url(/images/rule-vert1.png) left center no-repeat; padding-left: 1px; }
div.footer > ul.nav li:first-child { padding: 0; background: none; }
div.footer > ul.nav li a { display: inline-block; padding: .5em 1em; font-size: 14px; }

div.footer p { float: left; }
div.footer p:first-child { float: right; font-size: .9em; }

div.footer a { color: #a9aBae; }
div.footer strong { text-transform: uppercase; white-space: nowrap; }


/* ---------------------- */
/* END Layout
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Custom Page Styles
--------------------------------------------------------------------------- */

blockquote {  }

hr { border-top : 1px dotted #666; }

p.fs-subheadingMED { margin: 2em 0 .5em; display: block; background: url(/images/rule-horiz-ea4642.png) left bottom no-repeat; padding-bottom: .4em; }

img.featured1 { float: right; margin: 0 -310px .5em .5em; }

div.callout1 { border: 1px solid #ea4642; padding: 1.2em 1.6em; margin: 3em 0 2em; font-family: georgia, sans-serif; font-style: italic; color: #999; line-height: 1.6; font-size: 1.125em; display: inline-block; }
div.callout1 ul { margin: 0 0 0 3%; }
div.callout1 strong { color: #fff; font-weight: normal; letter-spacing: 1px; }

table.data,
table.data-vert { border-collapse: collapse; width: 100%; margin: 1em 0 2em; background: #fff; }
table.data tr:hover td { background: #f7f7f7; cursor: default; }
table.data th,
table.data td,
table.data-vert td,
table.data-vert th { padding: .5em 1em; vertical-align: top; border: 1px solid #ddd; }
table.data tr:first-child td,
table.data tr/*:first-child*/ th { font-weight: normal; background: #eee; }
table.data tr:first-child th { vertical-align: bottom; }
table.data td:first-child,
table.data-vert th { background: #f7f7f7; }
table.data.noheader tr:first-child td {background: inherit; vertical-align: inherit; }

table.layout { border-collapse: collapse; width: 100%; margin: 1em 0 2em; table-layout: fixed; }
table.layout th,
table.layout td { vertical-align: top; }

table.layout img { border: 2px solid #fff; }

body.admin div.col2 { width: 62%; padding-right: 9.5%; }

div.ul33 ul { width: 30%; float: left; margin-left: 3%; }

/* about us */

body.about h3 { clear: both; margin-top: 1em; }

div.staff { margin-left: -5%; overflow: hidden; font-size: 0; }
    div.staff-member { font-size: 14px; background: url(/images/trans40_ffffff.png); padding: 3% 3% 0; border: 1px solid #333; width: 38%; display: inline-block; *display: inline; vertical-align: top; margin: 0 0 5% 5%; /*min-height: 19.3em;*/ }
    div.staff-member img { margin-bottom: 1em; border: 2px solid #ccc!important; max-width: 45%; margin: 0 0 5% 5%; float: right; }
    div.staff-name span.field1 { font-size: 1.2em; font-weight: bold; }
    div.staff-name span { display: block; }
    div.staff-name span.fs-subheadingSM { color: #ea4642; }
    div.staff-name span.field3 { margin-top: .5em }

/*  job postings - diff style  div.staff-member.Team.Leader { clear: both; width: 81.5%; border-color: #ea4642; min-height: 0; }
    div.staff-member.Team.Leader img { display: none; }
    div.staff-member.Team.Leader a.highslide { display: none; } 
    div.staff-member.Team.Leader div.highslide-maincontent { display: block; padding: 0; }*/


/* ---------------------- */
/* END Custom Page Styles
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Custom Form Styles
--------------------------------------------------------------------------- */

.form-FieldsetDescription { margin-bottom: 1.25em; font-size: 1.125em; }
.form-commentBox { margin-left: 1em; }

input, select, textarea, button, .text-button, .text-button-lg, .text-button-sm, .text-buttond {
	border: 1px solid #ccc;
	padding: 5px .6em;
	background: #eee url(/images/grad2-top-hilight.png) repeat-x;
}

button, .text-button, .text-button-lg, .text-button-sm, .text-buttond {
	background: #ea4642 url(/images/grad2-bot-shad.png) bottom repeat-x;
	color: #fff;
	line-height: 14px; /* ie 7/8 only */
	height: 28px; height: 29px;
	border-color: #232323;
}
.text-button-lg,
button.large,
.add-to-cart input { font-size: 1.15em; height: 36px; padding: 0 1em; }

a.text-button-lg,
a.text-buttond.large { font-size: 1.15em; line-height: 36px; } /* ie 7/8 only */

.text-button-sm { line-height: 18px; height: auto; font-size: .8em; padding: 0 .5em; }

a.text-button, a.text-buttond {
	line-height: 26px;
	color: #fff;
}
.text-buttond {
	background-color: #333;
}
.text-button:hover, .text-button-lg:hover, .text-button-sm:hover, .text-buttond:hover, button:hover {
	background-color: #666;
	color: #fff;
}
select.text-box-list, select.text-box-100 {
	padding: 4px;
}
input:focus, select:focus, textarea:focus {
	border-color: #ccc;
}

/* ---------------------- */
/* END Custom Form Styles
------------------------- */


/* ------------------------------------------------------------------------ */
/* START Custom Module Styles
--------------------------------------------------------------------------- */




/* widgets */

.widget-container { margin: 2em 0; }
.widget-heading { overflow: hidden; display: block; padding-bottom: .5em; background: url(/images/rule-horiz-ea4642.png) left bottom no-repeat; font-family: georgia, sans-serif; font-size: 16px; margin: 0; }
.widget-heading span { float: left; }
.widget-heading a { float: right; display: inline-block; background: #000; border: 1px solid #666; color: #999; padding: .25em .5em; font-size: 10px; text-decoration: none; font-family: arial, "trebuchet MS", trebuchet, verdana, sans-serif; }
.widget-heading a:hover { background: #ea4642; border-color: #000; color: #fff; }
.widget-inner { padding: 10px 10px 0 0; }

p.news-widget-heading { margin-bottom: 1em; }
div.news-widget-inner { /*height: 200px; overflow-y: auto; -webkit-overflow-scrolling: touch;*/ height: 90px; padding: 0; } /* undo default scroller style */
div.news-widget-inner ul { position: absolute; max-width: 900px; }
div.news-widget-inner h1 { } /* undo default h1 style */

div.announce-widget-inner { height: 55px; }
div.announce-widget-inner ul { position: relative; } /* undo default scroller style */
div.announce-widget-inner ul li a { padding: 0!important; }

div.search-widget-container p { display: none; }
div.search-widget-container div .text-box { width: 66%; }
div.search-widget-container div .text-button {
	background-image: url(/Images/icon-arrow.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 29px;
	text-indent: -999em;
	border-color: #777;
}
div.search-widget-container div .text-button:hover {
	background-color: #999;
}


/* ---------------------- */
/* END Custom Module Styles
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Media Queries
--------------------------------------------------------------------------- */

a.menu-mobile { display: none; text-decoration: none; width: 30px; height: 40px; }
a.menu-mobile span { display: inline-block; width: 100%; background: url(/images/trans80_ffffff.png); height: 4px; margin-top: 6px; vertical-align: middle;
    -moz-box-shadow: 0px 0px 5px #999;
    -webkit-box-shadow: 0px 0px 5px #999;
    box-shadow: 0px 0px 5px #999;
}

a.toggle-main { float: right; margin: -95px 30px 0 0; }
a.toggle-subnav { float: right; margin-top: -10px; }

@media only screen
and (max-width : 999px) {

div.navMain { clear: both; }
div.navMain > ul { margin: 0; }

div.footer div.inner { margin: 0 2em; text-align: center; }
div.footer p,
div.footer p:first-child { float: none; }

table.layout { table-layout: fixed; }

}

@media only screen
and (max-width : 800px) {

div.header,
div.anythingControls { z-index: auto!important; }

div.main { background-attachment: fixed; }
div.col1,
div.col2,
body.admin div.col2 { float: none; width: auto; min-height: 0; margin: 30px; padding: 0; background: none; }

div.col1 div.nav { margin: 0; padding: 30px; box-sizing: border-box; position: fixed; width: 100%; height: 100%; top: 0; right: -100%; opacity: 0; background: url(/images/trans80_000000.png); z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
div.col1 div.nav.active { right: 0; opacity: 1; }

/* nav */
a.menu-mobile { display: block; }

div.navMain ul { max-height: 0; overflow: hidden; opacity: 0;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
div.navMain ul.active { max-height: 999px; opacity: 1; }

div.navMain ul li { display: block; background: none; border: none; border-top: 2px solid #282d34; }
div.navMain ul li a { display: block; line-height: 1.35; padding: .5em 1em; background: #43474d url(/images/bar-50545a.gif) center bottom repeat-x; }
    div.navMain ul li ul {  }
    div.navMain ul li ul li {  }
    div.navMain ul li ul li {  }
    div.navMain ul li ul li a {  }

}

@media only screen
and (max-width : 500px) {

div.header p { display: none; } /* ISO cert */
img.featured1 { float: none; margin: 0 0 1em 0; }

div.ul33 ul { width: 45%; }

/*div.highslide-html { font-size: 2em!important; width: 100%!important; }*/

}

/* ---------------------- */
/* END Media Queries
------------------------- */

/* CSS Document */