/*======================================*/
/* Global Elements */
/*======================================*/
body {background-color: #F5F5F5; margin: 0; padding: 0; color: #8C9299; font-family: arial,verdana,sans-serif; font-size: 11px;}
#main_wrapper {width: 915px; height: 527px; position: absolute; z-index: 1; left: 50%; top: 50%; margin-left: -458px; margin-top: -274px;}
.clear_it {clear: both; height: 0px; font-size: 0px; padding: 0px; margin: 0px;}
h1 {font-weight: normal; font-size: 11px; margin-top: 0; padding-top: 0;}


/*======================================*/
/* Content */
/*======================================*/
#content_wrapper {width: 915px; height: 480px;}
#content_wrapper #home_column1 {width: 300px; position: absolute; left: 0; top: 0; z-index: 1;}
#content_wrapper #home_column2 {width: 300px; position: absolute; left: 308px; top: 0; z-index: 2;}
#content_wrapper #home_column3 {width: 300px; position: absolute; left: 615px; top: 0; z-index: 3;}
#content_wrapper #home_column1 #home_rotate1 {position: absolute; left: 0; top: 0; z-index: 3;}
#content_wrapper #home_column1 #home_rotate2 {position: absolute; left: 0; top: 0; z-index: 2;}
#content_wrapper #home_column1 #home_rotate3 {position: absolute; left: 0; top: 0; z-index: 1;}
#content_wrapper #home_column2 #home_rotate4 {position: absolute; left: 0; top: 0; z-index: 3;}
#content_wrapper #home_column2 #home_rotate5 {position: absolute; left: 0; top: 0; z-index: 2;}
#content_wrapper #home_column2 #home_rotate6 {position: absolute; left: 0; top: 0; z-index: 1;}
#content_wrapper #home_column3 #home_rotate7 {position: absolute; left: 0; top: 0; z-index: 3;}
#content_wrapper #home_column3 #home_rotate8 {position: absolute; left: 0; top: 0; z-index: 2;}
#content_wrapper #home_column3 #home_rotate9 {position: absolute; left: 0; top: 0; z-index: 1;}
#content_wrapper #left_column {width: 608px; height: 460px; position: absolute; left: 0; top: 0; z-index: 1;}
#content_wrapper #left_column a:link, #content_wrapper #left_column a:active, #content_wrapper #left_column a:visited {color: #6B92C1; text-decoration: none;}
#content_wrapper #left_column a:hover {color: #6B92C1; text-decoration: none; font-weight: bold;}
#content_wrapper #left_column p, #content_wrapper #left_column ul, #content_wrapper #left_column li {line-height: 18px;}
#content_wrapper #left_column h1 {color: #45689B; font-weight: bold;}
#content_wrapper #left_column .image_wrapper {width: 608px; height: 460px; position: absolute; left: 0; top: 0; display: none;}
#content_wrapper #left_column #image1 {z-index: 15; display: block;}
#content_wrapper #left_column #image2 {z-index: 14;}
#content_wrapper #left_column #image3 {z-index: 13;}
#content_wrapper #left_column #image4 {z-index: 12;}
#content_wrapper #left_column #image5 {z-index: 11;}
#content_wrapper #left_column #image6 {z-index: 10;}
#content_wrapper #left_column #image7 {z-index: 9;}
#content_wrapper #left_column #image8 {z-index: 8;}
#content_wrapper #left_column #image9 {z-index: 7;}
#content_wrapper #left_column #imag10 {z-index: 6;}
#content_wrapper #left_column #image11 {z-index: 5;}
#content_wrapper #left_column #image12 {z-index: 4;}
#content_wrapper #left_column #image13 {z-index: 3;}
#content_wrapper #left_column #image14 {z-index: 2;}
#content_wrapper #left_column #image15 {z-index: 1;}
#content_wrapper #next_back {width: 608px; height: 12px; position: absolute; left: 0; top: 463px; z-index: 2;}
#content_wrapper #next_back #arrow_left, #content_wrapper #next_back #arrow_right {position: relative; bottom: -1px;}
#content_wrapper #next_back #back_button_wrapper {width: 48%; float: left; text-align: right;}
#content_wrapper #next_back #next_button_wrapper {width: 48%; float: right; text-align: left;}
#content_wrapper #next_back a:link, #content_wrapper #next_back a:active, #content_wrapper #next_back a:visited {color: #396387; text-decoration: none;}
#content_wrapper #next_back a:hover {color: #396387; text-decoration: none; font-weight: normal;}
#content_wrapper #right_column {width: 293px; height: 460px; position: absolute; left: 622px; top: 0; z-index: 3;}
#content_wrapper #right_column a:link, #content_wrapper #right_column a:active, #content_wrapper #right_column a:visited {color: #6B92C1; text-decoration: none;}
#content_wrapper #right_column a:hover {color: #6B92C1; text-decoration: none; font-weight: bold;}
#content_wrapper #right_column p {line-height: 18px;}
#content_wrapper #right_column #right_column_header_callout {color: #45689B; font-weight: bold;}
#content_wrapper #right_column #profile_people_right_image {margin-top: 28px;}


/*======================================*/
/* Navigation */
/*======================================*/
#nav_wrapper {width: 913px; height: 45px; background-color: #F5F5F5; color: #999999; border: 1px solid #6B92C1;}
#nav_wrapper #logo_wrapper {float: left; margin: 11px 0 0 10px;}
#nav_wrapper #nav {float: right; list-style-type: none; margin: 11px 0 9px 0; padding: 0;}
#nav_wrapper #nav .nav_item {float: left; width: 73px; height: 22px; vertical-align: center; padding-top: 5px;}
#nav_wrapper #nav .nav_item a:link, #nav_wrapper #nav .nav_item a:active, #nav_wrapper #nav .nav_item a:visited {color: #999999; text-decoration: none;}
#nav_wrapper #nav .nav_item a:hover {color: #45689B; text-decoration: none; font-weight: bold;}
body#projects_section #nav_wrapper #nav #projects a, body#profile_section #nav_wrapper #nav #profile a, body#press_section #nav_wrapper #nav #press a, body#contact_section #nav_wrapper #nav #contact a {color: #45689B; text-decoration: none; font-weight: bold;}
body#projects_section #subnav_one_background, body#projects_section #subnav_projects, body#projects_section #subnav_two_background, body#projects_section .comm #subnav_projects_commercial, body#projects_section .inter #subnav_projects_interiors, body#projects_section .res_remodel #subnav_projects_res_remodel, body#projects_section .res_new #subnav_projects_res_new, body#projects_section .master_planning #subnav_projects_master_planning, body#profile_section #subnav_one_background, body#profile_section #subnav_profile, body#profile_section .people #subnav_profile_people, body#press_section #subnav_one_background, body#press_section #subnav_press, body#press_section .publications #subnav_press_publications, body#press_section #subnav_press, body#press_section .awards #subnav_press_awards {display: block;}


/*======================================*/
/* Sub Navigation */
/*======================================*/
.subnav_one_wrapper {width: 300px; height: 95px; position: absolute; z-index: 20; right: 0; bottom: 67px; display: none;}
.subnav_one_wrapper .subnav_one {width: 293px; position: absolute; right: 0; bottom: 0; z-index: 2; list-style-type: none; margin: 0; padding: 0;}
.subnav_one_wrapper .subnav_one .subnav_one_item {height: 18px; margin: 0; padding: 0;}
.subnav_one_wrapper .subnav_one .subnav_one_item a:link, .subnav_one_wrapper .subnav_one .subnav_one_item a:active, .subnav_one_wrapper .subnav_one .subnav_one_item a:visited {color: #396387; text-decoration: none;}
.subnav_one_wrapper .subnav_one .subnav_one_item a:hover {color: #396387; text-decoration: none; font-weight: bold;}

.subnav_two_outer_wrapper {width: 300px; height: 164px; position: absolute; z-index: 30; right: 0; bottom: 162px; display: none;}
.subnav_two_outer_wrapper .subnav_two_inner_wrapper {width: 300px; height: 122px; top: 13px; position: relative; overflow: hidden; z-index: 2; list-style-type: none; margin: 0; padding: 0;}
.subnav_two_outer_wrapper .subnav_two {width: 293px; position: absolute; right: 0; top: 0; z-index: 2; list-style-type: none; margin: 0; padding: 0;}
.subnav_two_outer_wrapper .subnav_two .subnav_two_item {height: 18px; margin: 0; padding: 0;}
.subnav_two_outer_wrapper .subnav_two .subnav_two_item a:link, .subnav_two_outer_wrapper .subnav_two .subnav_two_item a:active {color: #6B92C1; text-decoration: none;}
.subnav_two_outer_wrapper .subnav_two .subnav_two_item a:visited {color: #999999!important; text-decoration: none;}
.subnav_two_outer_wrapper .subnav_two .subnav_two_item a:hover {color: #6B92C1; text-decoration: none; font-weight: bold;}
.subnav_two_outer_wrapper .subnav_arrow_top_wrapper, .subnav_two_outer_wrapper .subnav_arrow_bottom_wrapper {width: 293px; position: relative; z-index: 2; left: 7px; top: 7px; display: none;}
.subnav_two_outer_wrapper .subnav_arrow_bottom_wrapper {top: 17px;}

#subnav_one_background {width: 300px; height: 95px; position: absolute; z-index: 10; right: 0; bottom: 67px; background-color: #F5F5F5; opacity: 0.9; display: none;}
#subnav_two_background {width: 300px; height: 164px; position: absolute; z-index: 11; right: 0; bottom: 162px; background-color: #F5F5F5; opacity: 0.9; display: none;}