/* CSS Document */

* {margin: 0 auto; padding: 0;}


body {
	background-color:#999999 ;
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 11px;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #333333;
	}


#ul ,li {
	list-style-type:none;
	font-size: 11px; 
	line-height: 14px; 
	color: #333333;
	margin:0 0 0 0;

}

h1, h2, h3, h4, h5, h6, ul,li {
	font-size: 100%; 
	font-weight: normal;
	margin: 0; 
	padding: 0;

	}

	
h1 {
	font-family:Helvetica, Arial,sans-serif;
	color:#fff;
	font-weight:bold;
	font-size: 50px; 
	letter-spacing: -2.5px;
	margin: 35px 0 15px 0;
	}

h2 {
	font-family:Helvetica, Arial,sans-serif;
	color:#fff;
	font-weight:bold;
	font-size: 4.800em; /* 25px */
	letter-spacing: -2.5px;
	margin: 127px 0 0 0;
	}
	
h3 {
	font-family:Helvetica, Arial,sans-serif;
	color:#fff;
	font-size: 11px; /* 25px */
	margin: 10px 5px 5px 9px;
	}
	
	
/*h4 {
font-family:Helvetica, Arial,sans-serif;
color:#003366;
font-size: 12px; /* 25px */

}*/

h5 {
font-family:Helvetica, Arial,sans-serif;
color:#e41937;
font-weight:bold;
font-size: 11px; /* 25px */
margin: 0 0 0 9px;
}

h6 {
	font-family:Helvetica, Arial,sans-serif;
	color:#fff;
	font-size: 11px; /* 25px */
	margin: 10px 10px 5px 9px;
	}
	
#container {
	width: 750px;
	height:920px;
	text-align:left;
	background-color:#FFFFFF;
}

#headcontainer {
	width: 750px;
	height:270px;
	text-align:left;
	background-color:#043361;
	
}

#headerleft {
	background-color:#043361;
	width:560px;
	height:75px;
	float:left;
	display:inline;
	text-align:right;
}


#headerright {
	background-color:#043361;
	width:178px;
	height:85px;
	float:left;
	display:inline;
	background: url(images/lofts.jpg);
	background-position: 0 -165px;
}

#headerright a {
	background-color:#043361;
	width:178px;
	height:85px;
	float:left;
	display:inline;
	background: url(images/lofts.jpg) 0 0 no-repeat;
	background-position: 0 -165px;
}

#headerright a:hover{
	background-position: 0 -85px;
}

#headerright a:active{
	background-position: 0 -85px;
}


/*#loft  {
		
		width:730px; 
		height:75px;  
		background: url(images/lofts.gif);
		background-position: 0 -180px;
		text-align:right;
		padding: 10px 0px 0 0;
		
}

#loft a {
		
		width:730px; 
		height:75px;  
		background: url(images/lofts.gif) 0 0 no-repeat;
		background-position: 0 -180px; 
		text-align:right;
		padding: 10px 0px 0 0;
}

#loft a:hover{	
		background-position: 0 0;
		text-align:right;
		padding: 10px 0px 0 0;
}

#loft a:active {
		background-position: 0 0;
		text-align:right;
		padding: 10px 0px 0 0;
		
}
*/


#headlinks {
	width:500px;
	height:270px;
	text-align:right;
	float:left;
	
}

#navcontainer {
	background-color:#043361;
	width:750px;
	height:115px;
}

#navleft {
	width:20px;
	float:left;
	display:inline;
}

#navright {
	width:20px;
	float:left;
	display:inline;
}

#mainnav {
	width:400px;
	text-align:left;
	display:inline;
	float:left;
}

#navspacer {
	width:239px;
	display:inline;
	float:left;
}



#title {
	width:310px;
	height:150px;
	text-align:right;
	float:left;
	display:inline;
	

}

#subnavcontainer {
	width: 750px;
	height:40px;
	text-align:left;
	background-color:#e41937;
}

#subnav {
	background-color:#e41937;
	width:650px;
	height:35px;
	float: left;
	display:inline;
}

#subnavspacer1 {
	background-color:#e41937;
	width:1px;
	height:5px;
}

#subnavspacer2 {
	background-color:#e41937;
	width:1px;
	height:5px;
}


#back {
	width:80px;
	float: left;
	display:inline;
	text-align:center;
}




#maincontainer {
	width:750px;
	float: left;
	display:inline;
}


#mainphoto {
	width:561px;
	float: left;
	display:inline;
	margin:4px 5px 0 0;
}


#mainright {
	background:#e41937;
	width:184px;
	height:283px;
	float:left;
	display:inline;
	color:#fff;
	margin:4px 0 0px 0;
}




#mainleft {
	background:#e41937;
	width:184px;
	height:283px;
	float:left;
	display:inline;
	color:#fff;
	margin:5px 10px 0 0;
}

#mainrightcopy {
	float:left;
	display:inline;
}

#mainleftcopy {
	background: url(images/listbg.gif) repeat-y;
	float:left;
	display:inline;
}

#mainleftright {
	float:left;
	display:inline;
}

#indexbox { /*home*/
width: 184px;
height: 144px;
background-color: transparent;
/*background-image: url(../images/styleassets/indexbox01.jpg);
background-repeat: no-repeat;*/
z-index: 5;
}

#loftsphoto { /*home*/
width: 184px;
height: 144px;
}



#maincopy {
	color:#000;
	font-size:11px;
	padding: 5px 15px 5px 5px;
}


/*  commercial nav ................................................ */



#commercial1 {
	width:178px;
	height:220px;
	float:left;
	display:inline;
	margin:0 11px 0 3px;
}

#commercial2 {
	width:178px;
	height:220px;
	float:left;
	display:inline;
	margin:0 12px 0 0;
}

#commercial3 {
	width:178px;
	height:220px;
	float:left;
	display:inline;
	margin:0 12px 0 0;
}

#commercial4 {
	width:178px;
	height:220px;
	float:left;
	display:inline;
}


#contentcontainer {
	width:750px;
	height:200px;
	
}


#pagetext {
	width:180px;
	height:200px;
	float:left;
	display:inline;
	margin:0 11px 0 0;
}

#pageimage {
	width:557px;
	height:200px;
	float:left;
	display:inline;
}




#subtitle {
	font-size:14px;
	font-weight:bold;
	color:#002d62;
	margin:15px 0 5px 0;
}

#footer {
	background-color:#e41937;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:left;
	padding:5px 0 8px 20px;
	margin:4px 0 0 0 ;
	
}




/*  end iframe ................................................ */



/*  projects page ................................................ */

#projectscontainer {
	width:750px;
	float: left;
	display:inline;
	margin: 50px 0 0 0 ;
}

#projectscommercial {
	width:246px;
	text-align:left;
	float: left;
	display:inline;
}

#projectsdomestic {
	width:246px;
	text-align:left;
	float: left;
	display:inline;
}

#projectsnew {
	width:246px;
	text-align:left;
	float: left;
	display:inline;
}

#projectsspacer {
	width:6px;
	float: left;
	display:inline;
}

#projectspadding {
	width:750px;
	margin: 89px 0 0 0 ;
}



/*  end projects page ................................................ */



#contactcontainer {
	width:750px;
	float: left;
	text-align:center;
	display:inline;
	background-image:url(images/bg_contact.jpg)
	
}
#thankyoucontainer {
	background-color:#fff;
	width:750px;
	height:580px;
	float: left;
	text-align:center;
	display:inline;
	background-image:url(images/bg_contact.jpg)
}

#contact_intro	{
		background-color:#e41937;
		font-family: Helvetica, Arial,  sans-serif;
		font-size: 12px;
		color:fff;
		width:400px;
		margin: 20px 0 20px 0;
		padding:10px 10px  10px 10px ;
		
}


#contact_form	{
		font-family: Helvetica, Arial,  sans-serif;
		font-size: 11px;
		color:fff;
}

#thanksyou	{
		font-family: Helvetica, Arial,  sans-serif;
		font-size: 11px;
		color:fff;
		height:700px;
}


.white {
	font-family: Helvetica, Arial,  sans-serif;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	}
	
.contact {
	font-family: Helvetica, Arial,  sans-serif;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	}	
	
#contactspacer {
	height:5px;
	width:750px;
	background-color:#fff;
	clear:both;
}
	
	
	

.nav  A:link {color:#fff; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 1.100em; /* 25px */ letter-spacing: -2.5px;}
.nav  A:visited {color:#fff; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 1.100em; /* 25px */ letter-spacing: -2.5px; }
.nav  A:active {color:#fff; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 1.100em; /* 25px */ letter-spacing: -2.5px;}
.nav  A:hover {color:#e41937; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 1.100em; /* 25px */ letter-spacing: -2.5px;}

.navselected  A:link {color:#e419371; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 1.100em; /* 25px */ letter-spacing: -2.5px;}
.navselected  A:visited {color:#e41937; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 1.100em; /* 25px */ letter-spacing: -2.5px; }
.navselected  A:active {color:#e41937; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 1.100em; /* 25px */ letter-spacing: -2.5px;}
.navselected  A:hover {color:#e41937; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 1.100em; /* 25px */ letter-spacing: -2.5px;}



.subnav  A:link {color:#043361; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px; padding:5px  0 0  25px; vertical-align:middle;}
.subnav  A:visited {color:#043361; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px; padding:5px  0 0  25px; vertical-align:middle;}
.subnav  A:active {color:#043361; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px; padding:5px  0 0  25px; vertical-align:middle;}
.subnav  A:hover {color:#fff; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px; padding:5px  0 0 25px; vertical-align:middle;}

.subnavselected  A:link {color:#fff; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px; padding:5px  0 0  25px; vertical-align:middle;}
.subnavselected  A:visited {color:#fff; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px; padding:5px  0 0  25px; vertical-align:middle;}
.subnavselected  A:active {color:#fff; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px; padding:5px  0 0  25px; vertical-align:middle;}
.subnavselected  A:hover {color:#fff; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px; padding:5px 0 0 25px; vertical-align:middle;}


.subnavprojects  A:link {color:#002d61; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px; padding:5px  0 0  25px; vertical-align:middle;}
.subnavprojects  A:visited {color:#002d61; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px; padding:5px  0 0  25px; vertical-align:middle;}
.subnavprojects  A:active {color:#002d61; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px; padding:5px  0 0  25px; vertical-align:middle;}
.subnavprojects  A:hover {color:#e31937; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px; padding:5px 0 0 25px; vertical-align:middle;}

.subnavprojectsnon  A:link {color:#002d61; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px;  vertical-align:middle;}
.subnavprojectsnon  A:visited {color:#002d61; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px;  vertical-align:middle;}
.subnavprojectsnon  A:active {color:#002d61; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px;  vertical-align:middle;}
.subnavprojectsnon  A:hover {color:#e31937; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px;  vertical-align:middle;}



.back  A:link {color:#7f96b0; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px; padding:0px  0 0  5px; vertical-align:middle;}
.back  A:visited {color:#7f96b0; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px; padding:0px  0 0 5px; vertical-align:middle;}
.back  A:active {color:#7f96b0; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px; padding:0px  0 0 5px; vertical-align:middle;}
.back  A:hover {color:#fff; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size: 2.500em; /* 25px */ letter-spacing: -1.5px; padding:0px  0 0 5px; vertical-align:middle;}



.footer A:link {color:#fff; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size:16px; }
.footer A:visited {color:#fff; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size:16px; }
.footer A:active {color:#fff; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size:16px; }
.footer A:hover {color:#002d61; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size:16px; }


.footerselected A:link, A:visited, A:active, A:hover {color:#002d61; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size:16px; }

.more A:link {color:#002d61; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size:11px; }
.more A:visited {color:#002d61; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size:11px; }
.more A:active {color:#002d61; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size:11px; }
.more A:hover {color:#002d61; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size:11px; text-decoration:underline;}


.email A:link {color:#01244c; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size:12px; background-color:#fff; padding: 0px 5px 0 5px;}
.email A:visited {color:#01244c; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size:12px; background-color:#fff; padding: 0px 5px 0 5px; }
.email A:active {color:#01244c; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size:12px; background-color:#fff; padding: 0px 5px 0 5px; }
.email A:hover {color:#e41937; text-decoration:none; font-weight:bold; font-family:Helvetica, Arial,sans-serif; font-size:12px; text-decoration:underline; background-color:#fff; padding: 0px 5px 0 5px; }