body {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
}

.container {
	width:1260px;  /* 1000; rev1*/
	margin:0 auto;
	text-align:left;
}
/* remove all dotted borders from links */
a{
outline: none;
}
/* main container and background */
#main {
	position:relative;
	width: 1260px; /*1000px; rev1*/
	padding:0px;
	margin:0px;
	margin-top:100px;
	height:765px; /*700px; rev1*/
	background: url(../images/watermark_brennan.jpg);
	background-repeat:no-repeat;
}
/* for where vertical centering is needed */
#middle[id] {
	display:	table-cell;
	vertical-align:	middle;
	position: static;
}
#outer {
	height: 400px;
	overflow: hidden;
	width: 100%;
	}
#outer[id] {
	display:	table;
	position:	static;
}
.tac{
	text-align: center;
}
/*  nastasi architects home link */
#header {
	position:absolute;
	top:60px;
	left:100px;
}
#header .home:link {
	letter-spacing:2px;
	color:#ffffff;
	text-decoration:none;
}
#header .home:visited {
	letter-spacing:2px;
	color:#ffffff;
	text-decoration:none;
}
#header .home:hover {
	letter-spacing:2px;
	color:#808080;
	text-decoration:none;
}
/* main menu position (id) and each link style (class) */
#menu{
	position:absolute;
	top:600px;
	left:100px;
	width:150px;
	height:100px;
}

.menu-item {
	display:block;
	height:25px;
}
	
.menu-item a{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:2px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;

}
.menu-item a:visited{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:2px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
.menu-item a:hover{
	color:#808080;
	text-decoration:none;
}

/* Category Menu */
#cat-menu{
	position:absolute;
	top:600px;
	left:250px;
	width:300px;
	height:100px;
	text-align:right;
}

.cat-menu-item {
	display:block;
	height:25px;
}
	
.cat-menu-item a{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:2px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;

}
.cat-menu-item a:visited{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:2px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
.cat-menu-item a:hover{
	color:#808080;
	text-decoration:none;
}
/* Project Thumbnails */
#project-thumbs{
	position:absolute;
	top:75px;
	left:0px;
	height:500px;
	width:1260px; /*900px; rev1*/
	text-align:center;
}
.project-thumbs IMG{ 
	border-style:none;
	padding:15px;
}
.project-thumbs IMG:hover{ 
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	border-style:none;
}

#project-thumbs table{ 
margin-left: auto;
margin-right: auto;
border-style:none;
}

/* individual project thumbnails */
.oneproject-thumbs{
	position:absolute;
	top:0px;
	left:625px;
	height:320px;
	width:625px;
}

.oneproject-thumbs #outer {
	height: 320px;
	overflow: hidden;
	width: 100%;
}
#cntr{
	display:table;
	margin-left:auto;
	margin-right:auto;
}
.button{
	
}
.bio-button{
	float:left;
}
.bio-button IMG{
	width: 75px;
	height:75px;
	float:left;
	margin:10px;
}
.bio-button IMG:hover{ 
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	border-style:none;
}
.word {
	color:black;
}
.word a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	border-style:none;
	color:black;
}

#project-image{
	position:absolute;
	top:135px;
	left:70px;
	height:400px;
	width:533px;
}
#project-description{
	position:absolute;
	top:460px;
	left:700px;
	height:300px;
	width:500px;
	color:#808080;
	text-align:justify;
}
#project-description h3{
	font-family:verdana;
	color:#808080;
	font-size:12px;
	letter-spacing:2px;
	text-align:right;
}
/* Category Descriptions*/
.desc{
	position:absolute;
	top:460px;
	left:700px;
	height:300px;
	width:500px;
	color:#808080;
	text-align:justify;
}
.desc h3{
	font-family:verdana;
	color:#808080;
	font-size:12px;
	letter-spacing:2px;
	text-align:right;
}
/* contact us page */

.contact-content{
	color:#ffffff /*#804000; */
}
.contact-border{
/*	border-style: solid;
	border-width: 1px;
	border-color: #808080; 
	-moz-border-radius: 10px 0px 10px 0px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	padding:5px;
	*/
}
#contact-phone{
	position:absolute;
	top:550px;
	left:360px;
	height:60px;
	width:140px;
}

#contact-address{
	position:absolute;
	top:580px;
	left:360px;
	height:60px;
	width:140px;
}

#contact-email{
	position:absolute;
	top:630px;
	left:360px;
	height:80px;
	width:340px;
}
#contact-email a{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	letter-spacing:2px;
	color:#ffffff; /*#804000;*/
	text-decoration:none;

}
#contact-email a:visited{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:2px;
	color:#808080;
	text-decoration:none;
}
#contact-email a:hover{
	color:#3b3b3b;
	font-weight:bolder;
	text-decoration:none;
}

#contact-pictures{
	position:absolute;
	top:140px;
	left:527px;
	height:155px;
	width:625px;
}
.contact-name{
	
}
.contact-readbio{
	font-size:small;
	color:#808080;
}
.contact-readbio:hover{
	font-size:small;
	color:#804000;
	cursor:pointer;
	cursor:hand;
}

#contact-bios{
	position:absolute;
	top:465px;
	left:740px;
	height:300px;
	width:450px;
	color:#606060;
}
#contact-bios h3{
	color:#ff8040;
	font-size:large;
}
/* Services */
.services {
	color:#606060;
	text-align:justify;
}
.services h3{
	letter-spacing:2px;
	font-family:verdana;
	font-size:12px;
	padding:0px;
	margin:0px;
	text-align:right;
	color: #5f6150;  /* #ffffff; /*#804000;*/
}
#design{
	position:absolute;
	top:75px;
	left:250px;
	height:200px;
	width:400px;

}
#build{
	position:absolute;
	top:460px;
	left:750px;
	height:200px;
	width:460px;	
}
#fabricate-service{
	position:absolute;
	top:32px;
	left:750px;
	height:200px;
	width:400px;	
}