@charset "UTF-8";
/* CSS Document */

body {
	background-color:#000000; /* BACKGROUND COLOR OF PAGES (BLACK) */
	color:#A0A0A4; /* COLOR OF TEXT */
	TEXT-DECORATION: none; /* NO DECORATION, LIKE UNDERLINING, ON TEXT */
	font-family: "Century Gothic", sans-serif; /* FONT OF THE TEXT*/
	font-size:16px; /* FONT SIZE OF TEXT */
	
}

A:visited {
	TEXT-DECORATION: none; /*NO UNDERLINING FOR VISITED LINKS */
	color:#A0A0A4; /*COLOR OF VISITED LINKS */
}

p {
	white-space: normal;
	} /*THIS MAKES SURE THE LINE WRAPS WHEN IT NEEDS TO. */
li {
	margin-top: 25px;
/* T	line-height: 32px; HIS IS HOW TALL THE LINES ARE IN YOUR BULLETED LISTS */
	white-space:normal;
}

.small {line-height:normal;
   white-space:normal;
   margin-top: 2px;
   }

hr {width:25%;} /* THIS IS HOW WIDE THE HORIZONTAL LINE IS */
 
 #content a:link {color:#73A0C9; text-decoration:underline;}
 #content a:visited {color:#73A0C9; text-decoration:underline;}
 #content a:hover {color:#73A0C9; text-decoration:underline;}
 #content a:active {color:#73A0C9; text-decoration:underline;}


#container {
margin:auto; /*CENTERS THE CONTAINING CONTENT */
width:950px} /*WIDTH OF MAIN CONTENT */

#content, #awards {padding:20px;} /* PADDING OR MARGIN, IN MAIN CONTENT, SO TEXT DOESN'T RUN UP ON THE SIDES */

#awards, #clients p{font-weight:bold; text-align:center} /* BOLD TEXT ON THE CLIENTS AND AWARDS PAGES */

h1 {font-size:18px; /* THIS IS THE FONT FOR USING THE H1 TAG - 18 PIXELS BIG */
font-weight:bold; /* BOLD*/
text-decoration:underline; /* AND UNDERLINED */
}
h2 {font-size:18px; /* THIS IS THE FONT FOR USING THE H2 TAG - 18 PIXELS BIG */
font-weight:bold; /* BOLD*/
text-decoration:none; /* NO UNDERLINED */
margin-bottom: 7px;
}

#buttons, #buttons a, #buttons a:hover, #buttons a:active, #buttons a:visited  
{  /* FONT FOR THE BUTTONS */
/*font-size:14px; 
font-family: "Handel Gothic", Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
margin-bottom:6px;
margin-top:10px;
text-decoration:none;*/
color:#A0A0A4;
height:42px;

}

td.menu {background-image:url(/images/menubackground.jpg);}

#buttons img {border:0px; padding:0px; margin:0px; }

.footer {font-size: 9px;} /*FONT SIZE FOR THE FOOTER, COPYRIGHT STATEMENT */

.l2 {
background: transparent url(/images/l2.jpg) repeat-y; /* BACKGROUND IMAGE FOR ONE OF THE TABLE CELLS- THIS WILL CONTAIN SOME OF THE BRUSHED STEEL IMAGE */
}  
.r2 {
background: transparent url(/images/R2.jpg) repeat-y;/* BACKGROUND IMAGE FOR ONE OF THE TABLE CELLS- THIS WILL CONTAIN SOME OF THE BRUSHED STEEL IMAGE */
 }
.l4 {  background: transparent url(/images/l4.jpg) repeat-y;/* BACKGROUND IMAGE FOR ONE OF THE TABLE CELLS- THIS WILL CONTAIN SOME OF THE BRUSHED STEEL IMAGE */
}
 .r4 { background: transparent url(/images/r4.jpg) repeat-y;/* BACKGROUND IMAGE FOR ONE OF THE TABLE CELLS- THIS WILL CONTAIN SOME OF THE BRUSHED STEEL IMAGE */
}



/* EVERYTHING BELOW HERE IS WHAT MAKES THE MENU ON THE HOME PAGE WORK */
#links a {  
text-decoration:none;
font-size:larger;
color:#A0A0A4;
font-weight:bold;
padding-right:5px;
padding-left:5px;
line-height:30px;
}
#links a:hover {
background-color:#333333;
padding: 3px;
margin-top:5px;
padding-right:5px;
padding-left:5px; 
/* NEW TO FIX THE SHIFT */
font-size:larger;
font-weight:bold;
line-height:30px;
}
div#links a span {display: none;}

div#links a:hover span {display: block;
 	position: absolute; top: 150px; left: -50px;
	width: 225px;
	height: 100px;
	width: 500px; /* was 400 before carpentry */
	white-space:normal;
 	padding: 20px;
	margin: 10px; z-index: 100;
	color: #A0A0A4; background: #000;
	font: 14px Arial, Helvetica, sans-serif; 
	text-align: JUSTIFY;
	font-weight:bold}


#menu {position:relative; width:100px; margin:auto; left:-200px;} /* was -100 before "carpentry awas added */

td {white-space:nowrap;}
.construction {border-right: 5px solid #A0A0A4; text-align:right;
}

/* EVERYTHING BELOW HERE IS WHAT MAKES THE MENU ON THE PROJECTS PAGE WORK */
#projects a {  
text-decoration:none;
font-size:larger;
color:#A0A0A4;
font-weight:bold;
padding-right:25px;
padding-left:5px;
line-height:30px;

}
 
.lists {overflow:hidden; border:none;}
#projects a:hover {
background-color:#333333;
 
margin-top:5px;
padding-right:25px;
padding-left:5px; 
}
div#projects a span{display: none;}
div#projects a:hover span,  {
display: block; 
position: absolute; 
top: 0px; 
left: 100px;
width: 225px;
height: auto;	
width: 400px;
white-space:normal;
padding: 20px;
margin: 0px; 
z-index: 100;
color: #A0A0A4;  
font: 14px Arial, Helvetica, sans-serif; 
text-align:left;
font-weight:bold;
overflow:hidden}

iframe {overflow:hidden;}

#projectmenu {position:relative; width:100px; margin:auto; overflow:hidden;}

td {white-space:nowrap; overflow:hidden;}
.project {border-right: 5px solid #A0A0A4; text-align:right; overflow:hidden;}