/* ---------------------------------------- */
/* Name: main.css
/* ---------------------------------------- */
/* Producer: Matt Latzke
/* Production Date: 4/15/08
/* ---------------------------------------- */
/* Description: Main Page Styles for inner 
/*				city impact
/* ---------------------------------------- */
/* Revisions:
/* ---------------------------------------- */               
/* Top Floor Technologies
/* http://www.topfloortech.com
/* ---------------------------------------- */

@import url(scaffold.css);

.lCol{float:left; width:610px;}

/* --- Header --- */
	#header{height:383px;}
	#header h1{background:url(images/logo.gif) no-repeat top left; height:66px; width:360px; margin:27px 0 9px 5px}
	#flash{height:281px; background:url(images/flashBg.gif) no-repeat top left;}
	/* --- Gallery --- */
		#gallery{height:291px; width:278px; display:block; position:absolute; 
				 background:url(images/galleryBg.gif) no-repeat top left; right:12px; top:146px;}
		#gallery span{font-size:11px; position:absolute; left:10px; bottom:19px;}
/* --- Content --- */
	#content{background:#f1f1f1 url(images/contentBgTop.gif) repeat-x top left;}
	#contentBottom{margin-top:-16px; background:url(images/contentBgBottom.gif) repeat-x bottom left; padding-top:24px;}
	html>body #contentBottom{margin-top:-13px;}
	.learnMore{display:block; font-size:11px; font-weight:bold; border-width:1px 0 0 0; border-style:solid; padding-top:10px;}
	#rightCol .learnMore{border-color:#adbbbf;}
	#nav .learnMore{border-color:#cedce0;}
	#content p{font-size:11px; line-height:14px; color:#0a5065; margin-bottom:10px;}
/* --- Nav --- */
	/* --- Set up the box --- */
		#nav{background:url(images/navBg.gif) repeat-y top left; margin:0 1px 0 2px; float:left;}
		html>body #nav{margin:0 2px 0 4px;}
		#navBottom{background:url(images/navFoot.gif) no-repeat bottom left;}
		#navBuffer{background:url(images/navTop.gif) no-repeat top left; padding:11px 13px 13px 11px; width:580px;}
		#navClear{height:13px; clear:both;}
	/* --- set up the cells --- */	
		#navBuffer ul{float:left; background:url(images/navUlBg.gif) repeat-y top left;}	
		#navBuffer li{float:left;}	
		#nav1, #nav2, #nav3, #nav4{width:130px;}
		#nav1{padding-right:9px;}
		#nav2, #nav3{padding:0 9px 0 10px;}
		#nav4{padding-left:10px;}
	/* --- Make it Purty --- */	
		#navBuffer h2 a{display:block; height:17px; width:100%; margin-bottom:9px;}
		#nav1 h2 a{background:url(images/nav1Title.gif) no-repeat top left;}
		#nav2 h2 a{background:url(images/nav2Title.gif) no-repeat top left;}
		#nav3 h2 a{background:url(images/nav3Title.gif) no-repeat top left;}
		#nav4 h2 a{background:url(images/nav4Title.gif) no-repeat top left;}
/* --- rCol --- */		
	#rightCol{float:left; padding-left:10px; width:280px;}
	#contactUs{margin-top:43px;}
	#successStories a{display:block; height:13px; width:95px; background:url(images/successStoriesTitle.gif) no-repeat top left; margin:19px 0 14px 0;}
	h4{font-family:"Century Gothic", arial, sas-serif; font-weight:bold; color:#0a5065; font-size:12px; margin:12px 0 6px 0;}
/*--- Bottom Clear --- */
	#bottomClear{clear:both; height:12px;}