/*======================================*/
/* 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: 0; padding: 0; line-height: 18px;}
.selected {font-weight: bold;}


/*======================================*/
/* 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: 465px; 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: 600px; height: 404px; position: absolute; left: 0; top: 0; display: none;}
#content_wrapper #left_column #thumbnail_wrapper {width: 600px; height: 51px; position: absolute; left: 0; bottom: 0; list-style-type: none; padding: 0; margin: 0;}
#content_wrapper #left_column #thumbnail_wrapper li {width: 51px; height: 51px; float: right; margin: 0 10px 0 0; padding: 0;}
#content_wrapper #left_column #thumbnail_wrapper li:first-child {margin-right: 0;}
#content_wrapper #left_column #image1 {z-index: 10; display: block;}
#content_wrapper #left_column #image2 {z-index: 9;}
#content_wrapper #left_column #image3 {z-index: 8;}
#content_wrapper #left_column #image4 {z-index: 7;}
#content_wrapper #left_column #image5 {z-index: 6;}
#content_wrapper #left_column #image6 {z-index: 5;}
#content_wrapper #left_column #image7 {z-index: 4;}
#content_wrapper #left_column #image8 {z-index: 3;}
#content_wrapper #left_column #image9 {z-index: 2;}
#content_wrapper #left_column #imag10 {z-index: 1;}
#content_wrapper #right_column {width: 293px; height: 465px; 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; margin: 0; padding: 0 0 7px 0;}
#content_wrapper #right_column #right_column_header_callout {color: #45689B; font-weight: bold;}
#content_wrapper #right_column #right_column_header_attr {padding: 0 0 7px 0;}
#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 #facebook {text-align: right; padding-right: 21px; width: 52px;}
#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_projects,
body#projects_section .office #subnav_projects_office,
body#projects_section .public #subnav_projects_public,
body#projects_section .hosp #subnav_projects_hospitality,
body#projects_section .res_remodel #subnav_projects_res_remodel,
body#projects_section .res_new #subnav_projects_res_new,
body#projects_section .retail #subnav_projects_retail,
body#profile_section #subnav_profile,
body#profile_section .people #subnav_profile_people,
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: 133px; position: absolute; z-index: 20; right: 0; bottom: 55px; 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: 182px; position: absolute; z-index: 30; right: 0; bottom: 188px; display: none;}
.subnav_two_outer_wrapper .subnav_two_inner_wrapper {width: 300px; height: 160px; 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, .subnav_two_outer_wrapper .subnav_two .subnav_two_item a:visited {color: #6B92C1; text-decoration: none;}
.subnav_two_outer_wrapper .subnav_two .subnav_two_item a:hover {color: #6B92C1; text-decoration: none; font-weight: bold;}
