/* ==========================================
	index.css
	========================================*/

/* ==========================================
	Copyright 2008 McCool Development Solutions
	mccooldevelopment.com
	========================================*/
	
/* ==========================================
	normalizing styles
	========================================*/
	
@import url(normalize.css);
	
/* ==========================================
	tag styles
	========================================*/
	
html { text-align: center; background: #2f3b48 url(../img/index/html-bgd.png) repeat; }
body { position: relative; margin: 0 auto; width: 903px; text-align: left; font-size: small; font-family: Arial, sans-serif; color:  #e2e2e2; }
h1 { position: absolute; left: 301px; top: -105px; width: 300px; height: 133px; text-indent: -9999px; background: url(../img/index/h1-bgd.png) no-repeat; }
h1 { _top: 30px;, =top: 30px; } /* iE 6/7 fix */
h2 { padding: 40px 20px; text-align: center; line-height: 1.45em; font-size: 150%; font-weight: normal; color: #999; }
a { outline: none; }

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

/* ==========================================
	primary-nav
	========================================*/

#primary-nav { margin-top: 135px;  }

#primary-nav li { float: left; margin-right: 1px; }

#primary-nav li:last-child { 
margin-right: 0; }

#primary-nav li.planning-solutions-btn a { display: block; width: 300px; height: 176px; text-indent: -9999px; background: url(../img/index/planning-solutions-btn-2.jpg) no-repeat; }

#primary-nav li.permitting-solutions-btn a { display: block; width: 300px; height: 176px; text-indent: -9999px; background: url(../img/index/permitting-solutions-btn-2.jpg) no-repeat; }

#primary-nav li.design-solutions-btn a { display: block; width: 300px; height: 176px; text-indent: -9999px; background: url(../img/index/design-solutions-btn.jpg) no-repeat; }

#primary-nav li.planning-solutions-btn ul, 
#primary-nav li.permitting-solutions-btn ul, 
#primary-nav li.design-solutions-btn ul { position: absolute; display: none; width: 150px; margin: 0 75px; text-indent: 0; text-align: center; background: #254c6f; }

#primary-nav li.planning-solutions-btn ul li, 
#primary-nav li.permitting-solutions-btn ul li,
#primary-nav li.design-solutions-btn ul li { float: none; }

#primary-nav li.planning-solutions-btn ul li a, 
#primary-nav li.permitting-solutions-btn ul li a,
#primary-nav li.design-solutions-btn ul li a { display: block; width: 150px; height: 15px; padding: 6px 0 3px 0; text-indent: 0; font-size: 10px; color: #ececec; text-decoration: none; border-bottom: 1px solid #2f3b48; background: #254c6f; }

#primary-nav li.planning-solutions-btn ul li a:hover, 
#primary-nav li.permitting-solutions-btn ul li a:hover,
#primary-nav li.design-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 */

/* ==========================================
	secondary-nav
	========================================*/

#secondary-nav { clear:  both; padding: 15px 0; text-align: center; font-size: 110%; color: #666; border-bottom: 1px solid #364755; }
#secondary-nav { _margin-top: -120px; =margin-top: -120px; _padding-top: 0; =padding-top: 0; } /* IE6/7 fix */
#secondary-nav a { text-decoration: none; color: #e2e2e2; }
#secondary-nav a:hover { color: #999; }

/* ==========================================
	site-info
	========================================*/
	
#site-info { clear: both; padding: 0 20px; line-height: 1.6em; font-size: 85%;  text-align: center; }
#site-info a { color: #ececec; text-decoration: none; }
#site-info a:hover { color: #999; }