/* Nitsch Engineering (nitscheng.com) screen CSS */

/* general */
body{margin:0;padding:0;text-align:left;background:#002c77;font:12px/14px arial,sans-serif;color:#002c77;}
#container, #container-home{overflow:hidden;text-align:left;margin:0 auto;padding:0;width:980px;border:1px solid #274480;}

/* print realted */
.page-break{display:none !important;}

/* header */
#head, #head-home{float:left;width:980px;background:#fff;margin:0;padding:0;}
#logo, #logo-home{border:0;margin:11px 26px 11px 25px;}
#animation{border:0;margin:0 0 11px 273px; padding:0;}

/* top nav bar */
#top-nav, #top-nav-home{position:relative;float:left;width:980px;height:29px;background:#3f9c35;}

/* top navigation list */
#top{float:left; position:absolute; margin:0 0 0 203px;padding:0; height:29px; list-style:none; display:inline; overflow:hidden; width:788px;}
#top li{margin:0; padding:0; list-style:none; display:inline;}
#top li a{float:left; margin:0px; padding:29px 0 0 0; overflow:hidden; height:0px !important; height:29px;}
#top a:hover, #top a:active, #top a.selected{background-position:0 -29px;}
li#services a{width:127px; background:url(images/nav-services.gif) top left no-repeat;}
li#projects a{width:122px; background:url(images/nav-projects.gif) top left no-repeat;}
li#about a{width:119px; background:url(images/nav-about.gif) top left no-repeat;}
li#highlights a{width:119px; background:url(images/nav-highlights.gif) top left no-repeat;}
li#employment a{width:153px; background:url(images/nav-employment.gif) top left no-repeat;}
li#contact a{width:148px; background:url(images/nav-contact.gif) top left no-repeat;}

/* page contents */
#contents, #contents-home{float:left;width:980px;background:#002c77;background: #002c77 url(images/background.gif) repeat-y;}

/* left side nav */
#side-nav{float:left;background:#002c77;width:203px;}
#side-nav-home{float:left;background:#002c77;width:236px;height:490px;background:url(images/home-left-side.gif);}
#side{margin:30px 0 0 25px;padding:0 0 20px 0;list-style:none;}
#side li{margin:0 20px 30px 0;}
#side li a{text-decoration:none;font-size:14px;font-weight:bold;line-height:18px;}
#side li a:link, #side li a:visited{color:#ce8e00;}
#side li a:hover, #side li a:active, #side li a.selected, #side li a.selected:visited{color:#e2d478;}
#side li #side-sub-nav{margin:7px 0 0 0;padding:0;}
#side li #side-sub-nav li{margin:0;padding:0;font-size:12px;font-weight:normal;line-height:15px;}
#side li #side-sub-nav li a{color:#fff;font-size:12px;font-weight:normal;line-height:15px;}
#side li #side-sub-nav li a:link{color:#fff;text-decoration:none;}
#side li #side-sub-nav li a:visited{color:#999;text-decoration:none;}	
#side li #side-sub-nav li a:active, #side li #side-sub-nav li a.selected, #side li #side-sub-nav li a.selected:visited{color:#e2d478;text-decoration:none;}	
#side li #side-sub-nav li a:hover{color:#98c6ea;text-decoration:none;}	

/* middle content */
#page-content{
	float:left;
	width:462px;
	padding:20px 0 30px 25px;
}
#page-content-home{float:left;width:788px;height:490px;margin:0;padding:0;background:#002c77;} /* url(images/home-main_sm.gif) top left no-repeat */
#page-content-home img{border:0;}
#page-content h1{font-weight:normal;font-size:20px;line-height:18px;color:#ce8e00;margin:0 0 15px 0;}
#page-content p{padding:0;margin:10px 0 0 0;}
#page-content a:visited{font-weight:bold;color:#999;}
#page-content a:link{
	font-weight:bold;
	text-decoration:none;
	margin: 3px 0px 5px 0;
}
#page-content a:hover{
	border: 1px none #000;
	float: none;
}
#page-content p.section-intro{font-weight:normal;font-size:14px;line-height:18px;}
#page-content p.page-intro{font-weight:bold;}
#page-content ul{margin-top:0;}

/* right quote column */
#quote-column{float:right;width:234px;padding:20px 0 5px 25px;margin:0 20px 0 0;}
#section-graphic{float:left;margin:0;padding:0;border:0;border:1px solid #98c6ea;}
#quote-box{float:left;width:232px;margin:0 0 20px 0;padding:0 0 15px 0;border:1px solid #98c6ea;background:#fff;}
#quote-header{float:left;width:232px;height:39px;background:#98c6ea;margin:0;padding:0;}
#quote-box p.quote{display:inline;float:left;width:180px;margin:25px 0 0 25px;padding:0;font-size:14px;font-style:italic;line-height:17px;color:#002c77;}
#quote-box p.attribute-name, #quote-box p.attribute-title{display:inline;float:left;margin:3px 15px 0 80px;font-style:italic;font-size:10px;line-height:18px;}
#quote-box p.attribute-title{display:inline;float:left;margin:0 15px 0 88px;}

/* footer content */
#footer, #footer-home{float:left;}
#left-footer{text-align:center;float:left;width:723px;height:72px;background:#98c6ea;}
#footer-home #left-footer{background:url(images/home-footer-left.gif);}
#left-footer p{margin:31px 0 0 12px;text-align:center;}
#left-footer span.foot-elmt{display:inline;float:center;margin:0 10px;}
#left-footer a:link, #recent-news a:visited{color:#002c77;text-decoration:none;}
#left-footer a:hover{color:#002c77;text-decoration:underline;}
#recent-news, #footer-home #recent-news{float:right;width:301px;height:72px;background:#ce8e00;}
#footer-home #recent-news{background:url(images/home-footer-right.gif);}
#recent-news p{font-size:14px;line-height:16px;margin:16px 0 0 13px;}
#recent-news a:link, #recent-news a:visited{color:#002c77;text-decoration:none;}
#recent-news a:hover{color:#002c77;text-decoration:underline;}
#recent-news.whats-hot p{font-size:12px;line-height:17px;margin:10px 0 0 7px;} /* different content on the Home Page for the lower right orange block */

/* home page - information */
p#information{ float:left;text-align:left;width:110px;height:325px;line-height:16px;margin:157px 0 0 12px; }
p#information strong { color:#50ab45;font:bold 14px arial, sans-serif; }
p#information a:link, p#information a:visited { margin-top:3px;color:#d69e00;text-decoration:none; }
p#information a:hover, p#information a:active { text-decoration:underline; }

/* about us - bios */
#bio{float:left;width:450px;margin:0 0 10px 0;padding:0;}
#bio img{float:left;margin:0 20px 0 0;border-bottom:9px solid #3f9c35;}
#bio p{font-weight:bold;margin:0 0 4px 0;padding:0px;}

/* about us - board bios */
#page-content div.board-bio{float:left;width:450px;margin:10px 0 10px 0;padding:0;}
#page-content div.board-bio img{float:left;margin:0 20px 0 0;border-bottom:9px solid #3f9c35;}
#page-content div.board-bio p{margin:0 0 0px 0;padding:0px;line-height:16px;}

/* projects */
#page-content div.project{margin:0 0 25px 0;padding:0;}
#page-content div.project-head{display:inline;float:left;width:459px;margin:0 0 10px 0;padding:0;}
#page-content div.project-head img{float:left;margin:0 20px 0 0;border:0;border-bottom:9px solid #3f9c35;}
#page-content div.project-head p{margin:0;padding:0px;line-height:16px;}
#page-content div.project-head-noimage p{width:450px;margin:0;padding:0;}
img#municipal-map{margin:0 0 10px 0;} /* used with map on the 'Projects - Municipal Consulting' page*/

/* project image pop-up */
.photocredit{color:#fff;}

/* highlights - in the news */
#page-content div.news-item{width:460px;float:left;margin:10px 0 25px 0;padding:0;}
#page-content div.news-item img{float:left;margin:0 20px 0 0;border:1px solid #000;}
#page-content div.news-item p{margin:0;padding:0px;line-height:16px;}

/* highlights - presentations */
#page-content div.presentation{width:460px;margin:10px 0 25px 0;padding:0;}
#page-content div.presentation img{float:left;margin:3px 20px 5px 0;border:1px solid #000;}
#page-content div.presentation p{margin:0;padding:0px;line-height:16px;}

/* highlights - articles and seminars*/
#page-content span.seminar-name, #page-content .article-title, #page-content span.byline, #page-content p.italics, .job-title{font-style:italic;}
