/* Alterna Corp CSS Global */ #wrapper {background-color:#FFF;color:#3E3E3E;text-align:left;margin:0 auto 0 auto;padding:0;width:1008px} #main {width:100%; background-image:url(../assets/global/LC_Grad.gif); background-position:top right; background-repeat:repeat-y; margin:0; padding:0; top:151px} #main-product {width:100%; background-image:url(../assets/global/ProductsNavBar.jpg); background-position:top left; background-repeat:no-repeat; margin:0; padding:0; top:151px} #main-fprojects {width:100%; background-image:url(../assets/global/Mast-right_curls.gif); background-position:top right; background-repeat:no-repeat; background-color:none; margin:0; padding:0; top:151px} #main-fwidth {width:100%; background-image:url(../assets/global/Mast-right_curls.gif); background-position:top right; background-repeat:no-repeat; background-color:none; margin:0; padding:0; top:151px} #main2, #main2-product, #main2-fprojects {margin:0; padding:0} p, #content .inner p, #content-products .inner p, #content-products .inner td {color: #545454;font-size: 105%;line-height: 1.6em;margin: 0 0 6px 0} img {border:none} img.floatleft-pad {float:left; padding:0 15px 5px 0} img.floatright-pad {float:right; padding:0 0 5px 15px} a:active {outline:none} a {outline:expression(hideFocus=‘true’); outline:0}/*Hide dotted outline in FF+IE*/ sup {font-size: 60%} abbr, acronym, span.abbr {cursor:help; border-bottom:1px dotted #000;} #content {margin:0 235px 0 210px; background-color:white; color:#545454; height:100%; padding:0}/*-- -Top Icon fix for IE take out bottom margin = margin:0 235px -12px 210px; ---*/ #content-fw {margin:0; background-color: none; color:#545454; height:100%; padding:0}/*-- -fw = Full width no sidebars/columns ---*//*-- -Top Icon fix for IE take out bottom margin = margin:0 0 -6px 0; ---*/ hr {border:1px dashed #CCC} #content-fw div.hr-fw {background:#fff url(../assets/global/hr-fw.gif) no-repeat scroll center; height:29px; margin:-5px 0; padding:0; border:0} #content-fw div.hr-fw hr {display: none} /*-------Mainfeature-------------------------------------------------------------*/ #mainfeature{background-color:#FFF; color:#666; padding:7em 2em 0em 260px; height:1%; margin:0; background-image:url(../assets/global/FD_CHEM.jpg); background-repeat:no-repeat} #mainfeature h2{margin:0; font-weight:normal; font-size:140%} #mainfeature p{font-size:110%} #mainfeature p.more{margin-top:0; text-align:right} #mainfeature p.more a:link, #mainfeature p.more a:visited{color:white; background-image:url(img/more-bullet.gif); background-repeat:no-repeat; background-position:center left; padding-left:14px} /*-------------------------------------------------------------------------------*/ #content .inner {margin:0px 20px 18px 20px; padding:0 } #content-products .inner {margin:0 40px 18px 40px; padding:0} /*-products is Smith & Fong Specific-*/ #content-fw .inner {margin:20px 40px 18px 40px; padding:0} #content-products .inner a.seeproduct {padding:4px; background:#E8EFE5; border:solid 1px #336600} #content .inner h2, #content-products .inner h2, #content--fw .inner h2 {color:#2A4D1F;padding:2px 0 4px 0;margin:0;font-size:115%; line-height:1.2em } #content .inner h2 a:link, #content .inner h2 a:visited {color:#2A4D1F} #content .inner h2 a:hover, #content .inner h2 a:active {color:#00F} #content .inner h3, #content-fw .inner h3, #content-products .inner h3 {font-size:150%; padding:0 0 3px 0; margin:0; color:#2A4D1F} #content .inner h3 a:link, #content-fw .inner h3 a:link, #content .inner h3 a:visited, #content-fw .inner h3 a:visited {color: #245185;} #content .inner h4, #content-products .inner h4 {font-size:120%;font-weight: bold;padding:5px 0 3px 0;margin:0;color:#2A4D1F} #content .inner h5, #content-fw .inner h5 {font-size: 125%;color: #992523;margin: 0;padding: 3px 0;} .oneonefive {font-size:115%} #content .inner ul, #content-fw .inner ul {margin:0; padding:0; list-style:none} #content .inner p.choose, #content-fw .inner p.choose {font-size:150%; text-align:center; letter-spacing:1px; font-weight:bolder; color:#3E5E4A; padding:15px 0 0 0} #content .inner table.productselector { width:100%; padding:0 20px 0 0; margin:0; text-align:center} #content .inner table.productselector td {padding: 0 10px} #content-fw .inner table.products-2 td {padding: 0 10px; margin:20px} #content-fw .inner table.products-3 {width:100%} #content-fw .inner table.products-3 td {padding: 25px} #content-fw .inner table.products-3 p {line-height:1.2em; padding-bottom:8px} #content-fw .inner table.products-3 ul ul {line-height:1em}/*- This should be pointless*/ #content-fw .inner table td {vertical-align:text-top} #content-fw .inner table td.line1, .line1 {border-top:#2A4D1F dashed 1px} /*- assign border line where desired via class*/ #content-fw .inner table td.line2, .line2 {border-right:#2A4D1F dashed 1px} #content-fw .inner table td.line3, .line3 {border-bottom:#2A4D1F dashed 1px} #content-fw .inner table td.line4, .line4 {border-left:#2A4D1F dashed 1px} table.padded-table td { padding:10px; } #content li, #content-fw li {margin:0; padding:0 0 0.5em 0} #content-fw .inner table li {line-height:1.2em} #content .inner ul ul, #content-fw .inner ul ul {list-style-type:none; color:#545454; list-style-image:url(../assets/global/More-Bullet-White.gif); line-height:1.4em; font-size:105%; padding:0; margin:0 0 0 20px} #content .inner ul ul a:link, #content-fw .inner ul ul a:link, #content .inner ul ul a:visited, #content-fw .inner ul ul a:visited {text-decoration:none; color:#2E603D; font-weight:bold} #content .inner ul ul a:hover, #content-fw .inner ul ul a:hover, #content .inner ul ul a:active, #content-fw .inner ul ul a:active {text-decoration:underline; color:#33C} #content .inner span.disclaimer, #content-fw .inner span.disclaimer {font-size:70%; color:#030} #content .inner .products, #content-fw .inner .products {text-align:center; padding:20px 0 30px 0; font-weight:bolder; font-size:200%; letter-spacing:2px} /*#content .inner h3 sup, #content .inner p *//*sup { font-size: 60%;}*/ /*h2 sup, h3 sup, h4 sup { font-size: 70%;}*/ /*#content .inner h4 {font-size: 85%;color: #999999;margin: 0;padding: 3px 0;}*/ /*#content .inner p sup {font-size: 85%;}*/ #content .inner p, #content-fw .inner p {color: #545454; font-size: 105%; line-height: 1.6em; margin: 0 0 6px 0;} #content .inner p ul, #content-fw .inner p ul {margin: 0;padding: 0;list-style: none;} #content .inner li img, #content-fw .inner li img { /*Should make this redundent use below but had problems*/float: left;margin: 0 5px 0 0;} #content .inner p a:link, #content .inner p a:visited, #content-fw .inner p a:link, #content-fw .inner p a:visited, #content .inner td a:link, #content .inner td a:visited,/*Should not need the td as styles should cascade - to be checked ?????????????????????????????????*/ #content-products a:link, #content-products a:visited {text-decoration: none;color: #2E603D;font-weight: bold;} #content .inner p a:hover, #content .inner p a:active, #content-fw .inner p a:hover, #content-fw .inner p a:active, #content .inner td a:hover, #content .inner td a:active, #content-products a:hover, #content-products a:active {text-decoration: underline; color: #3333CC;} a:link, a:visited { text-decoration: none; color: 112C04 }/*Should make all above link styles redundant and set global style - to be checked ?????????????????????????????????*/ a:hover, a:active { text-decoration: underline; color: #3333CC} #content .inner p.author, #content-fw .inner p.author {font-weight: bold; font-style: italic;} #content .inner p.more, #content-fw .inner p.more {margin-top: 0;text-align: right;} #content .inner p.more a:link, #content .inner p.more a:visited , #content-fw .inner p.more a:link, #content-fw .inner p.more a:visited {background-image: url(../assets/global/More-Bullet-White2.gif);background-repeat: no-repeat;background-position: center left;padding-left: 8px;font-size: 90%;color: #336633;} /*#content .inner #leftfloat { float:left; width:132px; height:auto; margin:0 20px 0 0; padding:0}*/ /*#content .inner .leftfloat { float:left; clear:none; margin:0 20px 0 0; padding:40px 0 0 0}*/ #content .inner .leftfloat img, #content-fw .inner .leftfloat img { padding:15px 0 0 0} #content .inner .leftfloat a, #content-fw .inner .leftfloat a { text-decoration:none; color: #2E603D; font-weight:bold; padding:0} #content .inner .leftfloat a:hover, #content-fw .inner .leftfloat a:hover { text-decoration:underline; color: #3333CC; font-weight:bold} #content img.leftfloat, #content-fw img.leftfloat {float:left; margin:0 8px 0 0} #content img.rightfloat, #content-fw img.rightfloat {float:right; margin:0 0 0 5px} #content .inner .clean_img, #content-fw .inner .clean_img, #content-fprojects .feature .clean_img {margin:0; padding:0; float:none} /*-------Index Page News Features -------------------------------------------------------*/ #content .bottomOut {background:url(/assets/news/08/feature_BottomOut.gif) no-repeat bottom right} /*-------About Page Submenu Navigation-------------------------------------------------------------*/ #content .inner #subheader {margin: 0; padding: 0; width: 517px; height:170px; background: url(/assets/global/About-Us-Header.jpg) no-repeat; color: #FFFFFF} #content .inner .about_submenu{margin:0 0 0 0; padding:30px 0 0 170px; line-height:1em; letter-spacing:0.1em; text-transform:uppercase; font:Verdana,Arial,Helvetica,sans-serif; font-weight:bolder; font-size:0.9em; color:#FFF} #content .inner .about_submenu p{color:#FFF} #content .inner #subheader a:link, #content .inner #subheader a:visited{color:#FFF; text-decoration:none} #content .inner #subheader a:hover, #content .inner #subheader a:active{color:#2A4D1F; text-decoration:none} /*--------------------------------------------------------------------------------------------*/ #content .inner p.Top, #content-fw .inner p.Top, #content-products .inner p.Top, #newscontent .inner p.Top, #content-fprojects .inner p.Top { font-weight:bold; text-align:right; line-height:1em} #content .inner p.Top a:link, #content .inner p.Top a:visited, #content-fw .inner p.Top a:link, #content-fw .inner p.Top a:visited, #content-products .inner p.Top a:link, #content-products .inner p.Top a:visited, #newscontent .inner p.Top a:link, #newscontent .inner p.Top a:visited, #content-fprojects .inner p.Top a:link, #content-fprojects .inner p.Top a:visited {font-size:90%; color:#FFF; font-weight:bold; text-decoration:none; margin:0; padding:0} #content .inner p.Top a:hover, #content .inner p.Top a:active, #content-fw .inner p.Top a:hover, #content-fw .inner p.Top a:active, #content-products .inner p.Top a:hover, #content-products .inner p.Top a:active, #newscontent .inner p.Top a:hover, #newscontent .inner p.Top a:active, #content-fprojects .inner p.Top a:hover, #content-fprojects .inner p.Top a:active {color:#2E603D; font-weight:bold; text-decoration:none} img.Top, #newscontent .inner img.Top, #content-fw .inner img.Top, #content-products .inner img.Top, #newscontent .inner img.Top, #content-fprojects .inner img.Top { float:none; margin:0 0 -5px 0} /* NOTE: #newscontent "Top" styles duplicated in style_News.css */ .rounded {border:1px solid #903; zoom:1; /* causes IE to behave properly */font-size:90%; font-weight:bold; text-align:center; width:400px; margin:10px 55px 0 55px; background:#EEECF0} .tl {background:url(../assets/global/box2tl.gif) no-repeat left top; margin:-1px}/* the margin pushes the container out 2px to line up borders */ .tr {background:url(../assets/global/box2tr.gif) no-repeat right top} .br {background:url(../assets/global/box2br.gif) no-repeat right bottom} .bl {background:url(../assets/global/box2bl.gif) no-repeat left bottom; padding:2px 10px} .tr, .tl, .bl, .br {zoom:1; position:relative} #greenguide {margin:10px} /*-------SIDEBAR (right)------------------------------------------------------------------*/ #sidebar {float:right; width:226px; color:#666; margin:0; padding:0} #sidebar h3 {font-size:120%; letter-spacing:1px;margin:0;padding:10px 0 0 0;font-weight:bold;border-top:2px solid #AAACAD;color:#646464;word-spacing:0.05em} #sidebar h4 {font-size:108%; margin:0; padding:5px 0; font-weight:bold; color:#718071} #sidebar .inner {padding:0 5px 15px 20px} #sidebar ul {padding:0 0 0 5px; margin:0 0 0 10px}/* take above out if problems occure */ #sidebar p, #sidebar li {font-size:90%; line-height:1.3em; list-style-image:url(../assets/global/More-Bullet.gif); margin-bottom:5px} #sidebar ul a:link, #sidebar ul a:visited {color:#333; text-decoration:none} #sidebar ul a:hover, #sidebar ul a:active {color:#360} #sidebar .date {font-weight:bold; font-size:110%; word-spacing:0; letter-spacing:0; /*0.05em*/} #sidebar .location {font-size:95%; color:#030} #sidebar .thstrd {font-size:80%} /* DIVISION MENU---------------------------------------------------------------------- */ #divison_menu ul, li {list-style-type: none; margin:0;padding:0;} #divison_menu ul {/*position: absolute; (positionning for IE5 and IE5.5) top: 50px; left: 20%;*/ background: transparent url(../assets/global/division_menu.jpg) top left no-repeat; /* general menu background one file only*/ width: 226px;padding-top: 0px;text-align: center} #divison_menu li {display: inline;}/* correction for IE5 and IE5.5 */ #divison_menu li a { /* buttons dimensions and definitions */ display: block; /* A tag place in block to give it dimensions */ height: 25px; width: 226px; text-decoration: none; line-height: 25px; /* line height to avoid paddings */} #divison_menu li a:hover { color: #000; background: transparent url(../assets/global/division_menu.jpg) top left no-repeat; }/* offset placement of background for each button */ #divison_menu a#corp:hover {background-position: -226px 0px;} #divison_menu a#pack:hover {background-position: -226px -25px;} #divison_menu a#chem:hover {background-position: -226px -50px;} #divison_menu a#build:hover {background-position: -226px -75px;} #divison_menu a#power:hover {background-position: -226px -100px;} #divison_menu a#fuel:hover {background-position: -226px -125px;} /* CONSEREVE MENU - right top sidebar --------------------------------------------------------------------- */ #conserve_menu ul, li {list-style-type: none; margin:0;padding:0} #conserve_menu ul {/*position: absolute;(positionning for IE5 and IE5.5) top: 50px;left: 20%;*/ background: transparent url(../assets/global/conserve_menu.jpg) top left no-repeat; /* general menu background one file only*/ width: 226px; padding-top: 0px; text-align: center;} #conserve_menu li {display: inline;}/* correction for IE5 and IE5.5 */ #conserve_menu li a { /* buttons dimensions and definitions */display: block; /* A tag place in block to give it dimensions */height: 25px;width: 226px;text-decoration: none;line-height: 25px; /* line height to avoid paddings */} #conserve_menu li a:hover {color: #000;background: transparent url(../assets/global/conserve_menu.jpg) top left no-repeat;} /* offset placement of background for each button */ #conserve_menu a#water:hover {background-position: -226px 0px;} #conserve_menu a#resources:hover {background-position: -226px -25px;} #conserve_menu a#energy:hover {background-position: -226px -50px;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Products Pages (Smith and Fong inc top subnavigation) (Other styles related to Products pages dotted throughout ------------------- */ #content-products {margin:0; background-color:white; color:#545454; height:100%; padding:0} #content-products .techspecs1 {padding: 60px 0 0 0; background:url(../assets/global/products-grad-1.jpg) no-repeat; width:100%; clear:both} #content-products .techspecs1 .float-left {float:left; clear:none; width:500px; margin:0 45px 0 0} #content-products .techspecs2 {border-top:#003300 solid 1px; background:url(../assets/global/products-grad-2.jpg) repeat-x; width:100%; clear:both} #content-products p, .techspecs1 p, .techspecs2 p { margin:0; padding:0 0 5px 0; line-height:130%} #content-products .techspecs1 sup.span {font-size:90%} #content-products .techspecs2 .float-left{ float:left !important; clear:none; width:350px; margin:0; padding:0 0 0 30px} #content-products .techspecs2 .float-right2 {float:left !important; clear:none; margin:0 0 0 30px; border-left:#003300 dashed 1px; padding:0 0 0 40px} #content-products .techspecs2 .float-right {float:right !important; margin:0 30px 0 0; border-left:#003300 dashed 1px; padding:0 0 0 40px}/* IE6 render issue. replaced with above */ #content-products h3 span { display:block; padding:15px 12px; text-align:center } div.specs-right {float:right; clear:none; margin: 30px 0 0 40px; border-right:#CC0000 dashed 1px; padding:0} #nav-products {width:100%; height:25px; text-align:center; margin:-1px 0 0 0; padding:0; clear:both} a.nav-products, a.nav-products:link, a.nav-products:visited {display:block; width:120px; height:25px; padding:2px 0 0 0; border:none; text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:12px; color:#000; line-height:20px; overflow:hidden; float:left} a.nav-products:hover { font-weight:bold; color:#333; background:#fff} a.nav-products:active {color:#000; background:#fff} #nav-sub-products {width:100%; height:28px; text-align:center; margin: 0; padding:0; clear:both} a.nav-sub-products, a.nav-sub-products:link, a.nav-sub-products:visited {display:block; width:120px; height:25px; padding:2px 0 0 0; border:none; text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:12px; color:#4b7135; line-height:20px; overflow:hidden; float:left} a.nav-sub-products:hover { font-weight:bold; color:#333} a.nav-sub-products:active {color:#000; background:#fff} #product-intro {margin:0; padding:0; width:245px; float:left; clear:none} td.fieldtitle { color:#2A4D1F} td.fieldbold {font-weight:bold; font-size:110%} td.textcenter {text-align:center} td.heading1 {font-size:115%; font-weight:bold; background:#C4D5B8; padding:5px; margin:4px 0} td.highlight {background:#E8EFE5} td.product-specialist-box {padding:20px 0 0 0} img.feature-pic {float:left; clear:none; margin:30px 0 0 25px; padding:0} img.tech-pic-framed {background:#FFF; padding:5px; margin:0 } img.absmiddle { margin:0 0 -3px 0} /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Featured Projects Pages (Some other styles related to this page dotted throughout style sheet ! ------------------- */ #content-fprojects {margin:0; background:none; color:#545454; height:100%; padding:0} #content-fprojects .feature {margin:0 40px; padding:0; background: url(../assets/fproject/feature-project-header.gif) 0 20px no-repeat; height:100%; clear:both} #content-fprojects .feature .feature-intro { padding:0 0 0 15px} #content-fprojects .feature .feature-intro h2 {color:#2A4D1F; font: bold 2em "Verdana, Arial, Helvetica", sans-serif; padding:20px 0 10px 50px} /*color:#2A4D1F*/ #content-fprojects .feature .feature-intro h3, .feature .feature-intro p {padding: 0 0 0 30px} #content-fprojects .feature .feature-intro h3 {color:#1F2924} #content-fprojects .feature img {float:right; margin:35px 5px 3px 20px} #content-fprojects .feature img.pfacts-specs {float:left; margin:9px 0 5px 10px; padding:0} #content-fprojects .feature table {margin:5px 0 0 55px; padding:0; background:none} #content-fprojects .feature table td.heading-fprojecs-facts {background:url(../assets/fproject/bg_pfacts-specs-grad.jpg) 0 0 no-repeat; background-color:#acc0a0} #content-fprojects .feature table td.spacer {width:30px; border-right:#2A4D1F dashed 1px} #content-fprojects .feature table td.padleft {padding:0 0 0 25px} /*-------SIDEBAR 2 (left)-------------------------------------------------------------------------------*/ #searchform .text {width:196px; border:1px solid #45bac0} #searchform .searchbutton {text-align:right; margin-top:4px} #searchform .btn {border:1px solid #45bac0; background-color:#256290; color:white} #sidebar p.more {clear:right; margin:0 20px 0 0; text-align:right} #sidebar p.more a:link, #sidebar p.more a:visited {color:#4B6645; text-decoration:none} #sidebar p.more a:hover, #sidebar p.more a:active {color:#A1BB9A; text-decoration:underline} #sidebar2 {float:left; width:205px; color:black; margin:0; padding:0} #sidebar2 .inner {margin:0; padding:0} #sidebar2 .inner p {font-size:100%; color:#555; margin:0 8px; line-height:180%} #sidebar2 a:link, #sidebar2 a:visited {color:#245185; font-weight:bold} #sidebar2 h3 {color:#245185; padding-bottom:0.2em; border-bottom:1px solid #b9d2e3; font-size: 110%} #sidebar2 .inner img {padding:0; margin:5px 0 0 10px} #sidebar2 .innercamiotext {margin:0; padding:8px} #sidebar2 .innercamiotext p {font-size:12px; line-height:17px; text-align:justify; text-indent:25px} #sidebar2 .innercamiotext img {float:left; margin:3px} /* Photo-Caption PZ3 CSS - DID NOT WORK IN IE7 PROPERLY - NOT USED. MIGHT HAVE TO REST EVERYTHING START AGAIN! http://randsco.com/_miscPgs/cssZoomPZ3.html*/ .PZ3-l { float:left; margin-right:10px; } .PZ3-r { float:right; margin-left:10px; direction:rtl; } html>/**/body .PZ3-r { position:relative; } .PZ3zoom { border:1px solid #677674; } .PZ3zoom a,.PZ3zoom a:visited { display:block; padding:0; overflow:hidden; text-decoration:none; height:100%; width:100%; } html>/**/body .PZ3-r a { right:0; } .PZ3zoom a:hover { position:absolute; z-index:999; padding:0; background:#A7C19A; cursor:default; height:auto; width:auto; overflow:visible; border:1px solid #A7C19A; margin:-1px 0 0 -1px; text-decoration:none} html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; } .PZ3zoom a img { border:0; height:100%; width:100%} .PZ3zoom a:hover img { height:auto; width:auto; border:0} .PZ3zoom a:active img { text-decoration:none; } .PZ3zoom a:hover img.yyy { display:none; height:auto; width:auto;}/* hides cameo pic on hover */ /* .PZ3cap { display:none; } stk 12-Apr-2007 */ a:hover .PZ3cap, a:hover .PZ31cap { display:block; direction:ltr; font:10pt Arail,sans-serif; text-decoration:none; margin-top:0; background:#A7C19A; color:#595959; text-align:left; } a:active .PZ3cap, a:active .PZ31cap {text-decoration:none; } a:hover .PZ3cap { padding:3px 5px 10px 5px; } .PZ3inr { display:block; padding:2px 5px; margin:0 0 10px 0} .noCap a:hover .PZ3cap, .noCap a:hover .PZ31cap { display:none; } .noBdr,.noBdr a:hover { border:0; } .Lnk a:hover { cursor:pointer; } /*------------------------------------------------------------------------------------------------------------*/ #fp{/* Globla Featured Product Heading - unique color applied locally */font:bolder 150% Arial,Helvetica,sans-serif; letter-spacing:0.1em; margin:10px} #footer p{ font-size:80%; color:#CCC; margin:0; padding:0 0 0.2em 0.6em} #clearone {clear:both; height:1%} #zixoda {margin:-8px auto 3px auto; padding:0; width:1008px; clear:both; text-align:right} #zixoda .zixoda a:link, #zixoda .zixoda a:visited {font:bold 8px Geneva,Arial,Helvetica,sans-serif; text-transform:uppercase; color:#8C7B7C; letter-spacing:0.1em; text-decoration:none} #zixoda .zixoda a:hover, #zixoda .zixoda a:active {color:red; text-decoration:underline; font-weight:bolder; font-size:1em} /*---Extended Footer - with navigation + link content-----------------------------*/ #footer-ex {width:1008px; height:100%; background:#C4CAC4 url(../assets/global/bg_footer-top-grad.jpg) top left no-repeat; margin:0 auto 0 auto ; padding:0} #footer-ex h4 { line-height:100%; color:#E9EAE4; margin:0; padding:0 0 0.4em 0; letter-spacing:1px} #footer-ex a:link, #footer-ex a:visited {font-size:90%; color:#112C04; display:block; margin:0; padding:2px 0 5px 0} #footer-ex a:hover {text-decoration:underline; color:#FFF} #footer-ex #colm1 { float:left; clear:none; width:160px; margin:130px 0 -20px 0; padding:0 20px 0 40px } #footer-ex #colm1 a {padding-bottom:.8em} #footer-ex #colm1 a span {color:#737B77} #footer-ex #colm1 a.last_anchor {padding-bottom:0} #footer-ex #colm2 { float:left; clear:none; width:400px; margin:130px 15px -20px 0; padding:0 0 0 25px; border-left:#424242 dotted 1px } #footer-ex #colm2 p {font-size:100%; line-height:140%; color:#42;margin:0;padding:0 0 8px 0} #footer-ex #colm2 p span { font-weight:bold} #footer-ex #colm2 a:link, #footer-ex #colm2 a:visited {display:inline} #footer-ex #colm3 { float:left; clear:none; width:265px; margin:130px 0 0 0; padding:0 0 0 25px; border-left:#424242 dotted 1px } #footer-ex #colm3 p {text-align:right; color:#42; font-size:100%; line-height:150%; margin:0; padding:0 } #footer-ex #colm3 p.logo-seperator { border-bottom:#424242 dotted 1px; line-height:100%; padding:0 0 10px 0; display: block; width: 250px; } #footer-ex #colm3 div.logo-seperator { border-bottom:#424242 dotted 1px; padding:0 0 5px 0; width: 265px; clear: both; height: 90px; } #footer-ex #colm3 div.logo-seperator a { padding:0} /*---Clears 2px top padding for */ #footer-ex #colm3 #footer_watersense { float:left; margin:0 18px 0 0; clear: none; } #footer-ex #colm3 #footer_USGBC { float: left; } #footer-ex #colm3 #footer_FSC { float: right; } #footer-ex #colm3 img.alterna { float:left; clear:none; margin:20px 5px 0 50px } #footer-ex-bottom {height:100%; background: url(../assets/global/bg_footer-bottom-top.gif) bottom left no-repeat; background-color:none; margin:0; padding:0} #zixoda-ex {margin:0 auto 0 auto; padding:0; width:1008px; clear:both; text-align:right; background: url(../assets/global/bg_footer-bottom-bottom-trans.png) top left no-repeat} #zixoda-ex p.copyright {display:block;font:normal 9px Geneva,Arial,Helvetica,sans-serif;text-transform:uppercase;color:#666; text-align:right;letter-spacing:0.1em;padding:50px 5px 0 0} #zixoda-ex .zixoda-ex-p p, #zixoda-ex .zixoda-ex-p a:link, #zixoda-ex .zixoda-ex-p a:visited {display:block;font:normal 8px Geneva,Arial,Helvetica,sans-serif;text-transform:uppercase;color:#8C7B7C;letter-spacing:0.1em;text-decoration:none; margin:0;padding:0 25px 0 0} #zixoda-ex .zixoda-ex-p a:hover, #zixoda-ex .zixoda-ex-p a:active {color:red; text-decoration:underline; font-weight:bolder; font-size:1em}