body {background-color: #000;}


ul#menu7
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
#logoleft {
	position:absolute;
	width:339px;
	height:103px;
	z-index:1;
	left: 0;
	top: 0;
	background-image: url(imagesa/logohead2_01.jpg);
	background-repeat: no-repeat;
	
}

div.desc {
	border-style:none;
	color:#333333;
	font-weight:normal;
	margin:2px;
	text-align:center;
	vertical-align:text-bottom;
	width:120px;
}



#melb { float: left; font-family: "Verdana", sans-serif; font-size: 7pt; font-weight: bold; color: #000000; margin-left: 20px; display: block; line-height: 25px; height: 25px; overflow: hidden; background-color: transparent; }
#abu { float: left; font-family: "Verdana", sans-serif; font-size: 7pt; font-weight: bold; color: #6a0416; margin-right: 20px; display: block; line-height: 25px; height: 25px; overflow: hidden; }
#divdiv { float: left; font-family: "Verdana", sans-serif; font-size: 8pt; color: #c72b2f; display: block; line-height: 25px; height: 25px; overflow: hidden; }

#body_index { 
    position:absolute;
	width:902px;
	height:397px;
	z-index:2;
	left: 0px;
	top: 103px;
	background-image: url(imagesa/bg_architect.jpg);
	background-repeat:no-repeat;
}
#footer {
	position:absolute;
	width:900px;
	height:100px;
	z-index:3;
	left: 0px;
	top: 400px;
	background-image: url(imagesa/red_splash2_04.jpg);
}
#horizon {
	background-color: transparent;
	position: absolute;
	top: 40%;
	left: 0px;
	width: 100%;
	margin-top: -200px;
	text-align: center;
	min-width: 900px; 
}
#wrapper {
	background-color: #fff;
	position: relative;
	text-align: left;
	width: 900px;
	height: 380px;
	margin: 0px auto;
}
table.menu a
{                     ///Sets properties for the menu block
	font-family:"Arial Black", Gadget, sans-serif;
	width: 85px;

///width of blocks         
	display: block; text-decoration: none;
	vertical-align: middle;
}
div.menu a:active {                    ///// Active link properties
	color:#F00

}
div.menu a:hover {                     ///// Hover (rollover ) properties    
    color:#FFF;
	color: #FFF;
	color: white;
	text-decoration: underline overline;
} 
div.menu {                           /// Position
	position:absolute;
	top:44px;
	left:20px;
	position: absolute;
	width: 525px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size: 11px;
	color: #FFF;
	line-height: normal;
	text-align: center;
	font-weight:bolder;
	height: 36px;
}
.previewdiv{
width:400px;
overflow:auto;
}
.cell{
position:relative;
float:left;
width:200px;
}

a {color:#;}
a:hover {text-decoration:none;}
a:visited {color:#;}

/*pics*/

.photo {
	width:635px;
	text-align:left;
	position:relative;
}
.about {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: right;
	height: 255px;
	width: 304px;
	position: absolute;
	left: 544px;
	top: 56px;
	text-align: left;
	background-repeat: no-repeat;
}
.project {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	text-decoration: none;
	background-color:#000
}

#about {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 178px;
	width: 326px;
	position: absolute;
	font-weight: bold;
	left: 8px;
	top: 181px;
	text-align: left;
	padding: 10px;
	margin-top: 5px;
	color: #FFF;
	background-color: #FFFFFF;
	background-image: url(imagesa/text_bg.jpg);
	z-index: auto;
}
.para {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	line-height: 1em;
	font-weight: bolder;
}
.head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #000;
}





.photo ul.topic {
	padding:0;
	margin:0;
	margin-top:20px;
	list-style:none;
	width:635px;
	height:auto;
	position:relative;
	z-index:10;
	background-color:#FFF;
}

.photo ul.topic li {display:block; width:125px; height:35px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:170px; height:30px; text-align:left; line-height:30px; color:#FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a,
.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:0px; list-style:none; padding:0; margin:0; height:323px; background:#FFF; width:398px;z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:323px;width:398px;z-index:100;}

.photo ul.topic li ul li
{display:inline; width:95px; height:75px; float:left; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:95px; height:75px; cursor:default; float:right; text-decoration:none;}

.photo ul.topic li ul li a img
{display:block; width:95px; height:75px;;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:fixed; left:590px; top:290px; width:auto; height:347px;}

#logoleft #body_index #about .para {
	color: #000;
}
.para_bold {
	font-weight: bold;
}
#menu_text {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 64px;
	width: 562px;
	position: absolute;
	color: #FFF;
	text-align: center;
}
body,td,th {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}
a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
}#about {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: absolute;
	height: 100px;
	width: 100px;
}
#architecturelinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	height: 124px;
	width: 169px;
	position: absolute;
	text-align: left;
	font-weight: bold;
	line-height: 3em;
	top: 90px;
	left: 79px;
	text-decoration: none;
	
}

#menu7 {
	width: 232px;
	position: absolute;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	height: 131px;
	font-weight: bold;
	top: 125px;
	left: 70px;
	z-index: 1;
	}
	
#menu7 li a {
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 24px;
	text-decoration: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	list-style-type: none;
	}	
	
#menu7 li a:link, #menu7 li a:visited {
	color: #FFF;
	display: block;
	background:  url(imagesa/menu7.png);
	padding: 8px 0 0 30px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	list-style-type: none;
	}
	
ul#menu7
{
list-style-type: none;
padding: 0;
margin: 0
}
#menu7 li a:hover {
	color: #FFF;
	background:  url(imagesa/menu7.png) 0 -32px;
	padding: 8px 0 0 30px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	list-style-type: none;
	}
	

  ul.menu {
	list-style-type:none;
	width:559px;
	position:absolute;
	display:block;
	height:33px;
	font-size:1.2em;
	background:url(imagesa/bg.png) repeat-x top left;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	border:1px solid #000;
	margin:0;
	padding:0;
	left: 1px;
	top: 46px;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
font-weight:normal;
}

ul.menu li a:hover,.current {
color:#fff;
background:url(imagesa/bg.png) repeat-x top left;
text-decoration:none;
}

ul.menu .current a {
color:#fff;
text-decoration:none;
}


/*RED*/
ul.menu.red{
background-color:#B11718;
}
ul.menu.red li a:hover, .menu.red li.current {
background-color:#DE3330;
}
                    
.comm {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	position: absolute;
	padding-top: 50px;
	padding-left: 24px;}
	
.comm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	position: absolute;
	padding-top: 50px;
	padding-left: 24px;
	width: 130px;
	left: 83px;
}    


#leftmenu {
	position:absolute;
	width:561px;
	height:103px;
	z-index:1;
	left: 339px;
	top: 0px;
	background-image: url(imagesa/images/logoheadnew.jpg);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	background-repeat: no-repeat;
}
	
	


#spaner {height:10px; width:200px; float:right; padding:5px 5px 0px 0px;}                  

#spaner ul {list-style:none; color:#FFF; display:inline; height:10px;} 

#spaner li {float:right;}

#spaner a {text-decoration:none; border-left:#FFF solid 1px; display:inline; margin: 5px; padding-left: 10px; } 

#spaner a:hover {color:#000;}               
















</style>