/* Bush Telegraph Website - Designed and Built by Hudson Armstrong Design */ /* BODY STYLE * this definition will affect both the block e.g. margin, padding, * and some styles will be inherited by the tags inside e.g. font, background; */ body { background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #000000; padding: 0; margin: 0; text-align:center; } /* BLOCK STYLES * this definition will remove all margins and padding from the default blocks */ h1, h2, h3, h4, h5, h6, p { padding: 0; margin: 0; } /* LINK STYLES * these style definitions affect all links, unless explicitly overridden */ a { color: #F78F1D; text-decoration: none; font-weight: bold; } a:hover { color: #000000; } /* LAYOUT * these styles determine the size and location of the page elements */ #container { /* Centres content on screen */ margin: 20px auto; width: 800px; } #page_bush { width: 800px; } /* HEADER */ #logo { float: left; background: url(Bush_Logo.gif) 0 0 no-repeat; /* define image url */ height: 110px; /* define image size */ width: 585px; text-indent: -9000px; /* move original text of the page */ overflow: hidden; /* and make sure it's hidden */ } #telephone { float: right; background: url(LocalTelephone.gif) 0 0 no-repeat; /* define image url */ height: 110px; /* define image size */ width: 215px; text-indent: -9000px; /* move original text of the page */ overflow: hidden; /* and make sure it's hidden */ } #banner_top { float: left; width: 800; height: 150px; } /* MENU STYLES */ /* Here we use an unordered list for the menu, switching off * list-styles (bullet points) and resetting margins & padding. */ #menu_top { clear: both; margin: 0; padding: 0; list-style: none; } #menu_top li { float: left; margin: 0; padding: 0; } #menu_top a { height: 24px; display: block; text-indent: -9000px; overflow: hidden; } /* Use the background-image property to specify the graphic we want * to display for each menu item. */ /* ALSO CAUSING ISSUES WITH SHOP ALIGNMENT */ #menu_home a { background: url(BUThome.gif) 0 0 no-repeat; width: 84px; } #menu_telecoms a { background: url(BUTtelecoms.gif) 0 0 no-repeat; width: 90px; } #menu_networks a { background: url(BUTnetworks.gif) 0 0 no-repeat; width: 160px; } #menu_partners a { background: url(BUTpartners.gif) 0 0 no-repeat; width: 117px; } #menu_history a { background: url(BUThistory.gif) 0 0 no-repeat; width: 111px; } #menu_products a { background: url(BUTshop.gif) 0 0 no-repeat; width: 110px; } #menu_contact a { background: url(BUTcontact.gif) 0 0 no-repeat; width: 128px; } /* ALSO CAUSING ISSUES WITH SHOP ALIGNMENT */ /* By defining the :hover property for the links, we can create * rollovers, without one line of javascript. */ #menu_home a:hover, #menu_home.selected a { background: url(BUThomeOV.gif) 0 0 no-repeat; } #menu_telecoms a:hover, #menu_telecoms.selected a { background: url(BUTtelecomsOV.gif) 0 0 no-repeat; } #menu_networks a:hover, #menu_networks.selected a { background: url(BUTnetworksOV.gif) 0 0 no-repeat; } #menu_partners a:hover, #menu_partners.selected a { background: url(BUTpartnersOV.gif) 0 0 no-repeat; } #menu_history a:hover, #menu_history.selected a { background: url(BUThistoryOV.gif) 0 0 no-repeat; } #menu_products a:hover, #menu_products.selected a { background: url(BUTshopOV.gif) 0 0 no-repeat; } #menu_contact a:hover, #menu_contact.selected a { background: url(BUTcontactOV.gif) 0 0 no-repeat; } /*FOOTER*/ #footer { clear:both; text-align: left; background-color:#000000; width: 800px; height: 80px; color: #ffffff; } #footer a { color: #F78F1D; text-decoration: none; font-weight: normal; } #footer a:hover { color: #ffffff; } #address { /* Address Left Side */ float: left; padding: 15px; } #rightlogo { /* Image Right Side */ float: right; } /*Table Fix attempt for FF2 */ #content { width:100%; } /* PRODUCT MENU STYLES!! */ /* Overall Container for the product menubar */ /* Flyout menu button links */ a.menutext:hover, a.menutext:link, a.menutext:active, a.menutext:visited {font:normal 11px/20px verdana, arial, sans-serif; text-transform:capitalize;} /* Text detail for underneath menu*/ .menubartext { color:#000000; background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:normal; text-transform:capitalize; } /* TOP BAR CUSTOMISED!!! :) */ .stext,.sbutton { text-transform:Capitalize; } .toprowtable { text-transform:uppercase; } /* HIDE HOME SHOP BUTTON */ #home { display:none }