@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-family: georgia, serif; font-size: 9pt; color: #fff; background: url(images/bg-tile-normal.gif) 0 0 repeat #000; line-height: 1.7; }
.centered { margin: 0 auto; width: 840px; }
.black { color: #181818; }
img { border: 0; margin: 0; padding: 0; }
.clear { clear: both; display: block; height: 0; }
h1 { font-size: 18pt; font-weight: normal; margin: 0; }
h2 { font-size: 14pt; font-weight: normal; margin: 0; }
h3 { font-size: 12pt; font-weight: bold; margin: 5px 0 10px 0; font-family: arial; line-height: 1.2; }
.black { color: #181818; }
.button { margin-top: 10px; }
.column { width: 390px; float: left; margin: 0; padding: 15px 15px 15px 15px; background-color: #fff; }
.columnWithBlack { width: 420px; float: left; margin: 0; padding: 0; background: url(images/bg-tile-gradient.gif) 0 0 repeat-x #020202; }
.triangle { margin: 18px 0; display: block; width: 15px; float: left; background: url(images/bg-tile-righttriangle.gif) 0 0 no-repeat transparent; }
.underSubnav { width: 350px; margin: 0 0 0 30px; padding: 15px; }
	.underSubnav ul { list-style-type: none; margin: 0; padding: 0; }
	.underSubnav li a { color: #fff; text-decoration: none; }
	.underSubnav li a:hover { text-decoration: underline; }

/* navigation */
#nav { background: url(images/bg-headerbar.jpg) 0 0 repeat-x #fff; height: 52px; margin: 0; }
	#logo { position: absolute; width: 238px; height: 105px; background: transparent; z-index: 999; margin-left: 10px; display: block; }
	#navLinks { width: 578px; margin: 24px 0 0 0; float: right; height: 12px; }
		#navLinks a { display: block; }
	ul.navList, .navList li { float: right; height: 12px; list-style-type: none; margin: 0; padding: 0; }
		a.home { width: 35px; height: 12px; background: url(images/ui-nav-home.gif) 0 0 no-repeat; margin-right: 15px; }
		a.home:hover, .home-s { width: 35px; height: 12px; background: url(images/ui-nav-home-r.gif) 0 0 no-repeat; margin-right: 15px; }
		a.about { width: 57px; height: 12px; background: url(images/ui-nav-about.gif) 0 0 no-repeat; margin-right: 15px; }
		a.about:hover, .about-s { width: 57px; height: 12px; background: url(images/ui-nav-about-r.gif) 0 0 no-repeat; margin-right: 15px; }
		a.portfolio { width: 64px; height: 12px; background: url(images/ui-nav-portfolio.gif) 0 0 no-repeat; margin-right: 15px; }
		a.portfolio:hover, .portfolio-s { width: 64px; height: 12px; background: url(images/ui-nav-portfolio-r.gif) 0 0 no-repeat; margin-right: 15px; }
		a.service { width: 97px; height: 12px; background: url(images/ui-nav-service.gif) 0 0 no-repeat; margin-right: 15px; }
		a.service:hover, .service-s { width: 97px; height: 12px; background: url(images/ui-nav-service-r.gif) 0 0 no-repeat; margin-right: 15px; }
		a.testimonials { width: 82px; height: 12px; background: url(images/ui-nav-testimonials.gif) 0 0 no-repeat; margin-right: 15px; }
		a.testimonials:hover, .testimonials-s { width: 82px; height: 12px; background: url(images/ui-nav-testimonials-r.gif) 0 0 no-repeat; margin-right: 15px; }
		a.contact { width: 71px; height: 12px; background: url(images/ui-nav-contact.gif) 0 0 no-repeat; }
		a.contact:hover, .contact-s { width: 71px; height: 12px; background: url(images/ui-nav-contact-r.gif) 0 0 no-repeat; }
		.navtext { display: none; }

/* subnavigation */
#subnav { list-style-type: none; float: right; margin: 0; padding: 0;  }
	#subnav li { /*border-bottom: 1px solid #7a7a7a; */margin-bottom: 1px; padding-bottom: 0; }
	a.medical { margin: 0 0 1px 0; padding: 0; display: block; width: 420px; height: 41px; background: url(images/ui-portfolio-subnav-medical.gif) 0 0 no-repeat transparent; }
	a.medical:hover, a.medical-s { margin: 0 0 1px 0; padding: 0; display: block; width: 420px; height: 41px; background: url(images/ui-portfolio-subnav-medical-r.gif) 0 0 no-repeat transparent; }
	a.office { margin: 0 0 1px 0; padding: 0; display: block; width: 420px; height: 41px; background: url(images/ui-portfolio-subnav-office.gif) 0 0 no-repeat transparent; }
	a.office:hover, a.office-s { margin: 0 0 1px 0; padding: 0; display: block; width: 420px; height: 41px; background: url(images/ui-portfolio-subnav-office-r.gif) 0 0 no-repeat transparent; }
	a.industrial { margin: 0 0 1px 0; padding: 0; display: block; width: 420px; height: 41px; background: url(images/ui-portfolio-subnav-industrial.gif) 0 0 no-repeat transparent; }
	a.industrial:hover, a.industrial-s { margin: 0 0 1px 0; padding: 0; display: block; width: 420px; height: 41px; background: url(images/ui-portfolio-subnav-industrial-r.gif) 0 0 no-repeat transparent; }
	
	a.history { margin: 0 0 1px 0; padding: 0; display: block; width: 420px; height: 41px; background: url(images/ui-about-subnav-history.gif) 0 0 no-repeat transparent; }
	a.history:hover, a.history-s { margin: 0 0 1px 0; padding: 0; display: block; width: 420px; height: 41px; background: url(images/ui-about-subnav-history-r.gif) 0 0 no-repeat transparent; }
	a.staff { margin: 0 0 1px 0; padding: 0; display: block; width: 420px; height: 41px; background: url(images/ui-about-subnav-staff.gif) 0 0 no-repeat transparent; }
	a.staff:hover, a.staff-s { margin: 0 0 1px 0; padding: 0; display: block; width: 420px; height: 41px; background: url(images/ui-about-subnav-staff-r.gif) 0 0 no-repeat transparent; }
	a.licenses { margin: 0 0 1px 0; padding: 0; display: block; width: 420px; height: 41px; background: url(images/ui-about-subnav-licenses.gif) 0 0 no-repeat transparent; }
	a.licenses:hover, a.licenses-s { margin: 0 0 1px 0; padding: 0; display: block; width: 420px; height: 41px; background: url(images/ui-about-subnav-licenses-r.gif) 0 0 no-repeat transparent; }


/* homepage */
#homepageImgRow { height: 260px; background: url(images/bg-tile-dark.gif) 0 0 repeat #020202; margin: 0; }
.homepageImg { height: 260px; width: 840px; margin: 0; }
.textRowHome { background: url(images/bg-tile-gradient.gif) 0 0 repeat-x #020202; margin: 0; padding: 0; height: 217px; }
.textRow { background: url(images/bg-tile-gradient.gif) 0 0 repeat-x #020202; margin: 0; padding: 0; }
.textRowWhite { background-color: #fff; margin: 0; padding: 0; }
	.textRowLeft { width: 385px; padding: 15px 15px 15px 15px; float: left; background: transparent; display: inline; }
	.textRowMiddle { width: 13px; background: url(images/bg-tile-whitetriangle.gif) 0 0 no-repeat transparent; float: right; display: inline; }
	.textRowRight { width: 375px; padding: 15px 15px 0 15px; float: right; background-color: #fff; display: inline; }

/* footer */
#footer { clear: both; margin: 10px 0; color: #fff; }
	.footerLeft { width: 300px; padding: 0 0 10px 10px; float: left; }
	.footerRight { width: 300px; padding: 0 10px 10px 0; float: right; text-align: right; }
	
/* form elements */
input, textarea, select { margin-bottom: 15px; font-family: georgia, serif; font-size: 1em; }
.form { width: 250px; }