/* --- ICEBERG --- */
img#iceberg {
 position: absolute;
 top:20px;
 right: 5%;
 z-index: 2;
 /*padding-top: 20px;*/
 /*width: 339px;
 height: 297px;*/
 /*border: 1px #095 dashed;*/
}
/* --- MAIN SECTION --- */
 /* --- bar --- */
 #bar {
  margin-top: 105px; /* has to correspond with iceberg image */
  min-height: 148px; /*=160px(height bar in iceberg image) - 10px(padding-top) - 2px(bottom-padding)*/
  padding: 10px 400px 2px 3%;
  z-index: 1;
  background-color: #369;
  color: #FFF;
 }
  * html #bar {height:148px;}/*for ie only*/

  #bar a { color: #FFF; }

  /*#bar span.heightPreserver {
   height: 150px;
  }*/
 /* --- navigation --- */
 #navigation {
  position: relative;
  padding-left: 5%;
 }
  #navigation li {
   padding-bottom: 3px;
   list-style-image: url(http://www.patrickdepinguin.com/images/arrows.gif);
   /*list-style-position: inside;*/
  }
 /* --- footer --- */
 #footer {
  position: relative;
  padding: 10px 0px 0px 3%;
  color: #666;
  font-size: 0.9em;
 }

  #icons {
   position:absolute;
   padding: 10px 0px 0px 0px;
   right: 0px;
   width: 80px;
   /*left: 75%;*/
   /*width: 19%;*/
  }
   #icons img {
	clear: right;
	float: right;
   }
/* MISCELLANEOUS STYLES
---------------------------------------------- */
/* --- HTML tags redefined ---*/
body {
 margin: 0px;
 padding: 0px; /*Opera fix for whitespace along the blue bars*/
 font-family: "Arial", "Helvetica", sans-serif;
 font-size: 1em;
 color: #000;
 background-color: #FFF;
}
a { color: #039; }
 a:active { color: #333; }
 a:visited { color: #369; }
h1 {
 font-size: 2.8em;
 color: #FFF;
 font-weight: bold;
 margin: 0px;
}
img { border: none; }
/* --- Generic classes --- */
.smallTitle { font-size: 1.2em; }