*
{
	margin: 0;
	padding: 0;
}

H1 
{
	font: 24px "Book Antiqua";
	font-weight: 700;
	color: Black;
	margin: 0 0 10px 0;
}

H2x 
{
	font: 18px "Book Antiqua";
	font-weight: 700;
	color: Black;
	margin: 0 0 10px 0;
}

px
{	
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #373737;
	line-height: 16px;
	word-spacing: 1px;
	margin-bottom: 16px;
}
body 
{
	background-image: url(../images/fancy_deboss.png);
	margin:  10px 0 0 0;
	padding: 0;
	color: #ffffff;
	text-align: center;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #373737;
	line-height: 20px;
	word-spacing: 1px;
}

#wrapper {
	/*width: 1000px;*/
	width: 90%;
	margin: 0 auto;
	padding: 20px 40px 20px 40px;
	text-align: left;
	border: none 1px red;
}

#wrapper2 
{
	/*width: 1000px;*/
	width: 90%;
	margin: 0 auto;
	padding: 20px 40px 20px 40px;
	text-align: left;
	border: none 1px red;
}

a img {border-width:0;border-style:none;}

form { margin:0;padding:0;display:block; }
        
input, textarea, select, option { font-size:12px;margin:0;padding:0; }

div#Logo 
{
	float: left;
	width: 272px;
	height: 82px;
	margin: 20px 0 20px 20px;
	border: none 1px blue;
}

img.Logo {
	width: 120px;
	height: 120px;
}

div#TopMenu {
	float: right;
	width: 650px;
	margin: 30px 20px 20px 0px;
	padding: 30px 0 0 0;
	text-align: right;
	font: 18px "Book Antiqua";
	color: #4e280b;
	border: none 1px green;
}



div.MenuItem {
	float: right;
	margin: 0 0 0 15px;
	border: none 1px blue;
	font-weight: 700;
}

div#TopMenu2
{
	float: right;
	/*width: 650px;*/
	height: 82px;
	margin: 30px 20px 20px 0px;
	padding: 30px 0 0 0;
	text-align: right;
	font: 18px "Book Antiqua";
	color: #4e280b;
	border: none 1px green;
}

div#BottomMenu
{
	width: 100%;
	text-align: center;
	margin: 30px 20px 20px 0px;
	padding: 0 0 0 0;
	font: 18px "Book Antiqua";
	color: #4e280b;
	border: none 1px green;
}

div.MenuItemBottom
{
    display: inline-block;
	margin: 0 0 0 15px;
	border: none 1px blue;
	font-weight: 700;
}

div#HomeShow
{
	/*width: 1000px;*/
	width: 100%;
	height: 600px;
	margin: 0 0 25px 0;
	border: solid 1px green;
}

div.HomeColumn 
{
	float: left;
	width: 270px;
	padding: 20px 30px 0 30px;
	border-right: solid 2px #cccccc;	
}

div.HomeColumnRight 
{
	float: left;
	width: 270px;
	padding: 20px 30px 0 30px;
}

div#ProjCol1 
{
	float: left;
	width: 740px;
	border: none 1px green;
	margin: 20px 0 30px 10px;
	border-right: solid 2px #777777;
}

div#ProjCol2 
{
	float: left;
	width: 215px;
	border: none 1px blue;
	padding: 0 0 0 30px;
}

div.ProjTitle
{
	color: #b01515;
	line-height: 12px;
	height: 30px;
}

div.ProjTN 
{
	float: left;
	width: 222px;
	height: 200px;
	margin: 30px 20px 0 0;
	border: none 1px green;
}

div.ProjLanding {
	float: left;
	width: 1197px;
	height: 1197 px;
	margin: 20px 10px 20px 10px;
	border: none 1px black;
}

div#IntCol1 
{
	float: left;
	width: 555px;
	border: none 1px green;
	margin: 20px 0 30px 10px;
	padding: 0 10px 0 0;
	/*border-right: solid 2px #777777;*/
}

div#IntCol2 
{
	float: left;
	width: 420px;
	border: none 1px blue;
	margin: 20px 0 30px 0;
	padding: 0 0 0 0px;
}

div#GridCol1 
{
	float: left;
	width: 840px;
	border: none 1px green;
	margin: 20px 0 30px 10px;
	border-right: solid 2px #777777;
}

div#GridCol2 
{
	float: left;
	width: 115px;
	border: none 1px blue;
	padding: 0 0 0 30px;
}

div#HomeFooter 
{
	width: 100%;
	text-align: center;
}

div.clientArrow 
{
    cursor: pointer;
    cursor: hand;
    margin: 5px 5px 10px 10px;
}

div.clientHdr 
{
    float: left;
    font-weight: 700;
    cursor: pointer;
    cursor: hand;
    text-align: left;
    padding: 0 0 0 0px;
    margin: 5px 0 0 0px;
}

div.clientDtl 
{
    display: none;
    border: solid 2px #b01515 !important;
    width: 400px !important;
    text-align: left !important;
    padding: 10px 0 10px 20px !important;
    margin: 0 0 0 30px !important;
    background-color: #c0c0c0 !important;
}

div.DashProjects {
	width: 100%;
	padding: 10px;
	border: 2px solid black;
	overflow: auto;
	border-radius: 15px;
}

div.DashProjectLink {
	width: 250px;
	float: left;
	margin: 5px 5px 0 0;
	padding: 5px 5px 5px 5px;
	border: none 1px black;
}

	div.DashProjectLink:hover {
	border-radius: 5px;
	border: solid 3px dodgerBlue;
	background-color: dodgerblue;
	color: white;
	}

div.FTCol1 {
	width: 400px;
	height: 300px;
	float: left;
	border-radius: 15px;
	border: solid 2px black;
	margin: 5px 20px 0 0;
	padding: 5px 5px 5px 5px;
	/*overflow: auto;*/
}

div.FTCol1a {
	width: 100%;
	height: 250px;
	border-radius: 15px;
	/*
	float: left;
	border: solid 2px black;
	margin: 5px 20px 0 0;
	padding: 5px 5px 5px 5px;
	*/
	overflow: auto;
}

	div .FTCol2 {
	width: 400px;
	height: 350px;
	overflow-y: auto;
	float: left;
	border-radius: 15px;
	border: solid 2px black;
	margin: 5px 20px 0 0;
	padding: 5px 5px 5px 5px;
}

div.FTCol3 {
	width: 400px;
	/*height: 350px;*/
	float: left;
	border-radius: 15px;
	border: solid 2px black;
	margin: 5px 20px 20px 0;
	padding: 5px 5px 5px 5px;
}

div.Web7_ProjDesc {
	font: 16px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	float: left;
	padding: 20px 60px 20px 60px;
	text-align: left;
	border: none 1px blue;
}
img.Map {
	width: 900px;
}

img.Web7_ImgTextWrap {
	float: right;
	width: 400px;
	height: 400px;
	margin: 0px 0px 20px 40px;
	padding: 0 0 0 0;
	border: solid 2px black;
	box-shadow: 0 10px 8px -6px black;

}

div.Web7_Slider {
	float: right;
	width: 400px;
	height: 288px;
	margin: 0px 0px 20px 40px;
	border: solid 2px black;
}

div.Web7_ProjTN {
	float: right;
	width: 210px;
	margin: 0px 0px 10px 10px;
	padding: 0 0 0 0;
	text-align: right;
	font: 18px "Book Antiqua";
	color: #4e280b;
	border: solid 1px green;
}

div.Grid {
	width: 850px;
	float: left;
	border-radius: 15px;
	border: solid 2px black;
	margin: 5px 20px 0 0;
	padding: 5px 5px 5px 5px;
}

div.Msg {
	width: 850px;
	float: left;
	border-radius: 15px;
	border: none 2px black;
	margin: 15px 20px 0 0;
	padding: 5px 5px 5px 5px;
}

div.prompt
{
	float: left;
	width: 120px;
}

div.center 
{
	text-align: center;
}

div.floatLeft 
{
    float: left;
}

div.clear 
{
	clear: both;
}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'feathericons';
	src: url('../fonts/feathericons/feathericons.eot?-8is7zf');
	src: url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'), 
		url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'), 
		url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'), 
		url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg');
}

/*---------------*/
/***   Grid    ***/
/*---------------*/

.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

	.grid figure img {
		position: relative;
		display: block;
		min-height: 100%;
		max-width: 100%;
		opacity: 0.8;
	}

	.grid figure figcaption {
		padding: 2em;
		color: #fff;
		text-transform: uppercase;
		font-size: 1.25em;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

		.grid figure figcaption::before,
		.grid figure figcaption::after {
			pointer-events: none;
		}

		.grid figure figcaption,
		.grid figure figcaption > a {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

			/* Anchor will cover the whole item by default */
			/* For some effects it will show as a button */
			.grid figure figcaption > a {
				z-index: 1000;
				text-indent: 200%;
				white-space: nowrap;
				font-size: 0;
				opacity: 0;
			}

	.grid figure h2 {
		word-spacing: -0.15em;
		font-weight: 300;
	}

		.grid figure h2 span {
			font-weight: 800;
		}

	.grid figure h2,
	.grid figure p {
		margin: 0;
	}

	.grid figure p {
		letter-spacing: 1px;
		font-size: 68.5%;
	}


/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background: #9e5406;
}

	figure.effect-bubba img {
		/*opacity: 0.7;*/
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s;
	}

	figure.effect-bubba:hover img {
		opacity: 0.4;
	}

	figure.effect-bubba figcaption::before,
	figure.effect-bubba figcaption::after {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
	}

	figure.effect-bubba figcaption::before {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
	}

	figure.effect-bubba figcaption::after {
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		-webkit-transform: scale(1,0);
		transform: scale(1,0);
	}

	figure.effect-bubba h2 {
		padding-top: 30%;
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}

	figure.effect-bubba p {
		padding: 20px 2.5em;
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0);
	}

	figure.effect-bubba:hover figcaption::before,
	figure.effect-bubba:hover figcaption::after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	figure.effect-bubba:hover h2,
	figure.effect-bubba:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

/*---------------*/
/* End of Bubba  */
/*---------------*/

span.bold
{
	font-weight: 700;
}

span.italic 
{
	font-style: italic;
}

span.uderline 
{
	text-decoration: underline;
}

span.red
{
	color: #b01515;
}

span.fontSmall
{
	font-size: 8pt;
}

span.pageTitle 
{
	font: 18px "Book Antiqua";
	color: #777777;
}

.btn {
	display: inline-block;
	color: #666;
	background-color: #eee;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 10px;
	padding: 5px 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.3);
	border-bottom-width: 3px;
}

	.btn:hover {
		background-color: #b01515;
		/*background-color: rgba(255,100,0,0.8);*/
		color: White;
		border-color: rgba(0,0,0,0.5);
	}

.btn:active {
		/*background-color: #CCC;*/
		/*background-color: rgba(255,100,0,1);*/
		background-color: #ba8139;
		border-color: rgba(0,0,0,0.9);
	}

.txtClass {
	border: 2px solid #aaa;
	border-radius: 4px;
	margin: 8px 0 0 0;
	outline: none;
	padding: 5px;
	box-sizing: border-box;
	transition: .3s;
}

	.txtClass:focus {
		border-color: dodgerblue;
		box-shadow: 0 0 8px 0 dodgerBlue;
	}

.txtClass2 {
	border: 2px solid #aaa;
	border-radius: 4px;
	margin: 8px 0 16px 0;
	outline: none;
	padding: 5px;
	box-sizing: border-box;
	transition: .3s;
}

	.txtClass2:focus {
		border-color: dodgerblue;
		box-shadow: 0 0 8px 0 dodgerBlue;
	}

.txtDateClass {
	margin: 8px 0 0 0;
}

.cbxClass {
	margin: 0px 0px 0px 0px;
	height: 18px;
	transition: .3s;
}

.cbxClass:focus {
		border-color: red;
		box-shadow: 0 0 8px 0 dodgerblue;
}



.cklb input {margin-left: -20px; margin-bottom: 5px; padding-right: 10px;}
.cklb td {
	padding-left: 40px; height: 20px;
}

/*------------- LINKS ---------------*/
/* general */
a:link, a:visited, a:active {font-weight:normal;text-decoration:none;color:#b01515;}
a:hover {font-weight:normal;text-decoration:underline;color:#4e280b;}
/*a:visited {color:#b01515;text-decoration:underline;}
a:hover {text-decoration:none;}*/

/* top menu */
a.menu:link, a.menu:visited, a.menu:active {font-weight:normal;text-decoration:none;color:#4e280b;}
a.menu:hover {font-weight:normal;text-decoration:underline;color:#b01515;}

ol {margin:0 0 1em 0;padding-left:30px;}
ul {font-size:16px;  margin-top: 2em; margin-bottom: 15px;}
div.Web7_ProjDesc > ul {
	font: 16px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	/*float: left;*/
	padding: 0 0 0 20px;
	margin: 20px 0 20px 20px;
	text-align: left;
	border: none 1px blue;
}
li.type1 {font-size: 12px; margin:0 20px 15px 25px; padding-left: 0; color: #000000; line-height: 15px;}
li.type2 {font-size: 12px; margin:0 20px 0px 25px; padding-left: 0; color: #000000; line-height: 15px;}
ol li {font-size: 12px; margin-bottom: 3px; margin-left: 0; padding-left: 0; color: #000000;}
/* second level */
ul li ul li {list-style-type: square;}
/* third level */
ul li ul li ul li {list-style-type: circle;}


/* Utility Divs & Spans */
div.prompt {display: block;	float: left;	width: 100px;	margin: 12px 0 0 0;	border: none 1px red;}
div.promptSmall {display: block;float: left;width: 80px;border: none 1px red;margin: 12px 0 0 0;}
div.promptSmall2 {display: block;float: left;width: 80px;border: none 1px red;margin: 5px 0 0 0;}
div.promptWide {display: block;float: left;width: 150px;margin-bottom: 10px;border: none 1px red;}
div.field {display: block;float: left;width: 90px;margin: 12px 0 0 0;}
div.field2 {display: block;float: left;margin-bottom: 10px;}
div.field3 {display: block; float: left; margin: 12px 0 0 0;}
div.ckeckbox {display: block; float: left; margin: 4px 5px 8px 10px;}
div.hidden {display: none;cursor: pointer;}
div.alignRight {text-align: right;}
div.HSpace20 {float: left;width: 20px;}
.bold {font-weight: 700;}
/* Project Page Specific */


/* Interior Page Specific */