/* GENERAL CSS RESET STYLES */
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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, 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; outline: 0; }
/* remember to define focus styles! */
/* fix for ff3 outline */
a { outline: none }
/* end fix for ff3 outline */
:focus { outline: 0; }
body { line-height: 12px; color: black; background-color: white; font-size: 12px; font-family: Myriad Pro, Arial, Helvetica, sans-serif; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* LINK CSS */
a {}
a:link { }
a:visited{ }
a:active { }
a:hover { }
/* H1 -> H2 Tags */
h1 { font-size: 30px; font-weight: normal; }
h2 { font-size: 24px; font-weight: normal; }
h3 { font-size: 18px; font-weight: normal; }
h4 { font-size: 12px; font-weight: normal; }
h5 { font-size: 11px; font-weight: normal; }
/* end of header styles */
/* INPUT ITEMS TEXT, IE7 HAS Border: 2px all around and PADDING 1px ALL AROUND. FIREFOX DOES NOT HAVE THE LEFT ADN RIGHT PADDING */
input { padding: 0px; margin: 0px; border: 0px; }
textarea { padding: 0px; margin: 0px; border: 0px; }
/* IMAGES MUST HAVE DISPLAY BLOCK TO PREVENT IE6 FROM DISPLAYING A 2-3 PX BUG */
img { display: block; }
/* end of other weird bugs discovered category */
/* END OF RESET STYLES CSS */
/* USEFULL GENERAL CSS CLASSES ALWAYS USED */
.floatLeft { float: left; }
.floatRight { float: right; }
.clear, #pageWrap .clear { float: none; clear: both; overflow: hidden; height: 0px; padding: 0px; margin: 0px; }
.noMargins { margin: 0px 0px 0px 0px; }
.noPadding { padding: 0px 0px 0px 0px; }
.noMarginsOrPadding { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
/* CLASSES EDITED AT EACH PAGE CREATION == ACTUAL CSS FILE HERE */
/* smallest size at the top, largest at the bottom */
.size1 {}
.size2 {}
.size3 {}
.size4 {}
.size5 {}
.size6 {}
.size7 {}
.size8 {}
.size9 {}
/* end custom size classes*/
/* Border Style -> ALL PAGES UNDER THIS
t
t b
t b l
t b l r
t b l r bl
t b l r bl br
t b l r bl br tl
t b l r bl br tl tr
t b l r bl br tl tr background: none afterwards else lots of troubles and headaches, mofo
*/
/* ========================= PAGE CSS ========================= */
/* ================== CONTENT ==============
1) GENERAL CSS
2) Homepage Specific CSS
3) SubPage Specific CSS
*/
/* ============== General CSS =================== */
body { background-color: #2e7cbc;}
#pageWrap { width: 1004px; margin: 0px auto;}
.header { width: 1004px;}
.content { width: 1004px; background-image: url("./../images/int.jpg"); background-repeat: no-repeat; background-position: left top; padding-top: 25px;}
.leftSide { background-image: url("./../images/lintecRight.jpg"); background-repeat: no-repeat; background-position: left top; width: 200px; height: 564px}
.leftSide ul { }
.leftSide li a { display: block; height: 30px; width: 140px; }
.leftSide li a.aboutUs { margin: 35px 0px 0px 40px;}
.leftSide li a.labelProd { margin: 24px 0px 0px 35px;}
.leftSide li a.printProd { margin: 26px 0px 0px 20px;}
.leftSide li a.graphicDesign { margin: 25px 0px 0px 5px;}
.leftSide li a.customerLogin { margin: 27px 0px 0px 0px;}
.leftSide li a.contactUs { margin: 26px 0px 0px 15px;}
.leftSide p { margin-top: 100px; font-family: Myriad Pro, arial, helvetica; font-size: 15px; color: #fff; line-height: 16px; padding-left:5px; text-align: left;}
.leftSide a {color: #FFFFFF;}
.rightSide { width: 804px; height: 564px; background-color: gray;}
.addedValue { background-image: url("./../images/addedValue.jpg"); background-repeat: no-repeat; background-position: left top; padding: 25px; width: 754px; height: 514px;}
.addedValue h1 { font-size: 36px; line-height: 40px; margin-bottom: 5px; color: #005983; font-weight: bold;}
.addedValue ul { font-family: "Arial Narrow", Arial, Helvetica; font-size: 17px; font-weight: bold; line-height: 21px; padding-left: 25px; list-style-type: disc; letter-spacing: -1px;}
.community { background-image: url("./../images/community.jpg"); background-repeat: no-repeat; background-position: left top; padding: 130px 15px 0px 15px; width: 774px; height: 434px;}
.community h1 { font-size: 36px; line-height: 40px; text-align: center; margin-bottom: 30px; color: #005983; font-weight: bold;}
.community p { font-size: 19px; line-height: 23px; color: #231f20; font-weight: bold;}
.environment { background-image: url("./../images/environment.jpg"); background-repeat: no-repeat; background-position: left top; padding: 90px 20px 0px 20px; width: 764px; height: 475px; background-color: gray;}
.environment h1 { font-size: 36px; line-height: 40px; text-align: center; margin-bottom: 60px; color: #005983; font-weight: bold;}
.environment p { font-size: 19px; line-height: 23px; color: #231f20; font-weight: bold;}
.graphic { background-image: url("./../images/graphic.jpg"); background-repeat: no-repeat; background-position: left top; padding: 160px 20px 0px 20px; width: 764px; height: 404px;}
.graphic h1 { margin-left: 220px; font-weight: bold; font-size: 30px; line-height: 34px; color: #005983; font-family: "Arial Narrow", arial, helvetica;}
.graphic ul { list-style-type: disc; font-size: 18px; font-weight: normal; line-height: 22px; margin-left: 220px; list-style-position: inside; line-height: 22px; }
.graphic p { margin-top: 200px; font-size: 16px; line-height:20px; color: #231f20; font-weight: bold;}
.rollover { background-image: url("./../images/rollover.jpg"); background-repeat: no-repeat; background-position: left top;}
.rollover a { display: block; position: absolute; padding: 0px; width: 326px; height: 220px; background-image: none;}
.rollover a.whyLintec { margin: 30px 0px 0px 37px; z-index: 1; }
.rollover a.valueAdded { margin: 30px 0px 0px 444px; z-index: 2;}
.rollover a.environmental {margin: 310px 0px 0px 37px; z-index: 3;}
.rollover a.community { margin: 310px 0px 0px 444px; z-index: 4 ; }
.print { background-image: url('./../images/print.jpg'); background-repeat: no-repeat; background-position: left top; font-size: 15px; line-height: 19px; font-weight: bold;}
.print .a, .print .b , .print .c , .print .d { position: absolute; letter-spacing: 0px;}
.print p { font-size: 15px; margin-top: 490px; padding: 0px 15px; line-height: 19px; font-weight: bold; letter-spacing: -1px;}
.print .a { margin: 20px 0px 0px 15px; padding: 0px;}
.print .b { margin: 20px 0px 0px 335px; padding: 0px;}
.print .c { margin: 235px 0px 0px 83px; list-style-type: disc; }
.print .d { margin: 190px 0px 0px 400px; list-style-type: disc; }
.lintec { background-image: url("./../images/whyLintec.jpg"); background-repeat: no-repeat; background-position: left top; }
.lintec h1 { text-align: center; font-weight: bold; font-size: 60px; line-height: 72px; color: #005983; margin-bottom:25px; margin-top: 25px; }
.lintec p { font-size: 16px; line-height: 20px; font-weight: bold; margin-bottom: 30px; color: #010101; padding: 0px 10px;}
.labels { background-image: url("./../images/labels.jpg"); background-repeat: no-repeat; background-position: left top;}
.labels div { position: absolute;}
.labels div h1 { font-size: 30px; line-height: 34px; color: #005983; font-weight: bold; font-family: "arial narrow", arial, helvetica; letter-spacing: -2px;}
.labels div ul { list-style-type: disc; font-size:13px; font-weight: bold; line-height: 22px; }
.labels div.a { margin-left: 298px; margin-top: 40px;}
.labels div.b { margin-top: 410px; margin-left: 20px;}
.labels div.c { margin-left: 368px; margin-top: 378px;}
.labels div.d { margin-left: 600px; margin-top: 20px;}
.labelsx2 { background-image: url("./../images/moreLabels.jpg"); background-repeat: no-repeat; background-position: left top;}