﻿
body { font: 80%  Tahoma,Verdana,Arial,Helvetica, sans-serif; margin: 0; padding: 0; background: url('images/whiteoak.jpg') repeat top left; }
h1, h2, h3, h4, p, ul, ol  { margin: 0px; padding: 0px; }
img {border: none; vertical-align: top; }

/* reusables  */
.clear {clear: both; }
.floatleft {float: left; margin: 0;}
.floatright {float: right; margin: 0;}
.picright {float: right; margin: 0 0 0 20px;}
.antietam { background: #ffffcc; margin: 10px; border: 2px solid #000000; text-align: center; float: left; }
.big { font-size: 120%; font-weight: bold; }
.center { text-align: center; }
.whitebg { background-color: #FFFFFF; }
.estimates { text-align: center; font-size: 150%; font-weight: bold; color: #000069; }
.title {color: #87000D; font-size: 110%; font-weight: bold; padding: 0; }
.sectiontitle { font-size: 110%; color: #87000D; font-weight: bold; }
.wordup { padding: 0px; color: #87000D; font-weight: bold; }
.slideshow { float: right; text-align: center;  }
ul.numbered {list-style-type: decimal; margin: 0 35px 0 35px; }
ul.numbered ul { margin: 0 35px 0 35px; }
ul.numbered li { margin: 5px 0 5px 0; }
.paddedr { padding: 10px; float: right;}
.paddedl { padding: 10px; float: left;}
.listed { margin-left: 25px; }
.listed li { padding: 5px 0 5px 0; }
.statement { text-align: center; font-size: 150%; font-weight: bold; color: #000069; }
ul.items {list-style-type: disc; margin: 0 35px 0 35px; }
ul.items li { margin: 5px 0 5px 0; }
.portlink { font-weight: bold; }


.portlink a:hover, .portlink a.active {color: #87000D; font-weight: bold; text-decoration: none; }	
.caption { text-align:center; clear: both; }
.note {font-size: 85%;}
.portfolio a { text-decoration: none; color: #000000; float: left; width: 150px; padding: 10px; text-align: center; font-size: 85%;   }

.insetbox { margin: 0 10px 0 20px; padding: 0px; float: right; width: 200px;  background: #d5bc89 url(images/roundbottom2.jpg) no-repeat bottom center; }
.insetbox ul { padding: 0; }
.insetbox li { margin-left: 20px;  padding: 15px 0 0 0;  font-weight: bold; font-size: 130%;  color: #000069;  }    
.insetbox h3 { background: url(images/roundtop2.jpg) no-repeat top center; color: #000000; padding: 3px 0 0 0;  }
.insetboxtitle {margin-left: 5px; font-size: 1.3em; font-style: italic; }

.services { margin: 10px 5px 0 5px; padding: 0 0 5px 0; width: 140px;  background: #d5bc89 url(images/roundbottom4.jpg) no-repeat bottom center; }
.services ul { padding: 0; }
.services li { margin-left: 15px;  padding: 7px 0 0 0;  font-weight: bold;  color: #000069;  }    
.services h3 { background: url(images/roundtop4.jpg) no-repeat top center; color: #000000; padding: 3px 0 0 0;  }
.servicestitle {margin-left: 5px;  font-style: italic; }

/* Layout */
#container {width: 100%; color: #FFFFFF; background: url('images/bg.gif') repeat-y center; }
#mainheader { width: 785px; color: #FFFFFF; margin-left: auto; margin-right: auto;   }
#wrapper { width: 785px; text-align: left; position: relative;  overflow: auto; margin-left: auto; margin-right: auto; background: #FFFFFF;  }

#content { float: right; margin-right: 0px;  display: inline;  padding: 10px; text-align: left; width: 614px; border-left: 1px solid #B98F3A; }
#content p, ul { margin: 5px 10px 10px 10px;  padding: 0; color: #000000;}
#content h1 { color: #000069; font-size: 125%; font-weight: bold; margin: 0 0 15px 5px; padding: 0px;   }
#content h1:first-letter { font-size: 130%; }
#content h2 {font-size: 110%; color: #87000D; font-weight: bold;  margin: 10px 0 5px 5px;  }
     
#leftcol { float: left; width: 150px;  }  
#leftcol p { margin-top: 50px;  padding: 0; font-size: 80%; }

#leftnav  { clear: both; margin: 0; padding: 0 0 0 5px;} 
#leftnav ul { margin: 0; padding: 0 }
#leftnav li { list-style: none; border-bottom: 1px solid #000000;}
#leftnav li a { padding: 5px 0 5px 0;  font-weight: bold; text-decoration: none; color: #87000D;  display: block;  }
#leftnav li a:hover, #leftnav a.active { color: #000069; }	

#subnav li { border-bottom: 0px; margin-left: 25px; list-style-type: square; }
#subnav li a { padding: 2px 0 2px 0;  }


#footerbar {width: 100%; height: 20px; color: #FFFFFF; text-align: center; background: url('images/bg.gif') repeat-y center; clear: both; }
#footer {width: 785px; background-color: #FFFFFF; text-align: center; vertical-align: bottom; margin-left: auto; margin-right: auto;  color: #000000;  border-top: 0px solid #87000D; font-size: 90%;  padding: 5px 0px 5px 0;}
#footermenu {width: 785px; height: 20px; background-color: #B98F3A;  text-align: center; margin-left: auto; margin-right: auto; color: #000000;  border-top: 1px solid #000000;  font-size: 80%;  padding:  2px 0 2px 0;}
#footermenu a {text-decoration: none; color: #FFFFFF; padding: 0 10px 0 10px; font-weight: normal; font-size: 100%;}
#sitefooter {width: 775px; background-color: #FFFFFF; text-align: right; margin-left: auto; margin-right: auto; color: #000000; font-size: 80%; padding: 0 10px 5px 0; }
