/* All Rights Reserverd © Ghilotti Brothers */

body { background: #272727; color: #eee; font-family: Verdana, Geneva, sans-serif; font-size: 0.8em; }
body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, dt, address { margin: 0; padding: 0; }
ul, li { list-style: none; }
img { border: 0; }
h1 { font-size: 1.5em; color: #a50507; background-color: inherit; padding-bottom: 1em; text-decoration: underline; }
h2 { font-size: 1.35em; padding-bottom: .5em; }
.clr { clear: both; }
a:link, a:visited { background: none; color: #0864b1; text-decoration: underline; }
a:hover, a:active { background: none; color: #828282; text-decoration: underline; }

/* Coming Soon style - delete when no longer needed
-----------------------------------*/
p.soon { text-align: center; padding-top: 2em; font-weight: bold; font-size: 1.2em; }
img.dozer { width: 29px; height: 26px; padding: 0 7px; }

/* INTERNAL PAGE STYLES
-----------------------------------*/
#iefix { } /* ie is ignoring the 30px top margin set on wrapper */
#wrapper { position:relative; margin: 30px auto 15px auto; width: 890px; background: url(../images/inside_leftnav_bkg2.jpg) repeat-y; }
#contentWrap { position:relative; background: url(../images/inside_bkg.jpg) no-repeat; }
#content { margin-top: -17px; background: url(../images/content_bkg_blank.jpg) no-repeat 192px 100px; }
#president #content { background-image: url(../images/content_bkg_president.jpg); }
#about #content { background-image: url(../images/content_bkg_about.jpg); }
#community #content { background-image: url(../images/content_bkg_community.jpg); }
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */
img.logo { position: absolute; top: 2px; left: 200px; width: 234px; height: 123px; }

#mainNav { float: left; }
#mainNavbut { width: 126px; height: 100%; margin: 0; padding-top: 140px; font-size: .85em; }
#mainNavbut ul {list-style: none; margin: 0 2px; padding: 0; border: none; text-align:center; }
#mainNavbut li {margin: 0 2px 10px 2px; border: 1px solid #706436; }
#mainNavbut a {display: block; padding: 1px 5px 2px 5px; color: #fff; background-color: #212121; text-decoration: none; }
#mainNavbut a:hover, .about #mainNav a.nabout, .history #mainNav a.nhistory, .philosophy #mainNav a.nphilosophy, .capabilities #mainNav a.ncapabilities, .specialties #mainNavbut a.nspecialties, .careers #mainNav a.ncareers, .projects #mainNav a.nprojects, .commercial #mainNav a.ncommercial, .markets #mainNav a.nmarkets, .planning #mainNavbut a.nplanning, .employees #mainNav a.nemployees, .contact #mainNav a.ncontact { color: #000; background-color: #c9a30e; }

#contentText { margin-left: 240px; padding: 136px 50px 1em 0; color: #000; }
#contentText p { line-height: 1.25em; padding-bottom: 1em; }
#contentText ul {margin-left: 2em; }
#contentText li { background: url(../images/bullet_black.gif) no-repeat 0 5px; padding: 0 7px 1em 15px; }
#contentText li.external { background: url(../images/external_link.gif) no-repeat 0 3px; padding: 0 7px 1em 15px; }
#contentText li.sub { list-style: circle; padding: .5em 0; background: none; }

#bread { color: #000; background-color: inherit; padding-right: 0; margin-bottom: 1.75em; font-size: .85em; }
#bread ul { margin-left: 0; padding-left: 0; display: inline; border: none; }
#bread ul li { margin-left: 0; padding-left: 2px; border: none; list-style: none; display: inline; background: none; }

#contactList { border-collapse: collapse; border: 0; width: 99%; }
#contactList td { width: 50%; vertical-align: top; padding-bottom: 1em; }
#contactList p {padding: 0; }

/* for Wall of Fame */
.fiveup { float: left; margin: 1em 0 1em .5em; }
.fiveup dt { margin-bottom: .25em; padding: 0 5px 0 0; }
.fiveup dd { text-align: center; margin: 0 5px 0 0; font-size: 90%; }
.fiveup img { padding: 1px; border: 1px solid #000; width: 100px; height: 130px; }
.fiveup:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */

/* for Awards */
#awardpic { width: 595px; border-collapse: collapse; border: 0; margin-top: 1em; }
#awardpic td { vertical-align: top; padding: 0 .75em 1em .75em; font-size: .85em; text-align:center; }

#awards { width: 595px; border-collapse: collapse; border: 0; margin-top: 3em; }
#awards td { vertical-align: top; padding: 0 2em 1em 0; font-size: .85em; }
#awards td.year { width:50px; padding-right:0; text-align:center; }
#awards ul {margin-left: 0; }
#awards li { background: url(../images/bullet_black.gif) no-repeat 0 5px; padding: 0 7px 1em 15px; }

/* for Pioneering Equipment */
.pioneer { float: left; margin: 1em 20px 1em 0; }
.pioneer dt { margin-bottom: .25em; padding: 0 5px 0 0; }
.pioneer dd { margin: 0 5px; font-size: .85em; width: 260px; }
.pioneer img { padding: 1px; border: 1px solid #000; width: 265px; height: 200px; }
.pioneer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */



/* Footer Area
-----------------------------------*/
#footer {margin: 0 auto; width: 780px; text-align: center; font-size:.8em; padding-bottom: 15px; color:#ddd; }
#footer ul { padding-bottom: 5px; }
#footer li { display: inline; background: url(../images/separator.gif) no-repeat 0 50%; padding: 0 7px 0 12px; }
#footer li.first { background: none; padding-left: 5px; }
#footer a { color: #b9850b; background: none; background-color: inherit; }
#footer a:hover, #footer a:active {color:#FFF; background-color: inherit; }
#footer p { margin-bottom: 0; }



/* Images
-----------------------------------*/
img.photoR { float: right; border: 1px solid #272727; color: inherit; background-color: #fff; margin: 5px 0 15px 15px; padding: 1px; }
img.photoL { float: left; border: 1px solid #272727; color: inherit; background-color: #fff; margin: 5px 15px 15px 0; padding: 1px; }
img.photoC { border: 1px solid #272727; color: inherit; background-color: #fff; padding: 1px; }
img.arrowB { width: 5px; height: 9px; padding-right: 7px; }
img.camera { width: 12px; height: 9px; padding-right: 1px; }
img.dc { width: 122px; height: 118px; padding: 3em 0; }



/* Contact Us Form
-----------------------------------*/
#contact form {margin: 0 0 1.5em 0; padding: 0; width: 95%; }
#contact fieldset {padding: 0 0 10px 10px; margin: 0 0 10px 0; border: 1px solid #272727; }
#contact legend {font-weight: bold; font-size: 1.3em; padding-bottom: 8px; color: #272727; background-color: inherit; }
#contact label {float: left; width: 35%; text-align: right; padding: 5px 10px 0 0; }
#contact label.last {font-weight: bold; text-align: left; padding-left: 10px; }
#contact input, textarea, select {clear: right; margin: 2px 0; border: 1px solid #a7a7a7; padding:1px 3px; }
#contact input.check { border: none; margin: 5px 0; }
#contact input.submit {margin: 0; padding: 3px; color: inherit; background-color: #FDFE9A; }
#contact p.line { padding-left: 1.6em; padding-top: 1em; }
#contact .errorMessage {color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }


.empPhotos { width: 100%; border:none; border-collapse:collapse; font-size: .85em; }
.empPhotos td { text-align: center; padding:5px; vertical-align:top; width:25%; }
.empPhotos td.col3 { text-align: center; padding:5px; vertical-align:top; width:33%; }
.empPhotos img { border:1px solid #000; padding:1px; }