@charset "utf-8";

/* CSS Document */

ul, li, h4, h3, h2, h6, h1, h5, p, div{padding:0; margin:0;}
ul{list-style-type:none;}
a img{border:none;}

/* Global fonts */
body, p{font-size:12px; font-family:Arial, Helvetica, sans-serif;}
p{color:#333;}
p a, p a:visited{color:#666;}
p a:hover, p a:active{color:#333;}

#content h2{font-family: Georgia, "Times New Roman", Times, serif; font-size:15px; color:#db030b; margin:15px 8px 0 14px; text-transform: uppercase;
letter-spacing:.15em; padding-bottom:5px; border-bottom:solid 1px #ccc; font-weight:normal;}
#content h2 .small{font-size:14px;}
#content h3{font-size:10px; color:#999; margin:20px 15px 5px 15px; text-transform: uppercase; letter-spacing:.15em;}

#content h4{font-size:12px; color:#db030b; margin:5px 0 5px 5px; text-transform:uppercase;}
#content h4 a{color:#db030b; text-decoration:none;}

#content #listpg h4{color:#db030b; margin:18px 0 0px 15px; text-transform:uppercase;}
#content #listpg h4 a, #content #listpg h4 a:visited{color:#db030b;}
#content #listpg h4 a:hover, #content #listpg h4 a:active{color:#c50103;}
#content #listpg h4, #content #listpg h4 a{font-weight:bold;}

#content h5{font-size:11px; font-weight:normal; color:#333; margin:0px 0 4px 5px;}
#content h5 a, #content h5 a:visited, #content h5.sustainable a, #content h5.sustainable a:visited{text-decoration:none;color:#333;}
#content h5 a:hover, #content h5 a:active, #content h5.sustainable a:hover, #content h5.sustainable a:active{text-decoration:none;color:#db030b;}
#content h5.projlist{margin:6px 0 0px 15px;}
#content h5.sustainable{margin:4px 0px 0px 15px; text-decoration:none; color:#999;}
#content #listpg h5.projlist{line-height:18px; margin:0px 0px 0px 15px;}
h6{font-size:12px; font-weight:bold; color:#333; margin:0px 0 5px 14px; clear:both; line-height:14px;}
#content .green{line-height:18px; font-size:11px; font-weight:bold; color:#95a82a;}
#content .red{line-height:18px; font-size:11px; font-weight:bold; color:#e95445;}

.alt{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}
.caps{text-transform:uppercase; font-size:10px;}

/* Structure */
body {background-image:url(images/bg_gradient.png); background-repeat:repeat-y; background-color:#f3f3f3;}
* html body { background-image:none; background-color:#cbcbcb;}
#floater{position: absolute; top: 0; right:0px; left:0px; height:100%;}
#container{position:relative; margin: 0 auto; width:990px;}	
#preload{display:none;}


/* Header */
#header{position:relative; top:20px; height:30px;}
.crp_logo{display:block; position:absolute; top:10px; left:2px; margin:0; padding:0; width:252px; height:17px; background-image:url(images/logo.png); background-repeat:no-repeat;}

* html .logo{background-image:url(images/logo.gif); background-repeat:no-repeat; cursor:pointer;}

#header ul {position:absolute; top:10px; right:0px; width:200px; text-align:right;}
#header ul li {display:inline;}
#header ul li a,#header ul li a:visited{font-size:12px; color:#666; text-decoration:none;}
#header ul li a:hover,#header ul li a:active{color:#333;}


/* Main Navigation */
#mainnav, #what, #who, #news {position:absolute; width:127px; background-color:#fff;}
#mainnav{top:80px; height:550px; left:0px;}
#what{top:0px; height:184px; background-image:url(images/dottedline.png); background-repeat:no-repeat; background-position:bottom;}
#who{top:184px; height:183px; background-image:url(images/dottedline.png); background-repeat:no-repeat; background-position:bottom;}
#news{top:367px; height:183px;}
/* ie6 fix */
* html #what{background-image:url(images/dottedline.gif); background-repeat:no-repeat; background-position:bottom;}
* html #who{background-image:url(images/dottedline.gif); background-repeat:no-repeat; background-position:bottom;}

ul.nav{margin:10px 0px 0px 0px;}
ul.nav li{background:none; width:127px; height:22px; font-family:Arial, Helvetica, sans-serif;}

#mainnav h2{font-size:11px; font-weight:bold; color:#333; margin:15px 5px 5px 15px;}
#mainnav h2.current{font-size:11px; font-weight:bold; color:#fff; margin:15px 5px 5px 15px;}

ul.nav li a, ul.nav li a.current, ul.nav li a.currentselect, ul.nav li a.tall, ul.nav li a.tallcurrent, ul.nav li a.tallcurrentselect{
display:block; font-size:11px; font-weight:bold; text-decoration:none; width:112px; padding-left:15px;}

ul.nav li a, ul.nav li a:visited{color:#db030b; height:18px; line-height: 18px;}
ul.nav li a:hover, ul.nav li a:active{color:#db030b; background-color:#efefef; height:18px; line-height: 18px;}

ul.nav li a.current, ul.nav li a.current:visited{color:#fff; height:18px; line-height: 18px;}
ul.nav li a.current:hover, ul.nav li a.current:active{color:#fff; background-color:#c50103; height:18px; line-height: 18px;}
ul.nav li a.currentselect, ul.nav li a.currentselect:visited, ul.nav li a.currentselect:hover{color:#fff; background-color:#c50103; height:18px; line-height: 18px;}

ul.nav li a.tall, ul.nav li a.tall:visited{color:#db030b; height:34px; line-height: 16px;}
ul.nav li a.tall:hover, ul.nav li a.tall:active{color:#db030b; height:34px; line-height: 16px; background-color:#efefef;}
ul.nav li a.tallcurrent, ul.nav li a.tallcurrent:visited{color:#fff; height:34px; line-height: 16px;}
ul.nav li a.tallcurrent:hover, ul.nav li a.tallcurrent:active{color:#fff; height:34px; line-height: 16px; background-color:#c50103;}
ul.nav li a.tallcurrentselect, ul.nav li a.tallcurrentselect:visited, ul.nav li a.tallcurrentselect:hover{color:#fff; height:34px; line-height: 16px; background-color:#c50103;}

.nextline{padding-left:7px;}


/* Breadcrumb */
#pagenav{position:absolute; top:640px; width:540px; height:20px; right:0px; text-align:right;}
#pagenav ul li{display:inline; color:#333;}
#pagenav ul li a{font-size:12px; margin:0 5px 0 5px; color:#db030b; text-decoration:none;}
#pagenav a.links, #pagenav a.links:visited{color:#666; text-decoration:underline;}
#pagenav a.links:hover, #pagenav a.links:active{color:#333;}


/* Footer */
#footer{position:absolute; top:645px; width:465px; height:60px; left:0px; font-size:11px; line-height:16px; vertical-align:middle;}

#footer .contact{color:#666; text-decoration:none;}
#footer .contact a{color:#666; text-decoration:none;}
#footer .copyright{color:#999; text-decoration:none;}
img.icon_fb{vertical-align:text-bottom; background-image:url(images/fb_bw.png); background-repeat:no-repeat; background-position:bottom;  }
img.icon_twitter{vertical-align:text-bottom; background-image:url(images/twitter_bw.png); background-repeat:no-repeat; background-position:bottom;}

img.icon_fb:hover{background-image:url(images/fb.png);}
img.icon_twitter:hover{background-image:url(images/twitter.png); }


/* Home Page */
#newsinfo{position:absolute; right:15px; top:95px; width:460px; height:140px; z-index:3;}

/* Content */
#content ul{line-height:normal;}

/* Content-Project type */
#content{position:absolute; top:80px; width:850px; height:550px; right:0px; background-color:#fff; z-index:2}
#content ul.top li{float:left; width:166px; height:272px; background-color:#fff;}
#content ul.top li:hover{background-color:#e1e1e1;}
#content ul.bottom{position:absolute; bottom:0px; left:0px;}
#content ul.bottom li{float:left; width:166px; height:272px; background-color:#fff;}
#content ul.bottom li:hover{background-color:#e1e1e1;}
#projcontent{position:absolute; top:80px; width:850px; height:550px; right:0px; float:right; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; z-index:3;}

/* Content-List page */
#content #listpg_img{width:510px; height:550px;}
#listpg_img img{ display: none;}
#content #listpg{position:absolute; right:0px; top:0px; width:340px; height:550px;}
#content #listpg_img.loading, img.loading {background-image: url(images/loading.gif); background-repeat: no-repeat; background-position: center center;} 
#content #listpg_img.loaded {background-image:none;} 
#set1, #set2, #set3{position:absolute; width:340px;}
#set2, #set3{visibility:hidden;}

#content ul.clientlist, #content ul.credits, #content ul.projlist{float:left; margin:15px 0 0 0;}
#content ul.clientlist li, #content ul.credits li, #content ul.projlist li{margin:4px 0px 0 15px; line-height:12px; font-size:11px; color:#666;}
#content ul.projlist li{ width:400px; color:#7c7c7c; margin:0px 0px 0 15px;}
#content ul.projlist li a, #content ul.projlist li a:visited{ line-height:14px; font-size:11px; color:#666; text-decoration:underline;}
#content ul.projlist li a:hover, #content ul.projlist li a:active{ line-height:14px; font-size:11px; color:#db030b; text-decoration:underline;}
ul.projlist li a.over{color:#db030b;}

#content #listpg p{margin:15px 15px 0 15px; line-height:18px; font-size:11px;}

/* People page */
div.listwrap{float:left; width:160px; margin:0 0 15px 0;}

#content ul.partners{margin:15px 0 0 15px;}
#content ul.partners li a, #content ul.partners li a:visited {font-size:11px; color:#333; text-decoration:none; border-bottom:solid 1px #CCCCCC; display:block; height:22px; line-height:22px; padding-left:3px;}
#content ul.partners li a:hover, #content ul.partners li a:active {color:#db030b; text-decoration:none;background-color:#eee;}

#content ul.staff{margin:0px 0 0 15px;}
#content ul.staff li {font-size:11px; color:#666; line-height:17px;}




/* All Awards and Project List*/
#alphabet, #years{position:relative;}
#numbers, #awards{visibility:visible; position:absolute; left:0px; top:75px;}
#a, #b, #c, #d, #e, #f, #g, #h, #i, #j, #k, #l, #m, #n, #o, #p, #q, #r, #s,#t, #u, #v, #w, #y, #z, #awards1, #awards2, #awards3, #awards4, #awards5, #awards6, #awards7, #awards8{
visibility:hidden; position:absolute; left:0px; top:70px;}

div.pagelink, #pagelink{position:absolute; bottom:10px; width: 320px;}

#listpg #pagelink ul.loadcontent li {float:left; font-size: 11px; color: #666; text-decoration: none; margin:0 5px 0 0px;}
#listpg #pagelink ul.loadcontent li a, #listpg ul.loadcontent li a:visited { display:block; font-size: 12px; color: #666; text-decoration: none; width:16px; height:14px; text-align:center; vertical-align:middle; border:solid 1px #CCCCCC;}
#listpg #pagelink ul.loadcontent li a:hover, #listpg ul.loadcontent li a:active {
font-size: 11px; color: #fff; text-decoration: none; background-color:#db030b; font-weight:bold; border:solid 1px #db030b;}
#listpg #pagelink ul.loadcontent li a.active{font-size: 11px; color: #fff; text-decoration: none; background-color:#db030b; font-weight:bold; border:solid 1px #db030b;}



#alphabet2{margin-left:15px; margin-top:10px;}
#alphabet ul.loadcontent li{float:left; margin:0px 10px 0px 0px;}
#alphabet ul.loadcontent li a, #alphabet ul.loadcontent li a:visited{ display:block; font-size: 11px; color: #666; text-decoration: none; width:18px; height:16px; text-align:center; vertical-align:middle; padding-top:2px; border:solid 1px #CCCCCC;}
#alphabet ul.loadcontent li a.active{font-size: 11px; color: #fff; text-decoration: none; background-color:#db030b; font-weight:bold; border:solid 1px #db030b;}
#alphabet ul.loadcontent li a:hover, #alphabet ul.loadcontent li a:active{
font-size: 11px; color: #fff; text-decoration: none; background-color:#db030b; font-weight:bold; border:solid 1px #db030b;}


#years ul.loadcontent li{float:left; margin:0px 10px 0px 0px;}
#years ul.loadcontent li a, #years ul.loadcontent li a:visited{ display:block; font-size: 11px; color: #666; text-decoration: none; width:60px; height:16px; text-align:center; vertical-align:middle; padding-top:2px; border:solid 1px #CCCCCC;}
#years ul.loadcontent li a.active{font-size: 11px; color: #fff; text-decoration: none; background-color:#db030b; font-weight:bold; border:solid 1px #db030b;}
#years ul.loadcontent li a:hover, #years ul.loadcontent li a:active{
font-size: 11px; color: #fff; text-decoration: none; background-color:#db030b; font-weight:bold; border:solid 1px #db030b;}










/* News and Awards */
#content .main_image{width:510px; height:550px; overflow: hidden; color: #fff; position: relative; background-image:url(images/loading.gif);
background-repeat:no-repeat; background-position:center;}

#listpg ul.awards{margin-top:10px;}
#listpg ul.awards li{margin:0 10px 5px 23px; text-indent: -8px; font-size:11px; color:#333; line-height:15px;}
#listpg ul.awards li a.expanded{color:#db030b; text-decoration:none;}
#listpg ul.awards li a.collapsed{color:#333; text-decoration:none;}
#listpg ul.awards li a.collapsed:hover{color:#db030b; text-decoration:none;}
#listpg ul.awards li a.project{ color:#333; text-decoration:underline;}
#listpg ul.awards #block2 a{color:#333; text-decoration:underline;}
#block2{display:none; font-size:11px; color:#666; text-indent:0; border-bottom:2px dotted #e3e3e3; margin:5px 5px 10px 7px; padding-bottom:8px;}
#content #listpg #block2 p{color:#666; text-indent:0; margin:5px 0px 0px 0px; padding:0px; line-height:15px;}


/* Press */
#content ul.press{margin:10px 5px 0 15px;}
#content ul.press li{font-size:11px;}
#content ul.press li.title{color:#db030b;}
#content ul.press li.info{margin:5px 0 5px 0;}


/* Site map */
ul.sitemap{width: 200px;}
ul.sitemap li{margin:0 0 0 10px; padding:0px; line-height:.85em;}
ul.sitemap li ul li{margin-left:20px;}
ul.sitemap li a{font-size:11px; text-decoration:none; color:#666;}
ul.sitemap li a:hover, ul.sitemap li a.map1:hover, ul.sitemap li a.map2:hover{text-decoration:none; color:#db030b;}
ul.sitemap li a.map1, ul.sitemap li a.map2, ul.sitemap li a.map3{color:#666;}