html { font-size: 62.5%; }
body { color: #6c6c6c; background: #000000; }
body, textarea, input.text, select { font: 1.0em Arial, Tahoma, Verdana; }

.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clear { display: block; clear: both; border: 0; padding: 0; height: 0; overflow: hidden; }
.clear-right { clear: right; }
.clear-both { clear: both; }
 strong, b { font-weight: bold; }
.box, .tabs { display: block; border-width: 1px 0; border-color: #191919; border-style: solid; }
.box .box-content, .tabs .tabs-content { display: block; margin: 0 -1px; border-width: 0 1px; border-color: #191919; border-style: solid; background: #191919; color: #fff; }
.black .box, .black .tabs { border-color: #000; }
.black .box .box-content, .black .tabs .tabs-content { border-color: #000; background: #000; }

.box-left { display: block; float: right; border-width: 1px 0; border-color: #191919; border-style: solid; }
.box-left .box-left-content { display: block; margin: 0 -1px; border-width: 0 1px; border-color: #191919; border-style: solid; background: #191919; color: #666666; width: 199px; padding: 20px; }
.box-left.white { border-color: #fff; }
.box-left.white .box-left-content { border-color: #fff; background: #fff; }
.inner-content { padding: 0 1px; }

.tabs-navigation { position: relative; z-index: 100; }
.tabs-navigation li { float: left; margin: 0 3px 0 0; }
.tabs-navigation li a { display: block; _padding: 0 1px 0 1px; border-width: 1px 0; border-color: #00b0d8; border-style: solid; border-bottom: none; text-decoration: none; }
.tabs-navigation li a span { display: block; margin: 0 -1px; padding: 15px 25px 15px 25px; background: #00b0d8; border-width: 0 1px; border-color: #00b0d8; border-style: solid; border-bottom: none; font-size: 1.6em; color: #fff !important; font-weight: bold; white-space: nowrap; }
.tabs-navigation li a.active span { background: #191919; color: #00b0d8 !important;   }
.tabs-navigation li a.active, .tabs-navigation li a.active span {  border-color: #191919; }
.tabs { position: relative; margin-top: -1px; _margin-top: 0; _width: 680px; _padding: 0 1px; z-index: 1000; }
.tabs .tabs-content { padding: 20px 20px 20px 20px; background: #191919; }
.black .tabs-navigation li a.active span { background: #000; color: #00b0d8 !important; }
.black .tabs-navigation li a.active, .black .tabs-navigation li a.active span { border-color: #000; }


.panel { margin: 0 0 16px 0; background: url(../images/panel-bottom.gif) bottom no-repeat; padding-bottom: 2px; }
.panel.none { margin: 0 0 16px 0; background: none; padding: 0; }
.panel.none .panel-content { padding: 0; }
.panel-content { padding: 0 0 2px 0; background: url(../images/panel-top.gif) no-repeat; }
.none .panel-content { background: none !important; }
.panel.white { background: url(../images/white/panel-bottom.gif) bottom no-repeat; }
.panel.white .panel-content { background: url(../images/white/panel-top.gif) no-repeat; }


.panel.left { width: 735px; background-image: url(../images/panel-left-bottom.gif); }
.panel.left .panel-content { background-image: url(../images/panel-left-top.gif); }
.panel.white.left { background-image: url(../images/white/panel-left-bottom.gif); }
.panel.white.left .panel-content { background-image: url(../images/white/panel-left-top.gif); }

.panel.right { width: 240px; background-image: url(../images/panel-right-top.gif); margin-bottom: 9px; }
.panel.right .panel-content { padding: 10px; background-image: url(../images/panel-right-bottom.gif); }
.panel.right.grey { background-image: url(../images/panel-right-grey-top.gif); }
.panel.right.grey .panel-content { background-image: url(../images/panel-right-grey-bottom.gif); }

#wrap, .wrap { width: 985px; margin: 0 auto; }
.top-background { padding: 0 0 20px 0; background-image: url(../images/background.gif); background-repeat: repeat; }

#links { float: right; color: #8c8c8c; border-width: 1px 0; border-color: #000000; border-style: solid; margin: -1px 0 60px 0; overflow: hidden; }
#links .accessibility { display: block; font-size: 1.2em; margin: 0 -1px; border-width: 0 1px; border-color: #000000; border-style: solid; background: #000000; padding: 10px; }
#links .accessibility a { color: #8c8c8c; text-decoration: underline; }
#links .accessibility a:hover { color: #00b0d8; }
#links .accessibility .t-11 { font-size: 12px; }
#links .accessibility .t-14 { font-size: 14px; }
#links .accessibility .t-18 { font-size: 18px; }

#header { position: relative; padding: 0 0 25px 30px; z-index: 100; }
#header ul { float: right; display: block; padding: 0 0 0 0; }
#header ul li { float: left; margin: 0 0 0 3px; }
#header ul li a { display: block; background: #000; padding: 5px 10px; color: #ffffff; font-weight: normal; font-size: 1.8em; text-decoration: none; }
#header ul li a:hover { color: #00b0d8 !important; background: #000; }
#header ul li a.active { color: #fff !important; background: #00b0d8; }
#header ul li a span { color: #8c8c8c; }
#header ul li a.active span, #header ul li a:hover span { color: #fff; }
#logo a { display: block; position: absolute; width: 479px; height: 128px; background: url(../images/logo.png) no-repeat; text-decoration: none; z-index: 9; }
#logo strong.title { display: block; padding: 0 0 0 0; font-size: 18px; color: #8c8c8c; font-weight: normal; visibility: hidden; }
#logo strong.subtitle { display: block; font-size: 12px; color: #8c8c8c; font-weight: bold; visibility: hidden; }

.white #header #logo a { background: url(../images/white/logo.png) no-repeat; }
.white #header ul li a { color: #00b0d8; font-weight: bold; font-size: 1.6em; text-decoration: none; }
.white #header ul li a:hover, #header ul li a.active { color: #b7b7b7; }
.white #header ul li a span { color: #b7b7b7; }


#breadcrumb { display: block; float: left; font-size: 1.4em; color: #fff; background: url(../images/title-background.gif) repeat; padding: 6px 10px 5px 10px; margin: 0 0 0 -20px; }
#breadcrumb a { color: #00b0d8; }

#home { background-repeat: no-repeat; min-height: 455px; }
#home .links { margin: 40px 0 0 0; float: left; }
#home .links h1 { display: block; float: left; font-weight: normal; color: #ffffff; font-size: 2.6em; padding: 5px 10px 5px 10px; background: url(../images/title-background.gif) repeat; }
#home .links p { display: block; width: 225px; color: #ffffff; font-size: 1.4em; line-height: 1.2em; padding: 5px 10px 10px 10px; background: url(../images/title-background.gif) repeat; background-position: 4px 0; }
#home .links p a { color: #00b0d8; text-decoration: underline; }
#home .comments { float: left; margin: 0 0 0 370px; }
#home .comments p { display: block; width: 240px; padding: 30px; float: left; color: #ffffff; font-size: 1.4em; line-height: 1.2em; background: url(../images/title-background.gif) repeat; background-position: 1px 0; }
#home .comments span.author-comments { display: block; padding: 20px 0; font-size: 1.3em; line-height: 1.2em; }
#home .comments span.author { display: block; line-height: 1.2em; padding-bottom: 10px; }
#home .comments span.author span.t-12 { display: block; font-size: 0.8em; line-height: 1.2em; }
#home .comments a { display: block; color: #00b0d8; font-size: 0.9em; }

#approach { padding: 30px 29px 30px 30px; }
#approach .header h1 { display: block; padding: 0 0 10px 0; font-weight: bold; color: #8c8c8c; font-size: 2.4em; }
#approach .header p { display: block; width: 400px; padding: 0 0 0 0; color: #8c8c8c; font-size: 1.2em; line-height: 1.4em; }
#approach .detail { position: relative; margin-top: -2px; }
#approach .detail .content { background: url(../images/step-top.gif) no-repeat; width: 632px; padding: 20px 20px 16px 20px; z-index: 3; }
#approach .detail .subtitle { display: block; margin-bottom: 20px; color: #2f91a7; font-weight: bold; font-size: 1.6em; }
#approach .detail .description { float: left; width: 300px; margin-right: 20px; font-size: 1.2em; line-height: 1.4em; }
#approach .detail .methods { float: right; }
#approach .detail .methods.box .box-content { padding: 20px; width: 265px; _margin: 0; }
#approach .detail .methods strong { display: block; padding: 29px 0 29px 85px; font-size: 1.2em; line-height: 1.3em; font-weight: bold; background-repeat: no-repeat; background-position: center left; }
#approach .detail .methods strong.icon1 { background-image: url(../images/approach-detail-methods-icon1.gif); }
#approach .detail .methods strong.icon2 { background-image: url(../images/approach-detail-methods-icon2.gif); }
#approach .detail .methods strong.icon3 { padding: 55px 0 55px 110px; background-image: url(../images/approach-detail-methods-icon3.gif); }
#approach .detail .methods strong.icon4 { background-image: url(../images/approach-detail-methods-icon4.gif); }
#approach .detail .methods strong.icon5 { background-image: url(../images/approach-detail-methods-icon5.gif); }
#approach .detail .methods ul { display: block; margin: 0 0 0 35px; padding: 10px 0 0 0; background: url(../images/approach-detail-methods-background.gif) top left repeat-y; }
#approach .detail .methods ul.icon3 { margin-left: 47px; }
#approach .detail .methods ul li { display: block; margin: 0 0 5px 0; padding: 0 0 0 35px; background: url(../images/approach-detail-methods-item.gif) center left no-repeat; font-size: 1.2em; line-height: 1.2em; color: #8c8c8c;  }
#approach .detail .methods ul li.last { margin-bottom: 0; background-image: url(../images/approach-detail-methods-item-last.gif); }
#approach .detail .footer { display: block; background: url(../images/step-bottom.gif) no-repeat; width: 672px; height: 4px; overflow: hidden; }
#approach .navigation { position: relative; width: 671px; z-index: 1; }
#approach .navigation li { float: left; display: block; padding: 0 43px 0 5px; background: url(../images/approach-navigation-item-divider.gif) center right no-repeat; }
#approach .navigation li.last { background: none; padding-right: 0; }
#approach .navigation li a { display: block; width: 88px; height: 228px; background-position: center center; background-repeat: no-repeat; text-indent: -9000px; overflow: hidden; outline: none;  }
#approach .navigation li a.button1 { background-image: url(../images/approach-navigation-item1.gif); }
#approach .navigation li a:hover.button1, #approach .navigation li a.button1.active { background-image: url(../images/approach-navigation-item1-active.gif); }
#approach .navigation li a.button2 { background-image: url(../images/approach-navigation-item2.gif); }
#approach .navigation li a:hover.button2, #approach .navigation li a.button2.active { background-image: url(../images/approach-navigation-item2-active.gif); }
#approach .navigation li a.button3 { width: 122px; background-image: url(../images/approach-navigation-item3.gif); }
#approach .navigation li a:hover.button3, #approach .navigation li a.button3.active { background-image: url(../images/approach-navigation-item3-active.gif); }
#approach .navigation li a.button4 { background-image: url(../images/approach-navigation-item4.gif); }
#approach .navigation li a:hover.button4, #approach .navigation li a.button4.active { background-image: url(../images/approach-navigation-item4-active.gif); }
#approach .navigation li a.button5 { background-image: url(../images/approach-navigation-item5.gif); }
#approach .navigation li a:hover.button5, #approach .navigation li a.button5.active { background-image: url(../images/approach-navigation-item5-active.gif); }
#approach .navigation li a.active span { display: block; height: 228px; background: url(../images/approach-navigation-item-icon.gif) bottom center no-repeat; }

#studies { padding: 0; }
#studies strong.header { display: block; padding: 0 0 10px 0; font-weight: bold; color: #fff; font-size: 1.6em; }
#studies ul li { cursor: pointer; }
#studies ul li a { display: block; color: #00b0f0; text-decoration: none; font-size: 1.3em; padding: 10px 0 10px 10px; border-bottom: 1px solid #3a3a3a; }
#studies ul li a:hover, #studies ul li a.active-case  { background: #000; color: #fff; }
#studies ul li.last { margin-bottom: 0; }
#studies ul li strong.title { display: block; padding: 9px 10px 9px 10px; color: #24bbde; font-size: 1.2em; font-weight: bold; text-decoration: none; }
#studies ul li strong.title span { display: block; padding: 4px 0 0 0; font-size: 0.9em; color: #999; }
#studies ul li .content { height: 170px;  }
#studies ul li .content p { display: block; padding: 10px 10px 10px 10px; font-size: 1.1em; line-height: 1.2em; }
#studies ul li .content a { display: block; padding: 0 10px 0 10px; color: #24bbde; font-size: 1.1em; font-weight: normal; text-decoration: underline; }
#studies ul li .content a img { display: block; padding: 0; _width: 188px; margin: 0 0 0 -10px; }
.white #studies ul li a { border-bottom: 1px solid #b7b7b7; }
.white #studies ul li a:hover { border-bottom: 1px solid #3a3a3a; background: #191919; color: #fff; }

#work { padding: 40px 0 30px 35px; }
#work #breadcrumb { margin-left: -35px; }
#work h1 { display: block; float: left;  font-weight: normal; color: #ffffff; font-size: 2.4em; line-height: 1.1em; padding: 5px 10px; background: url(../images/title-background.gif) repeat; margin: 0 0 15px -35px; overflow: hidden; }
#work p { display: block; padding: 0 0 0 0; color: #8c8c8c; font-size: 1.2em; line-height: 1.3em; }
#work ul { padding: 10px 0 0 0; }
#work ul li { float: left; margin: 0 10px 0 0; }
#work ul li.last { margin-right: 0; }
#work ul li a, #work ul li div  { display: block; width: 221px; text-decoration: none; }
#work ul li a strong, #work ul li div strong { display: block; padding: 0 0 1px 0; font-weight: bold; font-size: 1.4em; color: #ffffff; }
#work ul li a:hover strong { color: #fff; }
#work ul li a span, #work ul li div span { display: block; padding: 0 0 10px 0; font-size: 1.1em; line-height: 1.3em; color: #8c8c8c; }
#work ul li a:hover span { color: #fff; }
#work ul li a span em, #work ul li div span em { padding: 0 5px 0 5px; }
#work ul li a img, #work ul li div img { display: block; width: 221px; height: 112px; }
#work ul li a p, #work ul li div p { background: url(../images/title-background.gif) repeat; padding: 10px; }
#work ul li a:hover p { background: #00b0d8; }
.white #work ul li a img { border-color: #e6e6e6; }
.white #work ul li a:hover img { border-color: #00b0d8; }


#album-categories #breadcrumb { margin-left: -45px; }
#album-categories { padding: 40px 20px 30px 45px; }
#album-categories h1 { display: block; float: left;  font-weight: normal; color: #ffffff; font-size: 2.4em; line-height: 1.1em; padding: 5px 10px; background: url(../images/title-background.gif) repeat; margin: 0 0 25px -45px; }
#album-categories p { display: block; padding: 0 0 20px 0; color: #8c8c8c; font-size: 1.2em; line-height: 1.3em; }
#album-categories ul li { float: left; margin: 0 2px 2px 0; }
#album-categories ul li a { display: block; width: 223px; background: url(../images/title-background.gif) repeat; text-decoration: none; }
#album-categories ul li a:hover p { background: #00b0d8; color: #fff; }
#album-categories ul li a strong { display: block; padding: 10px 10px 5px 10px; font-weight: bold; font-size: 1.3em; color: #fff; }
#album-categories ul li a:hover strong { color: #fff; }
#album-categories ul li a span { display: block; padding: 0 10px 0 10px; font-size: 1.1em; line-height: 1.2em; color: #8c8c8c; }
#album-categories ul li a:hover span { color: #fff; }

#album { padding: 40px 20px 20px 20px; }
#album .tabs-content { padding: 30px 30px 30px 30px; }

#album .header { padding: 0 0 120px 0; }
#album .left { width: 425px; background: none; }
#album #breadcrumb { margin-left: -20px; }
#album .right { background: none; }
#album h1 { display: block; float: left;  font-weight: normal; color: #ffffff; font-size: 2.4em; line-height: 1.1em; padding: 5px 10px; background: url(../images/title-background.gif) repeat; margin: 0 0 25px -20px; }
#album p { display: block; padding: 0 0 20px 0; color: #8c8c8c; font-size: 1.2em; line-height: 1.3em; }
#album .list { float: left; margin: 0 20px 0 0; }
#album .list .box-content { padding: 20px 20px 20px 20px; width: 385px; _margin : 0; }
#album .menu { background: url(../images/title-background.gif) repeat; padding: 25px; }
#album .menu strong.title { display: block; padding: 0 0 10px 0; color: #fff; font-size: 1.2em; line-height: 1.3em; font-weight: bold; }
#album .menu .preview { padding: 0 0 20px 0; }
#album .menu .preview img { }
#album .menu .preview .info { width: 140px; padding: 10px 0 0 6px; }
#album .menu .preview .info strong { color: #8c8c8c; font-size: 1.2em; line-height: 1.3em; font-weight: bold; color: #00aeef; }
#album .menu .preview .info span { display: block; padding: 2px 0 0 0; color: #8c8c8c; font-size: 1.1em; line-height: 1.2em; }


#album .menu ul li { margin: 0 0 1px 0; clear: both; }
#album .menu ul li.last { margin-bottom: 0; }
#album .menu ul li a { display: block; color: #fff; font-size: 1.2em; line-height: 1.2em; text-decoration: none; cursor: pointer; }
#album .menu ul li a strong { display: block; float: left; color: #00b0f0; font-weight: normal; }
#album .menu ul li a span { display: block; float: right; color: #00b0f0; font-weight: normal; }
#album .menu ul li a em { display: block; clear: both }
#album .menu li a { display: block; color: #00b0f0; background-color: #000; text-decoration: none; font-size: 1.3em; padding: 10px; }
#album .menu li a:hover, #album .menu a.active-link { background-color: #00b0f0; }
#album .menu li a:hover strong, #album .menu li a:hover span { color: #fff; background-color: #00b0f0; }


#album .box { border-color: #000; border-style: solid; }
#album .box .box-content { border-color: #000; background: #000; }

.albums { background: #000; }
.albums-align { width: 385px; margin: 0 auto; padding: 50px 0 50px 0; }
.albums strong.title { color: #fff; font-size: 1.2em; line-height: 1.3em; font-weight: bold; }
.albums span.subtitle { display: block; padding: 2px 0 20px 0; color: #fff; font-size: 1.1em; line-height: 1.2em; }
.albums .albums-item { margin: 0 0 30px 0; }
.albums .albums-item.last { margin-bottom: 0; }
.albums .albums-item .title { color: #00b0d8; font-size: 1.2em; line-height: 1.3em; text-decoration: underline; font-weight: bold; }

.album-thumbnails { padding: 8px 0 0 0; }
.album-thumbnails .content { }
.album-thumbnails .items { width: 384px; overflow: hidden; }
.album-thumbnails .items ul { display: block; padding: 7px 0 0 0; height: 72px; }
.album-thumbnails .items ul li { float: left; margin: 0 4px 0 0; }
.album-thumbnails .items ul li.last { margin-right: 0; }
.album-thumbnails .items ul li a img { display: block; width: 85px; height: 64px; border: 4px solid #191919; }
.album-thumbnails .items ul li a:hover img, .album-thumbnails .items li a.active img { border-color: #24bbde; }
.album-thumbnails .tabs-navigation a span { font-size: 1.1em; padding: 10px 20px; }

.album-thumbnails-pagination { width: 366px; margin: 7px 0 0 0; padding: 9px 9px 9px 9px; background: url(../images/title-background.gif) repeat; }
.album-thumbnails-pagination a.previous { float: left; display: block; width: 70px; padding: 5px 0 5px 30px; background: url(../images/album-thumbnails-pagination-previous.gif) center left no-repeat; text-decoration: none; color: #00b0d8; font-size: 1.1em; line-height: 1.2em; }
.album-thumbnails-pagination a.previous:hover, .album-thumbnails-pagination a.previous.active { text-decoration: underline; background-image: url(../images/album-thumbnails-pagination-previous-active.gif); }
.album-thumbnails-pagination a.next { float: left; display: block; width: 70px; padding: 5px 30px 5px 0; background: url(../images/album-thumbnails-pagination-next.gif) center right no-repeat; text-decoration: none; color: #00b0d8; font-size: 1.1em; line-height: 1.2em; text-align: right; }
.album-thumbnails-pagination a.next:hover, .album-thumbnails-pagination a.previous.active { text-decoration: underline; background-image: url(../images/album-thumbnails-pagination-next-active.gif); }
.album-thumbnails-pagination span { float: left; display: block; width: 166px; padding: 5px 0 5px 0; color: #fff; font-size: 1.1em; line-height: 1.2em; text-align: center; }

.album-width {  }
.box.album { float: left; margin: 0 20px 0 0; }
.album { background: #000; }
.album .box-content { padding: 20px 20px 20px 20px; width: 385px; _margin: 0; background: #000; }
.album strong.title { float: left; display: block; padding: 0; color: #fff; font-size: 1.2em; line-height: 1.3em; font-weight: bold; }
.album .date { float: right; color: #fff; font-size: 1.1em; line-height: 1.3em; }
.album .date span { padding: 0 10px 0 10px; }
.album .viewer { width: 385px; height: 285px; padding: 10px 0 10px 0; }
.album .viewer img { display: block; width: 385px; height: 285px; }
.album-related { width: 485px; margin: 20px auto 60px auto; }
#study .album-related { background: url(../images/title-background.gif) repeat; padding: 30px; }
.album-related .box-content { padding: 20px 20px 20px 40px; }
.album-related strong.title { color: #fff; font-size: 1.2em; line-height: 1.3em; font-weight: bold; }
.album-related span.subtitle { display: block; padding: 2px 0 0 0; color: #fff; font-size: 1.1em; line-height: 1.2em; }
.album-related .items { width: 384px; margin: 20px 0 0 0; overflow: hidden; }
.album-related .items ul { display: block; }
.album-related .items ul li { float: left; margin: 0 4px 0 0; }
.album-related .items ul li.last { border-right: 0; }
.album-related .items ul li a { display: block; width: 85px; background: #000; border: 4px solid #000; text-decoration: none; }
.album-related .items ul li a:hover { background: #24bbde; border-color: #24bbde; }
.album-related .items ul li a strong { display: block; padding: 8px 5px 2px 5px; color: #fff; font-size: 1.1em; line-height: 1.2em; font-weight: bold; }
.album-related .items ul li a span { display: block; padding: 0 5px 4px 5px; color: #fff; font-size: 1.1em; line-height: 1.2em; }
.album-related .items ul li a img { display: block; width: 85px; height: 64px; }

#study { padding: 40px 20px 20px 20px; background-repeat: no-repeat; background-position: top right; }
#study .header { padding: 0 0 120px 0; }
#study .header .title { display: block; font-size: 1.6em; color: #ffffff; font-weight: bold; }
#study .header h1 { display: block; float: left; font-size: 2.4em; font-weight: normal; margin-bottom: 10px; color: #ffffff; padding: 5px 10px 5px 10px; background: url(../images/title-background.gif) repeat; margin: 0 0 0 -20px; }
#study .header .study_navigation { position: absolute; width: 985px; margin: 10px 0 0 -20px; }
#study .header .study_navigation span { color: #fff; }
#study .header .study_navigation a { color: #00b0d8; text-decoration: none; }
#study .header .study_navigation .left-navigation { display: block; float: right; clear: both; padding: 10px 30px 10px 15px; color: #fff; font-size: 1.2em; background: url(../images/title-background.gif) repeat; text-decoration: none; }

#study .header .study_navigation .right-navigation { display: block; float: right; clear: both; padding: 10px 30px 10px 15px; color: #fff; font-size: 1.2em; background: url(../images/title-background.gif) repeat; text-decoration: none; }

#study .study-discription { *padding: 0 1px; }
#study .study-discription .tabs-content { padding: 30px 30px 30px 30px; }
#study .tabs-navigation li { *margin-left: 1px; }
.content-left { float: left; width: 555px; }
.content-right { float: right; width: 305px; }
.stripped { padding: 50px; background: url(../images/title-background.gif) repeat; }
.content-left.longer { width: 620px; }


#study .tabs .summary { margin: 0 0 40px 0; }
#study .tabs .summary .box-content { padding: 20px 20px 20px 20px; background: none; }
#study .tabs .summary p { display: block; font-size: 2.2em; line-height: 1.2em; font-weight: normal; color: #fff; margin-bottom: 10px; }
#study .tabs .summary p font { display: block; line-height: 1.2em; }
#study .tabs .summary a { margin: 15px 0 0 0; font-weight: normal; font-size: 1.3em; color: #00b0d8; text-decoration: none; }
#study .tabs .overview strong.title { display: block; padding: 0 0 15px 0; font-weight: bold; color: #ffffff; font-size: 1.6em; }
#study .tabs .overview p { font-size: 1.4em; line-height: 1.3em; color: #ccc; }
#study .tabs .overview p font { line-height: 1.3em; }
#study .tabs .overview p strong, #study .tabs .overview p b { color: #fff; }

#study .content-right .testimonial { background: url(../images/title-background.gif) repeat; padding: 30px; margin: 0 0 25px 0; }
#study .content-right .testimonial .title { display: block; padding: 0 0 10px 0; font-weight: bold; color: #ffffff; font-size: 1.6em; }
#study .content-right .testimonial .description { display: block; font-size: 1.3em; line-height: 1.2em; color: #ccc; }
#study .content-right .testimonial .description .author { display: block; padding: 10px 0 0 0; font-size: 1em; line-height: 1.5em; color: #fff; }
#study .content-right .testimonial .graph {  display: block; float: left; width: 180px; font-size: 2.4em; color: #ccc; margin: 5px 0 0 0; }
#study .content-right .testimonial .graph-number {  display: block; float: left; font-size: 2.4em; color: #fff; margin: 5px 0 0 0; }

#study .content-right .action-links a { display: block; color: #00b0f0; background-color: #000; text-decoration: none; font-size: 1.3em; padding: 10px 0 10px 10px; margin-bottom: 1px; }
#study .content-right .action-links a:hover  { color: #fff; background-color: #00b0f0; }

#disciplines { background-repeat: no-repeat; background-position: top left; padding: 40px 20px 20px 20px; }
#disciplines .inner-content .tabs-content { padding: 30px 30px 30px 30px; }
#disciplines .header { padding: 0 0 120px 0; }
#disciplines .header p { line-height: 1.4em; }
#disciplines  h1 { display: block; float: left; font-size: 2.4em; font-weight: normal; margin-bottom: 10px; color: #ffffff; padding: 5px 10px 5px 10px; background: url(../images/title-background.gif) repeat; margin: 0 0 0 -20px; }
#disciplines .description p { font-size: 1.4em; color: #ccc; line-height: 1.3em; }
#disciplines .description b, #disciplines .description strong { color :#fff; font-weight: bold; }

#disciplines .introduction { display: block; background: url(../images/title-background.gif) repeat; margin-bottom: 20px;  }
#disciplines .introduction p { font-size: 2.4em; line-height: 1.2em; }
#disciplines .methods { background: url(../images/title-background.gif) repeat; padding: 15px 30px 30px 30px; font-size: 1.3em; }
#disciplines .methods p { display: block; padding: 15px 0 0 0; line-height: 1.2em; }
#disciplines .methods strong { color: #fff; font-weight: bold; line-height: 1.3em; }
#disciplines .methods ul { display: block; padding: 15px 0 0 0; }
#disciplines .methods ul li { list-style: inside square; color: #ccc; margin: 2px 0 2px 0; line-height: 1.3em; }
#disciplines .promo { background: url(../images/title-background.gif) repeat; padding: 30px; }
#disciplines .tabs-navigation li a span { color: #fff; }
#disciplines .box-left { margin: 46px 0 0 0; }

#about { background-repeat: no-repeat; background-position: top left; padding: 40px 20px 20px 20px; }
#about .inner-content .tabs-content { padding: 30px 30px 30px 30px; }
#about .header { padding: 0 0 120px 0; }
#about .box-left { margin: 46px 0 0 0; }
#about  h1 { display: block; float: left; font-size: 2.4em; font-weight: normal; margin-bottom: 10px; color: #ffffff; padding: 5px 10px 5px 10px; background: url(../images/title-background.gif) repeat; margin: 0 0 0 -20px; }
#about table td { vertical-align: bottom; }
#about table strong { display: block; margin: 0 0 5px 0; color: #fff; font-size: 1.6em; font-weight: bold; }
#about table span.position { display: block; margin: 0 0 20px 0; color: #fff; font-size: 1.3em; }
#about .description { color: #ccc; }
#about .description p { line-height: 1.3em; font-size: 1.4em; }
#about .introduction { display: block; background: url(../images/title-background.gif) repeat; }
#about .introduction p { font-size: 2.4em; line-height: 1.2em; margin-bottom: 20px; }
#about .introduction a { display: block; color: #00b0f0; font-size: 1.3em; text-decoration: none; }
#about .introduction ul li { cursor: pointer; }
#about .introduction ul li a { display: block; color: #00b0f0; text-decoration: none; font-size: 1.3em; padding: 10px 0 10px 10px; border-bottom: 1px solid #3a3a3a; }
#about .introduction ul li a:hover  { background: #000; color: #fff; }
#about .people { display: block; margin: 0 10px 20px 0; }
#about .people img { display: block; border: 10px #000 solid; }
#about .promo { background: url(../images/title-background.gif) repeat; padding: 30px; }
#about .content-right .action-links { background: url(../images/title-background.gif) repeat; padding: 30px; margin-bottom: 25px; }
#about .content-right .action-links a { display: block; color: #00b0f0; background-color: #000; text-decoration: none; font-size: 1.3em; padding: 10px 0 10px 10px; margin-bottom: 1px; }
#about .content-right .action-links a:hover, #about .content-right .action-links a.active-link { color: #fff; background-color: #00b0f0; }


#sitemapandaccessibility { background-repeat: no-repeat; background-position: top left; padding: 40px 20px 30px 20px; }
#sitemapandaccessibility .inner-content .tabs-content { padding: 30px 30px 30px 30px; }
#sitemapandaccessibility .header { padding: 0 0 120px 0; }
#sitemapandaccessibility .box-left { margin: 46px 0 0 0; }
#sitemapandaccessibility  h1 { display: block; float: left; font-size: 2.4em; font-weight: normal; margin-bottom: 10px; color: #ffffff; padding: 5px 10px 5px 10px; background: url(../images/title-background.gif) repeat; margin: 0 0 0 -20px; }

#sitemapandaccessibility .description { font-size: 1.4em; color: #ccc; line-height: 1.3em; background: url(../images/title-background.gif) repeat; }
#sitemapandaccessibility .description b { color: #fff; font-size: 1.1em; }
#sitemapandaccessibility .tabs-navigation li a span { color: #ccc; }
#sitemapandaccessibility .menus a { display: block; float: left; clear: left;  margin: 0 0 10px 0; font-weight: bold; color: #fff; text-decoration: underline; }
#sitemapandaccessibility .menus ul { margin: 0 0 0 40px; clear: left; }
#sitemapandaccessibility .menus ul li a { font-weight: normal; }
#sitemapandaccessibility .methods { font-size: 1.3em; padding: 15px 30px 30px 30px; background: url(../images/title-background.gif) repeat; }
#sitemapandaccessibility .methods p { display: block; padding: 15px 0 0 0; line-height: 1.2em; color: #ccc; }
#sitemapandaccessibility .methods strong { color: #fff; font-weight: bold; line-height: 1.2em; font-size: 1.1em; }
#sitemapandaccessibility .methods ul { display: block; padding: 15px 0 0 0; }
#sitemapandaccessibility .methods ul li { list-style: inside square; color: #ccc; margin: 2px 0 2px 0; line-height: 1.5em; }
.text-page p { color: #ccc; line-height: 1.3em; }
.text-page strong { color: #fff; }
.text-page ul { margin: 20px 0; }
.text-page ul li { line-height: 1.3em; background: url(../images/list.png) no-repeat; padding-left: 10px; background-position: 0 7px; }
.text-page a { color: #00b0f0; }


#what-we-do { padding: 40px 30px 30px 30px; background-position: bottom right; background-repeat: no-repeat; }
#what-we-do h1 { display: block; padding: 0 0 12px 0; font-size: 2.4em; line-height: 2.8em; font-weight: normal; color: #8c8c8c; }
#what-we-do h1 em { color: #00b0d8; font-style: normal; }
#what-we-do p { display: block; width: 400px; padding: 0 0 20px 0; color: #8c8c8c; font-size: 1.3em; line-height: 1.5em; }
#what-we-do .links { padding: 23px 0 0 0; }
#what-we-do .links span { display: block; float: left; font-size: 1.4em; font-weight: bold; margin-right: 10px;  }
#what-we-do .links a { display: block; float: left; font-size: 1.4em; font-weight: bold; padding: 5px 8px 5px 8px; color: #fff; background: #000; text-decoration: none; margin: -5px 0 0 0; }
#what-we-do .links a.blue { background: #10b5da; }

#footer { padding: 10px 11px 8px 8px; }
#footer a { display: block; float: left; width: 107px; height: 47px; background: url(../images/twitter.png) no-repeat; }
#footer span { display: block; float: right; width: 600px; text-align: right; color: #fff; font-size: 1.1em; padding: 33px 0 0 0; }

#sitemap { background: #000000; padding: 20px 0 0 0; margin: 0 0 0 0; }
#sitemap .items { display: block; float: left; width: 188px; margin: 0 11px 0 0; border-width: 1px 0; border-color: #e6e6e6; border-style: solid; border: none; }
#sitemap .items.last { float: right; margin-right: 0; }
#sitemap .items ul { display: block; margin: 0 -1px; padding: 20px 30px; padding: 0 30px 20px 30px; border-width: 0 1px; border-color: #e6e6e6; border-style: solid; background: #e6e6e6; border: none; background: none; color: #666666; }
#sitemap .items ul li { display: block; padding: 4px 0 4px 0; }
#sitemap .items ul li strong { font-weight: bold; font-size: 1.2em; line-height: 1.3em; color: #fff; }
#sitemap .items ul li a { font-size: 1.2em; line-height: 1.3em; color: #8c8c8c; }
#sitemap .items ul li a:hover { color: #00b0d8; }

.promo strong.title { display: block; font-size: 1.6em; font-weight: bold; line-height: 1.2em; color: #ffffff; }
.promo strong.position { display: block; font-size: 1.3em; font-weight: bold; color: #ffffff; }
.promo p { display: block; padding: 10px 0 0 0; font-size: 1.3em; line-height: 1.2em !important; color: #ccc !important; }
.promo a { display: block; color: #00b0d8; font-size: 1.3em; margin: 10px 0 5px 0; }
.promo p b { color: #fff; }
.promo p a { display: inline; color: #00b0d8; font-size: 1.1em; line-height: 1.2em; margin: 0; }
.white .promo strong.title { color: #ffffff; }
.white .promo p { display: block; padding: 10px 0 10px 0; font-size: 1.2em; line-height: 1.2em; color: #ffffff; }
.white .promo a.link { color: #24bbde; font-size: 1.2em; line-height: 1.2em; }

#trailer { width: 600px; margin: 0 auto 10px auto; padding: 30px 0 62px 0; background: url(../images/trailer.gif) bottom center no-repeat; }
#trailer #video { border: #000 10px solid; }
#trailer h1 { display: block; float: left; font-size: 2.4em; font-weight: normal; margin-bottom: 10px; color: #ffffff; padding: 5px 10px 5px 10px; background: url(../images/title-background.gif) repeat; margin-left: -193px; }
#trailer #breadcrumb { margin-left: -193px; }

#contact { padding: 40px 20px 30px 20px; min-height: 385px; }
#contact  h1 { display: block; float: left; font-size: 2.4em; font-weight: normal; margin-bottom: 10px; color: #ffffff; padding: 5px 10px 5px 10px; background: url(../images/title-background.gif) repeat; margin: 0 0 20px -20px; }
#contact .content-left { width: 590px; }
#contact strong.title { display: block; padding: 0 0 10px 0; font-weight: bold; color: #ffffff; font-size: 1.6em; }
#contact p { display: block; padding: 0 0 0 0; color: #fff; font-size: 1.2em; line-height: 1.4em; }
#contact p a { color: #24bbde; line-height: 1.2em; }
#contact .map { width: 490px; height: 400px; }
a.contact-email { color: #24bbde; line-height: 1.2em; }
#contact .promo { background: url(../images/title-background.gif) repeat; padding: 25px; width: 300px; margin: 20px 0 0 -20px; }
.prev-link { position: absolute; width: 100px; height: 285px; background: url(../images/transparent.png) repeat; }
.next-link { position: absolute; width: 100px; height: 285px; margin: 0 0 0 285px;  background: url(../images/transparent.png) repeat; }