/* General styles */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }
body { font: 12px/16px Helvetica, Arial, sans-serif; text-align: center; background: #c9c9c9; }
.container { width: 1000px; margin: 0px auto; text-align: left }
a img { border: none; }
a { color: #545454; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Header/utility nav */
#header  { height: 80px; background: #343434; }
#header #utility-nav { float: right; margin-top: 5px; height: 20px }
#header #utility-nav ul li { list-style-type: none; display: inline; padding-left: 15px }
#header #utility-nav ul li a { color: #adadad; text-decoration: none; font-size: 13px; }
#header #utility-nav ul li a:hover { text-decoration: underline; }

/* Main nav */
#header #nav { float: right; clear: right; margin-top: 30px }
#header #nav ul li { list-style-type: none; display: inline; padding-left: 15px }
#header #nav ul li a { color: #f1f1f1; text-decoration: none; font-size: 19px; font-weight: bold; padding: 2px }
#header #nav ul li:last-child a { color: #909090; }
#header #nav ul li a:hover { background: #f1f1f1; color: #000; }
#header #nav ul li:last-child a:hover { background: #909090; color: #000; }

/* Slideshow on homepage */
#slideshow { background: #343434; }
#slideshow .container { height: 300px; overflow: hidden; }
#slideshow img { display: block; }

.slides, .slide { width: 1000px; height: 300px; overflow: visible; }
.slide p { color: #fff; float: left; display: inline; width: 780px; height: 26px; padding: 8px 0px 0px 220px; background: url('../img/transparent-black-background.png') }
.slide p a { color: #fff; text-decoration: none; font-weight: bold; }
.slide p a:hover { background: #fff; color: #000; }

#slide-1 p { position: relative; top: -155px; }
#slide-2 p { position: relative; top: -119px; }
#slide-3 p { position: relative; top: -83px; }

.slideshow-control { position: relative; top: -155px; z-index: 1000; width: 205px; }
.slideshow-control ul li a { display: block; width: 205px; height: 34px; background: none; margin-bottom: 2px; text-decoration: none; }
.slideshow-control ul li a#divider { background: url('../img/divider-button-background.png') 0px 0px; }
.slideshow-control ul li a#divider:hover { background-position: 205px 0px; }
.slideshow-control ul li a#industrial { background: url('../img/industrial-button-background.png') 0px 0px; }
.slideshow-control ul li a#industrial:hover { background-position: 205px 0px; }
.slideshow-control ul li a#office { background: url('../img/office-button-background.png') 0px 0px; }
.slideshow-control ul li a#office:hover { background-position: 205px 0px; }

#headline { position: relative; top: -340px; z-index: 9999; }

/* IE6 slideshow positioning */
* html #slide-1 p { position: relative; top: -153px; }
* html #slide-2 p { position: relative; top: -117px; }
* html #slide-3 p { position: relative; top: -81px; }
* html .slideshow-control ul li a { display: block; width: 205px; height: 34px; background: none; margin: 2px 0px; text-decoration: none; }
	
/* "Banner" area on secondary pages */
#banner { background: #343434; color: #767676; }
#banner .container { background: #fff; padding: 30px 30px 0px 30px; width: 940px; overflow: auto; } 
#banner h1 { font-size: 36px; color: #545454; margin-bottom: 10px; }
#banner p { margin: 10px 0px; }
#banner .photo { float: right; margin: -20px -20px 0px 20px; }

/* Secondary nav */
#banner #secondary-nav ul { padding-top: 10px; }
#banner #secondary-nav ul li { list-style-type: none; float: left; }
#banner #secondary-nav ul li a { font-size: 20px; text-align: center; text-decoration: none; color: #fff; display: block; float: left; margin-right: 10px; width: 202px; height: 25px; padding-top: 6px; background: url('../img/secondary-nav-background.gif'); }
#banner #secondary-nav ul li a:hover, 
#banner #secondary-nav ul li a.current { background: #343434; }
#banner #secondary-nav ul li a:focus { outline-offset: -1px; }	/* Removes 1px border in FF, which causes scrollbars to appear on parent div */

/* Photo divs in gallery */
#content .photo { float: left; width: 297px; margin: 10px 24px 0px 0px; display: inline; }
#content .photo.last { margin-right: 0px; }
#content .photo p { margin: 5px 10px 20px 0px; font-size: 11px; font-weight: bold; }

/* Main content */
#content { background: url('../img/content-background.gif') 0px 0px repeat-x; }
#content .container { background: #e6e3c7; color: #767676; overflow: hidden; padding: 5px 30px 25px 30px; width: 940px; }
#content .column { float: left; width: 273px; padding: 0px 30px; display: inline; /* fixes IE6 float bugs */ } 
#content #experience { width: 310px; padding-left: 0px; }
#content #calculator { width: 225px }
#content #gallery { width: 230px; padding-right: 0px; }

#content h2 { color: #545454; font-size: 22px; line-height: 26px; margin: 10px 0px }
#content #experience h2 { margin-top: 25px }
#content p { margin: 10px 0px }
#content ul, #content ol { padding-left: 0px; }
#content ul li { list-style-type: none; background: url('../img/bullet.gif') 0px 2px no-repeat; padding-left: 10px; }

/* Styles for map/contact pages */
table.contact-info { width: 100%; color: #545454; font-size: 24px; line-height: 26px; margin: 10px 0px; }
table.contact-info tr { vertical-align: top; }
table.contact-info th, table.contact-info td { padding: 10px 0px; }

form.contact p { position:relative; margin: 0px; bottom: 10px; }
form.contact label { position:absolute; top: 9px; left: 10px; background: #fff; }
form.contact input, form.contact textarea { border: 1px solid #666; width: 270px; height: 20px; padding: 5px; margin: -15px 0px 0px 0px; font-size: 11px; display: block; background: #fff !important; }
form.contact textarea { width: 565px; height: 130px; font-family: sans-serif; color: #5c5c5c; }
form.contact fieldset legend { font-size: 22px; padding: 20px 0px 10px 0px; }
form.contact fieldset button { border: 0px; color: #fff; background: #343434; width: 200px; height: 30px; font-size: 19px; font-weight: bold; cursor: pointer; margin-top: 20px; }
form.contact fieldset.required { width: 350px; float: left; border: none; }
form.contact fieldset.required legend { color: #343434; }
form.contact fieldset.optional { width: 575px; float: left; border: none; }
form.contact fieldset.optional input { color: #5c5c5c; }

/* Footer */
#footer { color: #7a7a7a; font-size: 11px; }
#footer p { padding: 15px 0px }