body {
padding: 0px;
margin: 0px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #666;
background-color: #ecebeb;
}

a {
text-decoration: none;
color: #666;
}

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

a.current_site_link {
text-decoration: none;
color: #000;
}

a.orange_link {
color: #da5627;
}

.title {
font-weight:bold;
}


#kieyan {
display: none;
}

#full_page {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
min-width: 600px;
}

#top_part {
position: absolute;
top:70px;
left: 0px;
height: 481px;
width: 100%;
}

#orange_line {
position: absolute;
top: 304px;
left: 0px;
height: 104px;
width: 45%;
min-width: 200px;
background-color: #da5627;
}


#gray_vertical_top {
position: absolute;
z-index: 3;
top: 0px;
left: 394px;
height: 304px;
width: 7px;
background-color: #6f7176;
}

#gray_horizontal_line {
position: absolute;
top: 553px;
right: 0px;
height: 7px;
width: 55%;
background-color: #6f7176;
}

#container {
position: relative;
z-index: 5;
margin:0px auto;
width: 884px;
height: 481px;
}

#architects_site_title {
position: absolute;
top: 300px;
left: 197px;
height: 34px;
width: 200px;
text-align: center;
}

#b9_logo {
position: absolute;
z-index: 4;
top: 250px;
left: 120px;
width: 58px;
height: 78px;
}

#container_background {
position: relative;
margin:0px auto;
width: 884px;
height: 100%;
}


#center_box {
position: absolute;
z-index: 4;
top: 304px;
left: 191px;
width: 210px;
height: 256px;
background-color: #ecebeb;
}


#orange_center {
position: absolute;
top: 0px;
left: 0px;
width: 201px;
height: 56px;
background-color: #da5627;
}

#gray_vertical_right {
position: absolute;
top: 0px;
left: 203px;
height: 58px;
width: 7px;
background-color: #6f7176;
}


#gray_vertical_center {
position: absolute;
top: 58px;
left: 2px;
height: 193px;
width: 7px;
background-color: #6f7176;
}

#gray_horizontal_center_top {
position: absolute;
top: 58px;
left: 9px;
height: 7px;
width: 201px;;
background-color: #6f7176;

}

#gray_horizontal_center_bottom {
position: absolute;
top: 249px;
left: 2px;
height: 7px;
width: 208px;
background-color: #6f7176;

}



/* menu */

ul { /* all lists */
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
z-index: 20;
}

ul#links {
padding-top: 5px;
padding-left: 3px;
}


li ul { /* second-level lists */
display: none;
background-image: url(images/80.png);
background-repeat: repeat;
text-align: left;
/*
background-color: #ecebeb;
*/
}


li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

li#projects {
background-image: url(images/arrow_forward.gif);
background-repeat: no-repeat;
background-position: top left;
height: 230px;
width: 100px;
}

li#projects:hover {
background-image: url(images/arrow_down.gif);
background-repeat: no-repeat;
background-position: top left;
}

a.projects_link {/*sub menu item spacing*/
line-height: 18px;
text-decoration: none;
}

a.projects_link:hover {/*sub menu item spacing work around of IE 7 */
padding-top: 7px;
padding-bottom: 7px;
text-decoration: none;
}


#main_image_area {
position:absolute;
left:403px;
top:0px;
width:481px;
height:481px;
z-index: 10;
}

#about_info {
position:absolute;
left:672px;
top:60px;
width:200px;
height:150px;
}


#project_title {
position:absolute;
left:0px;
top:0px;
width:300px;
height:22px;
z-index: 2;
/*color: #da5627;*/
}

.main_menu_item {
color: #000;
margin-left: 20px;
text-decoration: none; /*underline;*/
}

#current_project_name {
position:absolute;
left:3px;
top:20px;
width:300px;
height:22px;
z-index: 1;
color: #666;

/*text-decoration: underline;*/
}


#description {
position:absolute;
left:109px;
top:0px;
width:280px;
height:230px;
overflow: auto;
z-index: 11;
}


#one_for_the_earth {
position:absolute;
left:215px;
top:420px;
width:150px;
height:43px;
z-index: 5;
}

#site_link_area {
position:absolute;
left:109px;
top:356px;
width:85px;
}

#explore_vignettes {
position:absolute;
left:215px;
top:357px;
width:152px;
height:112px;
}

#explore_vignette_1 {
position:absolute;
left:0px;
top:0px;
width:32px;
height:32px;
opacity:.3;
filter:alpha(opacity=30);
}

#explore_vignette_2 {
position:absolute;
left:40px;
top:0px;
width:32px;
height:32px;
opacity:.3;
filter:alpha(opacity=30);
}

#explore_vignette_3 {
position:absolute;
left:80px;
top:0px;
width:32px;
height:32px;
opacity:.3;
filter:alpha(opacity=30);
}

#explore_vignette_4 {
position:absolute;
left:120px;
top:0px;
width:32px;
height:32px;
opacity:.3;
filter:alpha(opacity=30);
}

#explore_vignette_5 {
position:absolute;
left:0px;
top:40px;
width:32px;
height:32px;
opacity:.3;
filter:alpha(opacity=30);
}

#explore_vignette_6 {
position:absolute;
left:40px;
top:40px;
width:32px;
height:32px;
opacity:.3;
filter:alpha(opacity=30);
}

#explore_vignette_7 {
position:absolute;
left:80px;
top:40px;
width:32px;
height:32px;
opacity:.3;
filter:alpha(opacity=30);
}

#explore_vignette_8 {
position:absolute;
left:120px;
top:40px;
width:32px;
height:32px;
opacity:.3;
filter:alpha(opacity=30);
}

#explore_vignette_9 {
position:absolute;
left:0px;
top:80px;
width:32px;
height:32px;
opacity:.3;
filter:alpha(opacity=30);
}

#explore_vignette_10 {
position:absolute;
left:40px;
top:80px;
width:32px;
height:32px;
opacity:.3;
filter:alpha(opacity=30);
}

#explore_vignette_11 {
position:absolute;
left:80px;
top:80px;
width:32px;
height:32px;
opacity:.3;
filter:alpha(opacity=30);
}

#explore_vignette_12 {
position:absolute;
left:120px;
top:80px;
width:32px;
height:32px;
opacity:.3;
filter:alpha(opacity=30);
}


/* force dropdown open
#links {
display: block;
margin-top: 35px;
}
 */