/* @override http://www.trinityconstructionnm.com/trc2.0/style.css */

/*@charset "UTF-8"; */
/* CSS Document */

@import url("reset.css");


body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #505348;
	line-height: 1.4em;
	letter-spacing: 0.02em;
}
body {
	background-color: #ededed;
	background-image: url(images/bg.gif);
	background-position: top center;
	margin: 0px 0px 0px 0px;
	position: relative;
}


/*  ========================================  LAYOUT  ========================================  */

#headerWrapper {
	width: 100%;
	height: 127px;
	background-image: url(images/bg-header.gif);
	background-repeat: repeat-x;
}
	#header {
		width: 923px;
		height: 127px;
		float: left;
		border: 0px dotted #999;
	}
		#logo {
			width: 120px;
			height: 127px;
			float: left;
		}
		#nav {
			width: auto;
			height: 127px;
			float: right;
			border: 0px dotted #999;
		}


.wrapper {
	width: 923px;
	margin-left: auto;
	margin-right: auto;
	text-align: left !important;
}

#pageTitleWrapper {
	width: 100%;
	height: 106px;
	background-image: url(images/bg-pagetitle.png);
	background-repeat: repeat-x;
	color: #ac8b2f;
}
	#pageTitle {
		width: 923px;
		float: left;
		padding: 42px 0px 0px 0px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 26px;
		text-transform: uppercase;
		letter-spacing: 0.2em;
	}

#bodyWrapper {
	width: 100%;
	float: left;
	background-image: url(images/bg-diamond.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

#body {
	width: 923px;
	float: left;
	padding: 45px 0px 60px 0px;
	border: 0px dotted #999;
}
	#body h1 {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 22px;
		color: #1c305d;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		padding: 0px 0px 15px 0px;
	}
	#body h2 {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #b68c18;
		text-transform: uppercase;
		letter-spacing: 0.15em;
		padding: 0px 0px 10px 0px;
	}
	#body blockquote {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #1c305d;
		letter-spacing: 0.01em;
		font-style: italic;
		padding: 18px 0px 25px 12px;
		background-image: url(images/bg-blockquote.jpg);
		background-repeat: no-repeat;
	}

#footerWrapper {
	width: 100%;
	height: 130px;
	float: left;
	background-image: url(images/bg-footer.png);
	background-repeat: repeat-x;
}
	#footer {
		width: 923px;
		height: 130px;
		float: left;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #596e99;
		letter-spacing: 0.07em;
		line-height: 2.4em;
	}
		#footerLeft {
			width: 461px;
			float: left;
			padding: 35px 0px 0px 0px;
		}
			#footerNav a {
				color: #1b305d;
				text-decoration: none;
				font-size: 14px;
				margin: 0px 20px 0px 0px;
			}
			#footerNav a:link {
				color: #1b305d;
				text-decoration: none;
			}
			#footerNav a:visited {
				color: #1b305d;
				text-decoration: none;
			}
			#footerNav a:hover {
				color: #1b305d;
				text-decoration: none;
			}
			#footerNav a:active {
				color: #1b305d;
				text-decoration: none;
			}
		#footerRight {
			width: 182px;
			height: 77px;
			float: left;
			padding: 53px 0px 0px 280px;
			background-image: url(images/bg-footerright.gif);
			background-repeat: no-repeat;
			font-size: 17px;
			color: #1b305d;
		}




/*  --------------------  NAVIGATION (NAV)  --------------------  */

.Nav li {
	border: 0px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: inline;
}	
	
/* NavAbout ------ */
.NavAbout a {
	display: block;
	width: 157px;
	height: 127px;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	border-bottom: 0px;
	background-image: url(images/nav.gif);
	float: left;
}
.NavAbout a:link {
	background-position: 0px 0px;
}
.NavAbout a:visited {
	background-position: 0px 0px;
}
.NavAbout a:hover {
	background-position: 0px -127px;
}
.NavAbout a:active {
	background-position: 0px -127px;
}
	.current-about .NavAbout a:link, .current-about .NavAbout a:visited {
		background-position: 0px -127px;
		cursor: default;
	}


/* NavProjects ------ */
.NavProjects a {
	display: block;
	width: 189px;
	height: 127px;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	border-bottom: 0px;
	background-image: url(images/nav.gif);
	float: left;
}
.NavProjects a:link {
	background-position: -157px 0px;
}
.NavProjects a:visited {
	background-position: -157px 0px;
}
.NavProjects a:hover {
	background-position: -157px -127px;
}
.NavProjects a:active {
	background-position: -157px -127px;
}
	.current-projects .NavProjects a:link, .current-projects .NavProjects a:visited {
		background-position: -157px -127px;
		cursor: default;
	}
	
	
/* NavSpecialties ------ */
.NavSpecialties a {
	display: block;
	width: 220px;
	height: 127px;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	border-bottom: 0px;
	background-image: url(images/nav.gif);
	float: left;
}
.NavSpecialties a:link {
	background-position: -346px 0px;
}
.NavSpecialties a:visited {
	background-position: -346px 0px;
}
.NavSpecialties a:hover {
	background-position: -346px -127px;
}
.NavSpecialties a:active {
	background-position: -346px -127px;
}
	.current-specialties .NavSpecialties a:link, .current-specialties .NavSpecialties a:visited {
		background-position: -346px -127px;
		cursor: default;
	}
	
	
/* NavContact ------ */
.NavContact a {
	display: block;
	width: 184px;
	height: 127px;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	border-bottom: 0px;
	background-image: url(images/nav.gif);
	float: left;
}
.NavContact a:link {
	background-position: -566px 0px;
}
.NavContact a:visited {
	background-position: -566px 0px;
}
.NavContact a:hover {
	background-position: -566px -127px;
}
.NavContact a:active {
	background-position: -566px -127px;
}
	.current-contact .NavContact a:link, .current-contact .NavContact a:visited {
		background-position: -566px -127px;
		cursor: default;
	}


/*  --------------------  LINKS  --------------------  */

.subNav {
	float: right;
	font-size: 13px;
	letter-spacing: 0.1em;
}
	.subNav a {
		margin-right: 30px;
		padding: 5px 10px 5px 10px;
	}
	.subNav a:link {
		color: #1b305d;
		text-decoration: none;
	}
	.subNav a:visited {
		color: #1b305d;
		text-decoration: none;
	}
	.subNav a:hover {
		color: #ffffff;
		text-decoration: none;
		background-color: #678bc0;
	}
	.subNav a:active {
		color: #ffffff;
		text-decoration: none;
		background-color: #678bc0;
	}




/*  --------------------  LINKS  --------------------  */

a:link {
	color: #1b305d;
	text-decoration: underline;
}
a:visited {
	color: #1b305d;
	text-decoration: underline;
}
a:hover {
	color: #1b305d;
	text-decoration: none;
}
a:active {
	color: #1b305d;
	text-decoration: none;
}




/*  --------------------  FORMS  --------------------  */

.formWrapper {
	width: 100%;
	float: left;
}
	.formFieldWrapper {
		width: 100%;
		float: left;
		padding: 8px 0px 16px 0px;
		border: 0px dotted #999;
	}
		.formFieldTitle,
		.radioFieldTitle,
		.btnFieldTitle {
			width: 30%;
			float: left;
			padding: 10px 0px 0px 0px;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			letter-spacing: 0.1em;
			border: 0px dotted #999;
		}
		.formField,
		.radioField,
		.btnField {
			width: 90%;
			float: left;
			border: 0px dotted #999;
		}
		.radioField {
			padding: 10px 0px 0px 0px;
		}
			.formField textarea {
				min-height: 200px;
			}
			.formField input,
			.formField textarea {
				width: 96%;
				padding: 8px 12px 8px 12px;
				margin-top: 5px;
				border: 1px solid #678bc0;
				background-color: #f7f9fc;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 16px;
				color: #6c5954;
				/*
				border-radius: 8px;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;
				-khtml-border-radius: 8px;
				*/
			}
			.formField input:focus,
			.formField textarea:focus {
				background-color: #ffffff;
				color: #333333;
				outline: none;
			}
			
			
			/*
			.formRadio {
				width: 30px;
				height: 30px;
				background-color: transparent;
				background-image: url(images/btn-forms.jpg);
			}
			*/
			
			
			.btnSend {
				width: 121px;
				height: 40px;
				float: left;
				margin-right: 20px;
				background-image: url(images/btn-forms.png);
				background-repeat: no-repeat;
				background-color: transparent;
				border: 0px;
				cursor: pointer;
				background-position: 0px 0px;
			}
			.btnSend:hover,
			.btnSend:focus {
				background-position: 0px -40px;
			}
			.btnSend:active {
				background-position: 0px -40px;
			}
			
			.btnReset {
				width: 121px;
				height: 40px;
				float: left;
				background-image: url(images/btn-forms.png);
				background-repeat: no-repeat;
				background-color: transparent;
				border: 0px;
				cursor: pointer;
				background-position: -121px 0px;
			}
			.btnReset:hover,
			.btnReset:focus {
				background-position: -121px -40px;
			}
			.btnReset:active {
				background-position: -121px -40px;
			}
			
			.btnLearnMore {
				width: 166px;
				height: 35px;
				position: absolute;
				float: none;
	left: 188px;
	bottom: -55px;
}





/*  =========================  ADVANCED LAYOUT  =========================  */

/*  --------------------  USER  --------------------  */

.userWrapper {
	width: 100%;
	padding: 15px 0px 35px 0px;
}
	.user {
		width: 100%;
		float: left;
		text-align: right;
		color: #2a2a2a;
		border: 0px dotted #999;
	}


/*  --------------------  HOME  --------------------  */

.homeFeatured {
	float: left;
}
	.homeFeaturedBox {
		width: 431px;
		float: left;
		padding: 0px 15px 0px 15px;
	}
	
.affiliateLogos {
	width: 923px;
	height: 60px;
	float: left;
	padding: 90px 0px 0px 0px;
	background-image: url(images/bg-affiliatelogos.png);
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	border: 0px dotted #999;
}


/*  --------------------  ABOUT  --------------------  */

.aboutGridLinks {
	width: 923px;
	float: left;
}	
	
	.aboutGridLinks li {
		border: 0px;
		padding: 0px;
		margin: 0px;
		list-style: none;
		display: inline;
		text-align: center;

		width: 410px;
		float: left;
		display: block;
		padding: 20px 0px 20px 0px;
		margin: 0px 25px 20px 25px;
		margin-top: 0px;
		border-bottom: 0px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 16px;
		text-decoration: none;
		font-style: italic;
		color: #678bc0;
		background-color: #e3e6ea;
	}	
		
	/* NavAbout ------ */
	.aboutGridLinks a {
		width: 410px;
		float: left;
		display: block;
		padding: 20px 0px 20px 0px;
		margin: 0px 25px 20px 25px;
		margin-top: 0px;
		border-bottom: 0px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 16px;
		text-decoration: none;
		font-style: italic;
		color: #678bc0;
	}
	.aboutGridLinks a:link {
		background-color: #e3e6ea;
	}
	.aboutGridLinks a:visited {
		background-color: #e3e6ea;
	}
	.aboutGridLinks a:hover {
		background-color: #d7dde6;
		color: #466da6;
	}
	.aboutGridLinks a:active {
		background-color: #d7dde6;
		color: #466da6;
	}


/*  --------------------  NEWS  --------------------  */

.newsItem {
	width: 100%;
	float: left;
	padding: 0px 0px 30px 0px;
	border: 0px dotted #999;
}
	.newsItem img {
		float: left;
		padding: 0px 30px 10px 0px;
	}
	

/*  --------------------  CERTIFICATION  --------------------  */

.certWrapper {
	width: 923px;
	float: left;
}
	.certLogo {
		width: 223px;
		float: left;
	}
	.certInfo {
		width: 700px;
		float: left;
	}


/*  --------------------  PROJECTS "HOME"  --------------------  */

.projHomeThumb {
	width: 295px;
	height: 350px;
	float: left;
	padding: 0px 5px 0px 5px;
	border: 0px dotted #999;
}
	.projHomeThumb img {
		padding: 0px 0px 10px 0px;
	}


/*  --------------------  PROJECTS "DETAIL"  --------------------  */

.projContent {
	width: 573px;
	float: left;
	padding: 0px 0px 0px 350px;
}


/*  --------------------  DYNAMIC  --------------------  */

.dynamic {
	width: 100%;
	float: left;
}
	.dynamic img {
		float: left;
		padding: 5px 30px 10px 0px;
	}

#body div.dynamic div.dynamic_header_image img {
	float: none;
}

/*  --------------------  CONTACT  --------------------  */

.contactLeft {
	width: 463px;
	float: left;
}

.contactRight {
	width: 430px;
	float: left;
	padding: 0px 0px 0px 30px;
}

#body div.about_page div.dynamic_header_image img {
	float: none;
	padding-left: 64px;
}