body {
	height: 100per;
	background-color: #f4f4f4;
	background-image: url("../images/bg_linen4.gif");
	background-repeat: repeat;
	}
	
	
td, p, li, dd, ul, dl, h1, div {
		font-family: "Trebuchet MS", Tahoma, Arial; 
		font-size: 0.97em;
		}

	
	
/* ========================================PAGE CONTAINERS================================================ */	
	
.page {
	position: relative;
	left: 0px;
	top: -4px;
	padding: 0px 0px;
	vertical-align: top;
	z-index: 2;
 	height:auto !important;
	display: block;
	overflow:visible;
	}



.colorbar {
	position:relative;
	z-index:7;
	width:100%;
	min-width: 800px;
	padding: 2px 0px;
	height:34px;
	background-color:#d0c8a2;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	 /*  #e7e4d1   #3399cc 2e1b1 #c1beae #564D20; BROWN*/
	/*border-top: 1px #964003 solid;*/
	/*border-bottom: 4px #031338 solid;*/
}


.colorbarPort {
	padding: 4px 8px;
	background-color: #a64900;
	margin-bottom:0px;
	 /*#3399cc 2e1b1 #564D20; BROWN*/
	/*border-top: 1px #964003 solid;*/
	/*border-bottom: 4px #031338 solid;*/
}

	
/* ===============================================BANNER========================================== */


.iconFireOff {
	position:relative;
	left:4px;
	background: url("../images/icon_fireOver.gif") no-repeat;
}


.iconFireOver {
	position:relative;
	left:4px;
	background: url("../images/icon_fireOver.gif") no-repeat;
	cursor:pointer;
	cursor:hand;
}




.iconEarthOff {
	background: url("../images/icon_earthOver.gif") no-repeat;
}


.iconEarthOver {
	background: url("../images/icon_earthOver.gif") no-repeat;
	cursor:pointer;
	cursor:hand;
}



.iconWaterOff {
	background: url("../images/icon_waterOver.gif") no-repeat;
}


.iconWaterOver {
	background: url("../images/icon_waterOver2.gif") no-repeat;
	cursor:pointer;
	cursor:hand;
}



.iconAirOff {
	background: url("../images/icon_airOver.gif") no-repeat;
}


.iconAirOver {
	background: url("../images/icon_airOver.gif") no-repeat;
	cursor:pointer;
	cursor:hand;
}


.bg_fire {
	position:relative;
	top:1px;
	float:right;
	width:56px;
	height:32px;
	border-left: 1px #fff dotted;
	border-right: 1px #fff dotted;
	}
	
.bg_fireOver {
	position:relative;
	top:1px;
	background-color:#ffd042;
	border-left: 1px #fff dotted;
	border-right: 1px #fff dotted;
	float:right;
	width:56px;
	height:32px;
	}

.bg_fireFoot {
	position:relative;
	top:1px;	
	width:56px;
	height:32px;
	border-left: 1px #fff dotted;
	border-right: 1px #fff dotted;
	}
	
.bg_fireOverFoot {
	position:relative;
	top:1px;
	background-color:#ffd042;
	border-left: 1px #fff dotted;
	border-right: 1px #fff dotted;	
	width:56px;
	height:32px;
	}	

	
	
.bg_earth {
	position:relative;
	top:1px;
	float:right;
	width:56px;
	height:32px;
	border-right: 1px #fff dotted;
	}
	
.bg_earthOver {
	position:relative;
	top:1px;
	background-color:#a4d641;
	float:right;
	width:56px;
	height:32px;
	border-right: 1px #fff dotted;
	}
	
.bg_earthFoot {
	position:relative;
	top:1px;
	float:right;
	width:56px;
	height:32px;
	border-right: 1px #fff dotted;
	}
	
.bg_earthOverFoot {
	position:relative;
	top:1px;
	float:right;
	background-color:#a4d641;
	width:56px;
	height:32px;
	border-right: 1px #fff dotted;
	}

	
.bg_water {
	position:relative;
	top:1px;
	float:right;
	margin-right:0px;
	width:56px;
	height:32px;
	border-right: 0px #fff dotted;	
	}
	
.bg_waterOver {
	position:relative;
	top:1px;
	background-color:#6691b5;   /*#4382b7*/
	float:right;
	margin-right:0px;
	width:56px;
	height:32px;
	border-right: 0px #fff dotted;
	}

.bg_waterFoot {
	position:relative;
	top:1px;
	margin-right:0px;
	width:56px;
	height:32px;
	border-right: 0px #fff dotted;	
	}
	
.bg_waterOverFoot {
	position:relative;
	top:1px;
	background-color:#6691b5;   /*#4382b7*/
	margin-right:0px;
	width:56px;
	height:32px;
	border-right: 0px #fff dotted;
	}



.bg_air {
	position:relative;
	top:1px;
	float:right;
	width:56px;
	height:32px;
	border-right: 1px #fff dotted;	
	}
	
.bg_airOver {
	position:relative;
	top:1px;
	background-color:#c3ddf2;
	float:right;
	width:56px;
	height:32px;
	border-right: 1px #fff dotted;		
	}

.bg_airFoot {
	position:relative;
	top:1px;
	width:56px;
	height:32px;
	border-right: 1px #fff dotted;	
	}
	
.bg_airOverFoot {
	position:relative;
	top:1px;
	background-color:#c3ddf2;
	width:56px;
	height:32px;
	border-right: 1px #fff dotted;		
	}
	
		
	
.banner {
	align:left;
	vertical-align: top;
	padding:0px 0px;
	width:800px;
	height:105px;
	display:block;
	overflow:hidden;
	border-top: 1px #aaa solid;
	border-bottom: 4px #e7e4d1 solid;
	/*border-right: 1px solid #9b9b9b;*/
	/*border-left: 1px solid #9b9b9b;*/
}





/* ===============================================NAV========================================== */


.navbarBG {
	margin-top:1px;
	*margin-top:1px;
	align:left;
	padding: 0px 0px;	
	width: 800px;
	height: 28px;
	background-color: #222;
	/*margin-top: -2px;*/
	border-bottom: 3px #e7e4d1 solid;
	display:block;
	overflow:visible;

	/*border-left: 1px #222 solid;*/

}

.navItem {

	align:left;
	vertical-align: middle;
	text-align: center;
	width: 110px;
	height: 26px;
	*height: 26px;
	padding: 2px 0px;
	margin-top: -1px;
	margin-bottom: -1px;
	/*background-color: #222;*/
	float: left;
	cursor:pointer;
	cursor:hand;
}


.on {
	width: 110px;
	height: 25px;
	*height: 26px;
	padding: 2px 0px;
	background-color: #e7e4d1;
	margin-top: -1px;
	margin-bottom: -1px;
	border-top:1px solid #e7e4d1;
	border-left:1px solid #afac9e;
	/*border-right: 1px solid #222;*/
	/**border-bottom: 1px solid #ccc;*/
}

.showContact  {
	width: 110px;
	height: 25px;
	*height: 26px;
	padding: 2px 0px;
	background-color:  #CCC;
	margin-top: -1px;
	margin-bottom: -1px;
	/*border-right: 1px solid #222;*/
	/**border-bottom: 1px solid #ccc;*/
}


.over {
	width: 110px;
	height: 25px;
	padding: 2px 0px;
	background-color:  #575757;
	margin-top: -2px;
	margin-bottom: 0px;
	cursor:pointer;
	cursor:hand;
	/*border-right: 1px #9b9b9b solid;*/
}



.off {
	width: 110px;
	height: 24px;
	padding: 2px 0px;
	margin-top: -1px;
	margin-bottom: 0px;
	background-color: #222;
	/*border-right: 1px #9b9b9b solid;*/
	margin-right: -1px;
	*margin-right: 0px;
}


.navItemPortfolio {
	vertical-align: middle;
	text-align: center;
	width: 130px;
	height: 24px;
	padding: 2px 0px;
	margin-top: -1px;
	margin-bottom: -1px;
	float: right;	
	cursor:pointer;
	cursor:hand;
}


.portOff {
	vertical-align: middle;
	text-align: center;
	width: 130px;
	height: 24px;
	padding: 2px 0px;
	margin-top: -1px;
	margin-bottom: -1px;
	background-color: #222;
}


.portOver {
	vertical-align: middle;
	text-align: center;
	width: 130px;
	height: 25px;
	padding: 2px 0px;
	margin-top: -2px;
	margin-bottom: -1px;
	cursor:pointer;
	cursor:hand;
	background-color: #98B623;
}


.navbarBGPort {
	margin-top:0px;
	*margin-top:0px;
	align:left;
	padding: 0px 0px;	
	height: 28px;
	background-color: #222;
	/*margin-top: -2px;*/
	border-bottom: 3px #e7e4d1 solid;
	display:block;
	overflow:visible;
	/*border-left: 1px #222 solid;*/

}

/* ===============================================CONTENT========================================== */

div.oneCol  {
	position: relative;
	left: 0px;
	top: 0px;
	*top:0px;
	display:block;
	overflow:hidden;
	width: 800px;
	vertical-align: top;
	background: #fff;
	padding: 0px 0px;
	z-index:2;
	oveflow:hidden;
	display: block;
}


div.twoCol {
	position: relative;
	width:800px;
	height:1400px;
	vertical-align: top;
	background: #fff;
	padding: 0px 0px;
	z-index:2;
	oveflow:hidden;
	display: block;
}



div.twoColClients {
	position: relative;
	width:800px;
	height:1800px;
	vertical-align: top;
	background: #fff;
	padding: 0px 0px;
	z-index:2;
	oveflow:hidden;
	display: block;
}



div.twoColSvcs {
	position: relative;
	width:800px;
	height:2500px;
	vertical-align: top;
	background: #fff;
	padding: 0px 0px;
	z-index:2;
	oveflow:hidden;
	display: block;
}


div.twoColBio {
	position: relative;
	width:800px;
	height:2400px;
	vertical-align: top;
	background: #fff;
	padding: 0px 0px;
	z-index:1;
	oveflow:hidden;
	display: block;
}

div.leftCol {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 520px;
	vertical-align:top;
	float:left;
	text-align: left;
	z-index:2;
	oveflow:visible;
}



div.rightCol {
	position: absolute;
	top: 0px;
	left: 520px;
	width: 280px !important;
	vertical-align:top;
	text-align: left;
	padding: 0px 0px;
	float:right;
	z-index:2;
	oveflow:visible;
}
	
	
.floatLeft {
	float:left;
	margin-right:4px;
	margin-left:4px;
	margin-bottom:4px;
	margin-top:8px;
}

.floatRt {
	float:right;
	margin-right:4px;
	margin-left:4px;
	margin-bottom:4px;
	margin-top:8px;
}


.colBox {
	text-align:left;
	border:1px dotted #999;
	background-color:#fefefe;
	font-weight:normal;
	padding:8px;
}


/* ===============================================INTERIOR PAGE CONTENT========================================== */

.tallHeader {
	color: #fff;
	padding: 12px 4px;
	background-color: #000;
	text-align: left;
	margin-left: 0px;
}

.tallHeaderPort {
	color: #fff;
	padding: 12px 4px;
	background-color: #999;
	text-align: left;
	margin-left: 0px;
}

.rightHeader {
	padding: 4px 4px;
	background-color: #e7e4d1;
	text-align: left;
	border-bottom: 1px solid #bbb;
}

.content {
	text-align: left;
	padding: 8px 4px;
	margin-right:12px;
	letter-spacing:0.02em;
	*letter-spacing:0.02em;
	line-height:1.4em;
	*line-height:1.8em;
}

.indent {
	text-align: left;
	margin-left:14px;
	display:block;
}

.indentMed {
	text-align: left;
	margin-left:8px;
}

.indent24 {
	text-align: left;
	margin-left:24px;
	display:block;
}


.leftContentDivider {
	text-align: left;
	border-top: 1px dotted #cdcab9;
}


.rightContentDivider {
	text-align: left;
	border-top: 1px dotted #cdcab9;
}


.rtColDetail {
		width:200px;
		padding:4px;
		
		vertical-align:middle;
		text-align:left;
		border-width:1px;
		border-style:dotted;
		border-color:#999;
		background-color:#f9f9f9;
		font-weight:bold;
	cursor:pointer;
	cursor:hand;
}


.rtColDetailOver {
		width:200px;
		padding:4px;

		vertical-align:middle;
		text-align:left;
		border-width:1px;
		border-style:solid;
		border-color:#999;
		background-color:#fff;
		font-weight:bold;
	cursor:pointer;
	cursor:hand;
}

.lfColDetail {
		width:190px;
		padding:8px;
		height:20px;
		vertical-align:middle;
		text-align:left;
		border-width:1px;
		border-top:solid;
		border-color:#999;
		background-color:#fefefe;
		font-weight:bold;
	cursor:pointer;
	cursor:hand;
}

.lfColDetailover {
		position:relative;
		top:0px;
		width:190px;
		padding:8px;
		height:21px;
		vertical-align:middle;
		text-align:left;
		border-width:1px;
		border-style:solid;
		border-color:#999;
		background-color:#efefef;
		font-weight:bold;
	cursor:pointer;
	cursor:hand;
}




/* ===============================================footer========================================== */

div.footer {
	position: relative;
	left: 0px;
	top: 0px;
	*top:0px;
	display:block;
	overflow:hidden;
	width: 800px;
	vertical-align: top;
	font-size: 0.8em;
	text-align: center;
 	color: #999;
	background-color:#ebebeb;    /*#e7e4d1*/
	border-top: dotted 1px #cdcab9;
	}
	
div.footerPort {
	position: relative;
	padding:10px;
	display:block;
	overflow:hidden;
	vertical-align: top;
	font-size: 0.8em;
	text-align: center;
 	color: #000;
	background-color: #dedede;
	border-top: dotted 1px #9b9b9b;
	}
	
div.clearht {
    clear:both;
    height:1px;
    overflow:hidden;
}

div.ht800  {
    height:800px;
    float:right;
    width:1px;
}

div.ht1200  {
    height:1200px;
    float:right;
    width:1px;
}



div.ht1400  {
    height:1400px;
    float:right;
    width:1px;
}



div.ht1600  {
    height:1600px;
    float:right;
    width:1px;
}



div.ht1800  {
    height:1800px;
    float:right;
    width:1px;
}

div.ht2200  {
    height:2200px;
    float:right;
    width:1px;
}

div.clear {
	clear: both;
	}