* { margin:0; padding:0; border:0; }
html, body { height:100%; }
body { 
  background: url(../images/bg-tile.gif);
  font:62.5% Verdana, sans-serif; 
  color:#6b6868; 
  padding:7px; 
  text-align:center;
}

p { margin:0 0 6px 0; font-size:1.2em;}
h1 { margin: 11px 0 7px 0; font-size:1.4em; color:#6b6868; }
h2 { margin: 9px 0 6px 0; font-size:1.3em; }
a { color:#005d96; text-decoration: none;}
a:hover { text-decoration: underline;}
a.arr { padding-left: 16px; background: url(../images/linkarrow.gif) center left no-repeat; }

.noCSS { display: none; }

.button {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#CCCCCC url(../images/button-bg-tile.gif) repeat-x scroll center top;
border-color:#999999 #666666 #666666 #999999;
border-style:solid;
border-width:1px 2px 2px 1px;
overflow:visible;
padding:2px 2px 0;
}

#distance { 
  width:1px;
  height:50%;
  background:transparent;
  margin-bottom:-270px; /* half of container's height */
  float:left;
}

#container {
  margin:0 auto;
  position:relative; /* puts container in front of distance */
  background: url(../images/site_bg.png) top no-repeat;
  text-align: left;
  height:539px;
  width:779px;
  clear:left;
  visibility: visible
}

#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 34px;
  margin: 9px auto 11px auto;
  width: 100%;
  text-align: center;
  color: #a4a4a4;
}

#spacebelow {
 height: 50px;
 color: #a4a4a4;
 font-size: 0.8em;
}

#spacebelow * a {
 color: #a4a4a4;
}

#homeLnk {
/*  z-index: 999;*/
  /*position: absolute;
  left: 34px;
  top: 29px;*/
  float: left;
}

#iOverlay img {border: 0px solid #fff; margin: 100px 0 0 97px; width: 611px; height: 404px; }

ul#skipnav {
    font-size: 0.8em;
    list-style-type: none;
    position: absolute;
    right: 10px;
    top: -8px;
}

ul#skipnav li { display: inline; }

ul#skipnav li a { color: #a4a4a4; margin:0 1em 0 0; }

table { border-collapse: collapse;} /*text-align: center;*/

#homeLnk img {
  width: 240px;
  height: 89px;
}

span.logoColor {color: #373535;}
span.logoEcolor {color: #005d96;}

/*img.contImgLeft+p { margin-top: 90px; }*/

img.contImgLeft {
  float:left;
  margin:15px 30px;
}

img.contImgRight {
  float:right;
  margin:0 30px;
}

img.contImgRight {
  float:right;
  margin-left:20px;
}

.childfloatLeft div {
  float:left;
}

p#adress {
  line-height: 22px;
  margin: 85px 0 40px 0;
}

.content {
  /* SIZE OF CONTENT is ~ 627 x 360 px */
  height: 370px;
  clear: both;
  margin: 23px 55px 0px 97px;
  overflow: auto;
}

#clients {
  margin: 23px 43px 0px 95px;
}

#clients a, #clients a.noLink:hover {
  display: block; 
  width: 119px; 
  height: 45px; 
  margin: 2px 3px 2px 2px;
  background: url(../images/all-clients-references.png) top left no-repeat; 
  border: 1px solid #cacaca;
  float: left;
  text-indent: -500em;
}

#clients a.hasTarget:hover {
  border: 2px solid #005d96;
  margin: 1px 2px 1px 1px;
}

a#ref1  {background-position: -2px -3px;}
a#ref2  {background-position: -128px -3px;}
a#ref3  {background-position: -254px -3px;}
a#ref4  {background-position: -380px -3px;}
a#ref5  {background-position: -506px -3px;}
a#ref6  {background-position: -2px -54px;}
a#ref7  {background-position: -128px -54px;}
a#ref8  {background-position: -254px -54px;}
a#ref9  {background-position: -380px -54px;}
a#ref10 {background-position: -506px -54px;}
a#ref11 {background-position: -2px -105px;}
a#ref12 {background-position: -128px -105px;}
a#ref13 {background-position: -254px -105px;}
a#ref14 {background-position: -380px -105px;}
a#ref15 {background-position: -506px -105px;}
a#ref16 {background-position: -2px -156px;}
a#ref17 {background-position: -128px -156px;}
a#ref18 {background-position: -254px -156px;}
a#ref19 {background-position: -380px -156px;}
a#ref20 {background-position: -506px -156px;}
a#ref21 {background-position: -2px -207px;}
a#ref22 {background-position: -128px -207px;}
a#ref23 {background-position: -254px -207px;}
a#ref24 {background-position: -380px -207px;}
a#ref25 {background-position: -506px -207px;}
a#ref26 {background-position: -2px -258px;}
a#ref27 {background-position: -128px -258px;}
a#ref28 {background-position: -254px -258px;}
a#ref29 {background-position: -380px -258px;}
a#ref30 {background-position: -506px -258px;}
a#ref31 {background-position: -2px -309px;}
a#ref32 {background-position: -128px -309px;}
a#ref33 {background-position: -254px -309px;}
a#ref34 {background-position: -380px -309px;}
a#ref35 {background-position: -506px -309px;}

#contPhil h1, #contPhil div.leftPix {background: #b29373;}
#contReal h1 {background: #6a867d;}
#contProd h1, #contProd div.leftPix { background: #546e7f;}
#contPhil h1, #contReal h1, #contProd h1 {
  font-weight: bold;
  margin-left: 110px;
  color: #ffffff;
}

div.leftPix + h1 { margin: 0 0 7px 110px;}
div.leftPix img { margin-bottom: 15px; }
p.lastP { margin-bottom: 0; }
div.leftPix {
	text-align: center;
	height: 359px;
	width: 100px;
	margin-right: 10px;
	/*background: #aaa;*/
	float: left;
	overflow: hidden;
}

/******** portfolio, about & prices icons ********/
.pdfIconLeft {
  background: url(../images/pdf_icon.png) no-repeat left top;
  display: block;
  padding-left: 38px;
}

#abNav, #pfNav {
  height: 205px;
}

#prices ul {
  padding: 15px 0 0 80px;
  list-style: none;
}

#abNav li, #pfNav li {
  width:49.9%;
  list-style: none;
  float: left;
  padding: 0 0 10px 0;
}

#abNav li a, #pfNav li a, #prices ul li {
  height: 80px;
  line-height: 80px; /* (! for centered vertical align)*/
  display: block;
  font-size: 2.4em;
  background-image: url(../images/icons-portfolio.png);
  background-repeat: no-repeat;
}
#abNav li a {
  background-image: url(../images/icons-about.png);
}
#prices ul li {
  background-image: url(../images/icons-prices.png);
}

/*#abNav li a:hover, #pfNav li a:hover {
  text-decoration: underline;
}*/

#pfNav1, #pfNav3, #abNav1, #abNav3 {
  padding: 0 100px 0 0;
  text-align: right;
}

#pfNav2, #pfNav4, #abNav2, #abNav4, #prices ul li {
  padding: 0 0 0 100px;
}

#pfNav1, #price1 {
  color: #aa0808;
  background-position: top left;
}

#pfNav1, #abNav1 {
  background-position: top right;
}

#pfNav2, #price2 {
  color: #ff8808;
  background-position: 0 -90px;
}

#pfNav3, #price3 {
  color: #017750;
  background-position: left -180px;
}

#pfNav3, #abNav3 {
  background-position: right -180px;
}

#pfNav4, #price4 {
  color: #004f7f;
  background-position: 0 -270px;
}

#abNav1 {
  color: #aa0808;
  /*color: #8c6262;*/
}

#abNav2 {
  color: #ff8808;
  /*color: #b29373;*/
  background-position: 0 -90px;
}

#abNav3 {
  color: #017750;
  /*color: #6a867d;*/
}

#abNav4 {
  color: #004f7f;
  /*color: #546e7f*/;
  background-position: 0 -270px;
}

.rTxt { text-align: right; }

/*.lCol, .mCol, .rCol { text-align: justify; }*/

.lCol p, .mCol p, .rCol p { line-height:140%; }

.lCol, .rCol { width: 190px; }

.lCol {
  clear: both;
  float: left;
}

.mCol { padding: 0 215px 0 215px; }

.r2Col { padding: 0 0 0 215px; }

.rCol { float: right; }

#signature { padding: 23px 30px 0 0; }

/******** end portfolio icons ********/