/* =================================================== *
 * BASIC DECLARATIONS
 * =================================================== */
a:hover,
a:active {
	color: #000; }
body {
	background-image:   url(../images/background.jpg);
	margin: 0px;
}

acronym {
	cursor: help; }
		
form {
	margin: 0; }


h1 {
	font: bold 15px/100% verdana, arial, helvetica, sans-serif;
	margin: 0 auto;
	}

h2 {
	margin: 0 auto;
	}

h3 {
	margin: 0 auto;
	padding: 7px 0 5px 0;
	}
a.sidelinks:hover {  
	color: #445F7C
	}
a.linkspec:hover {
	color: #EEEEEE;
}	
	
/* ======================================================= *
  * IMAGE CONTENT
  * ======================================================= */
  
 #imagecontentWrapper {
   margin: 0;
 	border-top: 1px solid #222;
 	border-right: 0px solid #eee;
 	border-left: 0px solid #eee;
 	border-bottom: 0px solid #000;
 	background: #45607B;
 	padding: 0; }
 
 #imagecontent {
   position: relative;
   margin: 0 auto;
 	border: 0;
 	background: transparent url(../images/attic.gif) center center no-repeat;
 	padding: 0;
 	width: 750px;
 	height: 400px; }
 
 #imagecontent p {
   margin: 0;
 	padding: 5px 17px 0 0;
 	font: bold 10px/100% verdana,arial,helvetica,sans-serif;
 	line-height: 70px;
 	color: #BECDDC;
 	text-align: right;
 	}
 
 #imagecontent p span {
   margin: 0;
 	padding: 0px 43px 0 0;
 	font: bold 12px/24px verdana,arial,helvetica,sans-serif;
 	color: #BECDDC;
 	text-align: right;
 	}
 	
 
 
 
 
 
 #imagecontent span.stellar {
   position: absolute;
    	top: 139px;
 	left: 485px;
 	font: bold 12px arial,helvetica,sans-serif;
 	color: #FFF; }

 #imagecontent span.art {
   position: absolute;
    	top: 179px;
 	left: 485px;
 	font: bold 12px arial,helvetica,sans-serif;
 	color: #FFF; }	
 
 #imagecontent span.exercise {
   position: absolute;
    	top: 219px;
 	left: 485px;
 	font: bold 12px arial,helvetica,sans-serif;
 	color: #FFF; } 	

 #imagecontent span.office {
   position: absolute;
    	top: 259px;
 	left: 485px;
 	font: bold 12px arial,helvetica,sans-serif;
 	color: #FFF; }
 	
 	


 #imagecontent span.storage {
	position: absolute;
	top: 85px;
	left: 98px;
	font: bold 12px arial,helvetica,sans-serif;
	color: #FFF;
}
 
#imagecontent span.air {
   position: absolute;
    	top: 321px;
 	left: 325px;
 	font: bold 12px arial,helvetica,sans-serif;
 	color: #FFF;}
 
#imagecontent span.access {
   position: absolute;
    	top: 153px;
 	left: 158px;
 	font: bold 12px arial,helvetica,sans-serif;
 	color: #FFF; }
 
#imagecontent span.insulation {
   position: absolute;
    	top: 261px;
 	left: 103px;
 	font: bold 12px arial,helvetica,sans-serif;
 	color: #FFF; }
 
#imagecontent span.water {
   position: absolute;
    	top: 243px;
 	left: 312px;
 	font: bold 12px arial,helvetica,sans-serif;
 	color: #FFF; }
 
#imagecontent span.hvac {
   position: absolute;
    	top: 195px;
 	left: 373px;
 	font: bold 12px arial,helvetica,sans-serif;
 	color: #FFF; }
 
#imagecontent span.entertainment {
   position: absolute;
    	top: 143px;
 	left: 268px;
 	font: bold 12px arial,helvetica,sans-serif;
 	color: #FFF; }
 
#imagecontent span.desk {
   position: absolute;
    	top: 97px;
 	left: 349px;
 	font: bold 12px arial,helvetica,sans-serif;
 	color: #FFF; }
 
#imagecontent span.furniture {
   position: absolute;
    	top: 68px;
 	left: 263px;
 	font: bold 12px arial,helvetica,sans-serif;
 	color: #FFF; }
 









#imagecontent span.down {
   position: absolute;
    	top: 326px;
 	left: 204px;
 	font: bold 10px verdana,arial,helvetica,sans-serif;
 	color: #000;
 	}


#imagecontent span.exterior {
   position: absolute;
    	top: 39px;
 	left: 570px;
 	font: bold 10px verdana,arial,helvetica,sans-serif;
 	color: #FFF; }





 
 
 #imagecontent a:link,
 #imagecontent a:visited {
 	color: #FFF; }
 #imagecontent a:hover,
 #imagecontent a:active {
 	color: #DCEBFA; }
 	

.linkgrey {
	color: #666;
	text-decoration: none;
	}


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

#areaheader {
	width: 100%;
	padding-top: 5px;
	}
	
#areaheader h2 {
	font: bold 14px verdana,arial,helvetica,sans-serif;
	color: #BDCCD9;
	text-align: left;
	padding: 20px 0px 0px 100px;
	}
	
#areafooter {
	width: 100%;
	height: 250px;
	}



 .tdtable-in {
 	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
 	padding-top: 25px;
 	padding-bottom: 25px;
 	padding-right: 50px;
 	padding-left: 50px;
 	border: 1px solid #B3B9B8;
 	color: #BECDDC;
 	background: #596f86;
 }
 
 .tdtable-in a {
 	color: #BECDDC;
 	text-decoration: none;
 }
 
 .tdtable-2in {
 	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
 	padding: 25px;
 	border: 1px solid #B3B9B8;
 	color: #BECDDC;
 	width: 50%;
 	background: #4D6A88;
 }
 
 .tdtable-2in a {
 	color: #BECDDC;
 	text-decoration: none;
 }
 
 .tdtable-2in li {
 	padding-bottom: 20px;
 }
 
 .tdtable-3in {
 	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
 	padding-top: 25px;
 	padding-bottom: 25px;
 	padding-right: 50px;
 	padding-left: 50px;
 	border: 1px solid #B3B9B8;
 	color: #BECDDC;
 }
 
 .tdtable-3in a {
 	color: #BECDDC;
 	text-decoration: none;
 }
 
 .tdtable-3in span {
 	font: bold 14px/20px Verdana, Arial, Helvetica, sans-serif;
 	padding-bottom: 10px;
 	color: #FC6;
 }
 
  .tdtable-4in {
  	font: normal 9px/20px Verdana, Arial, Helvetica, sans-serif;
  	font-color: #666;
  	padding-top: 5px;
  	padding-bottom: 5px;
  	padding-right: 10px;
  	padding-left: 10px;
  	border: 1px solid #B3B9B8;
  	color: #BECDDC;
 }
 .tdtable-header {
 	border: 1px solid #B3B9B8;
 	color: #ffffff;
 	background: #596f86;
 }
 
 
 .calcheader {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 16px;
 	color: #EEE;
 	font-weight: bold;
}

 .footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #D2D2E8;
}