/* CSS Document */

/*====================================================================

Stylesheet for for Brindley Pieters & Associates, Inc. 
Author/Design by: Blake Lyons
HTML, CSS Coding by: Anthony Spence
Company: Next Horizon

====================================================================*/


/*///// Global Styles /////*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, b {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.left {float:left;}
.right {float:right;}
.clear {clear: both;}
.tenTop {padding: 8px 0 0 0;}
.throwtxt {text-indent: -5000px;}

/*///// Main Styles /////*/

* {
	font-family: Arial, Helvetica, sans-serif;
}

html {
	margin: 0;
	padding: 0;
	background-color: #002443;
}
body {
	margin: 0;
	padding: 0;
	background: none;
}

#wrap-container {
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	background-color: #c4c0be;
}
#top-container {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #7ec21f;
}
#top-wrapper {
	width: 901px;
	height: 241px;
	margin: 0 auto;
	padding: 0;
	background: url('../images/dropdownbg.jpg') top center no-repeat;
}
#header-wrapper {
	width: 980px;
	height: 244px;
	margin: 0 auto;
	padding: 0;
	background: url('../images/topfg.jpg') top center no-repeat;
}
#nav-wrapper {
	width: 100%;
	height: 42px;
	border: 1px solid #a6a2a0;
	background-color: #fbfbfb;
	background: url('../images/nav.jpg') top left repeat-x;
}
#bottom-container {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url('../images/topbg.jpg') top left repeat-x;
}
#bottom-content-wrapper {
	width: 870px;
	height: 100%;
	margin: 0 auto;
}
#bottom-content {
	padding: 20px 0 20px 0;
}
#footer-container {
	background: url('../images/footerbg.jpg') 0 0 repeat-x;
	background-color: #002443;
	width: 100%;
	height: 121px;
}
#eeoclogo {
	position: absolute;
	width: 93px;
	height: 24px;
	display: block;
	overflow: hidden;
	margin: 20px 0 0 950px;
	padding: 0;
}
#eeoclogo a {
	width: 93px;
	height: 24px;
	display: block;
	background: url('../images/eeoc_logo.jpg') 0 0 no-repeat;
	cursor: pointer;
}
#footer-container #eeoclogo a:hover {
	background: url('../images/eeoc_logo.jpg') 0 -24px no-repeat;
}
#footer-container .footer {
	padding: 20px 0 0 0;
	width: 870px;
	margin: 0 auto;
}

#footer-container .footer #nexthorizon {
	float: left;
	width: 600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 1px 0 20px 4px;
	padding: 0;
	color: #6d6d6d;
}

#footer-container .footer #nexthorizon a {
	position: relative;
	color: #6d6d6d;
	font-weight: normal;
	text-decoration: none;
}

#footer-container .footer #nexthorizon a:hover {
	color: #fff;
}

/*///// Logo Link /////*/
#logo {
	position: absolute;
	width: 155px;
	height: 95px;
	display: block;
	margin: 50px 0 0 80px;
	padding: 0;
	background: none;
}
#logo a {
	position: relative;
	width: 155px;
	height: 95px;
	display: block;
	margin: 0;
	padding: 0;
	background: none;
}

/*///// Video Holder /////*/
#videoHolder {
	border: 2px solid #000;
	margin: 35px 45px 0 0;
}

/*///// Top Contact Form /////*/
#top-contact {
	padding: 30px 0 0 35px;
	width: 35%;
}
#top-contact legend {
	padding: 0 0 2px 30px;
}
#top-contact .legend {
	background: url('../images/top-contact-legend.png') top left no-repeat;
	width: 82px;
	height: 19px;
}
#top-contact label {
	display: block;
	float: left;
	width: 80px;
	text-align: right;
	color: #fbfbfb;	
	padding: 0 10px 0 0;
	font-size: 14px;
}
#top-contact input, #top-contact textarea {
	width: 150px;
	border: 2px solid #c8f260;
	font-size: 11px;
}
#top-contact textarea {
	width: 170px;
}
#top-contact .top-contact-row {
	padding: 0 0 5px 0;
}
#top-contact .top-contact-row .topTxtb {
	height: 12px;
}
#top-contact-submit {
	padding: 0 0 0 220px;
}
#top-contact-submit a, #top-contact-submit #submit {
	background: url('../images/top-contact-submit.png') top left no-repeat;
	width: 54px;
	height: 26px;
	display: block;
	text-indent: -5000px;
	border: none;
	cursor: pointer;
}

/*///// Top Locations /////*/
#top-locations {
	padding: 30px 0 0 20px;
}
#top-locations legend {
	padding: 0 0 5px 0;
}
#top-locations .legend {
	background: url('../images/top-locations.png') top left no-repeat;
	width: 107px;
	height: 19px;
	padding: 0 0 10px 0;
}

#top-locations label {
	font-size: 15px;
	color: #b6ff00;
	display: block;
	float: left;
	padding: 0 0 2px 5px;
	width: 180px;
	font-weight: bold;
}
#top-locations a {
	font-size: 11px;
	color: #fbfbfb;
}
#top-locations a:hover {
	text-decoration: none;
}
#top-locations ul {
	color: #fbfbfb;
	font-size: 11px;
	padding: 0 0 0 8px;
	line-height: 13px;
	font: Verdana, Arial, Helvetica, sans-serif;
}
#top-locations ul li {
	line-height: 12px;
}
#top-locations .cf-2 {
	position: absolute;
	margin: -53px 0 0 175px;
}
#top-locations .l-quater {
	width: 200px;

}

/*///// Nav Styles /////*/
#nav-wrapper ul {
	padding: 2px 0 2px 0;	
}
#nav-wrapper li {
	float: left;
}
#nav-wrapper a {
	float: left;
	display: block;
	height: 18px;
	color: #747474;
	text-decoration: none;
	padding: 12px 9px 8px 9px;
	font-size: 14px;
}
#nav-wrapper .navSpacer {
	display: block;
	float: left;
	background: url('../images/navSpacer.jpg') top right no-repeat;
	height: 39px;
	padding: 0 3px 0 2px;
}
#nav-wrapper a:hover, #nav-wrapper a:focus, #nav-wrapper a:active {
	background-color: #7fc217;
	background: url('../images/nav-hover.jpg') top left repeat-x;
	color: #fbfbfb;
}

#nav-wrapper a.current {
	background-color: #7fc217;
	background: url('../images/nav-hover.jpg') top left repeat-x;
	color: #fbfbfb;
}

/*///// Drop Down Menu /////*/	
#nav-wrapper li ul li a{
	float:left;
	width: 12em;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 5px 0 0px 5px;
	font-size: 14px;
	background: none;
	border-bottom: 1px solid #b8f32f;
}

#nav-wrapper li ul li a:hover {
	background: #b8f32f;
	color: #747474;
}

#nav-wrapper ul ul{
	position: absolute;
	width: 174px;
	margin: 38px 0 0 1px;
	padding-left: 1px;
	background: #7ebf0d;
	border-left: 1px solid #b8f32f;
	border-right: 1px solid #b8f32f;
	border-bottom: 1px solid #b8f32f;
}	

#nav-wrapper li ul ul {
	left:12em;
	margin: 0px 0 0 10px;
}

#nav-wrapper li:hover ul ul, #nav-wrapper li:hover ul ul ul, #nav-wrapper li:hover ul ul ul ul{
	display:none;
}
#nav-wrapper li:hover ul, #nav-wrapper li li:hover ul, #nav-wrapper li li li:hover ul, #nav-wrapper li li li li:hover ul{
	display:block;
}

/*///// Content Containers /////*/
#cornerBan {
	background: url('../images/cornerBan.png') top left no-repeat;
	position: absolute;
	margin: -3px 0 0 428px;
	width: 148px;
	height: 86px;
}
#IcornerBan {
	background: url('../images/cornerBan.png') top left no-repeat;
	position: absolute;
	margin: -3px 0 0 725px;
	width: 148px;
	height: 86px;
}
#bottom-content .contentBox {
	width: 573px;
	height: 100%;
	border: 1px solid #a6a2a0;
}
#bottom-content .IcontentBox {
	width: 100%;
	height: 100%;
	border: 1px solid #a6a2a0;
}
#bottom-content .content {
	height: 100%;
	border: 2px solid #fbfbfb;
	background-color: #e7e3e3;
	padding: 15px;	
}

#bottom-content .content a {
	color: #3bb000;
	text-decoration: underline;
	font-weight: normal;
}

#bottom-content .content a:hover {
	color: #2a7d00;
}

#bottom-content .content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: 	#1f6aaa;
	margin: 10px 0 10px 0;
}
#bottom-content .content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: 	#000;
	margin: 2px 0 15px 0;
}
#bottom-content .content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: 	#000;
	margin: 2px 0 4px 0;
}

/*///// Recent News Style /////*/
#bottom-content .newsBox h2 {
	background: url('../images/recentNews.gif') top left no-repeat;
	width: 262px;
	height: 42px;
	text-indent: -5000px;
	padding: 0 0 10px 0;	
}
#bottom-content .newsBox {
	padding: 0 0 0 20px;
	width: 270px;
}
#bottom-content .newsBox .date {
	background: url('../images/newsDate.gif') top left no-repeat;
	padding: 7px 0 0 0;
	width: 36px;
	height: 36px;
}
#bottom-content .newsBox .date p {
	font-size: 11px;
}
#bottom-content .newsBox .date span {
	font-weight: bold;
	font-size: 13px;
}
#bottom-content .newsBox .news {
	padding: 0 0 10px 5px;
	width: 224px;
}
#bottom-content .newsBox .news p {
	font-size: 12px;

}
#bottom-content .newsBox a {
	font-family: Arial, Helvetica, sans-serif;	
	color: #5b940d;
	font-style: italic;
}
#bottom-content .newsBox a:hover {
	color: #ccff50;
}
#bottom-content .newsBox .first {
	padding: 0 0 4px 0;
}
#bottom-content .newsBox .sec a {
	font-size: 12px;
}
#bottom-content .newsBox .newsHr {
	background: url('../images/newsHr.gif') top left no-repeat;
	width: 260px;
	height: 2px;
	padding: 0;
	margin: 0;
}
#bottom-content .newsBox .past {
	font-size: 11px;
}

/*///// Content Styles /////*/

/*-- Homepage Header Text --*/
#bottom-content .welcomeTXT {
	background: url('../images/welcomeTXT.gif') top left no-repeat;
	padding: 0 0 20px 0;
	text-indent: -5000px;
}

/*-- About Us Header Text --*/
#bottom-content .aboutusTXT {
	background: url('../images/aboutusTXT.gif') 0 0 no-repeat;
	padding: 0 0 20px 0;
}

/*-- Our Services Header Text --*/
#bottom-content .servicesTXT {
	background: url('../images/servicesTXT.gif') 0 0 no-repeat;
	padding: 0 0 20px 0;
}

/*-- MBE Certifications Text --*/
#bottom-content .certificationsTXT {
	background: url('../images/certificationsTXT.gif') 0 0 no-repeat;
	padding: 0 0 20px 0;
}

/*-- Our Locations Text --*/
#bottom-content .ourlocationsTXT {
	background: url('../images/ourlocationsTXT.gif') 0 0 no-repeat;
	padding: 0 0 20px 0;
}

/*-- Recent News & Events Text --*/
#bottom-content .recentnewsTXT {
	background: url('../images/recentnewsTXT.gif') 0 0 no-repeat;
	padding: 0 0 20px 0;
}

/*-- Employment Text --*/
#bottom-content .employmentTXT {
	background: url('../images/employmentTXT.gif') 0 0 no-repeat;
	padding: 0 0 20px 0;
}

#bottom-content .content p {
	color: #4c4c4c;
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 12px 0;
}

#bottom-content .content ul {
	margin: auto 0 0 15px;
	padding: 0;
	font-size: 13px;
	color: #4C4C4C;
	font-weight: normal;
}

#bottom-content .content li {
	display: block;
	padding-left: 15px;
	background: url('../images/rightarrow.gif') 0 0 no-repeat;
	line-height: 16px;
}

#bottom-content .content h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff0000;
}

/*///// Footer Styles /////*/
#footer-container ul {
	color: #fbfbfb;
	line-height: 14px;
	font-size: 11px;	
	margin: 0 0 0px 0;
	padding: 0;
}
#footer-container #fo-nav li {
	float: left;
	margin: 0;
	padding: 0;
}
#footer-container li a {
	float: left;
	font-size: 11px;
	color: #fbfbfb;
	display: block;
	padding: 0 4px 0 4px;
	text-decoration: none;
}
#footer-container a:hover {
	text-decoration: underline;
}
#footer-container a {
	color: #fff;
	text-decoration: none;
}
#footer-container a:hover {
	text-decoration: underline;
}
#footer-container ul#fo-address { 
	margin: 20px 0 0 4px;
}
#footer-container #fo-address strong {
	font-weight: bold;
}

/*///// Top Slider Buttons //////*/
a#btnOpen {
	position: absolute;
	margin: 2px 60px 0 865px;
	width: 95px;
	height: 25px;
	color: #fff;
	display: block;
	background: none;
	text-indent: -5000px;
}

#closebutton {
	position: absolute;
	margin: 18px 80px 0 860px;
	width: 20px;
	height: 20px;
}

a#btnClose {
	position: absolute;
	margin: 0;
	width: 20px;
	height: 20px;
	display: block;
	background: none;
	text-indent: -5000px;
	z-index: 300;
}

/*///// Project Gallery Page //////*/

/* --- Project Gallery Home --- */
#bottom-content .galleryhome {
	background: url('../images/projectgalleryHeader.gif') top left no-repeat;
	padding: 0 0 20px 0;
	text-indent: -5000px;
}

/* --- Project Gallery: Civil ---*/
#bottom-content .civilgallery {
	background: url('../images/H1_pgallery_civil.gif') top left no-repeat;
	padding: 0 0 20px 0;
	text-indent: -5000px;
}

/* --- Project Gallery: Structural ---*/
#bottom-content .structuralgallery {
	background: url('../images/H1_structural.gif') top left no-repeat;
	padding: 0 0 20px 0;
	text-indent: -5000px;
}

/* --- Project Gallery: Construction Inspection ---*/
#bottom-content .cinspectiongallery {
	background: url('../images/H1_inspection.gif') top left no-repeat;
	padding: 0 0 20px 0;
	text-indent: -5000px;
}

.tenPad {
	padding: 10px;
}

.imgBorder {
	border: 1px solid #000;
	padding: 2px;
}