/*----------------------------------------------------------------------------- Title: global.css Client: Cannington Construction Ltd. 4 Fortecon Drive, Unit#3 Gormley, Ontario L0H 1G0 T: 905.841.0430 - F: 905.841.0967 e: cannington_@hotmail.com version: 1.0 author: peter west email: peter@onsitehelp.com website: http://www.onsitehelp.ca/ -----------------------------------------------------------------------------*/ /* =colors logo yellow: #FEE22F - RGB 254 226 047 link black: #101010 - RGB 016 016 016 body bkgnd: #2A2A2A - RGB 042 042 042 link grey: #c8c8c8 - RGB 200 200 200 viewport bg: #505050 - RGB 080 080 080 -----------------------------------------------------------------------------*/ /* =GENERAL -----------------------------------------------------------------------------*/ /* Remove padding and margin */ * {margin: 0;padding: 0;} /* Add back for particular elements */ h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {margin: 0;} /* Class to automate float clearing */ .clear {clear:both;} /* Remove border from linked images */ img {border: 0;} /* =Typography Note: font-size equivalent to 10pts/pixels -----------------------------------------------------------------------------*/ body {font: 62.5%/1.6 Arial, Tahoma, Verdana, "Trebuchet MS", "Lucida Grande", "Lucida Sans", sans-serif;} body {background:#505050 url("../images/viewport_bg.jpg") repeat-x;} /* =Indented Text -----------------------------------------------------------------------------*/ .indent { text-indent:1em;padding-bottom:0; } /* Removes fieldset borders. even on Opera 7 */ fieldset {border: 1px solid transparent;} /* =Tables -----------------------------------------------------------------------------*/ table {border-spacing: 0;border-collapse: collapse;} td {text-align: left;font-weight: normal;} /* =More links -----------------------------------------------------------------------------*/ span.more a:link { float:right; color:#2A2A2A; font-weight:nprmal; text-decoration:underline; padding:1px 6px; background-color:#FEE22F; } span.more a:hover { color:blue; font-weight:bold; padding:1px 6px; background-color:#DDDDDD; } .moreAbout { margin-top:315px; } ol { list-style-type:disc; } .bodyList a { color:#FFFFFF; } .bodyList a:hover { color:blue; background:#FEE22A; padding:2px 3px 3px; font-weight:bold; } .president { color:#FFFFFF; text-align:right; font-size:120%; font-style:italic; } .break {margin-top:10px;} /* =Main Content Layout -----------------------------------------------------------------------------*/ body { width:780px; margin:0 auto; } #mainWrapper { width:760px;float:left; margin:0 auto;padding:10px; background:#2A2A2A url("../images/bo dy_bg.gif") repeat;} /* =change body id e.g. for 1, 2, or 3 column layout -----------------------------------------------------------------------------*/ #threeColLayout #mainContent { float:left; width:380px; background:#2A2A2A; Margin:0 0 0px 190px;} #rightContent { float:left; width:180px; background:#2A2A2A; Margin:0 0 0 10px;} #leftContent { float:left; width:180px; background:#2A2A2A url("..//stripes.png") repeat-y top left; margin:10px 0 0 -760px;} #twoColLayout #mainContent { width:530px; padding:10px 20px 20px 20px; float:left; background:#2A2A2A; Margin:0 0 0 190px; color:#DDD;} #mainContent { width:760px; margin:0; background:#2A2A2A;} #twoColLayout #rightContent { display:none;} #oneColLayout #rightContent, #oneColLayout #leftContent { display:none;} #oneColLayout #mainContent { width:680px; padding:40px 40px;} #oneColLayout #mainContent p { font-size:125%; line-height:180%; padding-bottom:10px;} /* =Masthead -----------------------------------------------------------------------------*/ #mastHead { width:760px; height:130px; background: #000 url("../images/banner.jpg") no-repeat left top; } /* =Main Navigation -----------------------------------------------------------------------------*/ #mainNav ul { margin:0; padding:0; list-style: none; width:760px; float:left; background: #FEE22F url("") repeat-x; } #mainNav ul li { float:left; } #mainNav ul a { display:block; width:9.2em; text-align:center; height:3em; float:left; padding:0 3em; line-height:3.1em; background: url("../images/main_nav.jpg") no-repeat left top; text-decoration:none; text-transform:uppercase; color:#101010; } #mainNav ul a:hover { color:#FFFFFF; background: #101010 url("../images/main_nav.jpg") no-repeat bottom left; } /* =Side Navigation -----------------------------------------------------------------------------*/ #leftContent ul { list-style-type:none; margin-top:0; margin-left:0; margin-bottom:0; padding-bottom:10px; } #leftContent li a:link { color:#FFFFFF; line-height:31px; text-decoration:none; text-transform:uppercase; display:block; width:160px; height:30px; padding-left:20px; border-bottom:none; background:#2A2A2A url("../images/side_links.gif"); background-repeat:no-repeat; background-position:center center; } #leftContent li a:hover { color:#2A2A2A; line-height:30px; text-decoration:none; display:block; width:160px; height:30px; padding-left:20px; border-bottom:none; background-repeat:no-repeat; background:#000000 url("../images/side_links.gif"); } #leftContent li a:active { color:#FFFFFF; line-height:30px; text-decoration:none; display:block; width:160px; height:30px; padding-left:20px; border-bottom:none; background:#2A2A2A url("../images/side_links.gif"); background-repeat:no-repeat; background-position:center center; } #leftContent li a:visited { color:#FFFFFF; line-height:30px; text-decoration:none; display:block; width:160px; height:30px; padding-left:20px; border-bottom:none; background:#000000 url("../images/side_links.gif"); background-repeat:no-repeat; background-position: bottom right; } img.member_link { padding-bottom:6px; } /* =Main Content -----------------------------------------------------------------------------*/ #mainContent p { font-size: 120%; color: #FFFFFF; line-height: 180%; } #mainContent ol { padding-left:40px; color:#FFFFFF; font-size:110%; } #mainContent li.last { padding-bottom:10px; } div#homePhoto { Position:relative; margin-top:10px; width:526px; height:250px; border:2px solid #FEE22F; background:#ddd; } img.more_photos { margin:10px 0 0 10px; border:2px solid #2A2A2A; padding:6px; background:#ddd; } #mainContent strong { color:#FEE22F; } /* =Spans -----------------------------------------------------------------------------*/ #safety_date { padding-right:4px; font-size:80%; text-align:right; } /* =Headings -----------------------------------------------------------------------------*/ h1.hiddenText { position:relative; color: #FEE22F; visibility:hidden; } img#heading_type { position:absolute; margin:-34px -14px;padding:0; } #mainContent h3 { font-size:150%; margin-top:4px; color:#FEE22F; } #sub_head { position:relative; margin-top:16px; } .articleHead { color:#FEE22A; } /* =Main Navigation -----------------------------------------------------------------------------*/ #bottomNav ul { margin:0 0 6px; padding:0; list-style: none; width:760px; float:left; background: #FEE22F url("../images/bottom_nav_bg.jpg") repeat-x; } #bottomNav ul li { float:left; margin-left:0px; } #bottomNav ul a { display:block; width:10em; text-align:center; height:2em; float:left; padding:0 0em; line-height:2em; background: url("../images/bottom_nav.jpg") no-repeat left top; text-decoration:none; color:#101010; } #bottomNav ul a:hover { color:#FFFFFF; background: #101010 url("../images/bottom_nav.jpg") no-repeat bottom left; } #legal { clear:both; text-align:right; color:#DDD;padding-top:4px; } /* =Internal Links -----------------------------------------------------------------------------*/ .anchor { display:block; color:#FFFFFF; text-indent:2em; background:none; } /* =Inline Images -----------------------------------------------------------------------------*/ img#tankCorrosion_pic { float:left; margin:10px 16px 0px 0; border:1px solid #FEE22A; padding:8px; background:#DDD; } p.topSpace { padding-top:4px; } /* =Misc 1 -----------------------------------------------------------------------------*/ /* =Misc 2 -----------------------------------------------------------------------------*/ /* =Misc 3 -----------------------------------------------------------------------------*/