/* ==========================================
	master.css
	========================================*/

/* ==========================================
	copyright 2008 McCool Development Solutions, LLC
	mccooldevelopment.com
	========================================*/
	
/* ==========================================
	normalizing styles
	========================================*/
	
@import url(normalize.css);

/* ==========================================
	nav marker styles
	========================================*/
	
@import url(nav-markers.css);
	
/* ==========================================
	tag styles
	========================================*/
	
html { text-align: center; background: #2f3b48 url(../img/html-bgd.png) repeat; }
body { position: relative; margin: 0 auto; width: 850px; text-align: left; font-size: small; font-family: Arial, sans-serif; color: #666; border-right: 1px solid #162533; border-left: 1px solid #162533; background: #fff; }
h1 a { display: block ;width: 850px; height: 37px; text-indent: -9999px; background: url(../img/h1-bgd.png) no-repeat; }
h2 { margin: 2em 0 1em 0; font-size: 145%; font-weight: normal; color: #173452; }
h3 { margin: 2em 0 0.5em 0; font-size: 110%; font-weight: normal; color: #173452; }
h5 a { display: block; width: 208px; height: 185px; margin-top: -110px; text-indent: -9999px; background: url(../img/tagline.png) no-repeat; }
h6 { margin: 2em 0 1em 0; font-weight: bold; color: #000; }
p { margin-bottom: 1em; }
a { color: #666; text-decoration: none; outline: none; }
a:hover { color: #999; }
strong { font-weight: bold; }

/* ==========================================
	class styles
	========================================*/
	
br.clear { clear: both; }
.float-left { float: left; padding-right: 10px; }

/* ==========================================
	site-wrap
	========================================*/
	
#site-wrap { font-size: 90%; }

/* ==========================================
	primary-nav
	========================================*/
	
#primary-nav { width: 850px; height: 55px; padding: 26px 0 0 10px; font-size: 11px; background: url(../img/primary-nav-bgd.png) no-repeat; }
#primary-nav li { float: left; }
#primary-nav li a { display: block; height: 18px; padding: 5px 13px; color: #ececec; }
#primary-nav li a:hover { color: #999; }
#primary-nav li.planning-solutions-btn ul, #primary-nav li.permitting-solutions-btn ul { position: absolute; display: none; margin: 1px 0 0 -1px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
#primary-nav li.planning-solutions-btn ul li, #primary-nav li.permitting-solutions-btn ul li { float: none; }
#primary-nav li.planning-solutions-btn ul li a, #primary-nav li.permitting-solutions-btn ul li a { display: block; width: 150px; padding: 6px 13px 2px 13px; text-indent: 0; color: #2f6799; text-decoration: none; border-bottom: 1px solid #ccc; background: #fff; }
#primary-nav li.planning-solutions-btn ul li a:hover, #primary-nav li.permitting-solutions-btn ul li a:hover { color: #999; }
* html #primary-nav ul {  line-height: 0; } /* IE6 fix */
#primary-nav ul a { zoom: 1; } /* IE6/7 fix */

/* ==========================================
	content-wrap
	========================================*/
	
#content-wrap { background: url(../img/content-wrap-bgd.gif) repeat-y; }

/* ==========================================
	primary-content
	========================================*/
	
#primary-content { float: left; width: 600px; margin-top: -20px; font-size: 120%; line-height: 1.45em; }
#primary-content div.pad { padding: 0 40px 80px 40px; }
#primary-content div ul { margin-left: 2em; list-style-type: circle; }
#primary-content li { margin-bottom: 0.75em; }
#primary-content a { border-bottom: 1px dotted #999; }

/* ==========================================
	animated collapsible div styles
	========================================*/
	
#master-plans #primary-content h3, #municipal-planning-services #primary-content h3, #land-use-codes #primary-content h3, #entitlement #primary-content h3, #building-permit-expediting #primary-content h3, #public-private-partnerships #primary-content h3, #building-owner-services #primary-content h3, #landlord-coordination #primary-content h3 { margin: 0; padding: 5px 10px; font-size: 95%; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #ececec; border-left: 1px solid #fff; background: #fff; }
#master-plans #primary-content h3 a, #municipal-planning-services #primary-content h3 a, #land-use-codes #primary-content h3 a, #entitlement #primary-content h3 a, #building-permit-expediting #primary-content h3 a, #public-private-partnerships #primary-content h3 a, #building-owner-services #primary-content h3 a, #landlord-coordination #primary-content h3 a { border: none; }
#master-plans #primary-content div.pad div, #municipal-planning-services #primary-content div.pad div, #land-use-codes #primary-content div.pad div, #entitlement #primary-content div.pad div, #building-permit-expediting #primary-content div.pad div, #public-private-partnerships #primary-content div.pad div, #building-owner-services #primary-content div.pad div, #landlord-coordination #primary-content div.pad div { padding: 20px 40px 20px 20px; font-size: 90%; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; border-left: 1px solid #ececec; }

/* ==========================================
	building-permit-expediting
	========================================*/

#building-permit-expediting #primary-content h3.nostyle { margin: 2em 0 0.5em 0; padding: 0; font-size: 110%; font-weight: normal; color: #173452; border: none; }

/* ==========================================
	news-recognition
	========================================*/
		
#news-recognition h3 { margin-top: 0; }

/* ==========================================
	careers
	========================================*/

#careers #primary-content h3.position-name { height: 48px; padding-left: 40px; line-height: 48px; border-top: 1px solid #ececec; background: url(../img/profile-icon.png) left 50% no-repeat; }
#careers p#careers-address { padding: 0 20px; font-size: 90%; }

/* ==========================================
	site-map
	========================================*/
	
#site-map #primary-content div ul li ul { margin-top: 0.75em; }

/* ==========================================
	secondary-content
	========================================*/
	
#secondary-content { float: right; width: 250px; font-size: 90%; line-height: 1.45em; }
#secondary-content div.pad { padding: 0 19px; vertical-align: top; }
#secondary-content div.pad div.first-img { margin-top: 20px; }
#secondary-content li { margin-bottom: 0.75em; }
#secondary-content h5 a { border: none; }
#secondary-content a { border-bottom: 1px dotted #999; }

/* ==========================================
	site-info
	========================================*/
	
#site-info { clear: both; padding: 10px 20px 10px 40px; font-size: 85%; }