body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #022354;
	background-image: url(../images/background_01.gif);
	background-repeat: repeat-x;
	}
a:link {
	color: #4d7295;
}
a:visited {
	color: #92ADC7;
}
a:hover {
	color: #4d7295;
}
a:active {
	color: #92ADC7;
}
h1 { font: normal 24px georgia, serif; border-bottom: 1px solid #999; }
.head { font: bold 20px georgia, serif; border-bottom: 1px solid #999; }
.subhead { font: bold 15px georgia, serif; border-bottom: 1px solid #999; padding-bottom: 5px; margin-bottom: 5px; line-height: 19px; }
.communitysub { font: bold 15px georgia, serif; border-bottom: 1px solid #999; }
.spansub {font: normal 13px georgia, serif; line-height: 19px;}
.homecontent {
	width: 821px;
	background-color: #FBFBEE;
	padding: 20px;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #232729;
	line-height: 16px;
	overflow: visible;
}	
hr.gallery {
	width:99%;
	color: #C9CFD1;
	height: 1px;
	margin-left:auto;
	margin-right:auto;
}
.gallernavleft {
	background-color:#FBFBEE;
	font-family:Verdana, "Arial", Helvetica, sans-serif;
	font-size: 10px;
	line-height: 25px;
	padding: 10px;
	margin-left:5px;
	margin-top: 5px;
	width: 119px;
	float: left;
}
.gallernavright {
	background-color:#FBFBEE;
	font-family:Verdana, "Arial", Helvetica, sans-serif;
	font-size: 10px;
	line-height: 25px;
	padding: 10px;
	margin-right:5px;
	margin-top: 5px;
	width: 119px;
	float: right;
}
.homeLeft {
	float: left;
	width: 380px;
	background-color: #FBFBEE;
	padding: 20px;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #232729;
	line-height: 16px;
}
.Left {
	float: left;
	width: 400px;
	background-color: #FBFBEE;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 11px;
	color: #232729;
	line-height: 16px;
}
.subLeft {
	float: left;
	width: 300px;
	background-color: #FBFBEE;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 11px;
	color: #5a656a;
	line-height: 16px;
}
.contactLeft {
	float: left;
	width: 300px;
	background-color: #FBFBEE;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #5a656a;
	line-height: 22px;
}
.modernizeLeft {
	float: left;
	width: 300px;
	background-color: #FBFBEE;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #5a656a;
	line-height: 18px;
	padding: 10px;
}
.communitiesLeft {
	float: left;
	width: 250px;
	background-color: #FBFBEE;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #5a656a;
	line-height: 21px;
	padding: 10px;
	border-bottom-color: #ABB4B8;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 20px;
}
.galleryLeft {
	float: left;
	width: 250px;
	background-color: #FBFBEE;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #5a656a;
	line-height: 21px;
	padding: 10px;
	border-color: #ABB4B8;
	border-style: solid;
	border-width: 1px;
	padding-bottom: 20px;
}
.newLeft {
	float: left;
	width: 300px;
	background-color: #FBFBEE;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #5a656a;
	line-height: 18px;
	padding: 10px;
}
.Right {
	float: right;
	width: 400px;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 11px;
	color: #232729;
	line-height: 16px;
}
.mainRight {
	float: right;
	width: 450px;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 11px;
	color: #232729;
	line-height: 16px;
	background-color: #fffff2;
	padding: 10px;
	border: solid 1px #d9d9d9;
}
.coltsfootRight {
	width: 450px;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 11px;
	color: #232729;
	line-height: 21px;
	background-color: #fffff2;
	padding: 10px;
	border: solid 1px #d9d9d9;
}
.aboutRight {
	width: 485px;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 32px;
	padding: 10px;
	float: right;
}
.employees {
	padding: 5px;
	width: 280px;
	margin-bottom: 10px;
	border: 1px solid #c4c4a9;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 11px;
	color: #232729;
	line-height: 22px;
	background-color: #fffff2;
}
.mainRightcolo {
	float: right;
	width: 450px;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 11px;
	color: #232729;
	line-height: 16px;
	background-color: #F3F3CD;
	padding: 10px;
	border: solid 1px #d9d9d9;
}
.homeHeader {
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 14px;
	color: #232729;
	line-height: 16px;
	font-weight: bold;
}
.homeRight {
	float: right;
	width: 420px;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #232729;
	line-height: 16px;
}
.gallery {
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.style7 {color: #93BDFD}
.hartefeldintro {
	width: 580px;
	float: right;
}
#container {
	width: 901px;
	margin: 0 auto;
	padding: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 10px;
	background-image: url(../images/background_01.gif);
	background-repeat: repeat-x;
	background-position: top;
	position: relative;
	z-index: 91;
}
#headerright {
	width: 329px;
	float: right;
}
#nav {
	height: 33px;
	background: #070c23;
}
#mainContent {
	margin-top: 0px;
	background-position: top;
	background-repeat: no-repeat;
	background-color: #f3f3d2;
	width: 861px;
	padding: 20px;
	float: left;
	z-index: 1;
	position: relative;
	background-image: url(../images/background_body.jpg);
	overflow: hidden;
}
#contentLeft {
	float: left; /* since this element is floated, a width must be given */
	width: 420px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
#contentRight {
	width: 420px;
	float: right;
}
#Content {
	width: 90%;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#footer {
	width: 901px;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	float: left;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.footerspan {
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#models-text {
	width: 821px;
	padding-bottom: 20px;
}
#models-home {
	border: 1px solid #f1e3c4;
	padding: 20px;
	margin: 10px 0 20px 0;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
#models-home-right {
	float: right;
	width: 400px;
}
#models-home-left {
	float: left;
	width: 310px;
}

#showcasecontainer {
	width: 821px;
}
#showcasescroll {
	float: left;
	width: 250px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	top: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #E7E7D1;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}#space {
	padding-top: 40px;
	padding-bottom: 40px;
}
#gallery-left {
	float: left;
	height: 300px;
	width: 400px;
	border-style: solid;
	border-width: 1px;
	border-color: #B9AB82;
	overflow: auto;
}
#gallery-right {
	float: left;
	height: auto;
	width: 280px;
	margin-left: 15px;
	position: relative;
	top: 0px;
	right: 0px;
}

/*  Gallery Slider */

#motioncontainer a img{ /*image border color*/
border: 1px solid #ccc;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 1px solid navy;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#statusdiv{
position: absolute;
padding: 2px;
left: -300px;
background-color: lightyellow;
border: 1px solid gray;
visibility: hidden;
}