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;
}