/* CSS Document */

/*-----------------------------*/
/* Beginning of Top Navigation */
/*-----------------------------*/


body.tabs1 #nav , body.tabs2 #nav, body.tabs3 #nav{display:none;}


#nav {
	width:150px;
	margin:0;
	background-image: url(/images/leftnav.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:inline;
	padding:0px;
	float:left;
}


#nav ul { list-style:none; margin:0px 0 43px 0; padding:0px; width:150px; height:518px; position:relative; 
}

#nav a:link, #nav a:visited {
	display: block;
	text-indent: -9000px;
	text-decoration: none;
	top: 0px;
	 :-moz-any-link:focus;
	 outline: none;
	}
	
	
li#photos {	
    position:absolute;
	left:19px; top:46px;
/*	background:blue;*/}	
	
li#architect {	
	position:absolute;
	left:19px; top:106px;
	/*	background:pink;*/}
	
li#facility {
	position:absolute;
	left:19px; top:167px;
	/*	background:green;*/}
	
li#vista {
	position:absolute;
	left:19px; top:258px;
	/*	background:blue;*/	}
	
li#list {
/*	background:red;*/
	position:absolute;
	left:19px; top:408px;}
	
li#about{ 
/*	background:red;*/
	position:absolute;
	left:17px; top:468px;}


/* ----- Nav Defaults ------ */
#photos a:link, #photos a:visited {
	width:113px;
	height:31px;
}

#architect a:link, #architect a:visited {
	width: 113px;
	height:31px;
}

#facility a:link, #facility a:visited {
	width: 113px;
	height:31px;
}

#vista a:link, #vista a:visited {
	width: 113px;
	height:31px;
}


#list a:link, #list a:visited {
	width: 113px;
	height:34px;
	}

#about a:link, #about a:visited {
	width: 117px;
	height:46px;
	}

/* ----- Nav Hover ------ */
#photos a:hover, body.photos #photos a{background: url(/images/leftnav.gif) no-repeat -209px -46px;}

#architect a:hover, body.architect #architect a{background: url(/images/leftnav.gif) no-repeat -209px -106px;}

#facility a:hover, body.facility #facility a{background: url(/images/leftnav.gif) no-repeat -209px -167px;}

#vista a:hover, #vista a.selected {background: url(/images/leftnav.gif) no-repeat -209px -258px;}

#list a:hover, #list a.selected {background: url(/images/leftnav.gif) no-repeat -209px -408px;}

#about a:hover, #about a.selected {background: url(/images/leftnav.gif) no-repeat -207px -468px;}





.tabs1 #tabs_nav {width:541px; height:34px; background-image:url(/images/tabs.gif); background-position:left top; background-repeat:no-repeat;}
.tabs2 #tabs_nav {width:541px; height:34px; background-image:url(/images/tabs.gif); background-position:0px -34px;; background-repeat:no-repeat;}
.tabs3 #tabs_nav {width:541px; height:34px; background-image:url(/images/tabs.gif); background-position:0 -68px; background-repeat:no-repeat;}


#tabs_nav ul {margin:0px; padding:0px; list-style:none; width:541px; position:relative;}

#tabs_nav a:link, #tabs_nav a:visited {
	display: block;
	text-indent: -9000px;
	text-decoration: none;
	top: 0px;
	 :-moz-any-link:focus;
	 outline: none;
	 height:34px;
	}
	
#tabs_nav li {display:inline; float:left; margin:0px; padding:0px;}

#tabs_nav li.photos {width:180px; height:34px; display:block; /*background-color:red;*/}
#tabs_nav li.projectspecs {width:181px; height:34px; display:block; /*background-color:blue;*/}
#tabs_nav li.architectinfo {width:180px; height:34px; display:block; /*background-color:green;*/}

#tabs_nav li.photos a:hover{background: url(/images/tabs.gif) no-repeat 0px 0px;}
#tabs_nav li.projectspecs a:hover{background: url(/images/tabs.gif) no-repeat -180px -34px;}
#tabs_nav li.architectinfo a:hover{background: url(/images/tabs.gif) no-repeat -361px -68px;}