BODY { COLOR: #666666; MARGIN-LEFT: 7px; MARGIN-RIGHT: 1px; MARGIN-TOP: 7px; background-image: url(../images/blueprint3.jpg); background-repeat: repeat; font: 10pt Arial, Verdana, sans-serif; } .cel_main { height: 300px; padding: 11px; background: #465766; border: 11px solid #3a4b5a; vertical-align: top; width: 656px; } .cel_main_home { height: 300px; background: #465766; vertical-align: top; width: 656px; } .cel_left { width: 200px; background: #7b8e9f; padding-top: 11px; padding-bottom: 22px; } .cel_address { background: #000; color: #FFF; text-align: right; padding: 5px 11px 5px 5px; } .cel_footer { background: #000; font-size: 9px; color: #999; padding-top: 6px; padding-bottom: 6px; } .cel_header {} .cel_gray { border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; background: #494949 no-repeat bottom; color: #FF9; font: bold 18pt Verdana, Geneva, sans-serif; text-transform: uppercase; padding-top: 6px; padding-bottom: 6px; padding-left: 11px; } .cel_project_image { background: #30404d; padding: 11px 4px 11px 8px; } .cel_project_image_right { background: #30404d; padding: 11px 8px; } .cel_project_text { font-size: 12px; line-height: 1.5em; color: #2B3F5A; background: #FFF repeat; padding: 8px; border-top: 0px solid #30404D; border-right: 4px solid #30404D; border-bottom: 8px solid #30404D; border-left: 8px solid #30404D; } .cel_project_text_right { font-size: 12px; line-height: 1.5em; color: #2B3F5A; background: #FFF repeat; padding: 11px; border-top: 0px solid #30404D; border-right: 8px solid #30404D; border-bottom: 8px solid #30404D; border-left: 8px solid #30404D; } .cel_contact { background: #2B3F5A no-repeat left; border: 1px dotted #CCC; padding: 22px 66px; width: 333px; } .cel_safety { width: 444px; background: #2B3F5A url(../images/hardhat.png) no-repeat left; border: 1px dotted #CCC; padding: 22px 0px 22px 166px; } .cel_testimonials { background: #FFF no-repeat left; border: 1px dotted #CCC; padding: 22px 0px 22px 22px; color: #666; } .floatleft {float: left; margin-right:10px; margin-bottom: 6px;} .floatright {float: right; margin: 10px;} .font_1 { COLOR: #000; font: bold 14px Arial, Helvetica, sans-serif; } .font_2 { COLOR: #FF9; font: italic bold 18px Arial, Helvetica, sans-serif; } .font_3 { COLOR: #000; font: italic bold 14px Arial, Helvetica, sans-serif; } .font_4 { COLOR: #fff; font: bold 14px Arial, Helvetica, sans-serif; } .font_5 { color: #ffffff; font: bold 9pt Arial, Helvetica, sans-serif; } .font_6 { FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-BOTTOM: 2px; MARGIN-TOP: 2px; MARGIN-RIGHT: 2px; COLOR: #fff; } div.hr { border: 0; width: 80%; color: #f00; background-color: #f00; height: 5px; } p { FONT-WEIGHT: normal; FONT-SIZE: 9pt; color: #ffffff; line-height: 1.5em; } .font_PAGETITLE { FONT-WEIGHT: bold; FONT-SIZE: 11pt; MARGIN-BOTTOM: 2px; MARGIN-TOP: 2px; MARGIN-RIGHT: 2px; COLOR: #FEF6A3; } .font_small_8pt { MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; COLOR: #FFF; font: normal 8pt Arial, Verdana, sans-serif; } .italics { font-style: italic; font-size: 8pt;} /*a:link { color: #2c3379; text-decoration: none; MARGIN-BOTTOM: 6px; } a:visited { color: #2c3379; text-decoration: none; MARGIN-BOTTOM: 6px; } a:hover { color: red; text-decoration: none; MARGIN-BOTTOM: 6px; } */ a.nav:link { FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #FC0; text-decoration: underline; font-size: 9pt; } a.nav:hover { FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #F00; text-decoration: underline; text-decoration: none; font-size: 9pt; } a.footer:link { FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #CCcc; text-decoration: underline; FONT-SIZE: 11px; MARGIN-BOTTOM: 0px; MARGIN-TOP: 1px; } a.footer:visited { FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #CCCCCC; text-decoration: underline; FONT-SIZE: 11px; MARGIN-BOTTOM: 1px; MARGIN-TOP: 1px; } a.footer:hover { FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #FFFF00; text-decoration: underline; FONT-SIZE: 11px; MARGIN-BOTTOM: 1px; MARGIN-TOP: 1px; } #topNav { font-family:arial, sans-serif; font-weight:normal; font-size:9px; background:#FFFFFF; } .topNavLink a { color:#fff; text-decoration:none; font-size:9px; line-height: 19px; display:block; background:url(../images/navOFF.jpg); height: 19px; width: 125px; text-align: center; } .topNavLink a:hover { color:#3d140c; text-decoration:none; background:url(../images/navON.jpg); line-height: 19px; } ul.square { list-style-image: url(../images/check2.jpg); } ol li { font-family: Arial, Verdana, sans-serif; FONT-SIZE: 10pt; MARGIN-BOTTOM: 5px; TEXT-ALIGN: left; color: #FFFFFF; list-style-type: decimal; list-style-image: url(../images/arrow.jpg); margin-right: 0px; } .navBG { background-image: url(../images/navBG.jpg); background-repeat: repeat-x; height: 19px; width: 90px; } .navbgcolor { background-image: url(../first_design_images/nav_bg_color.jpg); background-repeat: repeat; height: 17px; } .verticalLineOnTheright { border-right-color: black; } .verticalLineOnTheleft { border-left: 1px dotted #999999; } .verticalLineBottom {border-bottom: 1px solid #83B2CA;} .verticalLineTop {border-top-width: 1px; border-top-style: solid; border-top-color: #3471B2;} .highslide { cursor: url(highslide/highslide/graphics/zoomin.cur), pointer; outline: none; } .highslide-active-anchor img {visibility: hidden;} .highslide img {border: 1px solid white;} .highslide:hover img {border: 1px solid white;} .highslide-wrapper {background: white;} .highslide-image {border: 2px solid white;} .highslide-image-blur {} .highslide-caption {display: none; border: 5px solid white; border-top: none; padding: 5px; background-color: white;} .highslide-loading { display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white; padding-left: 22px; background-image: url(highslide/highslide/graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px; } a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; } a.highslide-full-expand { background: url(highslide/highslide/graphics/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; } /* These must always be last */ .highslide-display-block { display: block; } .highslide-display-none { display: none; } /* THIS BEGINS THE FLYOUT MENU CODE*/ #menu { } /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/simple_vertical.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */ #menu_container { position:relative; height:35px; z-index:100; background-image: url(../images/BG_nav.jpg); margin: 0px 0 0px 0px; } /* Get rid of the margin, padding and bullets in the unordered lists */ #pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;} /* Set up the link size, color and borders */ #pmenu a, #pmenu a:visited { display:block; width:224px; color:#ffffff; height:35px; text-decoration:none; text-indent:5px; border-right-width: 1px; border-right-style: solid; border-right-color: #666; text-align: center; background-image: url(../images/BG_nav.jpg); font: bold normal 10px/31px Arial, Helvetica, sans-serif; } /* Set up the sub level borders */ #pmenu li ul li a, #pmenu li ul li a:visited { border-width:0 1px 1px 1px; } #pmenu li a.enclose, #pmenu li a.enclose:visited { border-width:1px; } /* Set up the list items */ #pmenu li { float:left; background-color: #657185; } /* For Non-IE browsers and IE7 */ #pmenu li:hover { position:relative; } /* Make the hovered list color persist */ #pmenu li:hover > a { color:#FFF6A7; background-image: url(../images/BG_nav_ON.jpg); } /* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */ #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:808px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:120px; } /* 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:#dfd7ca; color:#c00; } /* For accessibility of the top level menu when tabbing */ #pmenu li a:active, #pmenu li a:focus { background:#dfd7ca; color:#c00; } /* Set up the pointers for the sub level indication */ #pmenu li.fly { background:#657185 url(images/fly.gif) no-repeat right center; } #pmenu li.drop { background: #657185 url(../images/drop.gif) no-repeat right center; } /* 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; 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; } */ .cel_left { width: 150px; background-color: #F5EFD1; }