html {
height: 100%;
}

body {
height: 100%;
position: relative;
font: 11px/1.5 georgia, verdana, lucida, arial, helvetica, serif; 
color: #000; background-color: #1B1718;
background-attachment: fixed;
background-position: bottom left;
background-repeat: repeat;
border-bottom: 25px;
margin: 0px;
padding: 0px;
min-width: 850px;
/* max-width:1200px; */
/* width:expression(document.body.clientWidth > 1200? "1200px": "auto" ); */
border: 0px solid #ccc;
}

P {
   font: 11px/1.5 georgia, verdana, lucida, arial, helvetica, serif; 
	/* stupid extra rule for netscape 4 */
		padding: 90px 20px 0px 180px;

}

#frontnav {
	position:absolute;
	top: 50%;
	left: 60px;
	width:74px;
	height:99px;
	margin-top: -49.5px; /*set to a negative number 1/2 of your height*/
	margin-left: -37px; /*set to a negative number 1/2 of your width*/
		border: 0px solid #ccc;
}

#portnav {
	position:absolute;
	top: 50%;
	left: 154px;
	width: 58px;
	height: 79px;
	padding-top: 32px;
	margin-top: -39.5px; /*set to a negative number 1/2 of your height*/
	margin-left: -29px; /*set to a negative number 1/2 of your width*/
		border: 0px solid #ccc;
}

/* TEST MAXWIDTH EXP WITH IE5.5 IE6 IE7 */

#msgd {
	position:absolute;
	top: 50%;
	left: 60%;
	min-width:600px;
	height:52px;
	margin-top: -26px; /*set to a negative number 1/2 of your height*/
	margin-left: -300px; /*set to a negative number 1/2 of your width*/
		border: 0px solid #ccc;
}

#address {
left: 100px;
width: 400px;
}

#client_list {
left: 75px;
width: 400px;
}

h3 {
font: 10px verdana, lucida, arial, helvetica;
	line-height: 17px;
}

form {
   font: 11px georgia, verdana, lucida, arial, helvetica, serif; 
	/* stupid extra rule for netscape 4 */
}  

		#outer {font: 12px verdana; line-height: 17px; color: #ffffff; height: 100%; margin-left: 190px; overflow: hidden; position: relative;}
		#outer[id] {display: table; position: static;}
		
		#middle {position: absolute; top: 50%;} /* for explorer only*/
		#middle[id] {display: table-cell; vertical-align: middle; position: static;}
		
		#address {position: relative; top: -50%} /* for explorer only */
		/* optional: #address[id] {position: static;} */
		
		#client_list {position: relative; top: -50%} /* for explorer only */
		/* optional: #client_list[id] {position: static;} */

		/* just format */

.hiddenNav a:visited {
   font-weight : bold; 
   text-decoration : none;
   color: #FFC;
   background-color: transparent; 
}

.hiddenNav a:link {
   font-weight : bold; 
   text-decoration : none; 
   color: #6990b0;
   background-color: transparent; 
}

.hiddenNav a:hover {
   color : #a7bdcf;
   background-color : transparent;  
   text-decoration : underline; 
}

.hiddenNav a:active {
   font-weight : bold; 
   text-decoration : none; 
   color: #bcd6eb;
   background-color: transparent; 
}

a:visited {
   font-weight : bold; 
   text-decoration : none;
   color: #64a1d3;
   background-color: transparent; 
}

a:link {
   font-weight : bold; 
   text-decoration : none; 
   color: #8595a5;
   background-color: transparent; 
}

a:hover {
   color : #a7bdcf;
   background-color : transparent;  
   text-decoration : underline; 
}

a:active {
   font-weight : bold; 
   text-decoration : none; 
   color: #bcd6eb;
   background-color: transparent; 
}

b {
   font-weight : bold; 
}

strong {
   font-weight : bold; 
}


img {
   border: 0;
}

.email a {
  position: fixed;
  padding: 0;
  top: 460px;
  left: 5px;
  display: inline;
  border: 0px;
  height: 15px;
  width: 147px;
  background-color: transparent;
  text-decoration:  none;
  z-index: 4;
  }
  
.email a i { visibility: hidden; }

.shownContent {
padding: 0;
max-width: 905px;
 }
 
.hiddenContent {
padding: 0;
max-width: 905px;
 }