/* Global Styles */
html, body { background-color: white; margin-top: 0em; margin-right: 0em; margin-bottom: 0em; margin-left: 0em; }
.pagecontentbox { width: 682px; height: auto; margin-top: 20px; border: 2px solid #336699; margin-left: auto; margin-right: auto; }
.header { width: 682px; height: 76px; }
.navbar { width: 682px; height: auto; color: white; background-color: #DC8F01; border-top: 2px solid #336699; border-bottom: 2px solid #336699; text-align: center; padding-top: 3px; padding-bottom: 3px; }
.nav { color: white; font-weight: normal; font-size: 0.72em; font-family: verdana,arial,helvetica,sans-serif; }
a.nav { text-decoration: none; }
a.nav:hover { text-decoration: underline; }
.footer { width: 682px; height: auto; color: #000066; background-color: #DC8F01; border-top: 2px solid #336699; font-weight: normal; font-size: 0.7em; font-family: verdana,arial,helvetica,sans-serif; text-align: center; padding-top: 3px; padding-bottom: 3px; }
.row { clear: both; }
.copy { color: #336699; font-weight: normal; font-size: 0.82em; font-family: verdana,arial,helvetica,sans-serif; }
.bold { font-weight: bold; }
.copyheader { color: #DC8F01; font-weight: bold; font-size: 1em; font-family: verdana,arial,helvetica,sans-serif; }
.aligncenter { text-align: center; }
.alignright { text-align: right; }
.rowspacing { padding-top: 8px; }
.headerlogos { width: 682px; height: 76px; border-width: 0px 0px 0px 0px; }

/* Home Page Styles */
.homepgflash { width: 400px; height: 288px; margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 10px; }

/* About Us Styles */
.aboutus { width: 405px; height: auto; margin-left: auto; margin-right: auto; padding-top: 30px; padding-bottom: 30px; }

/* Contact Information Styles */
.contactinfo { width: 650px; height: auto; margin-left: auto; margin-right: auto; padding-top: 30px; padding-bottom: 30px; }
.indexcard { float: left; width: 308px; height: auto; border: 1px solid black; margin-left: 10px; margin-top: 10px; }
.cardpadding { padding: 5px 5px 15px 4px; }
.cardphonecol { float: left; width: 145px; height: auto; margin-top: 2px; margin-left: 2px; }
.cardbg { background-color: #DCD9CD; }
.cardaddresscol { float: left; width: 299px; height: auto; margin-top: 2px; margin-bottom: 2px; }
.cardemailcopy { color: #DC8F01; }

/* Contact List Styles */
.emaillistbox { width: 470px; height: auto; margin-left: auto; margin-right: auto; padding-top: 30px; padding-bottom: 30px; }
.medformtextfield { width: 200px; height: auto; }
.emailformbox { width: 335px; height: auto; margin-left: auto; margin-right: auto; }
.fielddesccol { float: left; width: 115px; height: auto; text-align: right; padding-right: 5px; }
.formfieldcol { float: left; width: 215px; height: auto; }

/* Projects Portfolio Styles */
.projectportfoliobox { width: 600px; height: auto; margin-left: auto; margin-right: auto; padding-top: 30px; padding-bottom: 30px; }
.portfoliothumbnailbox { float: left; width: 108px; height: 125px; padding-left: 10px; }
.thumbnailimg { width: 108px; height: 125px; border-width: 0px 0px 0px 0px; }

/* Project Detail Styles */
.projectdetailbox { float: left; width: 487px; height: auto; }
.sidebarbox { float: left; width: 185px; height: auto; background-color: #DC8F01; }
.bulletcopy { color: #000066; }
.projectseparator { width: 100%; height: 2px; background-color: #DC8F01; }
.projectphotobox { float: left; padding-top: 10px; }
.projectphotoboxmargin { padding-right: 10px; }
.projectdetailpadding { padding: 10px 10px 10px 10px; }