/*------ CSS Document ---------*/

#preload {
	width: 1;
	height: 1;
	position: absolute;
	visibility:hidden;
	overflow:hidden;
	background-repeat: no-repeat; 
	background-position: -9999px -9999px; 
    background-image: url(images/stripe2.png);	
	background-image: url(images/banneralt2.png);
    background-image: url(images/imagealt2.jpg);
	}

img .load { 
	background: url(ajaxloader.gif) no-repeat center;
	height: 32px;
	width: 32px;
	}
		

/*----------------------MAIN CONTENT STYLING------------------------------*/

body {
	background-color: #d4ecfb;
	font: lighter 0.95em "Trebuchet MS", Verdana, Arial, sans-serif; 
	letter-spacing: 0.175em;
	color:#F00;
	padding:0px;
	margin:0px;
	border: 0px;
	list-style:none;
	background-image: url(images/stripe2.png);	
	}



/* ----------container to center the layout---------- */
#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 650px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 5px;
	border:0px;
	overflow: hidden;
	} 


#container img {
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position: 50px 70px
	}


/* ----------banner for logo-------------- */
#banner {
	margin: 0px 0px -10px 0px;
	height: 65px;
	width: 960px;
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	border: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	} 

/*  ----------------banner link styles--------------------- */ 
#banner a:link {
	text-decoration:none;
	outline-style: none;}

#banner a:visited {
	text-decoration: none;
	outline-style:none;}
	
#banner a:active {
	text-decoration: none;
	outline-style:none;}
	
#banner a:hover {
	text-decoration: none; 
	outline-style:none;}
		
a img {border: none; }
	
	
	
 /* ---------------copyright footer--------------------- */
#footer {
	padding:0px;
	margin:0px;
	border: 0px;
	position: relative;
	left: 0px;
	width: auto;
	top: 570px;
	float: right;
	height: auto;
	white-space: nowrap;
	} 
	
	
  /* ----------formats the copyright footer text---------- */	


span.footer {
	font-size:0.7em;
	font-weight: lighter;	
	padding: 0px 0px 0px 0px;
	margin:0px;
	text-align:right;
	letter-spacing: 0.1em;
	color: #666;
	}
	


/*-----------------LINK STYLING----------------------------*/

#links {
	width: 960px;
	height: 560px;
	list-style: none;
	position: absolute;
	display: block;
	padding: 0px;
	border: 0px;
	top: 155px;
	margin: 0px;
	text-align:left;
	} /*-All links stay within this box that is superimposed on container image.-*/

#links a {
	display: inline;
	width: 230px;
	height: 100px;
	text-decoration:none;
	color:#000;
	float:left;
	/*-text-transform:uppercase;-*/
	} /*-This is to show the color of the text links when not active, AND also determines available width and height of image popup boxes..-*/

#links a:hover {
	border: none;
	outline:none;
	} /*-When hovering over text link, this can put a box aroung IMAGE popup.-*/
	
#links a:focus {
	 outline-style: none; 
	 }

	
/*----Below will position popup images----------*/
#links .design a {
	margin-left: 5px;
	margin-top: 380px;
	}

#links .arch a {
	margin-left: 105px;
	margin-top: 380px;
	}

#links .contact a {
	margin-left: 155px;
	margin-top: 385px;
	}
/*----Above will position popup images----------*/


#links a:hover span {
	color: #f00;
	display: block;
	}  /*-Makes all text links bright red upon hover.-*/


#links .arch a:hover {
	display: block;
	background-image:url(images/archpop.png);
	background-repeat:no-repeat;
	} /*-Popup for architecture link.-*/


#links .design a:hover {
	display: inline;
	background-image:url(images/designpop.png);
	background-repeat:no-repeat;
	} /*-Popup for design link.-*/


#links .contact a:hover {
	display: block;
	background-image:url(images/contactpop.png);
	background-repeat:no-repeat;
	} /*-Popup for contact link.-*/


#links a span {
	position: absolute;
	} /*-Positions text along bottom of main image.-*/

#links .design a span {
	top:480px;
	left: 5px;
	}  /*-Positions design text below art link ...can also be used to move to left of artlink.-*/

#links .arch a span {
	top:505px;
	left: 5px;
	} /*-Positions arch text link along bottom of main image.-*/

#links .contact a span {
	top: 530px;
	left: 5px;
	}  /*-Positions contact text below design link.-*/
		
a img {border: none; }
	




/*--end CSS---*/