/* Forge Construction CSS Default Styles */
/* Author: Patrick Cole */
/* Site: www.patrickcole.com */

	/* Element Styles */
	* { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	body { background: #51836d; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
	
	h1 { }
	h2 { padding: 0; margin: 20px 0 10px 0; letter-spacing: -1px; font-weight: normal; font-size: 27px; }
	h3 { padding: 5px 0px 5px 0px; letter-spacing: -0.5px; font-weight: normal; font-size: 19px; }
	h4 { padding: 5px 0px 10px 0px; }
	h5 { padding: 5px 0px 5px 0px; line-height: 24px; font-weight: normal; font-size: 12px; }
	h6 { padding: 0; margin: 0; font-size: 17px; font-weight: normal; letter-spacing: -0.5px; }
	p { padding: 5px 0px 5px 0px; line-height: 24px; }
	img {  }
	blockquote { margin: 20px 0 0 0; padding: 10px; font-size: 23px; font-weight: normal; background-color: #444;
		border-style: solid; border-color: #666; border-width: 1px 0 1px 0; }
	.author { font-size: 13px; color: #eee; }
	
	/* State Styles */
	:focus { outline: 0; }
	
	/* Link Styles */
	a:link { color: #aaa; text-decoration: none;  }
	a:visited { color: #aaa; text-decoration: none; }
	a:hover { color: #fff; }
	a:active { color: #aaa; text-decoration: none; }
	
	/* Class Styles */
	.left { float: left; }
	.center { width: 880px; margin: 0px auto 0px auto; }
	.right { float: right; }
	.clear { clear: both; }
	
	.size12 { font-size: 12px; padding: 10px 0px 30px 0px; border-style: solid; border-color: #7c7c7c; border-width: 0.5px 0px 0.5px 0px; }
	.staff { font-size: 17px; font-weight: normal; margin: 20px 0 0 0; }
	.rightstaff { float: right; margin: 30px 0 0 20px; }
	.client-container { margin: 20px 0 20px 0; }
	
	/* Element + Class Styles */
	
	/* ID's */
	
		/* Loading */
		#load { display: none; position: absolute; background: url('resources/loading.gif');
			top: 10px; right: 30px; width: 128px; height: 15px; text-indent: -9999em; }
			
		/* Main Layout */
		#header { background: url(resources/header_bg.jpg) top left repeat-x; width: 100%; height: 145px;
			color: #fff; }
		#logo { float: left; background: url(resources/logo_bg.jpg) top left no-repeat; }
		#logo a { display: block; width: 255px; height: 115px; text-indent: -10000px; }
		#headline { background: url(resources/headline_bg.jpg) top left repeat-x; width: 100%; height: 265px;
			color: #fff; }
		#content { background: #414141 url(resources/news_area_bg.jpg) top left repeat-x; width: 100%;
			color: #7c7c7c; }
		#content img { padding: 5px; border-style: solid; border-color: #666; border-width: 1px; background-color: #333; }
		#footer { background: url(resources/footer_bg.jpg) top left repeat-x; width: 100%;
			font-size: 12px; color: #393939; padding: 40px 0px 40px 0px; }
			
		/* Navigation */
		#navigation { float: right; width: 375px; height: 100px; background: url(resources/nav_bg.jpg);
			text-indent: -99999px; margin: 0px 42px 0px 0px; padding: 0; position: relative; }
		#navigation li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
		#navigation li, #navigation a { height: 100px; display: block;}
		
		#nav_home { left: 0px; width: 75px; }
		#nav_services { left: 75px; width: 75px; }
		#nav_clients { left: 150px; width: 75px; }
		#nav_plan { left: 225px; width: 75px; }
		#nav_about { left: 300px; width: 75px; }
		
		#nav_home a:hover { background: transparent url(resources/nav_bg.jpg) 0px -200px no-repeat;}
		#nav_services a:hover { background: transparent url(resources/nav_bg.jpg) -75px -200px no-repeat;}
		#nav_clients a:hover { background: transparent url(resources/nav_bg.jpg) -150px -200px no-repeat;}
		#nav_plan a:hover { background: transparent url(resources/nav_bg.jpg) -225px -200px no-repeat;}
		#nav_about a:hover { background: transparent url(resources/nav_bg.jpg) -300px -200px no-repeat;}
		
		#nav_home a:active { background: transparent url(resources/nav_bg.jpg) 0px -300px no-repeat; }
		#nav_services a:active { background: transparent url(resources/nav_bg.jpg) -75px -300px no-repeat;}
		#nav_clients a:active { background: transparent url(resources/nav_bg.jpg) -150px -300px no-repeat;}
		#nav_plan a:active { background: transparent url(resources/nav_bg.jpg) -225px -300px no-repeat;}
		#nav_about a:active { background: transparent url(resources/nav_bg.jpg) -300px -300px no-repeat;}
		
			
		/* Footer Styles */
		#footer ul { list-style-type: none; }
			
			/* Footer Link Styles */
			#footer a { text-decoration: none; border-style: dotted; border-color: #393939; border-width: 0px 0px 1px 0px;
				padding: 0px 0px 0px 0px; }
			#footer a:link { color:#393939; }
			#footer a:visited { color: #393939; }
			#footer a:hover { color: #fff;  }
			#footer a:active { color: #393939; }
			#footer img { padding: 0; border-style: none; border-width: 0; }
			
			/* List Styles */
			ul#address { float: left; width: 250px; padding: 5px 0px 0px 10px; }
		
			ul#copyright { float: left; width: 250px; padding: 5px 10px 0px 0px; }
				ul#validation li { display: inline; padding: 0px 10px 0px 0px; }
		
			ul#links { float: left; width: 250px; padding: 5px 0px 0px 0px; text-align: right; }
			ul#links li { float: left; width: 100px; padding: 0px 0px 10px 0px;  }
		
		
			
		/* Page Specific Layout Styles */
		
			/* Index */
			#welcome { float: left; width: 510px; padding: 10px 10px 10px 10px; }
			#news_nav { float: left; width: 322px; height:322px; padding: 0px 0px 0px 0px; 
				background: url(resources/news_nav_bg.jpg) top right no-repeat; }
			#news_nav ul { list-style-type: none; }
			
			#news_nav ul li#list_news a{ margin: 60px 0px 10px 0px; display: block; width: 322px; height: 40px; overflow: hidden;
				background: url(resources/list_news_bg.jpg) top left no-repeat; text-indent: -9999px; }
			#news_nav ul li#list_clients a { margin: 0px 0px 0px 0px; display: block; width: 322px; height: 40px; overflow: hidden;
				background: url(resources/list_clients_bg.jpg) top left no-repeat; text-indent: -9999px; }
			
			#index-news { float: right; width: 458px; height: 302px; padding: 20px 50px 0px 50px; 
				background: url(resources/news_bg.jpg) top left repeat-x; }
			#index-clients { float: right; width: 458px; height: 302px; padding: 20px 50px 0px 50px;
				background: url(resources/news_bg.jpg) top left repeat-x; }
				
			/* Services */
			#services-desc { float: left; width: 300px; padding: 0 20px 0 0; margin: 20px 0 20px 0; }
			#services-desc img { margin: 20px 0 5px 0; }
			#services { float: left; width: 520px; padding: 0 0 0 40px; margin: 60px 0 20px 0; }
			#services ul { list-style-type: none; padding: 0; margin: 0; }
			#services ul li { float: left; width: 225px; padding: 0; margin: 20px 10px 20px 10px;
				border-style: solid; border-color: #666; border-width: 1px 0 0 0; }
			#services ul li h3 { padding: 5px 0 0 0; }
			#services ul li p { padding: 0; }
			
			/* Credits */
			#credits-desc { float: left; width: 300px; padding: 0 20px 0 0; margin: 20px 0 20px 0; }
			#credits { float: left; width: 520px; padding: 0 0 0 40px; margin: 60px 0 20px 0; }
			#credits img { float: left; padding: 5px; margin: 0 10px 10px 0; }
			.credit { margin: 20px 0 20px 0; padding: 0; }
			
				
			/* Clients */
			#client-list { float: left; width: 300px; padding: 20px 0px 20px 0px; font-size: 12px; text-align: right;  }
			#client-list ul { list-style-type: none; }
			#client-list ul li { padding: 10px 0px 10px 0px;
				border-style: solid; border-color: #666; border-width: 0px 0px 1px 0px; }
			#client-preview { float: left; padding: 0px 0px 0px 20px; }
			
			/* Our Plan */
			#plan-desc { float: left; width: 880px; padding: 0; margin: 20px 0 20px 0; }
			.step { float: left; width: 240px; padding: 0 50px 20px 0; margin: 0 0 20px 0; }
			
			/* About Us */
			#about-desc { float: left; width: 300px; padding: 0 20px 0 0; margin: 20px 0 20px 0; }
			#about-staff { float: left; width: 520px; padding: 0 0 0 40px; margin: 60px 0 20px 0; }