html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, del, em, font, img, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* Fix IE. Hide from IE Mac \*/ html ul li { float: left; } html ul li a { height: 1%; } html ul li img{ vertical-align: top;} /* End */ /* - - - - - - - - - - - - - - - - - - - - - Title : Wufoo Form Framework Author : Infinity Box Inc. URL : http://wufoo.com Last Updated : March 19, 2009 - - - - - - - - - - - - - - - - - - - - - */ .wufoo li{ width:62%; } form ul{ margin:0; padding:0; list-style-type:none; width:100%; } form li{ display: block; margin:0; padding:4px 5px 2px 9px; clear:both; } form li:after, form li div:after{ content:".";  display:block; height:0;  clear:both;  visibility:hidden; } * html form li{height: 1%;} * html form li div{display:inline-block;} *+html form li div{display:inline-block;} form li div, form li span{ margin:0 4px 0 0; padding:0 0 8px 0; color:#444; } form li span{ float:left; } form li div.col, form li div.block{ padding:0; } form li div.col span{ display:block; width:100%; float:left; padding:0; } li.twoColumns div.col span{ width:48%; margin:0 5px 0 0; } li.threeColumns div.col span{ width:30%; margin:0 5px 0 0; } li.notStacked div.col span{ width:auto; margin:0 7px 0 0; } form li div span.left, form li div span.right{ width:47%; margin:0; } form li div span.full input,  form li div span.full select,  form li div span.left input,  form li div span.right input, form li div span.left select, form li div span.right select{ width:100%; } .left{ float:left; } .right{ float:right; } .clear{ clear:both !important; } /* ----- INFO ----- */ .info{ display:inline-block;  clear:both; border-bottom:1px dotted #ccc; margin:0 0 1em 0; } .info[class]{ display:block; } .info h2{ font-weight:normal; font-size:160%; margin:0 0 .2em 0; clear:left; } .info div{ font-size:95%; line-height:135%; margin:0 0 1em 0; color:#555; } /* ----- SECTIONS ----- */ form hr{ display:none; } form li.section{ border-top:1px dotted #ccc; padding-top:.9em; padding-bottom:0px; padding-left:9px; width:97% !important; position:static; } form ul li.first{ border-top:none !important; margin-top:0px !important; padding-top:0px !important; } form .section h3{ font-weight:normal; font-size:110%; line-height:135%; margin:0 0 .2em 0; } form .section div{ display:block; font-size:85%; margin:0 0 1.2em 0; padding:0; } /* ----- LIKERT SCALE ----- */ form li.likert{ width:97% !important; } .likert table{ margin:0 0 1.5em 0; background:#fff; width:100%; border:1px solid #dedede; border-bottom:none; } .likert caption{ text-align:left; color:#222; font-size:95%; line-height:135%; padding:5px 0 .4em 0; } .likert input{ padding:0; margin:2px 0; } .likert label{ font-size:10px; display:block; color:#565656; } /* ----- Top Row ----- */ .likert thead td, .likert thead th{ background-color:#e6e6e6; } /* ----- Right Side ----- */ .likert td{ border-left:1px solid #ccc; text-align:center; padding:4px 6px; } .likert thead td{ font-size:85%; padding:10px 6px; } /* ----- Body ----- */ .likert th, .likert td{ border-bottom:1px solid #dedede; } .likert tbody th{ color:#222; font-size:95%; font-weight:bold; padding:8px 8px; } .likert tbody tr.alt td, .likert tbody tr.alt th{ background-color:#f5f5f5; } .likert tbody tr:hover td, .likert tbody tr:hover th{ background-color:#FFFFCF; } /* ----- Likert Classes ----- */ .col1 td{width:30%;}  .col2 td{width:25%;} .col3 td{width:18%;} .col4 td{width:14.5%;} .col5 td{width:12%;} .col6 td, .col7 td{width:10%;} .col8 td, .col9 td, .col10 td{width:6.5%;} .col11{width:6%;} .hideNumbers tbody label{ display:none; } /* ----- LABELS ----- */ label.desc{ line-height:150%; padding:0 0 1px 0; border:none; color:#222; display:block; font-size:95%; font-weight:bold; } form li div label, form li span label{ margin:0; padding-top:6px; clear:both; font-size:9px; line-height:9px; color:#444; display:block; } label.choice{ font-size:100%; display:block; line-height:1.5em; margin:-1.65em 0 0 25px; padding:.44em 0 .5em 0; color:#222; width:88%; } span.symbol{ font-size:115%; line-height:130%; } form li .datepicker{ float:left; margin:.1em 5px 0 0; padding:0; width: 16px; height: 16px; cursor:pointer !important; } /* ----- MIN/MAX COUNT ----- */ form li div label var{ font-weight:bold; font-style:normal; } form li div label .currently{ display:none; } /* ----- FIELDS ----- */ input.text, input.file, textarea.textarea, select.select{ margin:0; font-size:100%; color:#333; } input.text, textarea.textarea, .firefox select.select{ border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; /*background:#fff url(../images/fieldbg.gif) repeat-x top;*/ background-color:#fff; } input.text, input.file{ padding:2px 0 2px 0; } input.checkbox, input.radio{ display:block; line-height:1.5em; margin:.6em 0 0 3px; width:13px; height:13px; } input.other{ margin:0 0 8px 25px; } textarea.textarea{ font-family:"Lucida Grande", Tahoma, Arial, sans-serif; } select.select{ font-family:"Lucida Grande", Tahoma, Arial, sans-serif; margin:1px 0; padding:1px 0 0 0; } select.select[class]{ margin:0; padding:1px 0 1px 0; } *:first-child+html select.select[class]{ margin:1px 0; } .safari select.select{ margin-bottom:1px; font-size:120% !important; } /* ----- TEXT DIRECTION ----- */ .rtl .info h2, .rtl .info div, .rtl label.desc, .rtl label.choice,  .rtl div label, .rtl span label, .rtl input.text,  .rtl textarea.textarea, .rtl select.select, .rtl p.instruct,  .rtl .section h3, .rtl .section div, .rtl input.btTxt{ direction:rtl; } /* ----- SIZES ----- */ .third{ width:32% !important; } .half{ width:48% !important; } .full{ width:100% !important; } input.small, select.small{ width:25%; } input.medium, select.medium{ width:50%; } input.large, select.large, textarea.textarea{ width:100%; } textarea.small{ height:5.5em; } textarea.medium{ height:10em; } textarea.large{ height:20em; } /* ----- ERRORS ----- */ #errorLi{ width:99%; margin:0 auto; background:#fff; border:1px dotted red; margin-bottom:1em; text-align:center; padding-top:4px; padding-left:0px; padding-right:0px; } #errorMsgLbl{ margin:7px 0 5px 0; padding:0; font-size:125%; color:#DF0000; } #errorMsg{ margin:0 0 .8em 0; color:#000; font-size:100%; } #errorMsg strong{ background-color: #FFDFDF; padding:2px 3px; color:red; } form li.error{ display:block !important; border-bottom:1px solid #F9B9B2; border-right:1px solid #F9B9B2; background-color: #FFDFDF !important; } form li.error label{ color:#DF0000 !important; } form p.error{ display:none; color:red; font-weight:bold; font-size:10px; margin:-2px 0 5px 0; clear:both; } form li.error p.error{ display:block; } .leftLabel p.error, .rightLabel p.error{ margin-left:30%; padding-left:15px; } .noI .leftLabel p.error, .noI .rightLabel p.error{ margin-left:35%; padding-left:15px; } /* ----- REQUIRED ----- */ form span.req{ display:inline; float:none; color:red !important; font-weight:bold; margin:0; padding:0; } /* ----- INSTRUCTIONS ----- */ form li.focused{ background-color:#fff7c0; } form li.focused, form li:hover{ position:relative; /* Makes Instructs z-index stay on top in IE. */ } form .instruct{ position:absolute; top:0; left:0; z-index:1000; width:42%; margin:0 0 0 8px; padding:8px 10px 9px 10px; border:1px solid #e6e6e6; background:#f5f5f5; line-height:130%; font-size:80%; color:#444; visibility:hidden; } form .instruct small{ font-size:105%; } form li.focused .instruct, form li:hover .instruct{ left:100%; /* Prevent scrollbars for IE Instruct fix */ visibility:visible; } /* ----- ALT INSTRUCTIONS ----- */ .altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{ visibility:visible; position:static; margin:-2px 0 0 0; padding:0 0 7px 0; width:100%; clear:left; background:none; border:none; font-size:9px; } /* ----- LABEL LAYOUT ----- */ .leftLabel li, .rightLabel li{ width:74% !important; padding-top:9px; } .leftLabel label.desc, .rightLabel label.desc{ float:left; width:29%; margin:2px 15px 0 0; } .rightLabel label.desc{ text-align:right; } .leftLabel li div.col, .rightLabel li div.col, .leftLabel li div.block, .rightLabel li div.block{ float:left; } .leftLabel .small, .rightLabel .small{ width:17%; } .leftLabel .medium, .rightLabel .medium{ width:35%; } .leftLabel .large, .leftLabel textarea.textarea, .rightLabel .large, .rightLabel textarea.textarea, .leftLabel li div.col, .rightLabel li div.col, .leftLabel li div.block, .rightLabel li div.block{ width:64%; } * html .leftLabel .small, * html .rightLabel .small{ width:23%; } * html .leftLabel .medium, * html .rightLabel .medium{ width:55%; } * html .leftLabel .large, * html .leftLabel textarea.textarea, * html .rightLabel .large, * html .rightLabel textarea.textarea{ width:97%; } .leftLabel p.instruct, .rightLabel p.instruct{ width:27%; margin-left:5px; } .leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{ margin-left:29% !important; padding-left:15px; width:65%; } .leftLabel .buttons, .rightLabel .buttons{ margin-left:15px; } .leftLabel .buttons input, .rightLabel .buttons input{ margin-left:29%; } * html .leftLabel .buttons input, * html .rightLabel .buttons input{ margin-left:22%; } * html .leftLabel .buttons, * html .rightLabel .buttons{ margin-left:4px; } *+html .leftLabel .buttons, *+html .rightLabel .buttons{ margin-left:7px; } /* ----- NO INSTRUCTIONS ----- */ .noI .instruct{ display:none !important; } .noI form li, .noI form li.buttons, .altInstruct form li, .altInstruct form li.buttons{ width:97% !important; } .noI form li.section, .altInstruct form li.section{ padding-left:9px !important; } /* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */ .noI .leftLabel label.desc, .noI .rightLabel label.desc{ width:34%; } .noI .leftLabel .large, .noI .leftLabel textarea.textarea, .noI .rightLabel .large, .noI .rightLabel textarea.textarea, .noI .leftLabel li div.col, .noI .rightLabel li div.col, .noI .leftLabel li div.block, .noI .rightLabel li div.block{ width:60%; } .noI .leftLabel .buttons input, .noI .rightLabel .buttons input{ margin-left:34%; } /* ----- FIELD FLOATING ----- */ form li.leftHalf, form li.rightHalf{ width:46% !important; } li.leftHalf{ clear:left; float:left; } li.rightHalf{ clear:none; float:right; } li.leftHalf .medium, li.rightHalf .medium, li.leftHalf .small, li.rightHalf .small{ width:100%; } /* - - - Custom Theme - - - */ /* Logo */ /* Backgrounds */ #container, body.embed{ background-color:#FFFFFF; } .wufoo input.text, .wufoo textarea.textarea{ background:#FFFFFF url(../images/fieldbg.gif) repeat-x top; } .wufoo .focused{ background-color:#b1b1b1; } .wufoo .instruct{ background-color:#F5F5F5; } /* Borders */ #container{ border:0 solid #ff9900; } .wufoo .info{ border-bottom:1px dotted #333; } .wufoo .section{ border-top:1px dotted #333; } .wufoo .instruct{ border:1px solid #E6E6E6; } /* Typography */ .info h2{ font-size:160%; font-family:inherit; color:#000000; } .wufoo .info div{ font-size:95%; font-family:inherit; color:#444444; } .wufoo .section h3{ font-size:110%; font-family:inherit; color:#000000; } .wufoo .section div{ font-size:85%; font-family:inherit; color:#444444; } .wufoo .graph h3{ color:#000000; } .wufoo .footer h4{ color:#000000; } .wufoo .footer span{ color:#444444; } .wufoo label.desc{ font-size:95%; font-family:inherit; color:#444444; } .wufoo li div, .wufoo li span, .wufoo li div label, .wufoo li span label{ font-family:inherit; color:#444444; } .wufoo label.choice{ font-size:100%; font-family:inherit; color:#444444; } .wufoo input.text, .wufoo textarea.textarea, .wufoo select.select{ font-size:100%; font-family:inherit; color:#333333; } .wufoo .instruct{ font-size:80%; font-family:inherit; color:#444444; } .altInstruct .instruct, .wufoo li.leftHalf .instruct, .wufoo li.rightHalf .instruct{ font-size:9px; color:#444444; background:none; border:none; } .wufoo li.focused label.desc{ color:#000000; } .wufoo li.focused div, .wufoo li.focused span, .wufoo li.focused div label, .wufoo li.focused span label{ color:#000000; } .confirm h2{ font-family:inherit; color:#444444; } /* Likert Backgrounds */ .likert table{ background-color:#FFFFFF; } .likert thead td, .likert thead th{ background-color:#e6e6e6; } .likert tbody tr.alt td, .likert tbody tr.alt th{ background-color:#f5f5f5; } /* Likert Borders */ .likert table, .likert th, .likert td{ border-color:#dedede; } .likert td{ border-left:1px solid #cccccc; } /* Likert Typography */ .likert caption, .likert thead td, .likert tbody th{ color:#444444; font-family:inherit; } .likert label{ color:#565656; font-family:inherit; } .likert caption, .likert tbody th{ font-size:95%; } /* Likert Hover */ .likert tbody tr:hover td, .likert tbody tr:hover th, .likert tbody tr:hover label{ background-color:#FFF7C0; color:#000000; } .likert tbody tr:hover td{ border-left:1px solid #ccc69a; } /* Big Number */ .number{ background-color:#f5f5f5; border-color:#e6e6e6; } .number strong, .number em{ color:#000000; } /* ----- Field Chart Border and Background Colors ----- */ .fc table{ border-left:1px solid #dedede;	 } .fc thead th{ background-color:#cccccc; border-right:1px solid #e6e6e6; } .fc tbody td, .fc tbody th, .fc tfoot th, .fc tfoot td{ background-color:#FFFFFF; border-right:1px solid #dedede; border-bottom:1px solid #e6e6e6; } .fc tbody tr.alt td, .fc tbody tr.alt th{ background-color:#f5f5f5; } /* ----- Field Chart Typography Colors ----- */ .fc caption, .fc tfoot{ color:#000000; } .fc thead th{ color:#000000; } .fc tbody th div,  .fc tbody td.count, .fc .grid tbody td a, .fc td.percent var,  .fc .timestamp b, .fc .timestamp span{ color:#444444; } .fc .indent .count{ color:#4b4b4b; } .fc .grid tbody td a span{ color:#565656; } .fc tbody .timestamp{ color:#5c5c5c; } /* ----- Field Chart Hover ----- */ .fc .choices tbody tr:hover td, .fc .choices tbody tr:hover th, .fc .data tbody tr:hover td, .fc .data tbody tr:hover th, .fc .grid tbody td:hover{ background-color:#FFF7C0; } .fc tbody tr:hover th div, .fc tbody tr:hover td, .fc tbody tr:hover var{ color:#000000; } /* Drop Shadows */ #top, #bottom{ visibility:visible; } /*----------------------------------------------------------------------------- [client] Screen Stylesheet version:   1.0 date:      04/10/09 author:    [Dave Lassanske] email:     [info@leagr.com] website:   [www.leagr.com] version history: [location of file] -----------------------------------------------------------------------------*/ /* Import other stylesheets -----------------------------------------------------------------------------*/ /* @import url("otherstylesheet.css"); */ /* Remove margin, padding and border from everything -----------------------------------------------------------------------------*/ *  { margin: 0; padding: 0; border: 0; z-index: 0; } /* Styles for layout -----------------------------------------------------------------------------*/ .clear{ clear:both;} .pad{ padding: 0 20px} /* Set up the document -----------------------------------------------------------------------------*/ body { font: 62.5%/1.5 Frutiger, Univers, Arial, Helvetica, sans-serif; background: #848991 url(../images/bg-clipped.jpg) top center repeat-x; color: #576243;	 text-align:center; } /* Typography -----------------------------------------------------------------------------*/ h1 { font-size: 2.2em; /* Equivalent to 22pt */ } h2{ font-size: 1.6em; /* Equivalent to 20pt */ font-weight:bold; line-height:1em;} h3 { font-size: 1.1em; /* Equivalent to 18pt */ font-weight: bold; padding: 5px 5px 0; color: #0d2740; } h4 { color: #ef9c13; font-size: 2.5em; /* Equivalent to 18pt */ padding: 20px 0 0 20px; } h5 { font-size: 1.4em; /* Equivalent to 14pt */ font-weight: normal; } p, q, cite{ font-size: 1.4em; line-height: 1.1em;} ul, ol, dl { list-style: none; font-size: 1em; /* Equivalent to 12pt */ } li, dd, dt { font-size: 1.4em; line-height: 1.2em;} a{ text-decoration: underline; color: #576243;} p{ margin: 10px 0 5px; font-family: Frutiger, Univers, Arial, Helvetica, sans-serif;} img{ border: 0; padding: 0; margin: 0;} /* Common divs -----------------------------------------------------------------------------*/ #wrapper{  width: 1100px; /* Set page width here - you can also use percentage */ text-align:left;   margin: -40px auto 0; overflow: hidden; overflow-x: hidden;} #content-inner li{ float: none; list-style: disc;} .left{ float: left; display: inline;} .right{ float: right; display: inline;} #indexLeft{ height:477px; width:366px; float: left; display: inline; overflow: hidden;} #indexRight{ height:477px; float: left; display: inline; overflow: hidden; width: 335px;} #indexLeft h2{ font-size: 4em; padding: 50px 40px 0; font-family: Helvetica; font-weight: normal; color: #59503e;} #indexRight h2{ font-size: 4em; padding: 50px 20px 0; font-family: Helvetica; font-weight: normal; color: #59503e;} .index-img{} #indexLeft p{ padding: 10px 40px; font-size: 1.6em; line-height: 1.4em;} #searchbox{ width: 273px; height: 53px; background: url(../images/search.jpg) no-repeat; margin: 0 0 0 30px;} .searchText{ padding:5px; background: none; margin:10px 0 0 10px; float: left; display: inline; font-size: 1.8em; color: #1c76a3; width: 215px;} .search_btn{ float:left; display:inline; margin-top:9px;} #cube{ height:477px; width:366px; float: left; display: inline; overflow: hidden;} #cube img{} #results{ padding: 15px 20px 20px; width: 1060px; height: 340px; float: left; display: inline;} .result{ float: left; display:inline; clear: left;} #video{ display: inline; float: left; padding: 20px;} #case-video{ display: inline; float: left; padding: 0; margin: 0;} #case-video p{ padding: 30px 10px;} #media-header{ height: 102px; background: url(../images/header-media.jpg) no-repeat; width: 1100px; float: left; display: inline;} #index-menu{ float: left; display: inline; background: #d5d7d8 url(../images/index-menu-bg.jpg) no-repeat; width: 335px; height: 142px;} #header-menu{ width: 120px; float: left; display: inline; margin: 44px 0 0 352px;} #index-menu-ul{ width: 120px; float: left; display: inline; margin: 40px 0 0 58px;} #header-menu li, #index-menu-ul li{ list-style: none; float: left; display: inline; padding: 0; margin: 0; background: url(../images/media-btn.jpg) no-repeat top;} #header-menu li a, #index-menu-ul li a{ margin: 2px 6px 2px; width: 27px; height: 12px; padding: 0;} #header-menu li.header-menu-on{ background: url(../images/media-btn-on-page.jpg) no-repeat top;} #media-left{ width: 354px; height: 335px; background: url(../images/media-left.jpg) no-repeat; float: left; display: inline;} #media-left h2{ font-size: 3em; padding: 25px 20px 0; font-family: Helvetica; font-weight: normal; color: #59503e;} #media-left p{ padding: 10px 20px 0;} #media-right{ width: 746px; height: 335px; float: left; display: inline;} #media-right li{ list-style: none; float: left; display: inline; padding: 0; margin: 0;} #media-right li a{ padding: 0; margin: 0;} #media-right .heading{ height: 72px;} .metalRow{ height: 84px;} .plasticRow{ height: 89px;} .moreRow{ height: 90px;} .metalHigh{ background: url(../images/media-metal-high.jpg) no-repeat;} .metalMedium{ background: url(../images/media-metal-medium.jpg) no-repeat;} .metalLow{ background: url(../images/media-metal-low.jpg) no-repeat;} .plasticHigh{ background: url(../images/media-plastic-high.jpg) no-repeat;} .plasticMedium{ background: url(../images/media-plastic-medium.jpg) no-repeat;} .plasticLow{ background: url(../images/media-plastic-low.jpg) no-repeat;} .moreHigh{ background: url(../images/media-more-high.jpg) no-repeat;} .moreMedium{ background: url(../images/media-more-medium.jpg) no-repeat;} .moreLow{ background: url(../images/media-more-low.jpg) no-repeat;} .blue{ color: #1c76a3;} #case-left{ float: left; display: inline; width: 615px; height: 335px; background: url('../images/media-case-left.jpg') no-repeat;} #case-right{ float: left; display: inline; width: 485px; height: 335px; background: url('../images/media-case-video.jpg') no-repeat;} #case-left h2{ font-size: 3em; padding: 30px 20px 5px 40px; color: #59503e;} #case-left h5{ padding: 0 20px 0 40px; margin: 0; color: #59503e;} #case-left p{ padding: 2px 20px 15px 40px; margin: 0; color: #0c2531;} #next-nav{ float: left; display: inline; margin-left: 40px; width: 200px;} #next-nav p{ margin: 0; padding: 11px 3px 0; float: left; display: inline; color: #59503E;} #next-nav img{ float: left; display: inline; padding-top: 3px;} #pdf{ /*width: 275px*/; float: left; display: inline;} #pdf a{ text-decoration: underline;} #pdf span{ padding: 11px 3px 0; margin: 0; float: left; display: inline; color: #9fa1a4;} #pdf img{ float: left; display: inline;} #history-content{ width: 423px; padding: 20px 20px 0px; float: left; display: inline;} #history-video{ background: url(../images/photo-history-black.jpg) no-repeat; text-align: center; width: 634px; height: 326px; float: right; display: inline;} #history-content ul, #epoch-left ul, #customers-content ul, #assembly-content ul, #metal-content ul, #parttesting-content ul, #processdev-content ul, #proe-content ul, #plastic-content ul,#business-content ul, #simulation-content ul{ list-style: disc; margin: 0 0 20px 20px;} #jr2-left{ width: 468px; height: 192px; float: left; display: inline;} #jr2-left p{ font-size:1.6em; line-height: 1.4em; padding: 0 20px; margin: 0;} #jr2-right{ float: left; display: inline; height: 192px; width: 632px;} .top{ width: 260px; float: left; display: inline; margin: 50px 0 0 20px;} #jr2-right ul li ul{ margin: 0; padding: 4px 0 0;} #jr2-right ul li{ list-style: disc; float: left; width: 260px; font-size: 1.5em; padding: 2px 0;} #jr2-right ul li ul li{ list-style: none; margin: 0 0 0 10px; padding: 0; float: left; font-size: .8em; width:120px;} #secondlist li{ clear:left; width:260px;} #secondlist{ float: left; display: inline;} #jr2-list li{ list-style: none; float: left; display: inline; padding: 0; margin: 0;} #epoch-left{ color:#352918; float: left; display: inline; width: 420px; height: 326px; background: url(../images/epoch-left.jpg) no-repeat;} #epoch-middle{ height: 326px; float: left; display: inline;} #epoch-left p, #epoch-left h2{ padding: 20px 20px 0;} #epoch-left ul{ padding: 0 20px;} #epoch-right{ color: #a61a03; float: left; display: inline; width: 361px; height: 326px; background: url(../images/epoch-right.jpg) no-repeat;} #epoch-right p{ padding: 0 50px 0 20px;} #customers-content{ width: 272px; padding: 20px 20px 0px; float: left; display: inline;} #community-content{ width: 1060px; padding: 20px 0px 0px 50px; float: left; display: inline;} #partners-content{ width: 426px; padding: 60px 20px 0px; float: left; display: inline;} #processdev-content{ width: 512px; padding: 20px 20px 0px; float: left; display: inline;} #processdev-content h2{ padding-top: 20px;} #processdev-content ul li ul li{ list-style-type: circle; font-size: 1em; line-height: 1em;} #processdev-menu{ float: left; display: inline; height: 326px; width: 548px;} #processdev-menu li{ float: left; display: inline;} #processdev-menu li a{ display: block;}	 .processdev-photo{ height: 326px; background: url(../images/photo-processdev.jpg) no-repeat;} #photo-holder{ float: left; display: inline; position: relative; margin-top: 10px; width: 434px; height: 289px;} #photo-holder div{ width: 411px; float: left; position: absolute; top: 0; opacity:0;} #preview-holder{ float: left; display: inline; position: relative; margin: 20px 0 0 30px; width: 147px; height: 67px;} #preview-holder div{ width: 434px; float: left; position: absolute; top: 0;} #preview-holder-main{ float: left; display: inline; position: relative; margin: 30px 0 0 0; padding: 0; width: 147px; height: 67px;} #preview-holder-main div{ width: 147px; float: left; position: absolute; top: 0;} #menu{ float: left; display: inline; height: 121px; width: 538px; margin-left: 20px;} #menu li{ float: left; display: inline;} #menu li a{ display: block;} .robotics{ width: 108px; background: url(../images/community-robotics.jpg) no-repeat;} .robotics-on{ width: 108px; background: url(../images/community-robotics-on.jpg) no-repeat;} .getwith{ width: 107px; background: url(../images/community-getwith.jpg) no-repeat;} .getwith-on{ width: 107px; background: url(../images/community-getwith-on.jpg) no-repeat;} .charities{ width: 108px; background: url(../images/community-charities.jpg) no-repeat;} .charities-on{ width: 108px; background: url(../images/community-charities-on.jpg) no-repeat;} .blood{ width: 107px; background: url(../images/community-blood.jpg) no-repeat;} .blood-on{ width: 107px; background: url(../images/community-blood-on.jpg) no-repeat;} .internship{ width: 108px; background: url(../images/community-internship.jpg) no-repeat;} .internship-on{ width: 108px; background: url(../images/community-internship-on.jpg) no-repeat;} #blurb{ float: left; display: inline; position: relative; width: 538px; margin-left: 20px;} #blurb p{ float: left; position: absolute; top: 0; display: none;} #vision-content{ width: 1100px; padding: 20px 0px 0px; float: left; display: inline;} #vision-menu ul{ float: left; display: inline; height: 296px; width: 217px; padding-top:30px; margin-left: 20px;} #vision-menu ul li{ list-style-type: none; padding: 0; margin: 0; float:right; display: inline; clear: right; width: 217px; text-align: right; border: 1px solid white;} #vision-menu h3{ padding: 0; margin: 0;} #vision-menu ul li.on{ background-color: #deecf6; border:1px solid #d0d8df; border-right:1px solid #eef5f9; border-top:1px solid #eef5f9;} #vision-menu ul li a{ padding: 3px 5px; margin: 0; text-decoration: none; display: block;} #vision-blurb{ float: left; display: inline; position: relative; width: 419px; margin-left: 20px;} #vision-blurb p{ float: left; position: absolute; padding-top: 30px; top: 0; display: none;} #vision-right{ float: right; display: inline; width: 424px; height: 326px;} #business-content{ width: 528px; padding: 60px 20px 0; float: left; display: inline;} #assembly-content{ width: 272px; padding: 20px 20px 0px; float: left; display: inline;} #assembly-photo-holder{ float: left; display: inline; position: relative; width: 522px; height: 326px;} #assembly-photo-holder div{ width: 522px; float: left; position: absolute; top: 0;} #assembly-menu{ float: left; display: inline; height: 326px; width: 266px;} #assembly-menu li{ float: left; display: inline;} #assembly-menu li a{ display: block;}	 .door{ height: 89px; background: url(../images/assembly-door.jpg) no-repeat;} .door-on{ height: 89px; background: url(../images/assembly-door-on.jpg) no-repeat;} .brake{ height: 81px; background: url(../images/assembly-brake.jpg) no-repeat;} .brake-on{ height: 81px; background: url(../images/assembly-brake-on.jpg) no-repeat;} .cabinet{ height: 75px; background: url(../images/assembly-cabinet.jpg) no-repeat;} .cabinet-on{ height: 75px; background: url(../images/assembly-cabinet-on.jpg) no-repeat;} .hose{ height: 81px; background: url(../images/assembly-hose.jpg) no-repeat;} .hose-on{ height: 81px; background: url(../images/assembly-hose-on.jpg) no-repeat;} #metal-content{ width: 312px; padding: 60px 0 0; float: left; display: inline;} #metal-menu{ float: left; display: inline; height: 326px; width: 788px;} #metal-menu li{ float: left; display: inline;} #metal-menu li a{ display: block;}	 .welding{ width: 438px; background: url(../images/photo-metal-welding.jpg) no-repeat;} .bearing{ width: 350px; background: url(../images/photo-metal-bearing.jpg) no-repeat;} #parttesting-content{ width: 290px; height: 326px; padding: 0; float: left; display: inline;} #parttesting-content h2{ padding: 60px 20px 5px 20px;} #parttesting-menu{ float: left; display: inline; height: 326px; width: 810px;} #parttesting-menu ul{ list-style: none; float: left; display: inline;} #parttesting-menu li{ float: left; display: inline; font-size: 12px; line-height: 12px;} #parttesting-menu li a{ display: block;} .bar{ width: 409px; background: url(../images/photo-parttesting-bar.jpg) no-repeat;} #parttesting-menu .vision{ width: 401px; background: url(../images/photo-parttesting-vision.jpg) no-repeat;} #plastic-content{ width: 290px; padding: 60px 0 0; float: left; display: inline;} #plastic-content ul, #metal-content ul, #metal-content h2, #parttesting-content ul{ padding: 5px 20px;} #plastic-menu{ float: left; display: inline; height: 326px; width: 810px;} #plastic-menu li{ float: left; display: inline;} #plastic-menu li a{ display: block;}	 .edgefold{ width: 324px; background: url(../images/photo-plastic-edgefold.jpg) no-repeat;} .visor{ width: 486px; background: url(../images/photo-plastic-visor.jpg) no-repeat;} #simulation-content{ width: 235px; padding: 30px 20px 0; float: left; display: inline;} #simulation-menu{ float: left; display: inline; height: 326px; width: 393px; background: url(../images/simulation-right.jpg) repeat-x;} #simulation-video{ float: left; display: inline; width: 400px; height: 326px; background: url(../images/simulation-right.jpg) repeat-x;} #simulation-menu ul{ margin-top: 20px;} #simulation-menu li{ width: 128px; height: 130px; float: left; display: inline;} #simulation-menu li a{ display: block;} .simulation-01,.simulation-02,.simulation-03{ height: 130px;} .simulation-04,.simulation-05,.simulation-06{ height: 129px;} .simulation-01{ background: url(../images/simulation-05.jpg);} .simulation-02{ background: url(../images/simulation-02.jpg);} .simulation-03{ background: url(../images/simulation-03.jpg);} .simulation-04{ background: url(../images/simulation-04.jpg);} .simulation-05{ background: url(../images/simulation-01.jpg);} .simulation-06{ background: url(../images/simulation-06.jpg);} #proe-content{ width: 256px; padding: 30px 20px 0; float: left; display: inline;} #proe-photo-holder{ float: left; display: inline; position: relative; width: 417px; height: 326px;} #proe-photo-holder div{ width: 417px; float: left; position: absolute; top: 0;} #proe-menu{ float: left; display: inline; height: 326px; width: 387px;} #proe-menu li{ float: left; display: inline;} #proe-menu li a{ display: block;} .proe1-1,.proe1-2,.proe1-3{ height: 126px;} .proe2-1,.proe2-2,.proe2-3{ height: 80px;} .proe3-1,.proe3-2,.proe3-3{ height: 120px;} #fea-left{ width: 273px; height: 372px; float: left; display: inline;} #fea-left h2{ padding: 40px 20px 10px; font-weight: normal;} #fea-left a{ color: #0d0c6e; text-decoration: none; font-size: .8em;} #structural-video{ width: 212px; height: 158px; margin-left: 20px;} #contact-left{ width: 400px; height: 306px; padding: 20px 0px 0px; float: left; display: inline; /*background: url('../images/contact-left.jpg') no-repeat;*/} #contact-gallery{ margin:45px 0 0 60px; width: 300px; list-style: none;} #contact-gallery li{ padding: 3px 7px; float: left; display: inline;} #contact-left h2{ padding: 20px 20px 0;} #contact-middle{ width: 300px; height: 311px; padding: 15px 0 0 0; float: left; display: inline;} #contact-right{ width: 330px; height: 286px; padding: 40px 20px 0px; float: left; display: inline;} #contact-right h2{ padding: 10px 0 3px;} #contact-right p{ padding: 0 0 10px; margin: 0;} .loading{ display: none; margin: auto;} /* Header -----------------------------------------------------------------------------*/ #header{ background: #18233e url('../images/header.jpg') no-repeat top; width: 1100px; height: 264px;} .header-clear{ background: #18233e url('../images/header-clear.jpg') no-repeat top;} #logo{ position: relative; float: left; display: inline; top: 90px; left: 45px; width:135px; height: 140px;} #logo a{ display: block; width: 100%; height: 100%;} /* Navigation -----------------------------------------------------------------------------*/ #navigation { top:201px; left:47px; float: left; display: inline; position: relative; list-style:none; margin:0; padding:0; height: 67px; font-family: Arial Narrow, Arial, "Lucida Sans Unicode","Lucida Grande",Tahoma,Helvetica,sans-serif;} #navigation li { float:left; margin:0; padding:0; text-align:center;} #navigation li a { font-size:16px; line-height: 1.5em; display:block; padding:2px 5px 2px 5px; height:100%; color:#000; text-decoration:none; background:url(../images/bg2.jpg) repeat-x scroll 0 0;} #navigation a.current{ background:url(../images/bg-on.jpg) repeat-x scroll -295px 0; color: white;} #navigation ul{ z-index: 2;} #navigation ul.active{ z-index: -1;} /*#navigation li a:hover { background-position:50px 0;}*/ #navigation li ul{ left: 0; position: absolute; width:890px; margin-top:2px; display: none;} #navigation li ul li{ font-size:13px; float:left; margin:0; padding:0; height: 32px; overflow: hidden; text-align:center;} #navigation li ul li a { font-size:13px; display:block; padding:8px 1px 4px 0; height:100%; color:#21709a; text-decoration:none;} /* main section*/ 
.who{ width: 125px; border-right:1px solid #b3b3b3;} 
.what{ width: 125px; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} 
.how{ width: 140px; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} 
.contact{ width: 155px; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} 
.library{ width: 175px; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} 
.ncontact{ width: 153px; border: none; border-left:1px solid #b3b3b3;}
/*who we are section*/ .history{ width: 128px; border-right:1px solid #b3b3b3;} .team{ width: 106px; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} .jr{ width: 90px; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} .epoch{ width: 112px; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} .customers{ width: 138px; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} .partners{ width: 131px; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} .community{ width: 160px; border-left:1px solid #b3b3b3;} /*what we do section*/ .assembly{ font-size: 9px; line-height: 11px; width: 120px; padding:0; border-right:1px solid #b3b3b3;} .metal{ font-size: 9px; line-height: 11px; width: 120px; padding:0; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} .plastic{ font-size: 9px; line-height: 11px; width: 141px; padding:0; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} .parttesting{ font-size: 9px; line-height: 11px; width: 135px; padding:0; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} .processdev{ font-size: 9px; line-height: 11px; width: 140px; padding:0; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} #header .vision{ width: 80px; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} .business{ font-size: 9px; line-height: 11px; width: 130px; padding:0; border-left:1px solid #b3b3b3;} /*how we do it*/ .proe{ width: 292px; border-right:1px solid #b3b3b3;} .fea{ width: 292px; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} .simulation{ width: 292px; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} /*industries served*/ #header .aerospace{ width: 90px; border-right:1px solid #b3b3b3;} #header .automotive{ width: 100px; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} #header .construction{ width: 110px; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} .consumer{ font-size: 9px; line-height: 11px; width: 100px; padding:0; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} .food{ font-size: 9px; line-height: 11px; width: 100px; padding:0; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} #header .furniture{ width: 90px; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} .green{ font-size: 9px; line-height: 11px; width: 75px; padding:0; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} #header .medical{ width: 75px; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;} #header .pharmaceutical{ width: 120px; border-left:1px solid #b3b3b3;} /* Content -----------------------------------------------------------------------------*/ #content{ height: 477px; width: 1100px; background: url('../images/content-index.jpg') no-repeat; overflow: hidden; overflow-x: hidden;} #content-inner{ float: left; display: inline; height: 477px; width: 1100px; background: url('../images/content-inner.jpg') no-repeat;} #box{ background-color: white; border: 1px solid #666; display: none; float: left; position: relative; margin-top:20px; left: 380px; width: 40px; height: 40px;} #box-contents{ padding: 10px 20px;} /* Footer -----------------------------------------------------------------------------*/ #footer{ width: 1100px; height: 124px; background: url('../images/footer.jpg') no-repeat; color: #999; text-align: right; clear: both;} #footer ul{ padding-top:1px;} #footer li{ padding: 0; margin: 0; float: left; display: inline;} #footer a img{ padding: 0; margin: 0; opacity:0;} #footer .contact{ float: right; display: inline; width: 120px; height: 25px; margin: 15px 30px 0 0; border: none;} /* Forms & Buttons -----------------------------------------------------------------------------*/ input.text { padding: 3px; border: 1px solid #666;} /* ----- BUTTONS ----- */ input.btTxt{ padding:0 7px; width:auto; overflow:visible;} .buttons input{ font-size:120%; margin-right: 5px;} .buttons{ clear:both; padding: 0; margin: 0 15px 10px;} .buttons a, button, input.file, .submit{ display:block; float:left; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:11px;; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px 10px 6px 7px; /* Links */} .buttons a:hover, .buttons button:hover, .submit:hover{ display:block; float: left; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:11px; line-height:130%; text-decoration:none; font-weight:bold; color:#529214; cursor:pointer; padding:5px 10px 6px 7px; /* Links */} button{ width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */} button[type], button[type]:hover{ padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */} *:first-child+html button[type]{ padding:4px 10px 3px 7px; /* IE7 */} button img, .buttons a img, .buttons img{ position: relative; margin:0 3px -3px 0 !important; padding:0; border:none; width:12px; height:12px;} /* STANDARD */ .buttons button:hover, .buttons a:hover{ background-color:#999; border:1px solid #666; color: #333;} .buttons a:active{ background-color:#529214; border:1px solid #529214; color:#fff;} /* POSITIVE */ button.positive, a.positive, .positive{ color:#529214;} a.positive:hover, button.positive:hover{ background-color:#E6EFC2; border:1px solid #C6D880; color:#529214;} a.positive:active{ background-color:#529214; border:1px solid #529214; color:#fff;} /* NEGATIVE */ a.negative, button.negative, .negative{ color:#d12f19;} a.negative:hover, button.negative:hover{ background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19;} a.negative:active{ background-color:#d12f19; border:1px solid #d12f19; color:#fff;} /* EDIT */ a.edit, button.edit{ color: #d1ca32;} a.edit:hover, button.edit:hover{ background:#fbf6de; border:1px solid #d1ca32; color:#d1ca32;} a.edit:active{ background-color:#d1ca32; border:1px solid #d1ca32; color:#fff;} /* END OF BUTTONS */ /* Tables  -----------------------------------------------------------------------------*/ table{  border-spacing: 0; border-collapse: collapse;} td { text-align: left; font-weight: normal;} .hide{ display: none;}