* {
  font-family: Tahoma, Verdana, Sans-Serif;
  margin: 0;
  padding: 0;
  border: 0;
}

* a:focus {
  outline: none;
}

::selection       { background:#e20a17; color:#ffffff; /* Safari and Opera */ }
::-moz-selection  { background:#e20a17; color:#ffffff; /* Firefox */ }

body {
  margin: 0;
  padding: 0px;
  padding-top: 1px;
  background: url(/img/background4.jpg) repeat-x #729602;
  color: black;
  font-size: 16px;
  text-align: center;
}

#container {
	background: transparent;
	width: 725px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	position: relative;
	left: -13px;
}

#footer {
	background: #transparent;
	height: 55px;
	padding-top: 7px;
	padding-left: 225px;
	text-align: center;
	clear: both;
	color: #c9e39c;
	font-size: 14px;
	line-height: 18px;
}

#home {
	behavior: url(/js/iepngfix.htc);
  background: url(/img/kareelma.png) no-repeat transparent;
	width: 500px;
	float: right;
	height: 642px;
	margin-top: 0px;
}

#content {
	behavior: url(/js/iepngfix.htc);
  background: url(/img/kareelma2.png) no-repeat transparent;
	width: 500px;
	float: right;
	height: 642px;
}

#content_fix {
	padding-top: 151px;
}

#content .clear{
	clear: both;
}

#content h1{
	margin: 0;
	margin-bottom: 12px;
	padding-right: 20px;
	padding-left: 18px;
	font-size: 44px;
	width: 460px;
	height: 52px;
	overflow: hidden;
	color: #e20a17;
}

#content p{
	padding-right: 20px;
	padding-left: 20px;
}

#content a{
	color: #666666;
	font-weight: bold;
}

#content a:hover{
	background-color: #666666;
	color: #ffffff;
	text-decoration: none;
}

#content .address{
	width: 250px;
	margin-top: 7px;
	padding-left: 40px;
	background: url(/img/icon_building.png) no-repeat 20px 2px;
	float: left;
	line-height: 20px;
}

#content .phone{
	width: 210px;
	margin-top: 7px;
	text-indent: 21px;
	background: url(/img/icon_telephone.png) no-repeat 0 1px;
	float: right;
}

#content .fax{
	width: 210px;
	margin-top: 2px;
	text-indent: 20px;
	background: url(/img/icon_fax.png) no-repeat 0 2px;
	float:right;
}

#content .email{
	width: 210px;
	margin-top: 2px;
	text-indent: 20px;
	background: url(/img/icon_email.png) no-repeat 0 3px;
	float: right;
}

#content .map{
	padding-top: 10px;
	padding-left: 20px;
}

#content .map a{
	float: left;
	width: 460px;
	height: 310px;
  background: url(/img/contact_map2.png) no-repeat;
	background-position: 0 0;
}

#content .map a:hover{
	background-position: 0 -310px;
}

#content .map a b {
	display:none;
}

#content .projects_desc {
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
}

#content .projects_url {
	background: url(/img/icon_new_target2.png) no-repeat 20px 7px;
	padding-top: 5px;
	padding-left: 20px;
	text-indent: 20px;
}

#content .principles {
	margin-bottom: 10px;
	text-indent: 20px;
	width: 348px;
	height: 74px;
	float: left;
}

#content .principles span{
	padding-left: 20px;
	text-indent: 0;
	width: 348px;
	float: left;
}

#content .principles_thumb1{
	padding-right: 20px;
	float: right;
}

#content .principles_thumb1 a{
	width: 110px;
	height: 72px;
	float: right;
	border: #dddddd solid 1px;
  background: url(/img/principles_thumb.png) no-repeat 0 0;
	display: block;
}

#content .principles_thumb1 a:hover{
	background-position: -110px 0;
}

#content .principles_thumb1 b{
	display:none;
}


#content .principles_thumb2{
	padding-right: 20px;
	float: right;
}

#content .principles_thumb2 a{
	width: 110px;
	height: 72px;
	float: right;
	border: #dddddd solid 1px;
  background: url(/img/principles_thumb.png) no-repeat 0 -72px;
	display: block;
}

#content .principles_thumb2 a:hover{
  background-position: -110px -72px;
}

#content .principles_thumb2 b{
	display: none;
}

#content .principles_thumb3{
	padding-right: 20px;
	float: right;
}

#content .principles_thumb3 a{
	width: 110px;
	height: 72px;
	float: right;
	border: #dddddd solid 1px;
  background: url(/img/principles_thumb.png) no-repeat 0 -144px;
	display: block;
}

#content .principles_thumb3 a:hover{
  background-position: -110px -144px;
}

#content .principles_thumb3 b{
	display:none;
}

#content .principles_thumb4{
	padding-right: 20px;
	float: right;
}

#content .principles_thumb4 a{
	width: 110px;
	height: 72px;
	float: right;
	border: #dddddd solid 1px;
  background: url(/img/principles_thumb.png) no-repeat 0 -216px;
	display: block;
}

#content .principles_thumb4 a:hover{
  background-position: -110px -216px;
}

#content .principles_thumb4 b{
	display: none;
}

#content .principles_thumb5{
	padding-right: 20px;
	float: right;
}

#content .principles_thumb5 a{
	width: 110px;
	height: 72px;
	float: right;
	border: #dddddd solid 1px;
  background: url(/img/principles_thumb.png) no-repeat 0 -288px;
	display: block;
}

#content .principles_thumb5 a:hover{
  background-position: -110px  -288px;
}

#content .principles_thumb5 b{
	display: none;
}


#navigation {
  background: transparent;
	width: 225px;
	float: right;
	margin-top: -320px;
	padding-top: 460px;
}

#navigation li {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  width: 225px
}

#navigation li a {
  display: block;
  float: left;
  height: 40px;
  background-image: url(/img/menu.png);
  background-position: left top;
  background-repeat: no-repeat;
  cursor: pointer, hand;
}

#navigation li.home a {
  width: 225px;
  background-position: -450px 0;
}

#navigation li.home a:hover {
  background-position: -225px 0;
}

#navigation li.home_selected a{
  width: 225px;
  background-position: 0 0;
}

#navigation li.home_selected a:hover {
  cursor: default;
}

#navigation li.projects a {
  width: 225px;
  background-position: -450px -40px;
}

#navigation li.projects a:hover {
  background-position: -225px -40px;
}

#navigation li.projects_selected a{
  width: 225px;
  background-position: 0 -40px;
}

#navigation li.projects_selected a:hover {
  cursor: default;
}

#navigation li.principles a {
  width: 225px;
  background-position: -450px -80px;
}

#navigation li.principles a:hover {
  background-position: -225px -80px;
}

#navigation li.principles_selected a{
  width: 225px;
  background-position: 0 -80px;
}

#navigation li.principles_selected a:hover {
  cursor:default;
}

#navigation li.projects a span.counter {
  position: absolute;
  margin-left: 102px;
  margin-top: -5px;
  font-size: 75%;
  color: white;
  width: 22px;
  height: 22px;
  line-height: 19px;
  text-align: center;
  padding-right: 2px;
  background: url(/img//img/interface/notice_bg.gif) no-repeat center center;
}

#navigation li.contact a {
  width: 225px;
  background-position: -450px -120px;
}

#navigation li.contact a:hover {
  background-position: -225px -120px;
}

#navigation li.contact_selected a{
  width: 225px;
  background-position: 0 -120px;
}

#navigation li.contact_selected a:hover {
  cursor: default;
}

#navigation li.seperator a{
  width: 225px;
  height:23px;
  background-position: 0 -360px;
  cursor: default;
}

#navigation li.responsibility a {
  width: 225px;
  background-position: -450px -160px;
}

#navigation li.responsibility a:hover {
  background-position: -225px -160px;
}

#navigation li.responsibility_selected a{
  width: 225px;
  background-position: 0 -160px;
}

#navigation li.responsibility_selected a:hover {
  cursor: default;
}

#navigation li.humanresources a {
  width: 225px;
  background-position: -450px -200px;
}

#navigation li.humanresources a:hover {
  background-position: -225px -200px;
}

#navigation li.humanresources_selected a{
  width: 225px;
  background-position: 0 -200px;
}

#navigation li.humanresources_selected a:hover {
  cursor:default;
}

#navigation li a b {
  display: none;
}

span.projects_dvn {
  font-weight: bold;
  color: #55a51c;
  padding-left: 18px;
  background: url(/img/projects_dvn.gif) no-repeat left center;
}

span.projects_dvn b {
  color: #545454;
}