* {
margin: 0;
padding: 0;
}
BODY, HTML {
background: #000 url(../images/bg.jpg) repeat-x;
color: #000;
line-height: 15px;
font: 12px Tahoma, Geneva, sans-serif normal;
}
p { padding: 10px; }
h1 {
font-weight: bold;
font-size: 15px;
margin: 10px;
color: #911E1B;
}
h2 {
font-weight: bold;
font-size: 14px;
margin: 0 10px;
color: #363;
}
h3 {
font-weight: bold;
font-size: 14px;
margin: 0 10px;
background: #969494;
width: 490px;
padding: 3px;
color: #363;
}
#container {
width: 800px;
margin: 0 auto;
overflow: hidden; /* to fix the bottom scrollbar in IE :) */
background: #fff;
}
#header {
width: 800px;
height: 195px;
background: #fff;
}
#subheader {
width: 800px;
height: 149px;
background: #969494;
}
#menu {
width: 800px;
height: 50px;
background: url(../images/menu.jpg);
}
#main_container {
width: 800px;
overflow: auto;
margin: 0 0 10px 0;
}
#main {
width: 505px;
float: left;
margin: 0 10px;
}
#column {
width: 253px;
float: right;
margin: 0 20px 0 0;
}
#column_main {
width: 253px;
background: #969494;
margin: 0 10px 0 0;
}
#column_main p {
padding: 10px 20px 10px 35px;
}
#column_main h2 {
padding: 20px 0 0 0;
color: #000;
}
#column_bottom {
width: 253px;
height: 16px;
background: url(../images/col_bottom.png) no-repeat;
margin: 0 10px 0 0;
}
#spider {
width: 123px;
height: 50px;
background: url(../images/spider.png) no-repeat;
margin: 0 0 0 10px;
}
.spider_link {
width: 123px;
height: 43px;
position: absolute;
margin: 2px 5px 0 0;
}
#environment {
width: 221px;
height: 142px;
background: url(../images/environment.png) no-repeat;
margin: 0 auto;
}
#footer {
width: 760px;
height: 100px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin: 0 auto;
text-align: center;
}
#copyright {
width: 760px;
border-top: 3px solid #000;
margin: 2px auto 0 auto;
}
#copyright p { padding: 20px 0; }
#logo {
width: 231px;
height: 63px;
background: url(../images/logo.jpg) no-repeat;
margin: 10px 0 0 10px;
position: absolute;
}
.logo_link {
width: 231px;
height: 63px;
position: absolute;
}
.phone {
font-size: 24px;
font-weight: bold;
color: #911E1B;
position: absolute;
margin: 60px 0 0 10px;
}
.tag {
text-transform: uppercase;
color: #4F812C;
font-style: italic;
font-size: 14px;
font-weight: bold;
position: absolute;
margin: 155px 0 0 380px;
}
#bee {
width: 280px;
height: 149px;
background: url(../images/bee.png) no-repeat;
position: absolute;
margin: 10px 0 0 500px;
}
#francais {
height: 20px;
background: url(../images/arrow.png) no-repeat left;
position: absolute;
margin: 165px 0 0 20px;
}
#francais a {
float: left;
margin: 3px 0 0 8px;
font-size: 11px;
color: #4F812C;
text-decoration: none;
}
#francais a:hover {
text-decoration: underline;
}
#bugs {
width: 450px;
height: 149px;
float: left;
}
#callus {
width: 319px;
height: 127px;
background: url(../images/callus1.png) no-repeat;
float: right;
margin: 28px 20px 0 0;
}
#menu ul {
list-style-type: none;
position: relative;
font-size: 14px;
font-weight: bold;
}
li#menu_home a {
position: absolute;
left: 20px;
top: 16px;
color: #000;
text-decoration: none;
}
li#menu_about a {
position: absolute;
left: 105px;
top: 16px;
color: #000;
text-decoration: none;
}
li#menu_residential a {
position: absolute;
left: 205px;
top: 16px;
color: #000;
text-decoration: none;
}
li#menu_commercial a {
position: absolute;
left: 310px;
top: 16px;
color: #000;
text-decoration: none;
}
li#menu_insect a {
position: absolute;
left: 420px;
top: 16px;
color: #000;
text-decoration: none;
}
li#menu_promotions a {
position: absolute;
left: 590px;
top: 16px;
color: #000;
text-decoration: none;
}
li#menu_contact a {
position: absolute;
left: 700px;
top: 16px;
color: #000;
text-decoration: none;
}
li#menu_home a:hover {
position: absolute;
left: 20px;
top: 16px;
color: #fff;
text-decoration: none;
}
li#menu_about a:hover {
position: absolute;
left: 105px;
top: 16px;
color: #fff;
text-decoration: none;
}
li#menu_residential a:hover {
position: absolute;
left: 205px;
top: 16px;
color: #fff;
text-decoration: none;
}
li#menu_commercial a:hover {
position: absolute;
left: 310px;
top: 16px;
color: #fff;
text-decoration: none;
}
li#menu_insect a:hover {
position: absolute;
left: 420px;
top: 16px;
color: #fff;
text-decoration: none;
}
li#menu_promotions a:hover {
position: absolute;
left: 590px;
top: 16px;
color: #fff;
text-decoration: none;
}
li#menu_contact a:hover {
position: absolute;
left: 700px;
top: 16px;
color: #fff;
text-decoration: none;
}
#column ul {
list-style-type: disc;
margin: 0 0 20px 50px;
}
#column li {
margin: 0 0 0 10px;
padding: 5px 5px 0 0;
}
#validation {
width: 280px;
margin: 10px auto;
}
#validation img {
margin: 0;
padding: 0;
}
#validation p{
line-height: normal;
display: inline;
padding:1px;
}
#validation p a {
line-height: normal;
display: inline;
padding:1px;
}
#validation p a img {
display: inline;
padding:0;
border: 0;
vertical-align: middle;
}
.validation_vacation {
width: 20px;
height: 17px;
position: absolute;
margin: 0;
display: block;
}
.validation_seolink {
width: 67px;
height: 17px;
position: absolute;
margin: 0 0 0 20px;
display: block;
}
#validation_seo {
width: 80px;
height: 15px;
background: url(../images/SEO-Expert.png) no-repeat;
float: left;
margin: -16px 0 0 179px;
}