html, body {
  height: 100%;
}

body {
  margin: 0 auto;
  padding: 0;
  font-family: Verdana, Geneva;
  font-size: 62.5%;
  color: #ffffff;
  background: #ffffff;
  z-index: -1;
}

images {
  border: 0;
}

images a, a images {
  border: 0;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: underline;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 950px;
	background-color: #555555;
}

#nav_bg	{
	float: left;
	position: relative;
	width: 950px;
	background-image: url('images/navbar_bg.png');
	background-repeat: repeat-x;
	z-index: 99;
}

#navbar {
	float: left;
	position: relative;
	padding-left: 32px;
	width: 100%;
}

#home a {
	float: left;
	position: relative;
	left: 110px;
	background-image: url('images/home.png');
	display: block;
	height: 44px;
	width: 245px;
	z-index: 100;
}

#home a:hover {
	background-image: url('images/home.png') no-repeat;
	background-position: 135px;
}

#about a {
	float: left;
	position: relative;
	background-image: url('images/about.png');
	display: block;
	height: 44px;
	width: 115px;
	z-index: 101;
}

#about a:hover {
	background-image: url('images/about.png') no-repeat;
	background-position: 115px;
}

#services a {
	float: left;
	position: relative;
	background-image: url('images/services.png');
	display: block;
	height: 44px;
	width: 92px;
	z-index: 102;
}

#services a:hover {
	background-image: url('images/services.png') no-repeat;
	background-position: 92px;
}

#values a {
	float: left;
	position: relative;
	background-image: url('images/values.png');
	display: block;
	height: 44px;
	width: 153px;
	z-index: 103;
}

#values a:hover {
	background-image: url('images/values.png') no-repeat;
	background-position: 153px;
}

#utils a {
	float: left;
	position: relative;
	background-image: url('images/utils.png');
	display: block;
	height: 44px;
	width: 78px;
	z-index: 104;
}

#utils a:hover {
	background-image: url('images/utils.png') no-repeat;
	background-position: 78px;
}

#contact a {
	float: left;
	position: relative;
	background-image: url('images/contact.png');
	display: block;
	height: 44px;
	width: 94px;
	z-index: 105;
}

#contact a:hover {
	background-image: url('images/contact.png') no-repeat;
	background-position: 94px;
}

#prezentare a  {
   background-image: url('images/prezentare.png');
}

#echipa a  {
   background-image: url('images/echipa.png');
}

#judiciar a  {
   background-image: url('images/judiciar.png');
}

#extrajudiciar a  {
   background-image: url('images/extrajudiciar.png');
}

#echipa a:hover,
#prezentare a:hover {
	background-position: -114px 0%;
}

#judiciar a:hover,
#extrajudiciar a:hover {
	background-position: -92px 0%;
}

#prezentare a,
#echipa a {
   background-repeat: no-repeat;
   display: block;
   height: 21px;
   width: 114px;
   background-position: 0% 0px;
   font-size: 21px;
   line-height: 21px;
}

#judiciar a,
#extrajudiciar a {
   background-repeat: no-repeat;
   display: block;
   height: 21px;
   width: 91px;
   background-position: 0% 0px;
   font-size: 21px;
   line-height: 21px;
}

#echipa,
#prezentare {
   float: left;
   position: relative;
   clear: left;
   visibility: hidden;
   margin-top: 1px;
   margin-left: 246px;
   z-index: 110;
   width: 114px;
   height: 21px;
}

#extrajudiciar,
#judiciar {
   float: left;
   position: relative;
   clear: left;
   visibility: hidden;
   margin-left: 361px;
   z-index: 110;
   width: 91px;
   height: 21px;
}

#extrajudiciar {
	margin-top: -43px;
}

#judiciar {
	margin-top: -21px;
}

#banner	{
	float: left;
	position: relative;
	background: url('images/banner_bg.png');
	width: 100%;
	height: 254px;
	z-index: 0;
	margin-top: -44px;
}

#animation {
	float: left;
	position: relative;
	margin-top: 10px;
}

#perso {
	float: left;
	position: relative;
	margin-top: -168px;
	margin-left: 67px;
	background: url('images/perso.png') no-repeat;
	width: 816px;
	height: 248px;
}

#content {
  clear: both;
  font-size: 140%;
  line-height: 140%;
  float: left;
  width: 600px;
  min-width: 600px;
  border-right: 1px solid #7b7a7a;
  display: inline;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
}

#content h1 {
  font-size: 140%;
  color: #ffffff;
  font-weight: normal;
  text-indent: 15%;
}

#content p {
  margin-left: 12%;
  text-indent: 3%;
  color: #ffffff;
  font-size: 90%;
}

.text, ul {
	text-align: justify;
	font-size: 90%;
	line-height: 120%;
}

#sidebar {
	float: right;
	width: 250px;
	min-width: 250px;
	margin: 8px 80px 0px 0px;
	display: inline;
}

#sidebar h1 {
	font-size: 200%;
	color: #ffffff;
	font-weight: normal;
}

.testimonial {
	border-bottom: 1px solid #7b7a7a;
	text-align: justify;
}

.right {
	text-align: right;
}

#testimonial_header {
	height: 164px;
	width: 249px;
	background-image: url('images/testimonial.png');
}

#footer {
  font-size: 9px;
  clear: both;
  width: 920px;
  height: 40px;
  padding-left: 30px;
  padding-top: 20px;
  background-color: #555555;
  color: #ffffff;
}

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

#footer a:hover {
	text-decoration: none;
	color: #555555;
	background-color: #ffffff;
}

#copyright p {
	color: #888888;
}

#footer_trailing {
	float: left;
	position: relative;
	height: 20px;
	background-color: #ffffff;
}

.strong {
	font-weight: bold;
}

.initial {
	font-weight: bold;
	color: #000000;
}