/* Valley National Gases LLC, CSS www.vngas.com */ /* © 2003-2009 Valley National Gases LLC */ /* ALL CODE ©2009 Technology Services Group, Wheeling, WV - www.techsgi.com*/ /*------------------------------------------------------------------------------------ COLOR KEY --------------------- ---------------------------------------------------------------*/ /*-- main blue: #1f3d5e--*/ /*-- gold: #a39061 --*/ /*-- darker gold: #946b05 --*/ /*-- visited links: #58420c --*/ /*------------------------------------------------------------------------------------ UTILITY ------------------------------------------------------------------------------------*/ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } /*------------------------------------------------------------------------------------ MAIN PAGE OUTLINE FOR ALL PAGES ------------------------------------------------------------------------------------*/ * { margin: 0; padding: 0; } html { overflow-y: scroll; } body {background:#eaeaea;text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:400;color:#000;line-height:1.2em;margin:0;padding:0;} p {margin:0 0 20px;} #container {position:relative;width:900px;margin-right:auto;margin-left:auto;background:url(images/backgroundcolumn.gif) repeat-y;text-align:left;} /*------------------------------------------------------------------------------------ HEADER AREA ------------------------------------------------------------------------------------*/ #header {background:#000 url(images/newheader.jpg) no-repeat;height:248px;width:800px;margin-right:48px;margin-left:51px;} #header_propane {height:248px; width:800px;margin-right:48px;margin-left:51px;background-color:#000;background-image:url(images/newheader_propane.jpg);background-repeat:no-repeat;} /*------------------------------------------------------------------------------------ MAIN NAVIGATION AREA ------------------------------------------------------------------------------------*/ #navarea {width:800px;margin-right:50px;margin-left:51px;height:28px;background:#a39061;} /****CSS Navigation Drop Downs*****/ #menu_container {position:relative; width:800px;height:28px;z-index:100;margin-left:0.5px;} /* Get rid of the margin, padding and bullets in the unordered lists */ #pmenu,#pmenu ul {list-style-type:none;height:28px;margin:0;padding:0;} /* Set up the link size, color and borders */ #pmenu a,#pmenu a:visited {display:block;font-size:12px;color:#000;height:25px;line-height:24px;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:700;border-top:1px solid #a39061;border-right:0 solid #a39061;border-bottom:1px solid #a39061;border-left:1px solid #a39061;text-align:center;width:132px;text-indent:3px;letter-spacing:0.3px;} /* Set up the sub level borders */ #pmenu li ul li a,#pmenu li ul li a:visited {border-width:0 1px 1px;} /* Set up the list items */ #pmenu li {float:left;background:#eee;} /* For Non-IE browsers and IE7 */ #pmenu li:hover {position:relative;} /* Make the hovered list color persist */ #pmenu li:hover > a {background:#a39061;color:#fff;} /* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */ #pmenu li a.sub {background:#eee;font-weight:400;text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;} #pmenu li a:hover.sub {background:#fff;color:#A39061;} #pmenu li ul {display:none;} /* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */ #pmenu li:hover > ul {display:block;position:absolute;top:-11px;left:80px;background:transparent url(transparent.gif);width:120px;padding:10px 30px 30px;} /* Position the first sub level beneath the top level liinks */ #pmenu > li:hover > ul {left:-30px;top:16px;} /* get rid of the table */ #pmenu table {position:absolute;border-collapse:collapse;top:0;left:0;z-index:100;font-size:1em;} /* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */ * html #pmenu li a:hover {position:relative;background:#A39061;color:#fff;} /* For accessibility of the top level menu when tabbing */ #pmenu li a:active,#pmenu li a:focus {background:#eee;color:#000;} #pmenu li.drop {background:#A39061;} /* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */ /* change the drop down levels from display:none; to visibility:hidden; */ * html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);} /* make the second level visible when hover on first level link and position it */ #pmenu li a:hover ul {visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;} /*********------------------END MAIN NAVIGATION AREA------------*******************/ /*------------------------------------------------------------------------------------ SUBHEAD, GOOGLE CSE SEARCH AREA, EBILLING FIELD ------------------------------------------------------------------------------------*/ /* #search-area {width:320px;margin-right:48px;margin-left:51px;padding-left:480px;padding-top:10px;background:#FFF;} #cse-search-box #submit-button { background: #2e2e2e; color: white; border: none; padding: 5px; width: 67px; } #cse-search-box #submit-button:hover { background: #a39061; } #cse-search-box #s { width: 200px; padding: 3px; } #cse-search-box p, #cse-search-box a { color: #64291a; font-size: 11px; } #cse-search-box a { border-bottom: 1px dotted #64291a; } #cse-search-box a:hover { border-bottom: 1px solid #64291a; } #cse-search-results {width: 600px;margin-bottom: 10px;} #ebill-area {width:320px;margin-right:48px;margin-left:51px;padding-left:480px;padding-top:10px;background:#FFF;} #ebill-area a { background: #2e2e2e; color: white; border: none; padding: 5px; width: 67px; } #ebill-area a:hover { background: #a39061; } */ #subhead { height:55px; padding-top:10px; padding-bottom:10px;} #subhead2 { height:165px; padding-top:10px;} #search-area { width:320px; margin-right:50px; margin-left:51px; margin-bottom:30px; padding-top:18px; background:#FFF; float:right; } #search-area-pages { width:320px; margin-right:50px; margin-left:51px; padding-top:18px; background:#FFF; float:right; } #cse-search-box #submit-button {background:#2e2e2e;color:#FFF;border:none;width:67px;padding:5px;} #cse-search-box #s {width:200px;padding:3px;} #cse-search-box p,#cse-search-box a {color:#64291a;font-size:11px;} #cse-search-box a {border-bottom:1px dotted #64291a;} #cse-search-box a:hover {border-bottom:1px solid #64291a;} #cse-search-results {width:600px;margin-bottom:10px;} #ebill-area { width:320px; height:70px; margin-right:30px; margin-left:51px; padding-left:10px; background:#FFF; float:left; } #ebill-area a { background:#2e2e2e; color:#FFF; border:none; width:67px; font-size:12px; text-decoration:none; padding: 7px; line-height: 46px; } #firstmate-area { width:320px; height:77px; margin-right:30px; margin-left:51px; padding-left:10px; background:#FFF; float:left; } #firstmate-area a { background:#2e2e2e; color:#FFF; border:none; width:67px; font-size:12px; text-decoration:none; padding-top: 7px; padding-right: 15px; padding-bottom: 7px; padding-left: 15px; line-height: 65px; } #cse-search-box #submit-button:hover,#ebill-area a:hover, #firstmate-area a:hover {background:#a39061;} /*------------------------------------------------------------------------------------ FOOTER AREA ------------------------------------------------------------------------------------*/ #footer {width:900px;clear:both;background:url(images/footer.gif) no-repeat bottom;height:130px;padding-top:35px;margin:0 auto;} #footerNavigation {width:650px;color:#000;font-family:Arial, Helvetica, sans-serif;font-size:75%;text-align:center;margin:0 0 15px 130px;} #footerNavigation a {text-decoration:underline;color:#000;} #footerNavigation a:hover,a:active {text-decoration:none;color:#a39061;} /*------------------------------------------------------------------------------------ PAGES BELOW ------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------ VNG HOMEPAGE ------------------------------------------------------------------------------------*/ #homeFeatured {float:left;width:335px;margin-left:25px;margin-top:25px;} #homeNew {float:right;width:343px;padding-left:5px;margin-left:15px;margin-right:15px;margin-top:25px;} /*QUOTE ARE HOLDS HOME/MAIN PAGE GRAPHIC OR FLASH - not using in current layout, but keep for future use */ #quoteArea {height: 153px;width: 800px;margin-right: 50px;margin-left: 51px;} /*CONTENT AREA HOLDS MAIN PAGE CONTENT DUMP WHEN USE TEMPLATES THIS CONTENT AREA WILL BE EDITABLE REGION*/ #content {width:760px;margin-left:50px;margin-right:50px;margin-bottom:30px;padding:30px 20px 35px;} #content p.intro {font-size:16px;margin-bottom:22px;line-height:1.4em;} /*------------------------------------------------------------------------------------ TYPORGRAPHY AND COLORS ------------------------------------------------------------------------------------*/ .bold {font-weight:700} #content a {color: #946b05;/*text-decoration: underline;*/} #content a:hover, a:active {color: #a39061;text-decoration: none;} #content a:visited {color: #58420c;text-decoration: underline;} h1 {height:174px;width:257px;float:left;margin-top:0;margin-left:1px;background-image:url(images/logo_web2.jpg);background-repeat:no-repeat;} h1 a {display:block;width:257px;text-decoration:none;text-indent:-99999px;height:174px;} h2 {font-family:Arial, Helvetica, sans-serif;font-size:28px;color:#000;margin-bottom:30px;} h3 {font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#000;border-bottom:2px solid #a39061;line-height:1.5em;font-weight:400;font-variant:normal;text-transform:none;margin-bottom:30px;} h4 {font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#000;line-height:1.5em;font-weight:400;font-variant:normal;margin-bottom:10px;} h5 { font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#000; margin-bottom:30px; line-height: 35px; } blockquote {border:1px solid #000;width:700px;margin:10px;padding:20px;} .pdf {margin-top:0;background:url(images/pdf_icon.gif) no-repeat left center;padding-left:25px;margin-left:18px;} ul.adjustment {line-height:25px;margin:0 0 0 50px;}/*put on ul of all ul because needed hard margin reset line 16*/ .propane {height:174px;width:257px;float:left;margin-top:0;margin-left:1px;background-image:url(images/logo_web2_propane.jpg);background-repeat:no-repeat;} /*------------------------------------------------------------------------------------ STYLE FOR CONTAINER DIV TO HOLD SMALLER VIDEO SIZED BOXES VIA JW PLAYER ------------------------------------------------------------------------------------*/ #containervideo {width:500px;margin-left:20px;margin-right:20px;margin-bottom:30px;padding:10px 10px 15px;} .disclaimer {font-size:14px;font-style:italic;text-align:left;} p.video {line-height: 25px;margin-top: 50px;} /*------------------------------------------------------------------------------------ BEGIN IMAGE STYLING ------------------------------------------------------------------------------------*/ img {border-style: none;} /* Homepage small quote image*/ .img_home_small {float:right;margin-left:40px;margin-right:5px;margin-top:8px;} /* IMAGES PLACED LEFT*/ .img_left {float:left;border:4px double #a39061;margin:0.1em 1em 1em 0;} /* IMAGES PLACED RIGHT*/ .img_right {float:right;border:4px double #a39061;margin:0.5em 1em 1em;} /* IMAGES FOR STATE PAGES*/ .img_leftState {float:left;margin:0.3em 1em 10em 0;} /* IMAGES PROPANE LOGOS*/ .img_propanelogos {float:left;margin:0 1em 3em;} .propane_associations {padding-bottom:8px;} /* IMAGES PLACED LEFT AJAX/SPRY area*/ .img_left_ajax {float:left;margin:0.3em 1em 1em 0;} .img_right_ajax {float:right;margin:0.4em 1em 1em 0;} /* IMAGES PLACED LEFT and Right THAT ARE FADED*/ .img_left_fade {float:left;margin:1em 2em 1em 0;} .img_right_fade {float:right;margin:0.1em 1em 1em 2em;} /*------------------------------------------------------------------------------------ BEGIN PAGES THAT ARE DIVIDED BY SIDEBAR AND CONTENT ------------------------------------------------------------------------------------*/ #sidebar {float:left;width:195px;border-right:1px solid #CCC;margin-top:25px;height:100%;} #rightsideContent {float:right;width:535px;margin-left:5px;margin-top:25px;padding-left:23px;} /*------------------------------------------------------------------------------------ BEGIN STYLING FOR IMAGES ON MAIN_PRODUCTS.DWT-ROLLOVER IMAGES W/JQUERY EQUIPMENT RENTAL PAGE- on welding page ------------------------------------------------------------------------------------*/ #photoroll {width:240px;font-family:Arial, Helvetica, sans-serif;font-size:75%;line-height:120%;float:right;margin:5px 10px 10px 30px;padding:0 10px;} h6 {font:bold 190%/100% Arial, Helvetica, sans-serif;margin:0 0 .2em;} #largeImg {border:solid 1px #ccc;width:232px;height:275px;padding:5px 3px;} .thumbs img {border:solid 1px #ccc;width:100px;height:100px;padding:4px 8px;} .thumbs img:hover {border-color:#a39061;} .productroll {text-align:center;font-size:12px;} .equipmentroll {text-align:center;font-size:12px;} /*------------------------------------------------------------------------------------ NEWS PAGES -DIVIDED BY SIDEBAR AND CONTENT ------------------------------------------------------------------------------------*/ #news_sidebar {float:left;width:195px;margin-top:25px;height:100%;} #news_rightsideContent {float:right;width:535px;margin-left:5px;margin-top:25px;padding-left:23px;border-left:1px solid #CCC;} /*------------------------------------------------------------------------------------ SIDE AREA FOR STATE NAVIGATION CSS only - rest is ddaccordian.js ------------------------------------------------------------------------------------*/ .glossymenu {width:140px;margin:5px 0;padding:0;} .glossymenu a.menuitem {background:#FFF;color:#000;display:block;position:relative;/*To help in the anchoring of the ".statusicon" icon image*/width:auto;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:700;padding:4px 0 4px 10px;} .glossymenu a.menuitem:visited, .glossymenu .menuitem:active {color: #000000;} .glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/position: absolute;top: 5px;right: 5px;border: none;} .glossymenu a.menuitem:hover {color: #a39061;} .glossymenu div.submenu { /*DIV that contains each sub menu*/background: white;} .glossymenu div.submenu ul { /*UL of each sub menu*/list-style-type: none;margin: 0;padding: 0;} .glossymenu div.submenu ul li {/*border-bottom: 1px solid #cccccc;*/} .glossymenu div.submenu ul li a {display:block;color:#000;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;font-weight:400;font-variant:normal;padding:2px 0 2px 10px;} .glossymenu div.submenu ul li a:hover {background: #DFDCCB;color: white;} /* END SIDE AREA FOR STATE NAVIGATION*/ /*------------------------------------------------------------------------------------ SIDE AREA FOR NEWSROOM NAVIGATION ------------------------------------------------------------------------------------*/ .arrowlistmenu {width: 180px; /*width of menu*/} .arrowlistmenu .headerbar {font:bold 14px Arial;color:#FFF;background:#000 url(media/titlebar.png) repeat-x center left;margin-bottom:10px;padding:4px 0 4px 10px;/*header text is indented 10px*/} .arrowlistmenu ul {list-style-type: none;margin: 0;padding: 0;margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/} .arrowlistmenu ul li {padding-bottom: 2px; /*bottom spacing between menu items*/} .arrowlistmenu ul li a {color:#a39061;background:url(images/arrowbullet.gif) no-repeat center left;/*custom bullet list image*/display:block;text-decoration:none;font-weight:700;border-bottom:1px solid #dadada;font-size:90%;padding:2px 0 2px 19px;/*link text is indented 19px*/} .arrowlistmenu ul li a:hover { /*hover state CSS*/color: #000000;background-color: #eeeeee;} /*------------------------------------------------------------------------------------ Style for MSDS Data Sheet ------------------------------------------------------------------------------------*/ #msds_table {padding-right: 50px;padding-left: 50px;padding-top: 25px;} #box-table-a th {background: #a39161 url(none) repeat scroll 0 0;border-bottom:1px solid #FFFFFF;border-top:4px solid #917b4c;color: #000000;font-weight: bold;padding: 8px 35px;margin-right: 50px;margin-left: 50px;} #box-table-a tr:hover td {background: #caba99 url(none) repeat scroll 0 0;color: #000000;} #box-table-a td {background:#eaeaea url(none) repeat scroll 0 0;border-bottom: 1px solid #FFFFFF;border-top:1px solid transparent;color: #000000;padding: 8px;} #box-table-a a {color: #a39061;font-weight: bold;text-decoration: none;} #box-table-a a:hover, a:active, a:visited {color: #000000;text-decoration: underline;} /*------------------------------------------------------------------------------------ STYLE FOR BULK GASES TANK SPECS ------------------------------------------------------------------------------------*/ #bulk_table {padding-right:40px;padding-left:40px;padding-top:10px;} #cell-table-a th {background:#a39161 url(none) repeat scroll 0 0;border-bottom:1px solid #FFF;border-top:4px solid #917b4c;color:#000;font-weight:700;margin-right:50px;margin-left:50px;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;text-align:center;padding:8px 35px;} #cell-table-a tr:hover td {background:#caba99 url(none) repeat scroll 0 0;color:#000;} #cell-table-a td {background:#eaeaea url(none) repeat scroll 0 0;border-bottom:1px solid #FFF;border-top:1px solid transparent;color:#000;font-family:Arial, Helvetica, sans-serif;font-size:14px;padding:12px;} #cell-table-a a {color:#a39061;font-weight:700;text-decoration:none;} #cell-table-a a:hover,a:active,a:visited {color:#000;text-decoration:underline;} .cell_header {font-weight:700;text-align:left;text-transform:uppercase;} .cell_title {font-weight:700;text-align:center;text-transform:uppercase;} .cell_title_numbers {text-align:center;} .cell_left {font-style:italic;font-weight:700;text-align:left;} /*------------------------------------------------------------------------------------ STYLING FOR SAFETY CATALOG PAGE/TABLE LINKS ------------------------------------------------------------------------------------*/ #content a.safety_catalog {color:#FFF;text-decoration:none;line-height:20px;padding:4px;} #content a:hover.safety_catalog {color:#FFF;font-weight:700;text-decoration:none;} #content a.safety_catalog_black {color:#000;text-decoration:none;line-height:20px;padding:4px;} #content a:hover.safety_catalog_black {color:#000;font-weight:700;text-decoration:none;} /*------------------------------------------------------------------------------------ ACCORDIAN FOR HISTORY SECTION ------------------------------------------------------------------------------------*/ div#accordian-back {border:1px solid #343230;background-color:#e2e0de;padding:10px;} div.accordion {position:relative;width:500px;} .accordion2 {width:500px;border-bottom:solid 1px #c4c4c4;} .accordion2 h5 {border:solid 1px #c4c4c4;border-bottom:none;cursor:pointer;font-family:Arial, Helvetica, sans-serif;line-height:100%;font-weight:700;background-color:#e9e7e7;background-image: url(images/arrow-square.gif);background-repeat:no-repeat;background-position:right -51px;text-align:left;margin:0;padding:7px 15px;} .accordion2 h5:hover {background-color:#ded6c1;} .accordion2 h5.active {background-color:#a39161;background-position:right 5px;} .accordion2 p {background:#f7f7f7;border-left:solid 1px #c4c4c4;border-right:solid 1px #c4c4c4;display:none;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;font-size:11px;line-height:18px; text-align:left;margin:0;padding:10px 15px 20px;} /*------------------------------------------------------------------------------------ LIGHTBOX FOR ACQUISITIONS PAGE ------------------------------------------------------------------------------------*/ #jquery-overlay {position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;} #jquery-lightbox {position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;} #jquery-lightbox a img {border:none;} #lightbox-container-image-box {position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;} #lightbox-container-image {padding:10px;} #lightbox-loading {position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;} #lightbox-nav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;} #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;} #lightbox-nav-btnPrev { left: 0; float: left;} #lightbox-nav-btnNext { right: 0; float: right;} #lightbox-container-image-data-box {font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px;} #lightbox-container-image-data {color:#666;padding:0 10px;} #lightbox-container-image-data #lightbox-image-details {width:70%;float:left;text-align:left;} #lightbox-image-details-caption {font-weight:700;} #lightbox-image-details-currentNumber {display:block;clear:left;padding-bottom:1em;} #lightbox-secNav-btnClose {width:66px;float:right;padding-bottom:0.7em;} /*styling for div and img holder for lightbox on acquisitions page*/ #gallery {width:370px;float:right;padding-top:0;padding-left:20px;} #gallery ul {list-style:none;} #gallery ul li {display:inline;} #gallery ul img {border-color:#dbdbde;border-style:solid;border-width:5px;} #gallery ul a:hover img {border:5px solid #a39061;color:#fff;border-width:5px;} #gallery ul a:hover {color:#fff;} .lightbox {font-size:13px;font-style:italic;text-align:center;} /*------------------------------------------------------------------------------------ EQUIPMENT RENTAL PAGE PHOTOS-TABS ------------------------------------------------------------------------------------*/ #equipment-wrap { width: 700px; margin: 25px auto; } .ui-tabs { zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 2px 2px 0; overflow: hidden; top: 1px; z-index: 1000; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border: 1px solid #ccc; border-bottom-width: 0 !important; margin: 0 2px -1px 0; background: #ccc; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 5px 10px; color: black; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; background: white; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 20px; display: block; border-width: 0; background: #fff; border: 1px solid #ccc; position: relative; min-height: 200px; } .ui-tabs .ui-tabs-hide { display: none !important; } a.mover { background: #cccccc; padding: 6px 12px; position: absolute;color: white; font-weight: bold; text-decoration: none; } .next-tab { bottom: 0; right: 0; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; } .prev-tab { bottom: 0; left: 0; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; } /* IMAGES for Equipment Rental Page*/ .img_equipment {float:left; margin: 0.5em 1em 3em 0em;} /*------------------------------------------------------------------------------------ STYLING FOR PHOTO MONTAGE - FIRE SYSTEMS PAGE ------------------------------------------------------------------------------------*/ #montage_text {width:355px;float:left;margin-right:10px;margin-bottom:100px;padding-right:5px;padding-bottom:0;} ul.montage {position:relative;} .montage li {list-style-type:none;position:absolute;top:1px;left:384px;} .montage img {border:1px solid #e7e7e7;background-color:#ececec;padding:5px;} /*------------------------------------------------------------------------------------ STYLING FOR SITEMAP PAGE ------------------------------------------------------------------------------------*/ #sitemap {width:600px;margin-left:50px;margin-right:50px;margin-bottom:30px;padding:30px 20px 35px 50px;}