html {
 min-height:100%;
 margin-bottom:1px;
}

body {background: #333; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #393939;}

p {margin: 0 0 12px;}
a {color: #55b7e0; text-decoration: none; outline: none;}
a:visited {color: #55b7e0;}
a:hover {text-decoration: underline; color: #479bbf;}
a:active {color: #489ec1;}
img {border: 0;}
img.inline {display: inline !important; float: none !important; margin: 0 !important;}
img.left {float: left !important;}
img.right {float: right !important;}
table {border: 0; border-collapse: collapse; border-spacing: 0;}
table td {padding: 0; vertical-align: top;}

#topnav {float: right; list-style: none; margin: 13px 0 0; padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 85%;}
#topnav li {display: inline; margin: 0 5px 0;}
#topnav a {color: #daddde;}
#topnav a:hover {color: #fff; text-decoration: none;}

#people #projectnav a { color: #55b7e0; }
#people #projectnav a:hover {text-decoration: underline; color: #479bbf; }

#wrapper {width: 970px; margin: 0 auto; position: relative;}
#main {width: 970px; margin: 0 auto;}
#main table {width: 100%; background-color: #fff;}
#logowrap {height: 66px;}
#title {background: #e0f5fa !important; vertical-align: middle; height: 122px;}
#title h1 { color: #535353; font-size: 170%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; margin: 12px 15px;}
#title p {margin: 12px 15px -8px !important;}
#tagbox {vertical-align: bottom; width: 868px; background: #8b9599;}

#projectnav {padding: 12px 12px 0 20px; vertical-align: bottom; border: 0; }
#projectnav a { color: #5c5c5c; }
#projectnav a:hover { color: #489ec1; }
#projectnav img {display: inline !important;}

*html .col1 {width: 287px;}
.col1 {width: 286px; border-right: 2px solid #fff;}
.col1 img {display: block;}
.col1 p {margin: 0 20px 24px;}
.col2 {background-color: #eae9e9;}

.caption {color: #595956; font-size: 95%; margin: 6px 0 26px 20px !important;}
.pullqoute {font-size: 120%; font-style: italic; font-weight: bold; color: #656768; line-height: 1.3;}

#blocks td {border: 2px solid #fff;}
#blocks ul li { list-style-type: none; display: compact; list-style-image: url(../images/bullet1.gif); margin: 0 0 6px 0;}
#blocks ul ul li { list-style-type: none; display: compact; list-style-image: url(../images/bullet2.gif); }
#blocks ul ul ul li { list-style-type: none; display: compact; list-style-image: url(../images/bullet3.gif); }

#home .col1, #home .col2 {border-bottom: 2px solid #fff;}
#home .intro {background-color: #dff5ff; vertical-align: bottom; font-size: 120%; padding: 12px 20px 0; line-height: 1.3;}
#home .intro p {margin: 0 0 18px;}
#home h2 {color: #8c959a; background-color: #e7fd91; padding: 6px 15px; margin: 0 0 12px; font-size: 110%;}
#home h2.feature {color: #FFF; background-color: #f79d3d;}
#home .caption {vertical-align: bottom; text-align: right;}
#home .caption p {margin: 0 20px 12px;}
*html #home #blocks {border-top: 0;}
#home #blocks {border-top: 0;}
#home #blocks td {width: 289px; border-width: 0 0 2px 2px;}
#home #blocks td.first {width: 290px; border-left: 0;}
#home #blocks h2 {margin-bottom: 2px;}
#home #blocks h2 a {float: right; color: #37baf0;}
#home #blocks h2 a:hover {color: #37baf0; text-decoration: none;}
#home #blocks img, #home #blocks object, #home #blocks embed {display: block; margin-bottom: 6px;}
#home #blocks p {margin: 0 6px 8px;}
#home #blocks #quote p {font-size: 130%; color: #848484; line-height: 1.3; margin-top: 8px;}
#home #blocks #quote p.attr {text-align: right; font-size: 110%;}
#home #blocks #awards p {margin-top: 8px;}

#home #blockaw {background-color: #333; border-bottom: 2px solid #333;}
#home #blockaw h2 {margin-bottom: 2px;}
#home #blockaw h2 a {float: right; color: #37baf0;}
#home #blockaw img {display: inline !important; float: none !important; margin-bottom: 2px;}
#home #blockaw img.sp {margin-right: 3px}
#home #blockaw p {margin: 0 6px 18px;}

#home #quote {background-color: #fff; border-top: 2px solid #fff;}
#home #quote td.qte {width: 575px; background-color: #dff5ff; border-right: 2px solid #fff; padding: 15px 10px 10px 25px; vertical-align:middle; text-align: right;}
#home #quote td.attr {width: 289px; background-color: #dff5ff; padding: 15px 10px 10px 10px; vertical-align:middle;}
#home #quote p.qt {font-size: 120%; color: #f79d3d; font-weight: bold; line-height: 1.3; text-align: right; margin-bottom:0;}
#home #quote p.at {color: #393939; text-align: left; font-size: 110%; margin-top: 8px;}
#home #quote a {color: #55b7e0;}
#home #quote a:hover {color: #479bbf;}

#generic #blocks td {border-width: 2px 0 0;}
#generic #blocks .left {width: 286px; background-color: #e5e9ea;}
#generic #blocks .leftaccent {width: 143px; background-color: #dceb9a;}
#generic #blocks .narrow {width: 143px;}
#generic #blocks .right {padding: 20px 12px;}

#menu .col1, #people .col1, #article .col1, #quotes .col1, #generic .col1 {border: 0;}
#menu #blocks td, #people #blocks td, #quotes #blocks td {border-width: 2px 0 0; vertical-align: bottom;}
#menu #blocks .thumb, #people #blocks .thumb {width: 142px; height: 142px; background-color: #e5e9ea;}
#quotes #blocks .thumb {width: 142px; height: 142px; background-color: #dceb9a;}
#menu #blocks p, #people #blocks p, #quotes #blocks p, #generic #blocks p {margin: 8px;}
#people #blocks .name {width: 220px;}
#quotes #blocks p {font-weight: bold;}
#quotes #blocks p.attr {font-weight: normal; font-style: italic; margin-left: 160px;}

#article #title {padding: 0;}
#article .col1 {width: 256px; padding: 0 15px 12px;}
#article .col1 p {margin: 0 0 12px;}
#article .col1 img, #article .col1 object, #article .col1 embed {margin: 0 -15px;}
#article .pullqoute {margin: 0 0 26px;}
#article .col2 {background-color: #fff; padding: 0 0 0 2px;}
#article .col2 p {margin: 0 0 12px 0;}
#article .col2 .articleimg {float: right; margin: 0 35px 18px 40px; width: 286px;}
#article .col2 .wide {margin: 0 0 0 0 !important;}
#article .proj_desc {display: block; font-size: 55%; margin: 18px 0 12px; font-weight: normal;}
#article #projectnav {padding: 16px 40px 12px 20px; vertical-align: top;}
#article #projectnav .more {
    float: right;
    padding-left: 6px;
}
#article #projectnav .more img {vertical-align: text-bottom; }
#article #projectnav a { color: #55b7e0; }
#article #projectnav a:hover { color: #479bbf; }
.indenttext {margin: 0 40px 20px 20px;}

#office #title { color: #535353; font-size: 170%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; margin: 0; padding: 45px 15px 0; height: 75px;}
#title p {margin: 12px 0 -8px;}

#office .col1 {border: 0; background-color: #e5e9ea; color: #6a6a6a;}
#office .col1 p {margin-bottom: 12px;}
#office .col2 {background-color: #fff; padding: 2px;}
#office .col2 table {width: 100%;}
#office .col2 table td {border: 2px solid #fff;}
#office .col2 table td p {font-style: italic; margin: 4px 12px 12px;}

#projects #title {padding: 0;}
#projects .col1 {padding: 0 15px 12px;}
#projects .col1 p {margin: 0 0 12px;}
#projects .col1 img, #projects .col1 object, #projects .col1 embed {margin: 0 -15px;}
#projects .col1, #article .col1 {background: #e5e9ea;}
#projects .col2 {background: #fff url(../images/background-greystripe.jpg) repeat-y; border: 0; padding: 0 0 0 0;}
#projects .col2 p {margin: 0 0 12px 0;}
#projects .col2 img {margin: 0 0 0 0;}
#projects #title {vertical-align: bottom;}
#projects .proj_desc {display: block; font-size: 55%; margin: 18px 0 12px; font-weight: normal;}
#projects #projectnav {padding: 12px 0 12px 20px;}
#projects #projectnav img {margin: 0;}
.indenttextarticle {margin: 0 180px 20px 20px;}

#projects h2 {font-size: 165%; font-weight: bold; color: #bababa; letter-spacing: -1px; margin: 14px 0 0; }
#projects .heading1 {margin: 20px 0 0 !important;}
#projects .col1 .heading1 {margin: 20px 0 0 !important;}
#projects h3 {font-family: "Courier New", Courier, mono; font-size: 100%; color: #979797; margin: 12px 0 0 0;}
#projects .heading2 {font-family: "Courier New", Courier, mono; font-size: 100%; font-weight: bold; color: #979797; margin: 0 0 2px;}

#projects #sendtofriend {font-size: 100%; font-style: normal; text-align: center; margin-left: 0; margin-top: 12px ;}
#projects #sendtofriend img {display: inline; margin: 0;}

#projects .team {font-weight: bold; color: #333333; margin-bottom: 18px !important;}
#projects .team em {font-weight: normal;}

#projects #data {width: 435px; margin: 0 0 0 0px;}
#projects #data th, #projects #data td {padding: 1px 9px;}
#projects #data th {text-align: left; color: #fff;}
#projects #data .r {text-align: right;}

#projects #data th.section1 {font-family: "Arial Black"; font-weight: normal; font-size: 110%; background: #f79d3d;}
#projects #data .section1 td {background: #dcdede;}
#projects #data th.section2 {background: #a5ce00;}
#projects #data .section2 td {background: #dbeb99;}
#projects #data th.section3 {background: #489ec1;}
#projects #data .section3 td {background: #c9ddda;}

#slideshow #slideshowwrap {width: 100%;}
* html #slideshow #slideshowwrap #heading {height: 100%;}
#slideshow #slideshowwrap #heading {background-color: silver; color: #5c5a5b; overflow: auto;}
#slideshow h1 {font-weight: normal; font-size: 100%; margin: 12px 0 12px 12px; float: left; width: 390px;}
#slideshow h1 strong {color: #333;}
#slideshow #links {float: left; margin: 12px 0 12px 12px;}
#slideshow #links a{color: #5c5a5b;}
#slideshow #links a:hover, #slideshow .viewlarger a:hover {color: #489ec1;}
#slideshow #photo div .viewlarger img {display: inline;}
#slideshow #arrows {float: right; margin: 12px 4px;}
#slideshow #thumbs {float: left; clear: left; width: 132px; height: 730px; overflow: auto; padding: 8px 0; background-color: #747474;
scrollbar-base-color: silver;   
scrollbar-track-color: #747474;
scrollbar-face-color: silver;
scrollbar-highlight-color: #747474;
scrollbar-3dlight-color: #747474;
scrollbar-darkshadow-color: #747474;
scrollbar-shadow-color: #747474;
scrollbar-arrow-color: #747474;}
#slideshow #thumbs img {display: block;}
#slideshow #thumbs a {display: block; width: 90px; height: 90px; margin: 8px auto; border: 2px solid #747474;}
#slideshow #thumbs a:hover {border: 2px solid #9f9f9f;}
#slideshow #thumbs a.current {border: 2px solid #b6e50b;}
#slideshow .caption {font-style: italic; color: #aaa; padding: 2px 0 0 14px; }
#slideshow .viewlarger a {color: #aaa;}
#slideshow .viewlarger {float: right; margin: 6px 12px;}
#slideshow .viewlarger img {vertical-align: middle;}
#slideshow #photo {float: left; width: 736px;}
#slideshow #photo div {display: none;}
#slideshow #photo div img {display: block;}

#copyright {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color:#c0c0c0; padding: 9px 0 25px; height: 20px;}
#copyright img {float:left; margin: 0 12px 12px 0; }
#copyright a {color: #c0c0c0; text-decoration: none;}
#copyright a:visited {color: #c0c0c0;}
#copyright a:active, #copyright a:hover { color: #fff; text-decoration: underline; }

#nav {width: 102px; padding-top: 8px; position: absolute; top: 66px; left: 0; z-index: 1000;}
#nav ul, #nav ul li {list-style: none; margin: 0; padding: 0;}
#nav ul {text-align: right;}
#nav ul li {position: relative;}
#nav ul ul {display: none; text-align: left; background: #666; position: absolute; top: 0; left: 97px; z-index: 1000;}
#nav ul ul ul {display: none; background: #4f4f4f; position: absolute; top: 0; left: 170px; z-index: 1000;}
#nav ul ul ul.wide {width: 502px;}
#nav ul ul ul.wide div {width: 250px; float: left; border-right: 1px solid #666;}

#nav a { color: #9b9b9b; font-size: 110%; display: block; padding: 3px 10px 2px; width: 77px; margin: 0; }
#nav a:hover, #nav li.hover a {background: #666; text-decoration: none; color: #fff;}
#nav a.current, #nav a:hover, #nav ul ul a {color: #fff;}
#nav ul ul a {width: 150px; padding: 5px 10px;}
#nav ul ul a:hover, #nav ul ul li.hover a {background: #4f4f4f;}
#nav ul ul ul a {width: 230px;}
#nav ul ul ul a:hover {background: #252525;}

.block {display: block !important}
.none, .none * {display: none !important;}

/* Fix IE. Hide from IE Mac \*/
* html #nav ul li {float: left;}
* html #nav ul li a {height: 1%;}
* html li.hide ul{filter: alpha(opacity=0);}
/* End */