.star { color: #bcb530; font-size:10px; font-family: Verdana; background-repeat: no-repeat; background-image: url('/images/star.gif'); width:26px; height:15px; text-align:center; vertical-align:middle; font-weight:bold; line-height:26px } .Red_Text { color: #FF0000 } #dropmenudiv { position:absolute; z-index:100; } #nav { } .menu a:link, .menu a:active, .menu a:visited { display: block; color: #ffffff; BACKGROUND-COLOR: #000033; font-size:11px; width:170px; text-decoration:none; border-top:1px solid #ffffff; padding:2px; } .menu a:hover { display: block; color: #ffffff; BACKGROUND-COLOR:#476177; font-size:11px; text-decoration:none; width:170px; border-top:1px solid #ffffff; padding:2px; } a:link, a:active, a:visited { text-decoration:underline; font-weight:bold; color:#476177 } a:hover { text-decoration:none; color:#B39806; } hr { color:#000033; top-margin:0px; } h1 { font-family: Arial; font-size:18px; font-weight:bold; color:#476177; margin:0px; border-bottom:1px solid #000033; } h2 { font-family: Arial; font-size:18px; font-weight:bold; color:#476177; border-bottom:1px solid #000033; } h3 { font-family: Arial; font-size:12px; font-weight:bold; color:#476177; } .footer { color:#ffffff; font-size:12px; line-height:12px; } .footer a:link, .footer a:active, .footer a:visited { text-decoration:underline; color:#ffffff; font-size:12px; } .footer a:hover { text-decoration:none; color:#ffffff; font-size:12px; } .display a:link, .display a:active, .display a:visited { font-family: Verdana; font-weight:bold; color:#476177; font-size:9px; text-decoration:none; letter-spacing:0px; background-color:#476177; } .display a:hover { font-family: Verdana; font-weight:bold; color:#ffffff; font-size:9px; text-decoration:none; letter-spacing:0px; background-color:#476177; } .quickDelivery a:link, .quickDelivery a:active, .quickDelivery a:visited { font-family: Georgia, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#000033; margin:0px; text-decoration:underline; } .quickDelivery a:hover { font-family: Georgia, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#000; margin:0px; text-decoration:none; } #chicago { position: absolute; left: 200px; top: 2000px; right: 200px; font-family:arial; font-size: 8pt; color:666666; text-align: center; } .skyadtext { font-family: Trebuchet MS; font-size: 11px; font-weight: normal; } .skyadtextbold { font-family: Trebuchet MS; font-size: 11px; font-weight: bold; } .skyadtitle { font-weight: bold; color: #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 15px; } .footermousetype { color:#6B6B6B; font-size:10px; line-height:12px; } #bread { text-align:right; font-size:8px; padding-right: 5px; } #mainContent p { } #mainContent img { margin-left: 10px; margin-right: 10px; } hr { color: #FF0000; } #bread a { font-size: 10px; font-weight:bold; margin: 0 3px; } #gallery img { width:100px; height:80px; border: 1px solid #000; } .padding { padding: 5px; } .capt { font-weight: normal; text-transform: capitalize; } .style1 { color: #666666 } ul li { list-style:square; } /*--------------------*/ /*-- Drop Down Menu --*/ /*--------------------*/ #menu { z-index: 99999999999999999999999; } #menu div { position: absolute; visibility: hidden; margin: 0; padding: 0; background: #DED3A6; border: 1px solid #990000; } ul#menu { list-style:none; height: 28px; margin:0; padding:0; background: url('navBG.jpg'); border-bottom: 1px solid #000; } #menu li { float: left; list-style:none; display:inline; list-style:none; margin:0; padding:0; text-align:center; border-right: 1px solid #000; } #menu li a { margin:0; padding: 0 31px; display:block; font-weight:bold; color:#FFFFFF; font-size:14px; font-weight:bold; text-decoration:none; background: url('navBG.jpg'); height:28px; line-height: 28px; } #menu li a:hover { color:#DED3A6; } #menu div a { border-bottom: 1px solid #990000; position: relative; display: block; margin: 0; padding: 2px 5px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background: #DED3A6; color:#990000; font-size: 11px; line-height:28px; } #menu div a:hover { background: url('navBG.jpg'); color: #FFF; } body { line-height:18px; font-family: Verdana; font-size: 12px; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; background:#2E2E2E url('images/bg.jpg')repeat; } #container { width: 919px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: #FFFFFF; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ border: 1px solid #476177; text-align: left; /* this overrides the text-align: center on the body element. */ } #header { padding-top: 0; padding-bottom: 0; background-color: #DDDDDD; background-position: center top; } #why { background-color: #476177; color: #FFFFFF; border: medium solid #F9A61A; margin: 0px; padding-top: 5px; padding-bottom: 5px; background-image: url('plumbing_repairs.png'); background-position: right bottom; background-repeat: no-repeat; padding-right: 15px } #why p { margin: 0px; padding-top: 2px; padding-right: 15px; padding-bottom: 2px; padding-left: 5px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; } #header h1 { margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ } #sidebar1 { float: right; /* since this element is floated, a width must be given */ width: 254px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: #fff; padding-top: 10px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; } #mainContent { margin-top: 0; margin-right: 285px; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 20px; padding-bottom: 0; padding-left: 20px; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: none; border-top-color: #476177; border-right-color: #476177; border-bottom-color: #476177; border-left-color: #476177; } #why a:hover { color: #FFFFFF; } #footer { padding: 0 10px 0 20px; background-color: #476177; text-align: center; color: #ffffff; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-top-style: solid; border-top-color: #0A0102; border-right-style: none; border-bottom-style: none; border-left-style: none; } #nav_bar { border-top:medium solid #476177; border-bottom:medium solid #476177; background-image: url('navbar.gif'); margin-bottom: 10px; font-family: Verdana; height: 28px; padding-bottom: 5px; background-repeat: repeat-x; padding-top: 5px; background-position:  5px 50%; } #footer p { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ } .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; } .fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }