body {
  padding:0px;
  margin:0px;
  border:0px;
}
ol {
 padding:0px 10px 0px 25px;
}
.li {
 color:#515151;
 padding-top:0px;
 list-style-image:url(images/li_03.jpg)
}
ul {
	color:#B64D8F;
	padding:0px 10px 0px 25px;
	margin:0px;
	border:0px;
}
img{
border:0px
}
#wrapper {
  text-align:center;
  background:url(images/header_bg.jpg) repeat-x top;
}

#content {
  margin:auto;
  width:980px;
}

#content .shadow_left {
  float:left;
  width:90px;
  height:370px;
  background:url(images/shadow_left.jpg) no-repeat right top;
}

#content .shadow_right {
  float:left;
  width:90px;
  height:370px;
  background:url(images/shadow_right.jpg) no-repeat left top;
}

#content .shadow_left_content {
  float:left;
  width:90px;
  height:370px;
  background:url(images/shadow_left_content.jpg) no-repeat right top;
}

#content .shadow_right_content {
  float:left;
  width:90px;
  height:370px;
  background:url(images/shadow_right_content.jpg) no-repeat left top;
}

#content .header_top {
  height:85px;
}

#content .left_top_logo {
  float:left;
  padding:20px 0px 0px 38px;
}

#content .right_top_menu {
font-family:Geneva, Arial, Helvetica, sans-serif;
  padding-right:20px;
  padding-top:15px;
  float:right;
  color:#807F84;
  font-size:10px;
  text-decoration:underline;
}
.right_top_menu a {
  color:#515151;
  font-size:11px;
  text-decoration:underline;
}

.right_top_menu a:hover {
	color:#666666;	
	background:#eeeeee;
}

.copy a {
  color:#fff;
  font-size:11px;
  text-decoration:none;
}

.copy a:hover {
color:#B64D8F;	
}

#content .header_magenta {
  height:21px;
background:#B64D8F;
}

#content .header_content {
  height:235px;
}

#content .header_content .header_stripes {
  height:235px;
  width:310px;
  float:left;
  background:url(images/stripes.jpg) no-repeat top left;
}

#content .header_content .header_human {
  height:235px;
  width:395px;
  float:right;
  background:url(images/header_human.jpg) no-repeat top left;
}
#content .header_content .header_human_2 {
  height:235px;
  width:395px;
  float:right;
  background:url(images/man_notebook_03.jpg) no-repeat top left;
}
#content .header_content .header_human_3 {
  height:235px;
  width:430px;
  float:right;
  background:url(images/poza_07.jpg) no-repeat top center;
}
#content .header_content .header_human_4 {
  height:235px;
  width:430px;
  float:right;
  background:url(images/portofolio.jpg) no-repeat top center;
}
#content .header_content .header_human_5 {
  height:235px;
  width:430px;
  float:right;
  background:url(images/outsourcing_03.jpg) no-repeat top left;
  padding-right:20px;
}
#content .header_content .header_human_6 {
  height:235px;
  width:430px;
  float:right;
  background:url(images/header_human2.jpg) no-repeat top center;
}
#content .header_content .header_human_7 {
  height:235px;
  width:430px;
  float:right;
  background:url(images/contact_03.jpg) no-repeat top center;
  background-position:left;
}

#content .header_menu {
  height:30px;
}

#content .header_menu .menu {
  float:right;
  padding-top:4px;
}

#content .header_menu .menu ul {
  list-style-type:none;
  padding:0px;
  margin:0px;
  border:0px;
}

#content .header_menu .menu ul li {
  display:inline;
}

#content .header_menu .menu ul .link {
 font-family:Geneva, Arial, Helvetica, sans-serif;
  padding:0px 13px 0px 13px;
}

#content .header_menu .menu ul .sep {
  width:2px;
  height:20px;
  background:url(images/menu_sep.gif) no-repeat left bottom;
}

#content .header_menu .menu a {
  color:#ffffff;
  text-decoration:none;
  font-size:12px;
  font-weight:bold;
}

#content .header_menu .menu a:hover {
  color:#B64D8F;
}

/* MENU */
#content .header_menu .menu .home {
  display:block;
  float:right;
  width:50px;
  background:url(images/menu_11.jpg);
}
#content .header_menu .menu .home:hover {
  background:url(images/menu_over_11.jpg);
}

#content .header_menu .menu .company {
  display:block;
  float:right;
  width:71px;
  background:url(images/menu_13.jpg);
}
#content .header_menu .menu .company:hover {
  background:url(images/menu_over_13.jpg);
}

#content .header_menu .menu .services {
  display:block;
  float:right;
  width:70px;
  background:url(images/menu_15.jpg);
}
#content .header_menu .menu .services:hover {
  background:url(images/menu_over_15.jpg);
}

#content .header_menu .menu .portofolio {
  display:block;
  float:right;
  width:80px;
  background:url(images/menu_17.jpg);
}
#content .header_menu .menu .portofolio:hover {
  background:url(images/menu_over_17.jpg);
}

#content .header_menu .menu .outsourcing {
  display:block;
  float:right;
  width:86px;
  background:url(images/menu_19.jpg);
}
#content .header_menu .menu .outsourcing:hover {
  background:url(images/menu_over_19.jpg);
}

#content .header_menu .menu .contact {
  display:block;
  float:right;
  width:58px;
  background:url(images/menu_21.jpg);
}
#content .header_menu .menu .contact:hover {
  background:url(images/menu_over_21.jpg);
}
#content .header_menu .menu .sep {
  display:block;
  float:right;
  width:5px;
  height:18px;
  font-size:0px;
  line-height:1px;
  background:url(images/menu_over_12.jpg);
}
/* /MENU */


#content .cont {
  padding:35px 0px 0px 40px;
}

#content .left_menu  {
  width:330px;
  float:left;
  text-align:left;
  background:url(images/left_menu_bg.gif) no-repeat top right;
}

#content .left_menu ul {
  float:left;
  padding:0px;
  margin:0px;
  border:0px;
  list-style-type:none;
}

#content .left_menu ul .link {
  padding:5px 0px 3px 0px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
}

#content .left_menu ul .link a {
  text-decoration:none;
  font-size:12px;
  color:#817F84;
  font-weight:bold;
}

#content .left_menu ul .link a:hover {
  color:#CD599F;
}

#content .left_menu ul .link a.active {
  color:#CD599F;
}


#content .left_menu ul .sep {
  height:1px;
  line-height:1px;
  font-size:1px;
  border-bottom:1px dotted #B9B9B9;
  width:130px;
}

#content .display_zone .cont2 {
  padding:30px 0px 0px 15px;
}

#content .display_zone {
  float:left;
  width:470px;
  text-align:left;
}

h1 {
  padding:0px;
  margin:0px;
  color:#B64D8F;
  font-weight:bold;
  font-size:17px;
}

.general_text {
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#515151;
  padding-right:10px;
  }

.portofolio_project {
  float:left;
  width:30%;
  text-align:left;
}

.portofolio_name {
  color:#B64D8F;
  font-family:Tahoma;
  font-size:11px;
  font-weight:bold;
}

.portofolio_tags {
  font-family:Tahoma;
  font-size:10px;
  color:#504F53;
}

.footer_text {
  height:27px;
  background:#504F54;
  text-align:center;
}

.footer_text .copy {
  width:800px;
  margin:auto;
  text-align:right;
  color:#ffffff;
  font-family:Tahoma;
  font-size:10px;
  padding-top:7px;
}

.delimiter {
  width:800px;
  float:left
}
.quote {
	font-size:12px;
	color:#B64D8F;
	font-style:italic;
}

.portofolioSection {
  width:75px;
  text-align:right;
  float:left;
  font-weight:bold;
}

.portofolioContent {
  float:left;
  width:325px;
}

.portofolioContent a {
  text-decoration:none;
  color:#504F54;
}

.portofolioContent a:hover {
  text-decoration:underline;
}

.portofolioContent div {
  padding:0px 0px 5px 10px;
}

.portofolioContent div .client_name {
  font-weight:bold;
  font-size:14px;
}

.portofolioImage img {
  border:1px solid #bcbcbc;
}