body {margin:0 auto;font-family: Verdana;font-size: 11px;padding:0px;color:#808080;;text-align:justify;} a{color:#808080;text-decoration:none;} a:hover{color:#808080; text-decoration:underline; } h1{color:#b1b0b0 ;font-size:24px;font-family:Verdana, Arial, Helvetica, sans-serif;} #holder {margin: 0 auto;height:100%;width:1000px;} #main {height:100%;width:1000px;float:left;border:#333333 1px solid;} #logo{height:36px;width:152px;margin-top:10px;margin-left:21px;float:left;background-image:url(../images/logo.gif); background-repeat:no-repeat;} #homepage-imagescm{float:left;margin:28px 0 0 1px;} #homepage-imagescm img{border:0px;} #product_yellow1{height:18px;width:135px;float:left;background-image:url(../images/products-yellow.gif);background-repeat:no-repeat; margin-top:6px;margin-left:6px;padding-bottom:2px;} #services_yellow1{height:18px;width:68px;float:left;background-image:url(../images/services-yellow.gif);background-repeat:no-repeat;clear:both;margin-left:6px;margin-top:1px;margin-bottom:-1px;} #sidenavcontainer{width:210px;height:210px; margin-left:0px;*margin-left:0px;float:left; margin-top:0px;background-image:url(../images/menu.jpg);} #shorizontal { float:left; margin:0px; padding:0px;} #shorizontal ul { list-style-type: none; float: left; margin-left:0px;margin-top:0px; padding:0px;} #shorizontal ul li { float: left; margin:0px;padding:0px; clear:both; } #shorizontal a img {border: 0;float: left;margin:0px;padding:0px;} #shorizontal ul li a {display: block; height:23px; margin:0px; padding:0px; overflow: hidden;/*border-right:blue 1px solid; for IE 6 */} #shorizontal ul li a#industrial {height:70px;width:210px;float:left;background-image:url(../images/indrustrial.gif);background-repeat:no-repeat; margin-top:0px;} #shorizontal ul li a#industrial:hover{height:70px;width:210px;float:left;background-image:url(../images/indrustrial-blue.gif);background-repeat:no-repeat; margin-top:0px;} #shorizontal ul li#active a#industrial{height:70px;width:210px;float:left;background-image:url(../images/indrustrial-blue.gif);background-repeat:no-repeat; margin-top:0px; } #shorizontal ul li a#commercial {height:70px;width:210px;float:left;background-image:url(../images/commercial.gif);background-repeat:no-repeat; margin-top:0px;} #shorizontal ul li a#commercial:hover{height:70px;width:210px;float:left;background-image:url(../images/commercial-red.gif);background-repeat:no-repeat; margin-top:0px;} #shorizontal ul li#active a#commercial{height:70px;width:210px;float:left;background-image:url(../images/commercial-red.gif);background-repeat:no-repeat; margin-top:0px; } #shorizontal ul li a#residential {height:70px;width:210px;float:left;background-image:url(../images/residential.gif);background-repeat:no-repeat; margin-top:0px;} #shorizontal ul li a#residential:hover{height:70px;width:210px;float:left;background-image:url(../images/residential-green.gif);background-repeat:no-repeat; margin-top:0px;} #shorizontal ul li#active a#residential{height:70px;width:210px;float:left;background-image:url(../images/residential-green.gif);background-repeat:no-repeat; margin-top:0px; } #searchbox{height:28px;width:162px;margin-top:3px;margin-left:787px;*margin-left:790px;float:left;background-image:url(../images/searchbox.jpg); background-repeat:no-repeat;} #searchbutton{height:20px;width:26px;margin-top:4px;*margin-top:-16px;margin-left:0px;*margin-left:132px;float:left;background-image:url(../images/searchbutton.jpg); background-repeat:no-repeat;} /**************************************************************************HORIZONTAL MENU****************************************************************************/ #topnavcontainer{width:489px;float:right;margin-top:8px;*margin-top:15px;} #horizontal { float:right;margin-right:15px; } #horizontal ul { list-style-type: none; float: left; } #horizontal ul li { float: left; font-size:15px; font-weight:bold; *font-weight:normal; margin-left:10px; } #horizontal a img {float: left;} #horizontal ul li a {display: block; overflow: hidden; color:#333333; /*border-right:blue 1px solid; for IE 6 */} #horizontal ul li a:hover{color:#FF0000; text-decoration:none;} #horizontal ul li a:active{color:#FF0000;text-decoration:none;} #horizontal ul li ul{/*font-weight: bold;*/background: #FaFafa;line-height: 20px;} #horizontal ul li ul li a {list-style: none;display: block;margin-right: 3px;padding-right: 1px;margin-left: 0px;padding-left: 0px;background: #FaFafa; height: 20px;line-height: 20px;margin-left:-27px;text-align: left;text-indent:0px;width:10em; font-size:12px;} #horizontal ul li ul a span{display: block;} #horizontal ul li ul li a:hover,#horizontal a:hover span{display: block;} #horizontal ul li ul li li{ float: left; padding-right: 2px;} #horizontal ul li ul li:hover{height: 20px;} #horizontal li ul{ position: absolute; width: 10em; left: -999em; background: #aaaaaa; text-transform:capitalize;z-index:2;clear:both; } #horizontal li:hover ul{ left: auto;} #horizontal li:hover ul,#horizontal li.sfhover ul{left: auto;} /*******************************************************************Menus *********************************************************************************************/ /*Gallery Boxes */ #mainpage{height:100%;width:785px;float:left;} #center{height:100%;width:555px;float:left;padding:3px 0px 0px 12px;} #productc{height:20px;width:584px;float:left;background-image:url(../images/catalogue.gif);background-repeat:no-repeat; margin-left:4px;margin-top:22px;} #imagebox1 {height:165px;width:130px;float:left;margin-left:8px;margin-top:10px; border-top:#00BB39 solid 5px;border-left:#00BB39 solid 5px;padding-left:30px;font-size:9px;} #imagebox2 {height:165px;width:130px;float:left;margin-left:25px;padding-left:30px;margin-top:10px;border-top:#E40035 solid 5px;border-left:#E40035 solid 5px;font-size:9px;} #imagebox3 {height:165px;width:130px;float:left;margin-left:25px;padding-left:30px;margin-top:10px;border-top:#00A9CE solid 5px;border-left:#00A9CE solid 5px;font-size:9px;} #residential-image{height:102px;width:128px;float:left;background-image:url(../images/residential-image.jpg);background-repeat:no-repeat;} #commercial-image{height:102px;width:128px;float:left;background-image:url(../images/commercial-image.jpg);background-repeat:no-repeat;} #industrial-image{height:102px;width:128px;float:left;background-image:url(../images/indrustrial-image.jpg);background-repeat:no-repeat;} #right{height:100%;width:190px;float:left;padding:2px 5px 0px 5px;margin-left:15px;} #righttext{float:left;margin-top:10px;margin-left:0px;font-family:Calibri;color:#a1a1a1;font-size:11px;font-weight:bold} #footer{text-align: center;font-size: 11px;width:1001px;height:27px;display:block;clear:both;float:left; margin-top:0px;padding-bottom:20px;border-top:1px dotted #dddddd;margin-bottom:10px;} #footer a{color:#000000;} input{width:155px;height:13px;margin-top:1px;} #events{padding:5px;margin-top:10px;margin-bottom:10px;line-height:17px;border-bottom:1px dashed #eeeeee;height:50px;} .link{color:#993333;} .link a{color:#993333;} .title ,.date{font-weight:bold;margin-right:10px;} #mlabel{width:190px;*width:195px;float:left;height:20px;clear:both;} .int{padding-right:470px;float:left;} /*********************************************************************************************************************************************************************/ .sunday-menu{color: #6D6D72;font-family: tahoma;font-size: 11px;margin-left:1px;margin-top:1px;clear:both;width:200px;} .sunday-menu ul{ margin: 0 0 0 0; padding: 0; text-align: left; list-style-type: none; line-height:17px;} .sunday-menu ul li { background: url(../images/left-tree-mid.gif) no-repeat left; padding-left: 8px; margin-left:10px; /* height: 12px;*/} .sunday-menu ul li.end{background: url(../images/left-tree-end.gif) no-repeat left;margin-left:1px;margin-left:10px;padding-left:8px; text-align:bottom;} /*********************************************************************************************************************************************************************/ /**********************************************************************HORIZONTAL MENU****************************************************************************/ .sunday-menu li:hover a, .sunday-menu li.sfHover a {color: e4a100;width:115px; } .sunday-menu li:hover ul a,#sunday-menu li.sfHover ul a {color: white;width:115px;text-indent:5px;} .sunday-menu li:hover ul a:hover,#sunday-menu li.sfHover ul a:hover {color:white; width:150px;height:100%;text-decoration:underline;} .sunday-menu li ul {position: absolute;left:999em;padding-left: 1px;width:115px;background: #aaaaaa;z-index:2; margin-left:155px;*margin-left:0px; margin-top:-15px;*margin-top:0px;} .sunday-menu li ul li {border-bottom: none;border-bottom-width: 1px;width:115px; float:left; font-weight:bold;} .sunday-menu ul li ul li.end{background-image:none; width:115px;} .sunday-menu li:hover ul,.sunday-menu li.sfhover ul {left:auto;} .sunday-menu li:hover ul ,.sunday-menu li.sfhover ul {left: auto; } .sunday-menu ul li ul li a{border-top:0;padding:0px;line-height:20px;font-family:Verdana;font-size:11px;color:#4E4E7A;text-decoration:none;height:20px;} .sunday-menu ul li ul li a:hover {color: #4E4E7A;border-top: 0;padding: 0px;margin: 0px;line-height: 20px;} /**************************************************************************HORIZONTAL MENU****************************************************************************/