﻿body { margin: 0 auto; background: White url(Images/bg.jpg) fixed center bottom no-repeat; color: #0011EE; font-family: Arial; text-align: center; }
h1 { font-size: x-large; margin: 10px 0 0 0; text-decoration: underline overline;font-family: Arial Black; }
h2 {margin: -20px 0 0 0;font-size:small }
h3{ font-size: x-large; text-decoration: underline; margin-top:-10px;}
#hdr, #home, #mail, #brushremoval, #dirtwork, #jaxwelding, #lawn, #brush, #weeds, #copyright, #wd, #jlc {position: fixed}
#hdr { top: 0px; left: 0; width:100%; min-width:800px; height: 95px; background-color: #ffffff; /* for IE */ filter: alpha(opacity=80); /* CSS3 standard */ opacity: 0.8; /* for Mozilla */ -moz-opacity: 0.8; }
#nav { font-size: .6em; margin-top: -15px; }
#nav a { color: #55bb00; }
#nav a:hover { display: inline-block; background-color: Blue; color: White; border:solid 1px #55bb00; text-decoration:none; font-weight: bold; font-size: small; }
#container { width: 800px; margin: 0 auto;}
#content { z-index:1000; position: relative; margin: 105px 100px 0px 90px; padding:20px 0px 50px 0px; color:#55bb00; background: #ffffff url(Images/Arrow-Down.gif) repeat-y top right; /* for IE */ filter: alpha(opacity=90); /* CSS3 standard */ opacity: 0.9; /* for Mozilla */ -moz-opacity: 0.9;}
#content p {padding-left:20px; padding-right:20px;}
#content li{ list-style: url(Images/bullet.ico) inside; text-align:left; margin-left:175px; line-height: 275%}
#home { top: 0px; left: 150px; width: 16px; height: 16px; background: url(Images/home.gif); float: left; }
#home a { display: block; width: 16px; height: 16px; }
#home a:hover { width: 32px; height: 32px; background: #415cb5 url(Images/home_32.gif); }
#mail { top: 0px; right: 150px; width: 16px; height: 16px; background: url(Images/mail.gif); float: right; }
#mail a { display: block; width: 16px; height: 16px; }
#mail a:hover { width: 32px; height: 32px; background: #415cb5 url(Images/mail_32.gif); }
#brushremoval { top: 150px; left: 0px; width: 160px; height: 95px; background: url(Images/bush-hog-for-heavy-brush-cutting.jpg); }
#brushremoval a { display: block; width: 160px; height: 95px; }
#brushremoval a:hover { background: url(Images/bush-hog-for-heavy-brush-cutting-blue.jpg); }
#dirtwork {z-index:100; top: 150px; right: 0px; width: 160px; height: 128px; background: url(Images/box-blade-dirt-work.gif); }
#dirtwork a { display: block; width: 160px; height: 128px; }
#dirtwork a:hover { background: url(Images/box-blade-dirt-work-transparent.gif); }
#jaxwelding {top: 300px; left: 0px; width: 160px; height: 152px; background: url(Images/miller-welder-bobcat250.jpg) no-repeat; vertical-align: bottom; }
#jaxwelding a { display: block; width: 160px; height: 152px; }
#lawn { bottom: 25px;}
#brush { bottom: 10px;}
#weeds { bottom: 0px;}
#lawn, #brush, #weeds {  left: 0; width: 100%; height: 27px; background: url(Images/lawn-trans.gif) repeat-x; }
#copyright { bottom: 0; left: 0; width: 100%; font-size: .6em; color: #99ddff; }
#copyright a { color: White; }
#copyright a:hover { font-weight: bold; color: #99ddff; text-decoration: none; font-size: larger; }
#wd{top:0px;left:0px;width:80px;height:15px;background-image: url(Images/affordable-website-design.gif)}
#wd a {display:block;width:80px;height:15px;}
#jlc { top:0px;right:0px;width:80px;height:15px;background-image: url(Images/land-clearing-jacksonville.gif)}
#jlc a{display:block;width:80px;height:15px;}
.JacksonvilleTractorWorkPhone { float: left; margin-left: 110px;}
.right { float: right; margin-right: 110px;}
.clear { clear: both}