html, body, #container {
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}
html { background: fixed #1A1A1A url(../images/layout/background.jpg) bottom left no-repeat; }
#container { position: relative; }
html>body #container { height: auto; }
img { border: none; }
a { text-decoration: none; }
#top1, #top2, #top3 { width: 100%; }
#top1 {
	height: 68px;
	background: #020000;
	position: absolute;
	top: 0px;
}
#top1 img { float: right; }
#top2 {
	height: 117px;
	position: absolute;
	top: 68px;
	background: url(../images/layout/header2.jpg) right repeat-x;
}
#top3 {
	height: 38px;
	background: #020000;
	position: absolute;
	top: 185px;
}
#top3 img { float: left; }
#logo {
	position: absolute;
	left: 88px;
	top: 223px;
	}
#nav { 
	height: 117px;
	width: 245px;
	background: #1A1A1A;
	position: absolute;
	left: 0px;
	top: 68px;
	z-index: 1;	   
}
#nav div { 
	float: right;
	margin: 9px 9px 0 0;
}
#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
#nav li {
	width: 100px;
	font: bold 11px Tahoma;
	letter-spacing:1px;
	height: 20px;
	background: url(../images/layout/nav-up.gif) right no-repeat;
	padding-right: 12px;
}
#nav li:hover, #nav li.current { background: url(../images/layout/nav-over.gif) right no-repeat; }
#nav a { color: #ACABAA;}
#nav a:hover, #nav li.current a { color: #7E8C0C;}
#linetop, #linebottom {
	background: #525151;
	position: absolute;
	width: 2px;
}
#linetop {
	top: 77px;
	left: 56px;
	height: 100px;
	z-index: 2;
}
#linebottom {
	top: 260px;
	left: 244px;
	height: 295px;
}
#content {
	font: 11px Tahoma;
	line-height: 25px;
	letter-spacing: 1px;
	color: #FFFFFF;
	text-align: justify;
	padding: 240px 20px 80px 267px;
}
#content td.right{
	width: 180px;
	padding-left: 0px;
	font: bold 11px Tahoma;
	line-height: 25px;
	letter-spacing: 1px;
	color: #ACABAA;
	text-align:right;
	letter-spacing:1px;
}
td a {
	font: bold 11px Tahoma;
	line-height: 25px;
	color: #ACABAA;
	text-align:right;
}
td a:hover {
	font: bold 11px Tahoma;
	line-height: 25px;
	color: #7e8c0c;
	text-align:right;
}
td a.current { color: #7E8C0C;}

.img {
	border: 2px solid #ACABAA;
	margin-right: 10px;
	margin-bottom: 10px;
}
.img:hover {
	border: 2px solid #7e8c0c;	

}
#content td.right {
	width: 133px;
	height: 29px;
	border: 2px solid #000000;
	margin-bottom: 15px;
}
#content td { vertical-align: top;  }
h1, .h1 { color: #A5481D; }
h3 {
	font: bold 11px Tahoma;
	color: #7e8c0c;
}	
#footer {
	position: absolute;
	bottom: 8px;
	right: 20px;
	font: 10px Arial;
	color: #5C5C5C;
	text-align: right;
}
#footer a { color: #FFFFFF; }
#footer a:hover { color: #7E8C0C; }
.fm-logo {
	float: right;
	margin: 6px 0 0 7px;
}
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.image_graphics img{
border: 2px solid #ACABAA;
margin: 0 5px 5px 0;
}

.image_graphics:hover{
background-color: transparent;
}

.image_graphics:hover img{
border: 2px solid #7E8C0C;
}

.image_graphics span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 450px;
visibility: hidden;
text-decoration: none;
}

.image_graphics span img{ /*CSS for enlarged image*/
border-width: 0;
}

.image_graphics:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 355px;
left: 450px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*end */

/*church */
.church img{
border: 2px solid #ACABAA;
margin: 0 5px 5px 0;
}

.church:hover{
background-color: transparent;
}

.church:hover img{
border: 2px solid #7E8C0C;
}

.church span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 450px;
visibility: hidden;
text-decoration: none;
}

.church span img{ /*CSS for enlarged image*/
border-width: 0;
}

.church:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 451px;
left: 450px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*end*/

/*aged */
.aged img{
border: 2px solid #ACABAA;
margin: 0 5px 5px 0;
}

.aged:hover{
background-color: transparent;
}

.aged:hover img{
border: 2px solid #7E8C0C;
}

.aged span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 500px;
visibility: hidden;
text-decoration: none;
}

.aged span img{ /*CSS for enlarged image*/
border-width: 0;
}

.aged:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 451px;
left: 450px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*end*/

/*residential */
.residential img{
border: 2px solid #ACABAA;
margin: 0 5px 5px 0;
}

.residential:hover{
background-color: transparent;
}

.residential:hover img{
border: 2px solid #7E8C0C;
}

.residential span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 0px;
visibility: hidden;
text-decoration: none;
}
.residential span img{ /*CSS for enlarged image*/
border-width: 0;
}

.residential:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 382px;
left: 450px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*end*/

/*multi-residential */
.multi-residential img{
border: 2px solid #ACABAA;
margin: 0 5px 5px 0;
}

.multi-residential:hover{
background-color: transparent;
}

.multi-residential:hover img{
border: 2px solid #7E8C0C;
}

.multi-residential span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 500px;
visibility: hidden;
text-decoration: none;
}

.multi-residential span img{ /*CSS for enlarged image*/
border-width: 0;
}

.multi-residential:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 520px;
left: 450px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*end*/

/*interior */
.interior img{
border: 2px solid #ACABAA;
margin: 0 5px 5px 0;
}

.interior:hover{
background-color: transparent;
}

.interior:hover img{
border: 2px solid #7E8C0C;
}

.interior span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 500px;
visibility: hidden;
text-decoration: none;
}

.interior span img{ /*CSS for enlarged image*/
border-width: 0;
}

.interior:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 500px;
left: 450px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*end*/

/*retail*/
.retail img{
border: 2px solid #ACABAA;
margin: 0 5px 5px 0;
}

.retail:hover{
background-color: transparent;
}

.retail:hover img{
border: 2px solid #7E8C0C;
}

.retail span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 500px;
visibility: hidden;
text-decoration: none;
}

.retail span img{ /*CSS for enlarged image*/
border-width: 0;
}

.retail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 335px;
left: 450px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*end*/

/*education*/
.education img{
border: 2px solid #ACABAA;
margin: 0 5px 5px 0;
}

.reducation:hover{
background-color: transparent;
}

.education:hover img{
border: 2px solid #7E8C0C;
}

.education span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 500px;
visibility: hidden;
text-decoration: none;
}

.education span img{ /*CSS for enlarged image*/
border-width: 0;
}

.education:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 477px;
left: 450px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*end*/


