body {background: url('images/content/bg1.gif') top left repeat;} #outer-wrap {margin: 0 auto; padding: 0; width: 808px; overflow:auto; background: url('images/content/outer-bg.gif') top left repeat-y;} #wrap {margin: 0 auto; padding: 0; width: 800px; overflow:auto; background: #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;} .colorbar {clear: both; margin: 0 0 1px 0; padding: 0; width: 800px; height: 16px;} #header {margin: 0; padding: 0; width: 800px; height: 135px; background: #e9ecf1;} #header-left {margin: 0; padding: 0; width: 210px; float: left; display: inline; overflow: hidden; text-align: center;} #header-middle {margin: 0; padding: 0; width: 295px; float: left; display: inline; overflow: hidden;} #header-middle p {margin-top: 67px; font: bold 0.688em/1.5 Veranda, Helvetica, Arial, sans-serif;} #header-right {margin: 0; padding: 0; width: 295px; float: left; display: inline; overflow: hidden; text-align: right;} #header-right p {margin-right: 10px; font: normal 0.75em/1.5 Tahoma, Helvetica, Arial, sans-serif; letter-spacing: 1px;} #header-right p a:link, #header-right p a:active, #header-right p a:visited {color: #000; text-decoration: none;} #header-right p a:hover {color: #000; text-decoration: underline;} #body1 {margin: 1px 0 0 0; padding: 0; width: 800px; overflow: auto;} .body1-left {margin: 0 1px 0 0; padding: 0; width: 262px; height: 374px; float: left; display: inline; overflow: hidden; background: #000;} #mainmenu {margin: 50px 70px; width: 180px; font: 0.75em/1.5 Arial, sans-serif; color: #fff; letter-spacing: 0.5px; text-align: left; background-color: #000} #mainmenu ul li {margin-bottom: 10px; height:15px; } #mainmenu ul li a {color: #fff; text-decoration: none} #mainmenu ul li a:hover {color: #fff; text-decoration: underline} #mainmenu ul li img {margin-right: 5px} #mainmenu ul li.subproj {margin-left: 25px} #mainmenu ul li.subproj a {color: #fff; text-decoration: none} #mainmenu ul li.subproj a:hover {color: #fff; text-decoration: underline} .body1-right {margin: 0; padding: 0; width: 537px; height: 374px; float: left; display: inline; overflow: hidden; background: #e9ecf1;} .body1-right h1 {margin: 10px 10px 0; font: normal 1.3em/1.5 Tahoma, Verdana, Arial; color: #767e86;} .body1-right p {margin: 0 10px 0; font: normal 0.688em/1.5 Arial, sans-serif; color: #636b72; letter-spacing: 0.5px; text-align: left;} .body1-right p a:link, .body1-right p a:active, .body1-right p a:visited {color: #7a8fa0; text-decoration: underline;} .body1-right p a:hover {color: #7a8fa0; text-decoration: none;} .body1-right img {width: 537px; height: 374px} .body1-client {margin: 0; padding: 0; width: 800px; height: 374px; overflow: auto; background: #e9ecf1;} /*** NAV TAB SWITCHER ***/ .body1-client div.tabContainer div.tab {display: none;} .body1-client div.tabContainer {clear: both; float: left; margin: 0;} .body1-client div.tabContainer div.current {display: block; text-align: left; width: 800px;} .body1-client div.tabContainer table {width: 800px; border: 0;} .body1-client div.tabContainer table tr td {width: 400px; overflow: hidden; float: left;} .body1-client div.tabContainer table tr td h1 {margin: 0 10px; font: normal 1.3em/1.5 Tahoma, Verdana, Arial; color: #767e86;} .body1-client div.tabContainer table tr td h2 {margin: 10px 10px 0; font: bold 0.875em/1.5 Tahoma, Verdana, Arial; color: #767e86;} .body1-client div.tabContainer table tr td p {margin: 0 10px 0; font: normal 0.688em/1.5 Arial, sans-serif; color: #636b72; letter-spacing: 0.5px; text-align: left;} .body1-client div.tabContainer table tr td p a:link, .body1-client div.tabContainer table tr td p a:active, .body1-client p a:visited {color: #7a8fa0; text-decoration: underline;} .body1-client div.tabContainer table tr td p a:hover {color: #7a8fa0; text-decoration: none;} .body1-client div.tabContainer ul {margin: 0 10px 0; font: normal 0.688em/1.5 Arial, sans-serif; color: #636b72; letter-spacing: 0.5px; text-align: left;} .body1-client div.tabContainer ul li {margin: 0 0 5px; color: #7a8fa0; text-decoration: none} .body1-client div.tabContainer ul li a {color: #7a8fa0; text-decoration: none} .body1-client div.tabContainer ul li a:hover {color: #7a8fa0; text-decoration: underline} .body1-client ul.tabNav {list-style: none; width: 800px; height: 30px; background-color: #000; font: 0.75em/1.5 Arial, sans-serif; color: #fff; letter-spacing: 0.5px; text-align: center; border-bottom: 1px solid #fff;} .body1-client ul.tabNav li {float: left; margin: 8px 10px 0 15px;} .body1-client ul.tabNav li a {color: #fff; text-decoration: none;} .body1-client ul.tabNav li a:hover {color: #fff; text-decoration: underline} .body1-client ul.tabNav li img {margin-right: 5px; vertical-align: -1px;} #body2 {margin: 1px 0 1px 0; padding: 0; width: 800px; overflow: auto;} .body2-left {margin: 0 1px 0 0; padding: 0; width: 262px; height: 375px; float: left; display: inline; overflow: hidden; background: #c8cfd5;} .body2-left h1 {margin: 10px 0 0 30px; font: normal 1.3em/1.5 Tahoma, Verdana, Arial; color: #767e86;} .body2-left p {margin: 0 0 0 30px; font: normal 0.688em/1.5 Arial, sans-serif; color: #636b72; letter-spacing: 0.5px; text-align: left;} .body2-left p a:link, .body2-left p a:active, .body2-left p a:visited {color: #636b72; text-decoration: underline;} .body2-left p a:hover {color: #636b72; text-decoration: none;} .body2-right {margin: 0; padding: 0; width: 537px; height: 375px; float: left; display: inline; overflow: hidden;} .b2r-top {margin: 0; padding: 0; width: 537px; height: 185px; background: #e9ecf1;} .b2r-top-left {margin: 0; padding: 0; width: 250px; float: left; display: inline; overflow: hidden; background: #e9ecf1;} .b2r-top-left h1 {margin: 10px 10px 0; font: normal 1.3em/1.5 Tahoma, Verdana, Arial; color: #767e86;} .b2r-top-left p {margin: 0 10px 0; font: normal 0.688em/1.5 Arial, sans-serif; color: #636b72; letter-spacing: 0.5px; text-align: left;} .b2r-top-left p a:link, .b2r-top-left p a:active, .b2r-top-left p a:visited {color: #7a8fa0; text-decoration: underline;} .b2r-top-left p a:hover {color: #7a8fa0; text-decoration: none;} .b2r-top-right {margin: 0; padding: 0; width: 287px; float: left; display: inline; overflow: hidden; background: #e9ecf1;} .b2r-top-right h1 {margin: 10px 10px 0; font: normal 1.3em/1.5 Tahoma, Verdana, Arial; color: #767e86;} .b2r-top-right p {margin: 0 10px 0; font: normal 0.688em/1.5 Arial, sans-serif; color: #636b72; letter-spacing: 0.5px; text-align: left;} .b2r-top-right p a:link, .b2r-top-right p a:active, .b2r-top-right p a:visited {color: #7a8fa0; text-decoration: underline;} .b2r-top-right p a:hover {color: #7a8fa0; text-decoration: none;} .b2r-top-full {margin: 0; padding: 0; width: 537px; float: left; display: inline; overflow: hidden; background: #e9ecf1;} .b2r-top-full h1 {margin: 10px 10px 0; font: normal 1.3em/1.5 Tahoma, Verdana, Arial; color: #767e86;} .b2r-top-full p {margin: 0 10px 0; font: normal 0.688em/1.5 Arial, sans-serif; color: #636b72; letter-spacing: 0.5px; text-align: left;} .b2r-top-full p a:link, .b2r-top-full p a:active, .b2r-top-full p a:visited {color: #7a8fa0; text-decoration: underline;} .b2r-top-full p a:hover {color: #7a8fa0; text-decoration: none;} .b2r-bottom {clear: both; margin: 0; padding: 0; width: 537px; height: 210px; background: #d8dde2;} .b2r-bottom-left {margin: 0; padding: 0; width: 230px; float: left; display: inline; overflow: hidden; background: #d8dde2;} .b2r-bottom-left h1 {margin: 10px 10px 0; font: normal 1.3em/1.5 Tahoma, Verdana, Arial; color: #767e86;} .b2r-bottom-left p {margin: 0 10px 0; font: normal 0.688em/1.5 Arial, sans-serif; color: #636b72; letter-spacing: 0.5px; text-align: left;} .b2r-bottom-left p a:link, .b2r-bottom-left p a:active, .b2r-bottom-left p a:visited {color: #7a8fa0; text-decoration: underline;} .b2r-bottom-left p a:hover {color: #7a8fa0; text-decoration: none;} .b2r-bottom-left input {margin: 10px 10px 0; padding: 5px 3px; font: normal 0.688em/12px Arial, sans-serif; color: #636b72; letter-spacing: 0.5px; text-align: left; border: 1px solid #636b72;} .b2r-bottom-right {margin: 0; padding: 0; width: 307px; float: left; display: inline; overflow: hidden; background: #d8dde2;} .b2r-bottom-right img {margin: 20px 0 0;} .b2r-bottom-right textarea {margin: 51px 10px 0; padding: 5px 3px; font: normal 0.688em/12px Arial, sans-serif; color: #636b72; letter-spacing: 0.5px; text-align: left; border: 1px solid #636b72;} .b2r-bottom-right input.reset, .b2r-bottom-right input.submit {margin: 10px 5px 0; padding: 3px; font: normal 0.688em/12px Arial, sans-serif; color: #636b72; letter-spacing: 0.5px; text-align: left; border: 1px solid #636b72; background: transparent;} .body2-client {position: relative; margin: 0; padding: 0; width: 800px; height: 475px; overflow: hidden; background: #fff;} .body2-client-left {margin: 0 1px 0 0; padding: 0; width: 262px; height: 475px;float: left; display: inline; overflow: hidden; background: #c8cfd5;} .body2-client-left h1 {margin: 10px 0 0 30px; font: normal 1.3em/1.5 Tahoma, Verdana, Arial; color: #767e86;} .body2-client-left p {margin: 0 0 0 30px; font: normal 0.688em/1.5 Arial, sans-serif; color: #636b72; letter-spacing: 0.5px; text-align: left;} .body2-client-left p a:link, .body2-left p a:active, .body2-left p a:visited {color: #636b72; text-decoration: underline;} .body2-client-left p a:hover {color: #636b72; text-decoration: none;} .body2-client-left ul {margin: 0 0 0 30px; font: normal 0.688em/1.5 Arial, sans-serif; color: #636b72; letter-spacing: 0.5px; text-align: left;} .body2-client-left ul li {margin: 5px 0;} .body2-client-left ul li a {color: #636b72; text-decoration: none;} .body2-client-left ul li a:hover {color: #636b72; text-decoration: underline;} .body2-client-right {margin: 0; padding: 0; width: 537px; height: 475px;float: left; display: inline; overflow: hidden;} .body2-client-right .gallery-top {float: left; margin-bottom: 1px; width: 537px; height: 99px; background-color: #000;} .body2-client-right .gallery-bottom {float: left; width: 537px; height: 375px; overflow: hidden;} .body2-client h2 {position: absolute; z-index: 3; top: 0; left: 0; margin: 10px 0 0 30px; font: normal 1.3em/1.5 Tahoma, Verdana, Arial; color: #767e86;} .body2-client .tabs {position: relative; list-style: none; margin: 0 1px 0 0; padding: 40px 0 0; width: 262px; height: 475px; float: left; overflow: hidden; background: #c8cfd5;} .body2-client .tabs li {margin: 5px 30px 0; font: 0.688em/1.5 Arial, sans-serif; color: #fff; letter-spacing: 0.5px; text-align: left;} .body2-client .tabs li a {color: #636b72; text-decoration: none;} .body2-client .tabs li a:hover {color: #636b72; text-decoration: underline} .body2-client #tabbed-content {display: none;} .body2-client #tabbed-content {position: relative; margin: 0; padding: 0; width: 537px; height: 475px; float: right; display: inline; overflow: hidden;} .body2-client .tabbed-content {display: none;} .body2-client .tabbed-content {position: relative; margin: 0; padding: 0; width: 537px; height: 475px; float: right; display: inline; overflow: hidden; background-color: #000} .body2-client #tabbed-content .gallery-top {float: left; margin-bottom: 1px; width: 537px; height: 99px; background-color: #000;} .body2-client .tabbed-content .gallery-top {float: left; margin-bottom: 1px; width: 537px; height: 99px; background-color: #000;} .body2-client #tabbed-content .gallery-bottom {float: left; width: 537px; height: 375px; overflow: hidden;} .body2-client .tabbed-content .gallery-bottom {float: left; width: 537px; height: 375px; overflow: hidden;} /* thumbnails for lightbox gallery */ ul.thumbnails {margin: 0 0 0 12px; padding: 0; width: 525px; height: 475px; overflow: auto;} ul.thumbnails li {float: left; margin: 5px 3px; display: inline; list-style: none;} ul.thumbnails img {border: 1px solid #000;} ul.thumbnails a:hover img {border: 1px solid #fff;} #body3 {clear: both; margin: 1px 0 0; padding: 0; width: 800px; min-height: 400px; float: left; display: inline; overflow: hidden; background: #e9ecf1;} #body3 h1 {margin: 10px 0 0 30px; font: normal 1.3em/1.5 Tahoma, Verdana, Arial; color: #767e86;} #body3 p {margin: 10px 30px 0; font: normal 0.688em/1.5 Arial, sans-serif; color: #636b72; letter-spacing: 0.5px; text-align: left;} #body3 p a:link, #body3 p a:active, #body3 p a:visited {color: #636b72; text-decoration: underline;} #body3 p a:hover {color: #636b72; text-decoration: none;} #body3 div.employee-box {margin: 10px 0; width: 800px} #body3 div.employee-pic {float: left; width: 250px; min-height: 200px; overflow: hidden;} #body3 div.employee-pic img {margin: 20px 75px 0;} #body3 div.employee-bio {float: right; width: 550px; min-height: 200px; overflow: hidden;} #body3 div.employee-bio p {margin: 20px 30px 0; font: normal 0.688em/1.5 Arial, sans-serif; color: #636b72; letter-spacing: 0.5px; text-align: left;} .imagetext {vertical-align:middle; margin-right: 10px;} #body3 form {margin-bottom: 50px} #body3 input, #body3 select {margin: 0 30px 10px; padding: 5px 3px; width: 150px; font: normal 0.688em/12px Arial, sans-serif; color: #636b72; letter-spacing: 0.5px; text-align: left; border: 1px solid #636b72;} #body3 textarea {margin: 10px 30px 0; padding: 5px 3px; font: normal 0.688em/12px Arial, sans-serif; color: #636b72; letter-spacing: 0.5px; text-align: left; border: 1px solid #636b72;} #body3 input.submit {margin: 10px 30px 0; padding: 3px; width: 50px; font: normal 0.688em/12px Arial, sans-serif; color: #636b72; letter-spacing: 0.5px; text-align: left; border: 1px solid #636b72; background: transparent;} #body3 input.reset {margin-left: 30px} #body3 {min-height:500px; height:auto !important; height:500px;} #footer {clear: both; margin: 0; padding: 0; width: 800px; background: #757e84; overflow: auto;} #footer-left {margin: 0; padding: 0; width: 250px; float: left; display: inline; overflow: hidden;} #footer-left p {margin: 30px 10px; font: normal 0.563em/1.5 Verdana, Arial; color: #e9ecf1; letter-spacing: 0.5px; text-align: left;} #footer-left p a:link, #footer-left p a:active, #footer-left p a:visited {color: #e9ecf1; text-decoration: none;} #footer-left p a:hover {color: #e9ecf1; text-decoration: underline;} #footer-center {margin: 0; padding: 0; width: 300px; float: left; display: inline; overflow: hidden;} #footer-center img {margin-top: 20px;} #footer-right {margin: 0; padding: 0; width: 250px; float: left; display: inline; overflow: hidden;} #footer-right p {margin: 30px 10px; font: normal 0.563em/1.5 Verdana, Arial; color: #e9ecf1; letter-spacing: 0.5px; text-align: right;} #footer-right p a:link, #footer-right p a:active, #footer-right p a:visited {color: #e9ecf1; text-decoration: none;} #footer-right p a:hover {color: #e9ecf1; text-decoration: underline;}