@charset "UTF-8";
/* --- Design 51 Site CSS --- */

/* 
 ---Colors ---

   background: #717174 rgb(113,113,116)
   scroll bar green: #8b8d09 rgb(139,141,9)
   light gray BKGD: #ececec rgb(236,236,236)
   
   green: #8b8d09 rgb(139,141,9)

*/

/* Resets Styles in all browsers */
* { padding: 0; margin: 0; border:0; }

/* -----------------------------------*/

html, body {
	margin: 0; padding: 0; background-color: #717174; font-size: 1px;
	
	scrollbar-3dlight-color:#8b8d09;
	scrollbar-arrow-color:#8b8d09;
	scrollbar-base-color:#8b8d09;
	scrollbar-darkshadow-color:#8b8d09;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#8b8d09;
	scrollbar-shadow-color:#8b8d09;
	scrollbar-track-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

h1.pg-header { font-size: 24px; letter-spacing: 0px; padding: 0 0 0 0; margin: 0 0 0 0; }

h1.pg-headerW { font-size: 24px; letter-spacing: 0px; padding: 0 0 0 0; margin: 0 0 0 0; }

h2.homePgColumTitles { font-size: 19px; letter-spacing: 0px; padding: 0 0 0 0; margin: 0 0 0 0; }

h5.nav { font-size: 15px; letter-spacing: 0px; padding: 0 0 0 0; margin: 0 0 0 0; }

h5.footerNav { font-size: 13px; letter-spacing: 0px; padding: 0 0 0 0; margin: 0 0 0 0; }

h5.headerPortalText { font-size: 13px; letter-spacing: 0px; padding: 0 0 0 0; margin: 0 0 0 0; }

h5.addressText { font-size: 13px; letter-spacing: 0px; padding: 0 0 0 0; margin: 0 0 0 0; }


p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5e4f4a; line-height: 18px; text-align: left }
	p a:link { color: #8b8d09; text-decoration:none; }
	p a:visited { color: #8b8d09; text-decoration: none; }
	p a:hover { color: #8b8d09; text-decoration: underline; }
	p a:active { color: #8b8d09; text-decoration: underline; }
	
.white14 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; line-height: 24px; }
	.white14 a:link { color: #ffffff; text-decoration:none; }
	.white14 a:visited { color: #ffffff; text-decoration: none; }
	.white14 a:hover { color: #ffffff; text-decoration: none; }
	.white14 a:active { color: #ffffff; text-decoration: none; }
	
.green { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8b8d09; line-height: 18px; }
	.green a:link { color: #8b8d09; text-decoration:none; }
	.green a:visited { color: #8b8d09; text-decoration: none; }
	.green a:hover { color: #8b8d09; text-decoration: underline; }
	.green a:active { color: #8b8d09; text-decoration: underline; }
	
.greenBold { font-family: Arial, Helvetica, sans-serif; color: #8b8d09; font-weight: bold; }
	.greenBold a:link { color: #8b8d09; text-decoration:none; font-weight: bold; }
	.greenBold a:visited { color: #8b8d09; text-decoration: none; font-weight: bold; }
	.greenBold a:hover { color: #8b8d09; text-decoration: none; font-weight: bold; }
	.greenBold a:active { color: #8b8d09; text-decoration: none; font-weight: bold; }

.green17 { font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #8b8d09; line-height: 18px; }
	.green17 a:link { color: #8b8d09; text-decoration:none; }
	.green17 a:visited { color: #8b8d09; text-decoration: none; }
	.green17 a:hover { color: #8b8d09; text-decoration: underline; }
	.green17 a:active { color: #8b8d09; text-decoration: underline; }

#pg-contianers { width: 1024px; margin:0px auto; height: auto; text-align: left; }

#pg-contentContainer { width: 1024px; height: auto; background: #ffffff; padding: 0 0 50px 0; }

#pg-contentContainerNoPadding { width: 1024px; height: auto; background: #ffffff; padding: 0 0 0 0; }

#pg-contentContainerBlog { width: 1024px; height: auto; background: url(../images/BKGD/blogBKGD.gif) repeat-y left #ffffff; padding: 0 0 0 0; }

#genContentContainer { width:960px; padding: 0 32px 0 32px; }

#genContent { padding: 40px 40px 0 40px; width: 880px; }

/* Layout for Column Page */
#colun1-MainContent { width: 641px; padding: 20px 30px 20px 30px; float: left; background: #ffffff; }

	#colun1-Item { width: 601px; padding: 0 20px 15px 20px; margin: 10px 0 0 0; }
	
	#colun1-Content { padding: 10px 0 0 10px; }

#colun2-MainContent { width: 260px; padding: 20px 30px 20px 30px; float: right; background: #ffffff; }

	#colun2-Box { padding: 0 0 20px 0; }
	
	#colun2-Container { padding: 0px 20px 0 20px; }
	
	.colun2-Text { font-size: 14px; line-height: 26px; }
		.colun2-Text a:link { color: #8b8d09; text-decoration:none; }
		.colun2-Text a:visited { color: #8b8d09; text-decoration: none; }
		.colun2-Text a:hover { color: #8b8d09; text-decoration: underline; }
		.colun2-Text a:active { color: #8b8d09; text-decoration: underline; }
		
	#blogArchiveBox { border-top: solid 1px rgb(139,141,9); padding: 20px 0 20px 0; }
/* END Layout for Column Page */

/* Header */
#headerContainer { width: 1024px; height:0px auto; height: auto; border-bottom: solid 1px #ffffff; margin: 0 auto 3px auto; }

#headerContent { width: 960px; padding: 0 0 0 32px; }

	#headerLogoContainer { width: 400px; float: left; padding: 10px 0 10px 0; position:relative; }
	
		.blogLogo { position: absolute; bottom: 19px; right: 25px;}
	
	/* Nav and Client Portal Link */
	#headerNavLinkContainer { width: 560px; float: left; }
	
	#clientPortalLink { width:148px; height: 24px; background: url(../images/BKGD/portalLink.gif) no-repeat; padding: 6px 0 0 0; float: right; }
	
	#navContainer { width: 560px; margin: 50px 0 0 0; padding: 0 0 2px 0; height: 33px; }
	
	.navItem { padding: 8px 15px 9px 15px; float: right; border: solid 1px #717174; border-bottom: solid 2px #717174; border-top: none; }
		
		/* DropDown */
		.dropdown { position: relative; background: #ffffff; border: solid 1px #717174; border-top: none; visibility: hidden; height: auto; width: auto; }
		
		.dropdownItem { padding: 6px 10px 6px 10px; }
		
		.navText { font-size: 14px; color: #717174; text-align: left; }
			.navText a:link { color: #717174; text-decoration:none; }
			.navText a:visited { color: #717174; text-decoration: none; }		
			.navText a:hover { color: #8b8d09; text-decoration: none; }		
			.navText a:active { color: #717174; text-decoration: none; }


/* Page Title */
#pgTitleContainer { padding: 15px 32px 0 57px; border-bottom: #ffffff solid 2px; }
	
#pgCrumContianer { padding: 5px 0 0 0; }
	
	.crumText { font-size: 11px; color: #4d4d4f; line-height: 18px; }		
		.crumText a:link { color: #717174; text-decoration:none; }
		.crumText a:visited { color: #717174; text-decoration: none; }	
		.crumText a:hover { color: #8b8d09; text-decoration: underline; }	
		.crumText a:active { color: #717174; text-decoration: underline; }		
			
			
/* Home Page */
#flashContainer { width: 1024px; padding: 0 0 2px 0; }

#homeContentContainer { width:960px; padding: 0 32px 0 32px; }

	#homeContent { width:960px; padding: 10px 0 10px 0; border-bottom: solid 1px #717174; }
	
	#homeContentWhite { width:935px; padding: 15px 0 15px 25px; }
	
	#homeContentGray { width:935px; padding: 15px 0 15px 25px; background: #717174; }
	
	#homeProjectTypes { padding: 0 30px 0 0; width: 157px; float: left; }
	
		#homeProjectTypesTitle { padding: 0 0 10px 0; }
		
	#homeJustLaunchedLeft { width: 300px; float: left; padding: 0 20px 0 0; }
	
		.homeJustLanuchedButton { margin: 50px 0 0 0; }
	
	#homeJustLaunchedRight { width: 615px; float: right; }
	
		.homeJustLaunchedImg { padding: 0 15px 0 0; }
		
		
/* Customer Testimonails */
#testimonialContainer { width: 910px; padding: 25px 25px 0 25px; }

#testimonial { width: 800px; padding: 30px 55px 30px 55px; margin: 10px 0 10px 0; background: #ececec; }
		
		
/* Contact */
#contactContainer { width: 910px; padding: 25px 25px 0 25px; }

#contactFormContainer { width: 800px; padding: 30px 55px 30px 55px; margin: 20px 0 0 0; background: #ececec; }

	.contactFormColum1 { width: 350px; margin: 10px 50px 0 20px; float: left; }
	
	.contactFormColum2 { width: 350px; margin: 10px 0 0 0; float: left; }

	.contactFormItem { width: 350px; padding: 10px 0 10px 0; clear: both; border-bottom: solid 1px #717174; }

	.contactLable { width: 140px; float: left; font-size: 12px; padding: 0 20px 0 0; }
	
	.contactInput { border: solid 1px #4d4d4f; font-size: 12px; float: left; }
	
	.contactButtonContainer { width: 340px; margin: 0 0 0 0; padding: 10px 0 0 160px; }

	.required { color:#8b8d09; font-size:11px; text-align: right; width: 800px; }
		
		
/* Blog */
#blogMainContent { width: 641px; padding: 20px 30px 20px 30px; float: left; background: #ffffff; }

	#blogItem { width: 601px; border-bottom: solid 1px #717174; padding: 0 20px 15px 20px; margin: 10px 0 0 0; }
	
	#blogDateType { padding: 0 0 0 0; }
	
		.blogDateTypeText { font-size: 11px; }
	
	#blogContent { padding: 10px 0 0 10px; }
	
	#blogItemCommentsContainer { padding: 10px 0 0 0; }
	
	/* Blog Comments */
	#blogCommentContainer { width: 581px; padding: 0 30px 15px 30px; margin: 10px 0 0 0; }
	
	#blogCommentsBox { padding: 20px 20px 20px 20px; margin: 1px 0 1px 0; position: relative; width:551px; }
		
		.blogCommentText { padding: 10px 15px 0 15px; }
		.blogCommentDate { position: absolute; top: 15px; right: 15px; font-size: 11px; }
		
	#blogCommentAdd { width: 601px; border-bottom: solid 1px #717174; padding: 0 20px 15px 20px; margin: 10px 0 0 0; }
	
	#blogFormItem { padding: 5px 40px 5px 40px; }
	
	.blogFormLable { width: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5e4f4a; float: left; }
	
	.blogFormField { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5e4f4a; float: left; border: solid 1px #323232; }
	
	.blogFormButton { padding: 0 0 0 188px; }

#blogTopics { width: 260px; padding: 20px 30px 20px 30px; float: right; background: #ffffff; }

	#blogTopicBox { padding: 0 0 20px 0; }
	
	#blogTopicsContainer { padding: 10px 20px 0 20px; }
	
	.blogTopicsText { font-size: 14px; line-height: 26px; }
		.blogTopicsText a:link { color: #8b8d09; text-decoration:none; }
		.blogTopicsText a:visited { color: #8b8d09; text-decoration: none; }
		.blogTopicsText a:hover { color: #8b8d09; text-decoration: underline; }
		.blogTopicsText a:active { color: #8b8d09; text-decoration: underline; }
		
	#blogArchiveBox { border-top: solid 1px rgb(139,141,9); padding: 20px 0 20px 0; }
	

/* Site Map */
.siteMapText { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #8b8d09; line-height: 22px; }
	.siteMapText a:link { color: #8b8d09; text-decoration:none; }
	.siteMapText a:visited { color: #8b8d09; text-decoration: none; }
	.siteMapText a:hover { color: #8b8d09; text-decoration: underline; }
	.siteMapText a:active { color: #8b8d09; text-decoration: underline; }


/* Legal */
#legalContainer { }

		
/* Footer */
#footerContainer { width: 1024px; margin: 3px auto 0 auto; padding: 20px 0 30px 0; }

	#copyWriteContainer { width:355px; padding: 0 0 0 30px; float: left; }
	
	.copyWriteText { font-size: 11px; color: #ffffff; line-height: 18px; }		
		.copyWriteText a:link { color: #ffffff; text-decoration:none; }
		.copyWriteText a:visited { color: #ffffff; text-decoration: none; }	
		.copyWriteText a:hover { color: #8b8d09; text-decoration: underline; }	
		.copyWriteText a:active { color: #ffffff; text-decoration: underline; }

	#footerLinkContainer { width:550px; padding: 0 30px 0 0; float: right; }
	
		.footerLinkItem { float: right; padding: 0 10px 0 10px; }	
	
	#addressContainer { float: right; padding: 0 40px 0 0 }

	

/* Clear It */
.clearIt { clear: both; height: 1px; }
.clearIt5 { clear: both; height: 5px; }
.clearIt10 { clear: both; height: 10px; }
.clearIt15 { clear: both; height: 15px; }
.clearIt20 { clear: both; height: 20px; }