/* globals */
body 
{  
   font: 10px/140% tahoma,helvetica,sans-serif;
   color: #fff;
   background: #0F0F15;
	behavior:url("../_inc/csshover.htc");
   border-top: 10px solid #000;
}
div, p, td, li, span 
{
}
* { margin: 0; padding: 0;}
p { margin: 0 0 10px 0; }
.inline { display: inline; }
.left { float: left; }
.right { float: right; }
.none { float: none; }
.center { text-align: center; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.nomargin { margin: 0; }
.small { font-size: 10px; }
ul.no-bullets { list-style: none; }
ul { margin: 10px; }
ol { margin: 10px 10px 10px 20px; }
ul li, ol li { margin-left: 10px; }
.clear 
{
   margin: 0;
   padding: 0;
   clear: both;
   display: block;
   height: 1px;
   font-size: 1px;
   line-height: 1px;
}
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* forms */
input, select, textarea, label
{
   font-family: tahoma,helvetica,sans-serif;
   font-size: 11px;
   color: #000;
}
.inputbox 
{
   background-color: #fff;
   border: 1px solid #272728;
   padding: 1px;
}
select 
{
   background-color: #fff;
}
textarea 
{
   padding: 1px;
   background-color: #fff;
   border: 1px solid #272728;
}
.button 
{
   background-color: #666;
   color: #fff;
   margin: 0;
   padding: 0;
   font-size: 10px;
   font-weight: bold;
   text-transform: uppercase;
}
.row
{
   margin-bottom: 8px;
}
label, .label
{
   float: left;
   width: 80px;
   font-weight: normal;
   color: #fff;
}
.field 
{
   float: left;
   width: 125px;
   font-weight: normal;
}
.required 
{
   font-weight: bold;
   color: #900;
}
.errormsg 
{
   color: #900;
}
.form td
{
   padding-bottom: 2px;
}

/* links */
a:link
{
   color: #c63;
   text-decoration: none;
}
a:visited 
{
   color: #c63;
   text-decoration: none;
}
a:hover 
{ 
   text-decoration: underline;
}

/* headers */
h1
{   
   font-size: 14px;
   font-family: helvetica,sans-serif;
   font-weight: normal;
   color: #D5CFC6;
   text-align: right;
   text-transform: uppercase;
   margin: 8px 8px 0 1px;
}
h2
{   
   font-size: 14px;
   font-family: helvetica,sans-serif;
   font-weight: normal;
   margin: 8px 0 0 20px;
   color: #c63;
   text-transform: uppercase;
}
h3
{   
   font-size: 11px;
   font-family: helvetica,sans-serif;
   font-weight: normal;
   text-transform: uppercase;
   color: #fff;
   margin-bottom: 10px;
}
h4
{   
   font-size: 14px;
   font-family: helvetica,sans-serif;
   font-weight: normal;
   color: #fff;
   text-transform: uppercase;
}

/* global */
.linemain
{
   clear: both;
   margin-top: 20px;
   margin-bottom: 20px;
   border-bottom: 1px solid #272728;
}
hr
{
   display: none;
}

/* top bar */
#topbar
{
   height: 154px;
   background: url(../_img/shared/bg_tile_main.gif);
   position: relative;
}
#logo a
{
   position: absolute;
   top: 48px;
   left: 38px;
   color: #fff;
   background: transparent url(../_img/shared/logo_integra_interior.gif) no-repeat;
   clip: rect(0, 232px, 106px, 0);
   padding: 106px 0 0 0;
   width: 232px;
   height: 0 !important;
   overflow: hidden;
   height /**/: 106px;
}
#mainnav
{
   width: 100%;
   height: 130px;
   border-bottom: 1px solid #202024;
}
#bar
{
   position: absolute;
   bottom: 0px;
   left: 360px;
   height: 23px;
   width: 360px;
   background-color: #0f0f15;
}
#navlanguage
{
   position: absolute;
   top: 95px;
   left: 660px;
}
#navcontainer
{
   position: absolute;
   top: 0px;
   left: 361px;
   background-color: #0f0f15;
   width: 358px;
   height: 130px;
   margin: 0;
   padding: 0;
}
#mainnav ul
{
   position: absolute;
   top: 90px;
   left: 0;
   background-color: #222224;
   width: 359px;
   height: 30px;
   margin: 0;
   padding: 0;
}
#mainnav li
{
   list-type: none;
   display: inline;
   float: left;
   height: 30px;
   margin: 0;
}
#mainnav span {
	display: none;
}
#mainnav a {
   border: none;
	display: block;
   height: 30px;
}
#menu-index, #menu-index-ch {
	width: 60px;
}
#menu-index a {
	background: url(../_img/shared/nav/full_nav.gif) 0 -60px no-repeat;
}
#menu-index a:hover {
	background: url(../_img/shared/nav/full_nav.gif) 0 0 no-repeat;
}
#menu-index.active a, #menu-index.active a:hover {
	background: url(../_img/shared/nav/full_nav.gif) 0 -30px no-repeat;
}
#menu-index-ch a {
	background: url(../_img/shared/nav/full_nav_ch.gif) 0 -60px no-repeat;
}
#menu-index-ch a:hover {
	background: url(../_img/shared/nav/full_nav_ch.gif) 0 0 no-repeat;
}
#menu-index-ch.active a, #menu-index-ch.active a:hover {
	background: url(../_img/shared/nav/full_nav_ch.gif) 0 -30px no-repeat;
}
#menu-profile, #menu-profile-ch {
	width: 64px;
}
#menu-profile a {
	background: url(../_img/shared/nav/full_nav.gif) -60px -60px no-repeat;
}
#menu-profile a:hover {
	background: url(../_img/shared/nav/full_nav.gif) -60px 0 no-repeat;
}
#menu-profile.active a, #menu-profile.active a:hover {
	background: url(../_img/shared/nav/full_nav.gif) -60px -30px no-repeat;
}
#menu-profile-ch a {
	background: url(../_img/shared/nav/full_nav_ch.gif) -60px -60px no-repeat;
}
#menu-profile-ch a:hover {
	background: url(../_img/shared/nav/full_nav_ch.gif) -60px 0 no-repeat;
}
#menu-profile-ch.active a, #menu-profile-ch.active a:hover {
	background: url(../_img/shared/nav/full_nav_ch.gif) -60px -30px no-repeat;
}
#menu-portfolio, #menu-portfolio-ch {
	width: 76px;
}
#menu-portfolio a {
	background: url(../_img/shared/nav/full_nav.gif) -124px -60px no-repeat;
}
#menu-portfolio a:hover {
	background: url(../_img/shared/nav/full_nav.gif) -124px 0 no-repeat;
}
#menu-portfolio.active a, #menu-portfolio.active a:hover {
	background: url(../_img/shared/nav/full_nav.gif) -124px -30px no-repeat;
}
#menu-portfolio-ch a {
	background: url(../_img/shared/nav/full_nav_ch.gif) -124px -60px no-repeat;
}
#menu-portfolio-ch a:hover {
	background: url(../_img/shared/nav/full_nav_ch.gif) -124px 0 no-repeat;
}
#menu-portfolio-ch.active a, #menu-portfolio-ch.active a:hover {
	background: url(../_img/shared/nav/full_nav_ch.gif) -124px -30px no-repeat;
}
#menu-contact, #menu-contact-ch {
	width: 70px;
}
#menu-contact a {
	background: url(../_img/shared/nav/full_nav.gif) -200px -60px no-repeat;
}
#menu-contact a:hover {
	background: url(../_img/shared/nav/full_nav.gif) -200px 0 no-repeat;
}
#menu-contact.active a, #menu-contact.active a:hover {
	background: url(../_img/shared/nav/full_nav.gif) -200px -30px no-repeat;
}
#menu-contact-ch a {
	background: url(../_img/shared/nav/full_nav_ch.gif) -200px -60px no-repeat;
}
#menu-contact-ch a:hover {
	background: url(../_img/shared/nav/full_nav_ch.gif) -200px 0 no-repeat;
}
#menu-contact-ch.active a, #menu-contact-ch.active a:hover {
	background: url(../_img/shared/nav/full_nav_ch.gif) -200px -30px no-repeat;
}
/*
#mainnav .active a {
	background: none;
}
*/

/* main body */
#thebody
{  
   position: relative;
   background: url(../_img/shared/bg_tile_main.gif);
}
#header
{
   margin: 0 0 0 120px;
   height: 37px;
   width: 640px;
}
#header .rightcolumn
{
   height: 37px;
   width: 479px;
   background-color: #0f0f15;
}
#maincontent
{
   display: block;
   padding: 0 0 0 120px;
   background: transparent url(../_img/shared/bg_tile_maincontent.gif) repeat-x; 
   height: 240px; 
}
html>body #maincontent
{ 
   height: auto; 
   min-height: 240px; 
}
#maincontent #colcontainer
{
   width: 640px; 
}
.leftcolumn
{
   float: left;
   width: 121px;
}
.rightcolumn
{  
   float: left;
   width: 519px;
}
#maincontent .leftcolumn
{
   height: 240px;
   background-color: #222224;
}
* html #maincontent .rightcolumn .container
{
   width: 479px;
   w\idth: 469px;
   height: 300px;
   h\eight: 240px;
}
#maincontent .rightcolumn .container
{
   background-color: #0F0F15;
   width: 469px;
   padding-left: 10px;
   padding-bottom: 60px;
   height: 240px;    
}
html>body #maincontent .rightcolumn .container
{ 
   height: auto; 
   min-height: 300px; 
}
#maincontent .rightcolumn .content
{
   padding: 10px;
}
#maincontent .rightcolumn .content h3
{
   margin-top: 0;
   margin-left: 0;
}
#subnav
{
   width: 120px;
   height: 180px;
}
ul#subnav
{
   width: 120px;
   margin: 6px 0 0 0;
   padding: 0;
}
ul#subnav li
{
   list-style: none;
   color: #B0A79B;
   text-align: right;
   margin: 0;
   padding: 0;
}
* html ul#subnav li a:link, ul#subnav li a:visited
{
   width: 120px;
   w\idth: 100px;
}
ul#subnav li a:link, ul#subnav li a:visited
{
   list-style: none;
   background: url(../_img/shared/nav/arrow.gif) no-repeat 91% 50%; 
   padding: 4px 20px 4px 0;
   margin: 0;
   color: #B0A79B;
   display: block;
   text-align: right;
   width: 100px;
   text-transform: uppercase;
   font-size: 10px;
}
ul#subnav li.active a:link, ul#subnav li.active a:visited, ul#subnav li a:hover
{
   color: #c63;
   text-decoration: none;
}
ul#subnav ul
{
   background-color: #2E2E30;
   margin: 0 0 0 10px;
   width: 110px;
   padding: 0;
}
* html ul#subnav ul a:link, ul#subnav ul li a:visited
{
   width: 100px;
   w\idth: 90px;
}
ul#subnav ul a:link, ul#subnav ul li a:visited
{
   background-image: none;    
   padding: 4px 10px 4px 0; 
   width: 90px;
}

/* lists */
#maincontent .rightcolumn ul
{
   margin: 0 0 10px 0;
   padding: 0;
}
#maincontent .rightcolumn ul li
{
   list-style: none;
   display: block;
   background-color: #191919;
   padding: 5px 10px;
   margin: 0 10px 2px 0;
}
#maincontent .rightcolumn ul li:hover
{
   color: #c63;
   background-color: #222224;
}
#maincontent .rightcolumn ul li span
{
   float: left;
   padding-right: 10px;
}
#maincontent .rightcolumn ul#ul-affiliations li
{
   padding: 0;
   clear: both;
}
#maincontent .rightcolumn ul#ul-affiliations li a
{
   padding: 5px 10px;
   color: #fff;
}
#maincontent .rightcolumn ul#ul-affiliations li a:hover
{
   cursor: pointer;
   text-decoration: none;
}
#maincontent .rightcolumn ul#ul-affiliations li:hover span
{
   color: #c63;
}
#maincontent .rightcolumn ul#ul-affiliations li:hover
{
   cursor: pointer;
   color: #fff;
}
* html #maincontent .rightcolumn ul#ul-affiliations li .affiliation
{
   width: 280px;
   w\idth: 270px;
}
#maincontent .rightcolumn ul#ul-affiliations li .affiliation
{
   width: 270px;
}
#maincontent .rightcolumn ul#ul-affiliations li .link
{
   width: 140px;
   float: right;
   text-align: right;
}
#maincontent .rightcolumn ul#ul-awards li
{
   background: #191919 url(../_img/shared/butts/butt_view_project_off.gif) no-repeat 97% 50%;
   padding: 0;
}
#maincontent .rightcolumn ul#ul-awards li.nolink
{
   background: #191919 none;
   padding: 5px 10px;
   color: #fff;
}
/* hide from IE/mac \*/
* html #maincontent .rightcolumn ul#ul-awards li a
{
   width: auto;
}
/* end hide */
#maincontent .rightcolumn ul#ul-awards li a
{
   width: 100%;
   padding: 5px 10px;
   color: #fff;
}
#maincontent .rightcolumn ul#ul-awards li a:hover
{
   cursor: pointer;
   text-decoration: none;
}
#maincontent .rightcolumn ul#ul-awards li:hover span
{
   color: #c63;
}
#maincontent .rightcolumn ul#ul-awards li:hover
{
   cursor: pointer;
   color: #fff;
   background: #222224 url(../_img/shared/butts/butt_view_project_on.gif) no-repeat 97% 50%;
}
#maincontent .rightcolumn ul#ul-awards li.nolink:hover span
{
   color: #fff;
}
#maincontent .rightcolumn ul#ul-awards li.nolink:hover
{
   cursor: default;
   color: #fff;
   background: #191919 none;
}
* html #maincontent .rightcolumn ul#ul-awards li .date
{
   width: 50px;
   w\idth: 40px;
}
#maincontent .rightcolumn ul#ul-awards li .date
{
   width: 40px;
}
* html #maincontent .rightcolumn ul#ul-awards li .title
{
   width: 210px;
   w\idth: 200px;
}
#maincontent .rightcolumn ul#ul-awards li .title
{
   width: 200px;
}
* html #maincontent .rightcolumn ul#ul-awards li.nolink .title
{
   width: 340px;
   w\idth: 330px;
}
#maincontent .rightcolumn ul#ul-awards li.nolink .title
{
   width: 330px;
}
* html #maincontent .rightcolumn ul#ul-awards li .project
{
   width: 100px;
   w\idth: 90px;
}
#maincontent .rightcolumn ul#ul-awards li .project
{
   width: 90px;
}
#maincontent .rightcolumn ul#ul-testimonials li:hover
{
   color: #fff;
   background-color: #191919;
}
#maincontent .rightcolumn ul#ul-news li
{
   background: #191919 url(../_img/shared/butts/butt_view_details_off.gif) no-repeat 97% 50%;
   padding: 0;
}
/* hide from IE/mac \*/
* html #maincontent .rightcolumn ul#ul-news li a
{
   width: auto;
}
/* end hide */
#maincontent .rightcolumn ul#ul-news li a
{
   width: 100%;
   padding: 5px 10px;
   color: #fff;
}
#maincontent .rightcolumn ul#ul-news li a:hover
{
   cursor: pointer;
   text-decoration: none;
}
#maincontent .rightcolumn ul#ul-news li:hover span
{
   color: #c63;
}
#maincontent .rightcolumn ul#ul-news li:hover
{
   cursor: pointer;
   color: #fff;
   background: #222224 url(../_img/shared/butts/butt_view_details_on.gif) no-repeat 97% 50%;
}
* html #maincontent .rightcolumn ul#ul-news li .date
{
   width: 60px;
   w\idth: 50px;
}
#maincontent .rightcolumn ul#ul-news li .date
{
   width: 50px;
}
* #maincontent .rightcolumn ul#ul-news li .title
{
   width: 290px;
   w\idth: 280px;
}
#maincontent .rightcolumn ul#ul-news li .title
{
   width: 280px;
}
#maincontent .rightcolumn ul#ul-projecttypes li
{
   padding: 0;
}
/* hide from IE/mac \*/
* html #maincontent .rightcolumn ul#ul-projecttypes li a
{
   width: auto;
}
/* end hide */
#maincontent .rightcolumn ul#ul-projecttypes li a
{
   width: 100%;
   padding: 0 10px 0 0;
   color: #fff;
}
#maincontent .rightcolumn ul#ul-projecttypes li a:hover
{
   cursor: pointer;
   text-decoration: none;
}
#maincontent .rightcolumn ul#ul-projecttypes li:hover
{
   cursor: pointer;
   color: #fff;
   background: #222224 url(/_img/shared/butts/butt_icon_play_on.gif) no-repeat 97% 50%;
}
#maincontent .rightcolumn ul#ul-projecttypes li:hover strong, 
#maincontent .rightcolumn ul#ul-projecttypes li:hover span
{
   color: #c63;
}
#maincontent .rightcolumn ul#ul-projecttypes img
{
   width: 110px;
   float: left;
}
#maincontent .rightcolumn ul#ul-projecttypes .text
{
   width: 300px;
   float: left;
   margin: 10px 0 0 10px;
   line-height: 120%;
}
#maincontent .rightcolumn ul#ul-projecttypes strong
{
   text-transform: uppercase;
}
* html #maincontent .rightcolumn ul#ul-projecttypes .project
{
   width: 180px;
   w\idth: 170px;
}
#maincontent .rightcolumn ul#ul-projecttypes .project
{
   width: 170px;
}
* html #maincontent .rightcolumn ul#ul-projecttypes .location
{
   width: 120px;
   w\idth: 110px;
}
#maincontent .rightcolumn ul#ul-projecttypes .location
{
   width: 110px;
}

/* home */
#sec-home #thebody
{  
   padding-bottom: 60px;
}
#sec-home #bar
{
   display: none;
}
#homeflash
{
   width: 600px;
   height: 294px;
}
#sec-home #maincontent
{
   background: transparent url(../_img/shared/bg_tile_maincontent_home.gif) repeat-x;  
}

/* contact */
#contact .left
{
   width: 210px;
}
#contact .right
{
   width: 220px;
}

/* profile */
.partner
{
   float: left;
   width: 225px;
   margin-right: 10px;
}
.last
{
   margin-right: 0;
}
.partner img
{
   display: block;
}
a.backtolistings:link,a.backtolistings:visited {
   float: right;
   margin-top: 30px;
   display: block;
   background: transparent url(../_img/shared/butts/butt_back_to_listings_off.gif) no-repeat;
   clip: rect(0, 92px, 16px, 0);
   padding: 16px 10px 0 0;
   width: 92px;
   height: 0 !important;
   overflow: hidden;
   height /**/: 16px;
}
a.backtolistings:hover {
   background: transparent url(../_img/shared/butts/butt_back_to_listings_on.gif) no-repeat;
   text-decoration: none;
}
a.backtopartners:link,a.backtopartners:visited {
   float: right;
   margin-top: 30px;
   display: block;
   background: transparent url(../_img/shared/butts/butt_back_to_partners_off.gif) no-repeat;
   clip: rect(0, 96px, 16px, 0);
   padding: 16px 10px 0 0;
   width: 96px;
   height: 0 !important;
   overflow: hidden;
   height /**/: 16px;
}
a.backtopartners:hover {
   background: transparent url(../_img/shared/butts/butt_back_to_partners_on.gif) no-repeat;
   text-decoration: none;
}
a.butt_download_article:link,a.butt_download_article:visited {
   float: right;
   display: block;
   background: transparent url(../_img/shared/butts/butt_download_article_off.gif) no-repeat;
   clip: rect(0, 124px, 16px, 0);
   padding: 16px 0 0 0;
   width: 124px;
   height: 0 !important;
   overflow: hidden;
   height /**/: 16px;
}
a.butt_download_article:hover {
   background: transparent url(../_img/shared/butts/butt_download_article_on.gif) no-repeat;
   text-decoration: none;
}
#office
{
   float: left;
   width: 260px;
}

/* portfolio */
#maincontent .rightcolumn .container h3.portfolio
{   
   margin: 0;
}
#projectheader
{
   position: relative;
   height: 30px;
}
#projectheader #pname
{
   position: absolute;
   top: 0;
   left: 110px;
   width: 150px;
}
#projectheader #ploc
{
   position: absolute;
   top: 0;
   left: 300px;
   width: 150px;
}
* html #maincontent .rightcolumn .projcontainer
{
   width: 479px;
   w\idth: 469px;
}
#maincontent .rightcolumn .projcontainer
{
   background-color: #0F0F15;
   padding: 10px 0 60px 10px;
   width: 469px;
}
#scrapbook
{
   width: 470px;
   height: 330px;
}
* html #bottombar
{
   width: 459px;
   w\idth: 439px;
}
#bottombar
{
   background-color: #222224;
   padding: 5px 10px;
   width: 439px;
}
#left
{
   float: left;
   width: 50%;
}
#left span
{
   float: left;
   vertical-align: middle;
   padding-right: 10px;
}
#right
{
   float: right;
   text-align: right;
   vertical-align: middle;
   width: 50%;
}
#right span
{
   float: right;
   vertical-align: middle;
   padding-left: 10px;
}
#right label
{
   float: none;
   width: 50px;
   padding-right: 5px;
}
#right select
{
   width: 130px;
}
#projectimage
{
   border-left: 10px solid #0F0F15;
   margin: 0;
   padding: 0;
   width: 510px;
   height: 300px;
}
* html #projecttext
{
   width: 459px;
   height: 50px;
   w\idth: 439px;
   h\eight: 40px;
}
#projecttext
{
   background-color: #222224;
   padding: 5px 10px;
   margin-bottom: 2px;
   width: 439px;
   height: 40px;
}
a.butt_previous:link,a.butt_previous:visited {
   display: block;
   background: transparent url(../_img/shared/butts/butt_previous_off.gif) no-repeat;
   clip: rect(0, 43px, 16px, 0);
   padding: 16px 0 0 0;
   width: 43px;
   height: 0 !important;
   overflow: hidden;
   height /**/: 16px;
}
a.butt_previous:hover {
   background: transparent url(../_img/shared/butts/butt_previous_on.gif) no-repeat;
   text-decoration: none;
}
a.butt_next:link,a.butt_next:visited {
   display: block;
   background: transparent url(../_img/shared/butts/butt_next_off.gif) no-repeat;
   clip: rect(0, 43px, 16px, 0);
   padding: 16px 0 0 0;
   width: 43px;
   height: 0 !important;
   overflow: hidden;
   height /**/: 16px;
}
a.butt_next:hover {
   background: transparent url(../_img/shared/butts/butt_next_on.gif) no-repeat;
   text-decoration: none;
}
a.butt_download_project_sheet:link,a.butt_download_project_sheet:visited {
   display: block;
   background: transparent url(../_img/shared/butts/butt_download_project_sheet_off.gif) no-repeat;
   clip: rect(0, 150px, 16px, 0);
   padding: 16px 0 0 0;
   width: 150px;
   height: 0 !important;
   overflow: hidden;
   height /**/: 16px;
}
a.butt_download_project_sheet:hover {
   background: transparent url(../_img/shared/butts/butt_download_project_sheet_on.gif) no-repeat;
   text-decoration: none;
}
a.scrapbook:link,a.scrapbook:visited {
   float: right;
   display: block;
   background: transparent url(../_img/shared/butts/butt_personal_scrapbook_off.gif) no-repeat;
   clip: rect(0, 129px, 16px, 0);
   padding: 16px 0 0 0;
   width: 129px;
   height: 0 !important;
   overflow: hidden;
   height /**/: 16px;
}
a.scrapbook:hover {
   background: transparent url(../_img/shared/butts/butt_personal_scrapbook_on.gif) no-repeat;
   text-decoration: none;
}

/* footer */
#footer
{
   clear: both;
   height: 40px;
   border-bottom: 1px solid #272728;
   margin-bottom: 10px;
}
#footer #copyright
{
   margin-left: 130px;
   color: #999;
   background: transparent url(../_img/shared/footer_copyright.gif) no-repeat;
   clip: rect(0, 141px, 40px, 0);
   padding: 40px 0 0 0;
   height: 0 !important;
   overflow: hidden;
   height /**/: 40px;
}