body {
  text-align: center;
  margin: 0;
  padding: 0;
}

.intro {
  margin: 0 auto;
  width: 550px;
  margin-top: 40px;
}
a.skip {
  color: #3399FF;
  text-decoration: none;
  font-weight: bold;
  float: right;
  padding: 0 20px 0 0;
  margin-right: 80px;
  background: url(arr1.jpg) right 3px no-repeat;
}
a:hover.skip{
  color: #3399FF;
  text-decoration: none;
  padding: 0 20px 0 0;
  background: url(arr2.jpg) right 3px no-repeat;
}

.container {
  background: url(mainbg.jpg) repeat-y;
  margin: 0 auto;
  width: 989px;
  text-align: left;
  padding:0;
  color: #999;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  position: relative;
}
.container_top {
  background: url(mainbg_top.jpg) repeat-x top;
  width: 100%;
}
.container_bot {
  background: url(mainbg_bot_bg.gif) repeat-x bottom;
  padding: 20px 20px 20px 20px;
  margin: 0 auto;
}

#cont_top_left {
  position: absolute;
  top: 0;
  left: 0;
  background: url(mainbg_top_left.jpg) no-repeat;
  width: 19px;
  height: 8px;
}
#cont_top_right {
  position: absolute;
  top: 0;
  right: 0;
  background: url(mainbg_top_right.gif) no-repeat;
  width: 18px;
  height: 8px;
}
#cont_bott_left {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(mainbg_bot_left.jpg) no-repeat;
  width: 18px;
  height: 12px;
}
#cont_bott_right {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(mainbg_bot_right.jpg) no-repeat;
  width: 17px;
  height: 12px;
}



.header {
  width: 100%;
  clear: both;
  height: 170px;
}

.header .logolink {
  display: block;
  width: 164px;
  height: 141px;
  float: left;
  margin: 14px 0 0 24px;
  background: url(logo.jpg);
}
.module-suckerfish-horizontal{
  margin: 140px 0 0 0;
  display: block;
  float: right;
  font-size: 13px;
}



.mainpart {
  margin-left: 40px;
}

.project {
min-height: 362px;
padding-bottom: 30px;
}

.project #menu_project {
  float: left;
  width: 165px;
  margin-right: 20px;
  margin-left: 20px;
  position: relative;
  padding: 0;
}
.project .proj_descript {
  float: left;
  width: 740px;
  padding-top:15px;
}
#menu_project ul {
  padding: 0;
  margin: 0;
}
#menu_project li {
  list-style: none;
  margin: 0;
  border-bottom: solid 1px #999999;
  color: #999999;
  background: url(prj_list_1.jpg) no-repeat 0 6px;
  font-size: 13px;
}
#menu_project li h3 {
  font-size: 13px;
  padding: 0;
  margin: 0;
}
#menu_project li a,
#menu_project .pm_title {
  color: #4879a4;
  text-decoration: none;
  padding: 5px;
  padding-left: 25px;
  display: block;
  background: url(prj_list_1.jpg) no-repeat 0 6px;
  font-weight: bold;
}
#menu_project li .selected a,
#menu_project li a:hover {
  background: url(prj_list_2.jpg) no-repeat 0 6px;
}
#menu_project li li {
  border-top: solid 1px #999999;
  border-bottom: none;
  font-size: 12px;
}
#menu_project li li a,
#menu_project .pm_title {
  color: #999;
  background: url(prj_list_3.jpg) no-repeat 0 6px;
  font-weight: normal;
}
#menu_project li li a.active {
  font-weight: bold;
}
#menu_project li li a:hover {
  color: #4879a4;
  background: url(prj_list_2.jpg) no-repeat 0 6px;
  font-weight: bold;
}
.img_left {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
#menu_project .pm_title {
  font-weight: bold;
  font-size: 14px;
}
.proj_left {
  float: left;
  width: 490px;
}
.proj_left table {
background-color:#E2E2E2;
color:#6E6E6E;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:15px;
font-style:italic;
font-weight:bold;
margin:0pt;
padding:10px;
text-align:center;
}
.proj_right {
  float: left;
  width: 230px;
}
.proj_right h1 {
color:#397CC6;
font-size:22px;
font-weight:normal;
margin:4px 0pt;
}
.proj_right h1 a:hover {
  text-decoration: none;
}
.proj_right h2 {
color:#397CC6;
font-size:18px;
font-weight:normal;
margin:4px 0pt;
}
.proj_right p {
font-size:11px;
}
.contacttable {
width: 99%;
}
.contacttable td {
  vertical-align: top;
}
.proj_descript .category {
float: left;
width: 150px;
margin-right: 30px;
margin-bottom: 20px;
text-align: center;
min-height: 150px;
}
.proj_descript .category h1,
.proj_descript .category h1 a {
color: #4879A4;
font-size:14px;
font-weight:normal;
margin:4px 0pt;
}
.proj_descript .category h1 a:hover {
text-decoration: none;
}
a img {
border: none;
}
.clear {
clear: both;
}
.our_team table {
margin-top: 10px;
}
.our_team td {
vertical-align: top;
padding-bottom: 30px;
}
.our_team p {
padding-right: 15px;
}
.our_team .team_name {
font-size:14px;
font-weight:bold;
margin-top: 0;
}
.our_team .team_name span {
font-size:12px;
}
.proj_left div div {
  margin-right: 13px;
  margin-bottom: 13px;
}
.project.page .proj_descript {
margin-left: 200px;
}
.project.page p {
width: 350px;
}
.category_list {
margin-left: 10px;
}
.category_list div {
width: 110px;
float: left;
text-align: center;
margin: 30px 15px 0 25px;

}
.category_list div img {
margin-bottom: 3px;
}
.category_list h1 {
color:#4879A4;
font-size:12px;
font-weight:normal;
}
.category_list h1 a {
color:#4879A4;
white-space: nowrap;
}

.mainpart .editor table.edt_controls_container td.value input.text, .mainpart .editor table.edt_controls_container td.value table.edt_file, .mainpart .editor table.edt_controls_container td.value table.edt_file td.file_value, .mainpart .editor table.edt_controls_container td.value input.file, .mainpart .editor table.edt_controls_container td.value input.int, .mainpart .editor table.edt_controls_container td.value textarea {
width: 99%;
}

#home-animation {
    margin: 81px auto 44px;
    position: relative;
    left: 37px;
}

#home-animation .panel {
    background: #ebebeb;
    float: left;
    width: 130px;
    height: 130px;
    margin: 0 13px 10px 0;
    text-align: center;
}

#home-animation .panel img {
  display: none;
}

#logo-greyscale {
    position: absolute;
    left: -22px;
    top: -27px;
}

#logo-color {
  position: absolute;
  left: -22px;
  top: -27px;
    width: 510px;
    height: 447px;
    display: none;
}