/* CSS Document */

/* colors:

*/

/* ---------------------- */
/* Reset
------------------------- */

/* remember to define focus styles! */
*:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

caption, th {
	text-align: left;
}

abbr, acronym {
	border: 0;
}
/* ---------------------- */
/* MFT Defaults
------------------------- */
html {
	overflow-y: scroll;
}

body {
	text-align: center; /*IE6 center page fix*/
	margin: 0;
	min-width: 1000px;

	scrollbar-face-color: #ccc;
	scrollbar-highlight-color: #ccc;
	scrollbar-shadow-color: #ccc;
	scrollbar-3dlight-color: #ccc;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-arrow-color: #eee;
	scrollbar-track-color: #eee;
}

a:link, a:visited, a:active {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

h1 a:link,
h1 a:visited {
	text-decoration: none;
}

h1 a:hover,
h1 a:active {
	text-decoration: none;
}



.subheadingLG { /*freestyle*/
	font-size: 1.4em;
	font-weight: bold;
}

.subheadingMED { /*freestyle*/
	font-size: 1.3em;
	font-weight: bold;
}

.subheadingSM { /*freestyle*/
	font-size: 1.2em;
	font-weight: bold;
}

h1, .subheadingLG, .subheadingMED, .subheadingSM, .bodyTextSM, .bodyTextLG, p {
	/*margin: 0 0 .8em 0;*/
	margin: 0 0 0.2em 0;
	line-height: 1.4em;
}

h1 {
	color: #000033;
	font-size: 21px;
	font-weight: bold;
	font-style: italic;
}

p {
	margin: 0 0 0.8em 0;
	line-height: 1.4em;
}

.bodyTextSM { /*freestyle*/
	font-size: 10px;
}

.bodyTextLG { /*freestyle*/
	font-size: 1.1em;
}

.color1 { /*freestyle*/
	color: #999;
}

.color2 { /*freestyle*/
	color: #666;
}

.color3 { /*freestyle*/
	color: #333;
}

ul {
	margin-left: 2em;
	padding: 0;
	list-style: none;
}

ul li {
	background: url(/images/bullet_square_4x4.gif) left .5em no-repeat;
	padding: 0 0 0 10px;
}

ul li, ol li {
	margin-bottom: .5em;
}

th, td {
	vertical-align: top;
}

hr {
	border : 0;
	height : 1px;
	background: #666666;
	margin : 0;
	padding: 0;
}

input {
	vertical-align: middle;
}

input.text-button {
	padding-left: .5em;
	padding-right: .5em;
}

/* fixes IE double-padding bug */
input.text-button {
	width: auto;
	overflow: visible;
}

ul.nav,
ul.nav ul {
	margin: 0;
}

ul.nav li {
	margin: 0;
	padding: 0;
	background: none;
}

ul.nav li a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

.clearFix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body.confirm .content ul li {
	background: url('/images/icon-arrow-back.gif') left .45em no-repeat;
}

body.confirm .content ul li:first-child {
	font-weight: bold;
}

iframe { background: #fdfdfd url('/images/loading.gif') center no-repeat; }

div.breadcrumbs { margin-bottom: 1em; font-size: .8em; }
div.breadcrumbs span a { color: #999; font-style: italic; }

span a { cursor: pointer; }

/* ------------------------------------------------------------------------ */
/* START Layout
--------------------------------------------------------------------------- */

body {
	font-size: 13px;
	background: #255D23 url(/images/bg.jpg) 0 0 no-repeat;
	color: #666666;
}

body, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.siteContainer {
	margin: 0 auto;
	width: 1008px;
	text-align: left;
	background: url(/images/siteRptr.png) 0 0 repeat-y;
}

div.pageContainer {
	min-width: 1000px;
}

div.headerContainer {
	width: 1008px;
}

.logo {
	float: left;
	width: 286px;
	height: 158px;
	margin: 0 0 0 30px;
}

div.navTop {
	float: right;
	width: 645px;
	height: 57px;
	background: url(/images/topNavBg.png) 0 0 no-repeat;
	margin: -11px 20px 0 0;
	position: relative;
}

div.navTop ul.nav {
	position: absolute;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
	height: 29px;
}

div.navTop ul.nav li {
	float: left;
	padding: 5px 0 0 0;
	background: url(/images/divider.png) 0 0 no-repeat;
	height: 27px;
}

div.navTop ul.nav li:first-child {
	background: none;
}

div.navTop ul.nav li a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	padding: 24px;
}

div.navTop ul.nav li a:hover,
div.navTop ul.nav li.selected a {
	color: #000000
}

/*div.navTop ul.nav li:first-child a:hover {
	background: url(/images/onBtn.png) 1.2em 0.8em no-repeat;
}

div.navTop ul.nav li a:hover {
	background: url(/images/lgonBtn.png) 1.2em 1.2em no-repeat;
	color: #000000;
}

div.navTop ul.nav li.con a:hover {
	background: url(/images/midonBtn.png) 0.9em 1.2em no-repeat;
}

div.navTop ul.nav li.about a:hover {
	background: url(/images/aboutonBtn.png) 1.2em 1.2em no-repeat;
}

div.navTop ul.nav li.employ a:hover, 
div.navTop ul.nav li.employ.selected a {
	background: url(/images/employonBtn.png) 1.2em 1.2em no-repeat;
}

div.navTop ul.nav li.selected a {
	background: url(/images/lgonBtn.png) 1.2em 1.2em no-repeat;
	color: #000000;
}*/

span.home li a {
	background: url(/images/homeIcon.png) 1.2em 0 no-repeat;
	display: block;
}

span.home li.selected a,
span.home li a:hover {
	background: url(/images/homeOnBtn.png) 0.7em 1.2em no-repeat;
	color: #000000;
	display: block;
	margin: -24px 0 0 0;
}

span.about li.selected a,
span.about li a:hover {
	background: url(/images/aboutonBtn.png) 1.2em 1.2em no-repeat;
	color: #000000;
	display: block;
	margin: -24px 0 0 0;
}

span.employ li.selected a,
span.employ li a:hover {
	background: url(/images/employonBtn.png) 1.2em 1.2em no-repeat;
	color: #000000;
	display: block;
	margin: -24px 0 0 0;
}

span.con li.selected a,
span.con li a:hover {
	background: url(/images/midonBtn.png) 0.9em 1.2em no-repeat;
	color: #000000;
	display: block;
	margin: -24px 0 0 0;
}

span.gallery li.selected a,
span.gallery li a:hover {
	background: url(/images/lgonBtn.png) 1.2em 1.2em no-repeat;
	color: #000000;
	display: block;
	margin: -24px 0 0 0;
}

.col1 {
	float: left;
	width: 303px;
}

.servicesContainer {
	background:url(/images/servicesBg.png) 0 0 no-repeat;
	width: 307px;
	height: 553px;
	margin: 22px 0 0 4px;
}

.servicesHeader {
	width: 307px;
	margin: 0 0 0 1px;
}

.navLeft {
}

.navLeft ul.nav {
}

.navLeft ul.nav li {
	background: url(/images/serviceDivider.png) 0 0 no-repeat;
}

.navLeft ul.nav li a {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 0.8em 25px 0.8em 60px;
}

.navLeft ul.nav li a:hover {
	background: url(/images/leftnav-o.jpg) 0.1em 0 no-repeat;
}

.navLeft ul.nav li.selected a {
	background: url(/images/leftnav-o.jpg) 0.1em 0 no-repeat;
}

.featuredProjHeader {
	width: 307px;
	margin: 0 0 0 1px;
}

.featuredProject {
	width: 307px;
	margin: 4px 0 0 1px;
}

.servicesFooter {
	margin: 0 0 8px 4px;
}

.col2 {
	float: right;
	width: 633px;
	margin: -100px 30px 8px 0;
}

.contentCap {
	width: 621px;
	margin: 12px auto 0 auto;
	text-align: center;
}

.contentContainer {
	width: 621px;
	margin: 0 auto 0 auto;
	background: url(/images/contentBg.png) 0 0 no-repeat;
	padding: 0;
	
}

div.content {
	padding: 0 20px 0 20px;
}

.contentFooter {
	width: 621px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

div.footerContainer {
	background: url(/images/footerBg.png) 0 0 no-repeat;
	width: 1008px;
	height: 46px;
	margin: 0 auto;
}

div.footerLeft {
	float: left;
}

div.footerLeft p {
	padding: 8px 0 0 20px;
	color: #FFFFFF;
	font-size: 10px;
}

div.footerRight {
	float: right;
}

div.footerRight p {
	padding: 8px 20px 0 0;
	color: #FFFFFF;
	font-size: 10px;
}

div.footerRight a {
	color: #FFFFFF;
}

div.service-areas { margin-bottom: 1em; overflow: hidden; }
div.service-areas h3 { font-size: 14px; color: #06633f; display: none; }
div.service-areas ul li { float: left; width: 30%; text-align: left; margin-left: 20px; font-size: .85em; vertical-align: top; }
div.service-areas ul li strong { color: #06633f; font-size: 1.2em; margin-bottom: .5em; display: inline-block; }

/* ---------------------- */
/* END Layout
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Custom Page Styles
--------------------------------------------------------------------------- */
.siteCap {
}

.clear {
	clear: both;
}

.rotatorContainer {
	height: 336px;
	position: relative;
	overflow: hidden;
}

/*.fbContainer {
	margin: 8px 0 20px 115px;
	margin: 0;
	text-align: center;
	width: 200px;
}

.fbContainer img {
	width: 32px;
	margin: 0 auto;
	text-align: center;
}

.fbContainer a {
	float: left;
	padding-right: 8px;
	width: 32px;
}*/

.fbLike {
	/*overflow: hidden;*/
	width: 50px;
	padding-top: 5px;
}

.certifiedContainer {
	margin: 0 auto 0 auto;
	padding-bottom: 12px;
	text-align: center;
	width: 870px;
}

.idea-thumbs img {
	padding: 5px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 0 0 20px 20px;
	vertical-align: middle;
}

.idea-thumbs span.center-vert {
	margin: 0 auto;
	text-align: center;
}

.contentContainer .content table img {margin: 0 8px 8px 0; padding: 4px; background: #FFFFFF; border: 1px solid #ccc;}

div.nivoSlider { height: 320px; top: 5px; overflow: hidden; }
div.rotatorContainer .nivoSlider a { display: block; }
div.rotatorContainer span.overlay { background: url(/Images/imgOverlay.png) no-repeat; position: absolute; right: -5px; top: -7px; width: 647px; height: 350px; z-index: 1000; }

.project {
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
	padding: 20px 0 10px 20px;
}

div.thumb { float: right; margin: 0 0 10px 10px; padding: 5px; background: #FFFFFF; border: 1px solid #ccc; }
div.thumb p { text-align: center; font-size: 10px; margin: 0; }
div.project p.more { font-size: 10px; text-transform: uppercase; }
div.project a:link, div.project a:visited { text-decoration: none; }
div.project a:hover { text-decoration: underline; }

.PG_ImageCell a img { border: 1px solid #999; } /* thumbnail images */
.PG_ImageCell a img:hover { border: 2px solid #999!important; }

.project p.header1 { font-size: 14px; font-weight: bold; font-style: italic; color: #000033; margin-top: 0; }
#ctl00_Body_pnlCategories {  }

#ctl00_Body_ptPhotos_Links td, #ctl00_Body_trPrevNext td, .PG_NextPrevious2 { padding: 5px 10px; font-size: 10px; text-transform: uppercase; font-weight: bold; }
#ctl00_Body_ptPhotos_Links a:link, #ctl00_Body_trPrevNext a:link { text-decoration: none; font-size: 10px; font-weight: normal; }
#ctl00_Body_ptPhotos_Links a:hover, #ctl00_Body_trPrevNext a:hover  { text-decoration: underline; }

#ctl00_Body_ptPhotos_lblCategoryName { display: none; }
#ctl00_Body_ptPhotos_lstCategoryDescription { margin-top: 20px; }

table.PG_PhotoTable { margin: 20px auto 0; }

table.contact-us { width: 100%; border: 1px solid #ccc; }
table.contact-us td,
table.contact-us th { padding: .5em .75em; background: #eee; }
table.contact-us th { padding: .75em .75em 0; font-size: 12px; vertical-align: bottom; }

p.breadCrumbs, #ctl00_Body_smpPath {
    /*border-bottom: 1px solid #CCCCCC;*/
    color: #000033;
    font-size: 14px;
    font-weight: bold;
    padding: 0.3em 0;
	font-style: italic;
}

p.breadCrumbs a:link, .breadCrumbs a:visited, #ctl00_Body_smpPath a:link, #ctl00_Body_smpPath a:visited {
    color: #666666;
    font-weight: normal;
    text-decoration: none;
}
p.breadCrumbs a:hover {
    /*border-bottom: 1px solid #CCCCCC;*/
}

.about-us .contentContainer .content p img {margin: 0 8px 8px 0; padding: 4px; background: #FFFFFF; border: 1px solid #ccc;}



/* ---------------------- */
/* END Custom Page Styles
------------------------- */
.regBlack {
	color: #000000;
	font-size: 13px;
}

.subHeadingBlack {
	color: #000000;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0.2em 0 0.2em 0;
}

.regDarkGrey {
	color: #666666;
	font-size: 13px;
}

.subHeadingDarkGrey {
	color: #666666;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0.2em 0 0.2em 0;
}
/* ------------------------------------------------------------------------ */
/* START Custom Module Styles
--------------------------------------------------------------------------- */

div.searchBoxContainer { overflow: hidden; }

div.searchBoxContainer * {
	float: left;
	font-size: 11px;
	border: none;
}

div.searchBoxContainer p {
	line-height: 19px;
	border: 0;
	margin: 0 5px 0 0;
	float: none;
}

div.searchBoxContainer div {
	padding: 1px;
	background: black;
	font-weight: normal;
}

div.searchBoxContainer div .text-box,
div.searchBoxContainer div .watermark-text-box {
	height: 13px;
	padding: 2px;
	width: auto;
	background: white;
}

div.searchBoxContainer div .text-button {
	height: 17px;
	background: red url(/images/icon-arrow.gif) center;
	text-indent: -999em;
	width: 19px;
	margin-left: 1px;
	padding: 0;
	line-height: 0; /* ie7 fix*/
}

a.rpt_repeater {
	border: 1px solid #333;
	overflow: hidden;
	padding: 15px;
	margin-bottom: 10px;
	display: block;
}

a.rpt_repeater .field1 {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	margin-bottom: .5em;
}

a.rpt_repeater .field2,
a.rpt_repeater .field3,
a.rpt_repeater .field4 { 
	margin: .5em 0;
	display: block;
}

a.rpt_repeater .image1,
a.rpt_repeater .image2 {
	float: left;
	margin-right: 5px;
}

/* ---------------------- */
/* END Custom Module Styles
------------------------- */

.mGridView a { color: Blue; display:block; padding: 5px; margin: 5px 10px 5px 3px;
               border-top: solid 1px white; 
               border-left: solid 1px white; 
               border-bottom: solid 2px gray; 
               border-right: solid 2px gray; }
               
.ajax__tab_tab {cursor:pointer}
.water {font-family: Tahoma, Arial, sans-serif;color:gray}

.pagerItems td {padding: 10px 0 0 10px}
.pagerItems span, .pagerItems a {padding: 7px;border:solid 1px #dcdcdc}
.pagerItems a {background-color:White;border:solid 1px gray}

.overLay {position:fixed;top:0;left:0;width:100%;min-height:1500px;z-index:9998;zoom:1;filter:alpha(opacity=50);opacity:0.5;background-color:black}



.g-recaptcha-badge-container {
	position: relative;
	float: right;
}

div.g-recaptcha-badge-container iframe {
	max-width: none;
}

.g-recaptcha-badge-container > div {
	position: absolute;
	right: 0;
}

	.g-recaptcha-badge-container > div > div {
		display: flex;
		justify-content: flex-end;
		overflow: hidden;
		width: 70px;
		height: 60px;
		margin: 0 auto;
		-moz-box-shadow: 0 0 4px #ddd;
		-webkit-box-shadow: 0 0 4px #ddd;
		box-shadow: 0 0 4px #ddd;
		-moz-transition: linear 100ms width;
		-o-transition: linear 100ms width;
		-webkit-transition: linear 100ms width;
		transition: linear 100ms width;
	}

		.g-recaptcha-badge-container > div > div:hover {
			width: 256px;
		}

@media only screen and (max-width : 860px) {
	.g-recaptcha-badge-container {
		float: none;
		margin-top: 10px;
	}

		.g-recaptcha-badge-container > div {
			position: static;
		}
}