/* CSS Document */
*, html, body { margin: 0; padding: 0; }
.clr { clear: both; display: block; font-size: 0; height: 0; line-height: 0; content: "."; }
body { background: #7B7B7B url(images/topbg.jpg) top repeat-x; }
img { border-color:#000000; }

.fleft { float:left }
.fright { float:right }
.listtext { font-size:12px; width:90%; padding:5px; }
.bull { padding-left:12px;}
.blackcent { text-align:left; margin:0 auto; width:325px; float:none;  }

#left { width: 183px; position: inherit;  height: 300px;  bottom: 0; visibility:  visible; margin: 25px 0 2% 0; }
#mainwrap { width: 900px; margin:0 auto; font-family: "Trebuchet MS", Arial, Geneva; }
#header { background: transparent url(images/bgtop.jpg) top left no-repeat; height: 14px; font-size: 0;}
#menu { padding: 10px 10px 10px 33px; }
#menu a { display: block; width: 200px; margin: 2px 0; background: transparent url(images/menutab.gif) 0 0 no-repeat; padding: 2px 5px; border-bottom: 3px solid #666; font-size: 13px; font-weight: bold; color: #CCC; text-decoration: none; }
#menu a:hover {color: #FFF; background: transparent url(images/menutab.gif) 0 -22px no-repeat; border-bottom: 3px solid #333; }
span.bullet { visibility: hidden; }
#menu a:hover .bullet { visibility: visible; }
.leftboxdets p { margin: 30px 13px 0 37px; border-bottom: 1px solid #333; font-size: 14px; }
.leftboxdets p a{ color: #990000; font-weight: bold; text-decoration: none;}
#logo2 { background: transparent url(images/logo2.jpg) top left no-repeat; height: 277px; }
#logo3 { background: transparent url(images/logo3.jpg) top left no-repeat; height: 114px; }
#logo { background: transparent url(images/logo.jpg) top left no-repeat; height: 167px; }
#content { background: url(images/content.jpg) top left repeat-y; padding: 0 0 10px 0;  }
.pagenum { margin: 2px 8px 0 8px; font-weight: bold; font-size: 20px; border-bottom: 1px solid #333;  }
#leftcol { float: left; width: 260px; }
.leftbox { padding: 5px; }
.leftbox h3 {}
.leftbox p { padding: 2px 10px 3px; }

div.rightbox { margin: 10px; padding: 5px; height: auto; background: #333; border: 2px  solid #666; color: #FFF; }
.rightbox h3 {}

.rightbox p { padding: 2px 10px 3px 0; font-size: 13px; line-height: 22px; }
.rightbox ul { font-size: 13px; padding: 2px 15px 2px 15px; }
.rightbox ul li { margin: 3px 0 8px 0; }
.rightbox ul li span { padding: 0 0 0 0 !important; }


#rightcol { float: left; width: 379px; }
#rightcol p { padding: 2px 10px 3px; font-size: 13px;}
.lastbox { padding: 5px; }
.lastbox h3 { margin: 0 0 6px 0; border-bottom: 1px solid #666; color: #252525; font-size: 16px; }
#lastcol { float: left; width: 257px; }
#leftmerge { width:642px; float:left; }
#lastcolimg { background: transparent url(images/rightimg.jpg) top center no-repeat; height: 550px; padding-bottom: 8px; border-bottom: 1px solid #333;  }
#footer { background: transparent url(images/footer.jpg) top left no-repeat;  }
#footer p { text-align: center; padding: 25px 0; font-size: 11px; }
#footer a { text-decoration: none; color: #333; font-weight: bold; }
.red { color: #990000; }
.gray { color: #333; border-bottom: 1px solid #666; }
p.list { padding: 2px 5px 8px 25px !important; }
div#about { height: auto; }
div#services { height: auto; }
div#contact { height: auto; }
div#quoteform { height: auto; }
div#quoteform h4 { border-bottom: 1px solid #666; color: #FFCC33; text-transform: uppercase; font-weight: bold; font-size: 14px; }
div#quoteform p { padding: 0 0 0 5px; font-size: 12px; margin: 0; color: #CCC; }
input.baseinput { width: 85%; font-size: 13px;  border: 1px solid #CCC; }
input.baseradio { font-size: 13px; }
div#quoteform textarea { width: 85%; height: 100px; font-size: 13px; }
input.formbuts { width: 85%; }
@media screen { 
* html { overflow: hidden; }
* html body { height: 100%; overflow: auto; }
body>div#left { position: fixed; } 
}