html
{
 height: 100%;
}

body
{
  margin: 0px;
  padding: 0px;
  background: #302f2e url(/images/layout/body_background.jpg) no-repeat left top;
  color: white;
  font-family: verdana, arial, helvetica, sans-serif, trebuchet ms;
  font-size: 10px;
  line-height: 1.3;

}

a, a:visited
{
 color: #e5b41a;
 text-decoration: none;
}

a:active, a:hover
{
  color: #e6b41b;
  text-decoration: underline;
}

a.more, a.more:visited{
 color: #a8a8a8;
 clear: both;
 display: block;
}
a.more:active, a.more:hover{
 color: #c6006b;
 text-decoration: none;
}
a img
{
  border: 0px;
}
h1.title
{
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 3px 0;
  padding: 0px;
  color: white;
  text-transform: uppercase;
}

h2.title
{  
  margin: 0 0 5px 0;
  color: #797979;
  font-size: 11px; 
}
h3.title
{  
  margin: 0 0 0 0;
  color: black;
  font-size: 10px; 
  font-weight: bold;
  text-transform: uppercase;
}
h4.title
{  
  margin: 0 0 5px 0;
  color: white;
  font-size: 10px; 
  font-weight: bold;
  text-transform: uppercase;
}
.file {
  margin-bottom: 4px;
}

.file img {
  margin-bottom: -4px;
}

.centerframe {
  width: 900px;
  margin: 30px 0px;
  margin-left: 135px;
/*  margin-left: auto;
  margin-right: auto;*/
  padding: 0px;
}
.boundary
{ 
  float: left;
  width: 900px;
  height: 506px;
  background: url(/images/layout/background.jpg) no-repeat left top;
  margin: 0px;
  padding: 0px;
}


.boundary .content{
 float: left;
 width: 900px;
 height: 705px;
 margin: 0px 8px 10px 8px;
 padding: 0px;
}
.boundary .content .left{
 float: left;
 width: 140px;
 height: 693px;
 margin: 0px 0 0 0;
 padding: 30px 0 0 0;
 background: url(/images/layout/left_background.png) no-repeat right top; 
}
.boundary .content .main_content{
 float: left;
 width: 738px;
 height: 694px;
 padding: 17px 10px 0 12px;
 background: url(/images/layout/grey_box.png) no-repeat left top; 
}
.boundary .content .main_content.firstpage{
 width: auto;
 padding: 15px 10px 0px 10px;
}
.boundary .content .main_shadow
{
 float: left;
 width: 729px;
 height: 672px;
 margin: 0px;
 overflow: hidden;
 background: url(/images/layout/box_big_background.png) no-repeat left top;
}
.boundary .content .main{
 float: left;
 width: 685px;
 height: 632px;
 overflow-x: hidden;
 overflow-y: hidden;
 padding: 17px 17px 17px 22px;
}
.boundary .content .main.nobackground{
 background-image: none;
 width: auto;
 height: 690px;
 padding: 0px;
}
.boundary .content .main_bottom_shadow{
 display: none;
 float: left;
 width: 755px;
 height: 10px;
 background: url(/images/layout/main_bottom_shadow.png) no-repeat top left;
}
.boundary .content .right
{
  float: left;
  width: 220px;
  height: 350px;
  margin: 0 0 0 9px;
  padding: 0px;
  /* overflow-x:hidden; */
}

.boundary .content .footer{
 float: left;
 width: 750px;
 text-align: right;
 margin: 0px;
 color: #6c6c6c;
 font-size: 9px;
 font-weight: normal; 
}

.breadcrumbs{
 padding-bottom:10px;
 font-size: 10px;
 width: 538px;
 padding-left:30px;
 float:left;
}


.left a.menuitem, .left a.menuitem:visited{
 display: block;
 margin: 0 0 3px 1px;
 padding: 0 0 0 40px;
 color: white;
 text-decoration: none;
 text-transform: uppercase;
 font-weight: bold;
 font-size: .9em;
}
.left a.menuitem:active, .left a.menuitem:hover,
.left a.menuitem.active, .left a.menuitem.active:visited,
.left a.menuitem.active:active, .left a.menuitem.active:hover{
 background: url(/images/layout/menu_background.gif) no-repeat left center;
 text-decoration: none;
 color: white;
}
.left .logo{
 position: relative;
 top: 57px;
 text-align: center;
}


.firstpage_box{
 float: left;
 width: 330px;
 height: 421px;
 padding: 12px 15px;
 color: #a4a4a4;
 background: url(/images/layout/box_medium_background.png) no-repeat left top;
}
.firstpage_box a, .firstpage_box a:visited,
.firstpage_box a:active, .firstpage_box a:hover{
 color: #a4a4a4;
} 
.firstpage_box.odd{
 margin-right: 8px;
}
.firstpage_box img{
 margin-bottom: 10px;
 border: 1px solid white;
}
.firstpage_box.small{
 height: 180px;
 padding-top: 46px;
 background: url(/images/layout/box_small_background.png) no-repeat left top;
}
.firstpage_box .text{
 padding: 0 15px;
 height: 120px;
 overflow: hidden;
}
.firstpage_box.small .text{
 height: 150px;
 overflow: hidden;
}
.firstpage_box h1,
.firstpage_box h2
{
 font-weight: normal;
}
.firstpage_box .text hr{
 color: #797979;
 height: 1px;
 font-size: 1px;
 margin: 5px 0;
}
.text .split{
 width: 100%;
 height: 0px;
 font-size: 0px;
 margin: 7px 0 10px 0;
 border-bottom: 1px solid #797979; 
}


.article{
 color: #a4a4a4;
 padding-left: 15px;
}
.article .image{
 float: right;
 width: 330px;
 margin: 0 0 0 10px;
}
.article .image img{
 margin-bottom: 10px;
}
.article img{
 border: 1px solid white;
}
.article.condensed{
 clear: both; 
 padding-bottom: 15px;
 padding-left: 0px;
}
.article.condensed .image{
 float: left;
 margin: 0 10px 0 0;
 
}
.clients .article.condensed .image{
 width: 97px;
}
.article.condensed .image img{
 border: 1px solid white;
}
.clients .article.condensed .text{
 float: left;
 width: 225px;
}
.main .works.second_life .article{
 padding: 0px;
}
.main .works.second_life .article .image{
 
}
.main .works.second_life .article .image img{
 float: right;
}

.article form
{
  padding-top: 10px;
}

form{
 float: left;
}
form input, form textarea{
 border: none;
 background: white;
 padding: 1px 5px;
}
.form_image{
  float: left;
  width: 100%;
  height: 290px;
  margin-top: 32px;
  overflow: hidden;
}
.form_image img { border: 0px; }

form input.newsletter_box{
 width: 170px;
}
form input.form_button{
 cursor: pointer; 
 cursor: hand;
}
form input.form_button.subscribe{
 width: 68px;height: 19px;
 background: url(/images/layout/subscribe.png) no-repeat center center; 
}
button.formButton,
form input.formButton{
 width: 68px;
 height: 19px;
 text-transform: uppercase;
 font-family: verdana;
 font-size: 10px;
 background: url(/images/layout/send.png) no-repeat center center; 
}

button.formButton
{
  height: 20px;
  border: 0px;
  background-position: 0px 1px;
  font-weight: bold;
  text-transform: none;
}

.formStatusMessage{
 color: #e5b41a;
 text-transform: uppercase;
 margin-bottom: 10px;
}
.formForceField{
 color: #e5b41a;
}
.title_box_yellow{
 display: block;
 height: 14px;
 background: #e5b41a;
 padding: 3px 15px;
 margin-bottom: 15px;
}
.clients{
 float: left;
 background: white;
 width: 685px;
 height: 595px;
 overflow: hidden;
}
.clients .col{
 float: left;
 width: 335px;
}
.clients .col.first{
 margin-right: 15px;
}
.clients .col img{
 margin-bottom: 15px;
}
form{
 width: 280px;
}
form .formElementTitle{
 margin-bottom: 5px;
 color: white;
 font-weight: bold;
 text-transform: uppercase;
}
form .formBlock{
 margin-bottom: 15px;
}
.team{
}
.team .person{
}
.team .person.condensed{
 float: left;
 width: 210px;
 margin: 0 9px 15px 9px;
}
.team .person.condensed img { cursor: pointer; }
.team .person.condensed a, .team .person.condensed a:visited{
 float: left;
 border: 2px solid white;
}
.team .person.condensed a:hover, .team .person.condensed a:active{
 border: 2px solid #E5B41A;
}
.team .person.condensed a img{
 float: left;
}
.team .person.condensed h1{
 margin-top: 5px;
 font-size: 10px;
}
.team .person.condensed h2 p,
.popup .box_info .person .abstract p{
 margin: 0px;
}
.media{
 padding-left: 10px;
 color: white;
 text-transform: uppercase;
}
.media .media_item{
 float:left;
 display:block;
 margin: 0 0 5px 0;
 padding: 0 0 5px 0;
 border-bottom: 1px solid #8f8f8f;
}
.media .media_item .col1{
 float: left;
 width: 55px;
 padding-right: 5px;
}
.media .media_item .col2{
 float: left;
 width: 155px;
 padding-right: 5px;
}
.media .media_item .col3{
 float: left;
 width: 35px;
 padding-right: 5px;
}
.media .media_item .col4{
 float: left;
 width: 345px;
 padding-right: 5px;
}
.media .media_item .col5{
 float: left;
 width: 45px;
 text-align: right;
}
.media .media_item p{
 margin: 0px;
}
.media .media_item a, .media .media_item a:visited{
 color: white;
 text-decoration: underline;
}
.media .media_item a:hover, .media .media_item a:active{
 color: white;
 text-decoration: none;
}
..works.second_life{
 height: 632px;
 overflow: hidden;
}

.progress
{
  float: left;
  width: 24px;
  height: 24px;
  margin-top: 145px;
  margin-left: 350px;
  background: url(/images/layout/progress1.gif) no-repeat;
}

.works .title_box_yellow {
 clear: both;
 height: 14px;
 margin-bottom: 5px;
 cursor: pointer;
}
.works .round_links{
 float: left;
 margin-left: 120px;
 padding-top: 3px;
 padding-right: 150px;
 text-align: center;
}
.works span.round, .works span.round:visited{
 float: left;
 width: 9px;
 height: 8px;
 padding-right: 10px;
 background: url(/images/layout/round_link.gif) no-repeat left top;
}
.works span.round:hover, .works span.round:active,
.works span.round.active, .works span.round.active:visited,
.works span.round.active:hover, .works span.round.active:active
{
 background: url(/images/layout/round_link_active.gif) no-repeat left top;
}
.works .title_box_yellow h3.title{
 float: left;
 width: 150px;
 cursor: pointer;
}
.works .projects_box{
 display: none;
 position: relative;
 float: left;
 width: 685px;
 padding: 15px 0px;
 overflow: hidden;
}
.works .projects_box.enabled{
 display: block;
}

.works .projects_box .arrow{
 float: left;
 width: 20px;
 padding-top: 55px;
}

.works .projects_box .arrow span.arrow_left, .works .projects_box .arrow span.arrow_left:visited,
.works .projects_box .arrow span.arrow_left:active, .works .projects_box .arrow span.arrow_left:hover{
 float: left;
 width: 14px;
 height: 14px;
 background: url(/images/layout/arrow_left.png) no-repeat top left;
 cursor:pointer;
}
.works .projects_box .arrow span.arrow_right, .works .projects_box .arrow span.arrow_right:visited,
.works .projects_box .arrow span.arrow_right:active, .works .projects_box .arrow span.arrow_right:hover{
 float: right;
 width: 14px;
 height: 14px;
 background: url(/images/layout/arrow_right.png) no-repeat top right;
 cursor:pointer;
}
.works .projects_box .projects{
 position: relative;
 float: left;
 width: 645px;
 height: 136px;
 overflow: hidden;
}
.works .projects_box .projects .slider{
 position: absolute;
 float: left;
 height: 136px;
 whitespace: nowrap;
}
.works .projects_box .projects .project{
 float: left;
 padding-right: 8px;
}

.works .projects_box .project .image{
 margin-bottom: 10px;
 width: 205px;
 height: 132px;
 border: white 1px solid;
 background-position: center center;
 overflow: hidden; 
 cursor: pointer;
}

.works .projects_box .project .image img{
 border: 1px solid white;
}

.project .project_client{
 font-size: 9px;
 font-weight: bold;
 text-transform: uppercase;
}
.project .project_title{
 color: #797979;
 font-weight: bold;
}
.project .project_title p{
 margin: 0px;
}
.popup .box_info .project .abstract p{
 margin: 0px;
}
.popup .box_info .project{
 position: relative;
 float: left;
 color: #c0c0c0;
}

.popup .box_info .project #level0
{
}

.popup .box_info .project #level1
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 370px;
  height: 306px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.popup .box_info .project h1.title,
.popup .box_info .project .abstract{
 color: white;
 font-size: 9px;
 font-weight: normal;
 text-transform: uppercase;
}
.popup .box_info .project .image{
 float: left;
 margin-right: 20px;
 width: 370px;
 height: 310px;
 overflow: hidden;
}
.popup .box_info .project .image img{
 float: left;
}
.popup .box_info .project .text{
 float: left;
 width: 335px;
 height: 253px;
}
.popup .box_info .project .text.noimage{
 height: 310px;
}
.popup .box_info .project a, .popup .box_info .project a:visited{
 color: #c0c0c0;
 text-decoration: underline;
}
.popup .box_info .project a:hover, .popup .box_info .project a:active{
 color: #E5B41A;
 text-decoration: underline;
}
.popup .box_info .client_title,
.popup .box_info .project_title
{
 float: left;
 display: block;
 width: 75px;
 color: white;
 font-weight: bold;
}
.popup .box_info .project .thumbnails{
 height: 55px;
}
.popup .box_info .project .thumbnails img
{
 float: left;
 width: 70px;
 height: 53px;
 margin-right: 15px;
 border: 1px solid white;
 overflow-y: hidden;
 cursor: pointer;
}
.popup .box_info .project .thumbnails img.playerthumb
{
  width: auto;
  height: auto;
}
.popup .box_info .project .thumbnails img.active,
.popup .box_info .project .thumbnails img:hover
{
  border: 1px solid #E6B41B;
}
.popup .box_info .project .thumbnails img.last
{
  margin-right: 0px;
}

.news{
 float: left;
 clear: both;
 width: 100%;
 margin-bottom: 15px;
}

.news  .image{
 float: left;
 margin-right: 20px;
}

.news .image img{
 border: 1px solid white;
}
.news .text{
 float: left;
 width: 455px; 
}
.news h1.title,
.news h1.title .abstract{
 color: white;
 font-size: 9px;
 font-weight: normal;
 text-transform: uppercase;
}

.news .project_title p{
 margin: 0px;
}
.news .text .client_title,
.news .text .project_title
{
 float: left;
 display: block;
 width: 75px;
 color: white;
 font-weight: bold;
}
.main .news.noimage .text{
 width: 685px;
}
.archive{
 float: left;
 width: 685px;
 height: 595px;
 overflow-y: auto;
}

#popup
{
 display: none; 
 position: absolute;
 top: 170px;
 left: 240px;
 width: 835px;
 height: 416px;
 padding: 10px;
 background: url(/images/layout/popup_background.png) no-repeat left top;
 z-index: 1000;
}
.popup a.close{
 clear: both;
 width: 30px;
 height: 30px;
}
.popup .box_info{
 width: 725px;
 height: 309px;
 margin: 0 35px;
 padding: 19px 20px;
 background: black;
}

.popup .box_info .person{
 float: left;
 color: #c0c0c0;
}
.popup .box_info .person h1.title,
.popup .box_info .person .abstract{
 color: white;
 font-size: 9px;
 font-weight: bold;
 text-transform: uppercase;
}
.popup .box_info .person .image{
 float: left;
 margin-right: 20px;
 width: 370px;
 height: 310px;
 overflow: hidden;
}
.popup .box_info .person .text{
 float: left;
 width: 330px;
}
.popup .box_info .person a, .popup .box_info .person a:visited{
 color: #c0c0c0;
 text-decoration: underline;
}
.popup .box_info .person a:hover, .popup .box_info .person a:active{
 color: #E5B41A;
 text-decoration: underline;
}


/* debugger */

.debug.info
{
  padding: 5px;
  color: #8a0000;
}

.debug
{
  display: none;
  position: fixed;
  right: 10px;
  top: 10px;
  width: 304px;
  filter: alpha(opacity=80);
  opacity: .8;
  z-index: 9999;
}

#debug
{
  float: left;
  width: 300px;
  height: 500px;
  margin-bottom: 5px;
  padding-left: 2px;
  border: #d8d8d8 1px solid;
  background: white;
  color: black;
  overflow: auto;
  font-size: 9px;
}

#debug hr
{
  float: left;
  height: 1px;
  margin: 0px;
  padding: 0px;
}